.contact-page{margin-top:30px}.contact-page .inner-wrapper{padding:0 20px;width:100%}.contact-page h3{color:#98a1a2;text-transform:uppercase;font-size:12px;letter-spacing:1px}.contact-page h2{font-family:'iCielBC Portico';font-size:23px;margin:10px 0 30px 0;color:#158b9a}.contact-page h4{font-size:16px;color:#485658;letter-spacing:-0.5px}.contact-page .contact-form,.contact-page .contact-info{width:100%}.contact-page .text-field-wrapper{display:flex;margin-bottom:16px;padding:6px 12px;align-items:center;grid-column-gap:10px;border:1px solid #000;border-radius:6px;background-color:#fff;box-shadow:0 4px 0 0 #000}.contact-page .text-field-plain{border:1px none #000;display:block;width:100%;height:38px;padding:8px 12px;font-size:14px;color:#333333;padding-left:0px}.contact-page .button-primary{display:block;cursor:pointer;min-height:40px;padding:12px 36px;border:1.5px solid #050505;border-radius:4px;background-color:#7af0ff;box-shadow:0 4px 0 0 #050505;transition:box-shadow 200ms ease,background-color 500ms cubic-bezier(0.6, 0.6, 0, 1);color:#050505;font-size:15px;line-height:24px;text-align:center}.contact-page .button-primary:hover{background-color:#aff6ff;box-shadow:0 2px 0 0 #050505}.contact-page textarea{border:0px;width:100%}.contact-page .contact-box{margin:100px 0}.contact-page .contact-form .icon{font-size:24px}.contact-page .contact-info{margin:100px 0 0 0;padding:0px 50px 50px 30px;font-size:16px;border:1px solid #000;box-shadow:0 8px 0 0 #000;border-radius:6px;background-color:#fff;background-image:url(/images/xoimoc-icon-packs/xoimoc-contact-bg.svg);background-position:100% 0%;background-size:auto;background-repeat:no-repeat}.contact-page .contact-info-header{background:#efc3be;color:#000;text-transform:uppercase;text-align:center;font-family:'iCielBC Portico';font-size:16px;margin-top:-17px;margin-bottom:50px;border:1px solid #000;border-radius:30px}.contact-page .contact-info .contact-row{margin-bottom:15px}.contact-page .contact-info .contact-row .label{font-family:'iCielBC Portico';font-size:20px}.contact-page .contact-info .contact-row-footer{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border:1.5px solid #050505;border-radius:100px;color:#050505;margin-top:50px}.contact-page .contact-info .contact-row-footer a{font-size:26px;display:flex;width:24px;height:24px;justify-content:center;align-items:center}.contact-page .contact-info .icon{font-size:44px;margin:0 10px 0 -10px}.contact-page .agency-hero-circlebox{position:absolute;z-index:-100;width:100%;height:100%;max-width:1150px;top:-260px;left:0;overflow:hidden}.contact-page .agency-hero-circle{position:absolute;left:auto;top:18%;left:26%;bottom:auto;z-index:-100;width:380px;height:380px;border:1px none #000;border-radius:1000px;background-color:rgba(238,213,229,0.45)}.contact-page .agency-hero-circle.herocircle3{top:18%;left:0%;background-color:rgba(220,230,249,0.5)}.contact-page .agency-hero-circle.herocircle2{top:38%;left:13%;background-color:rgba(205,232,225,0.5)}@media screen and (min-width: 767px){.contact-page{padding:40px 0}.contact-page .inner-wrapper{margin:0}.contact-page .contact-box{margin:100px 0 200px 0}.contact-page .contact-form{width:calc(100% - 260px)}.contact-page .contact-info{width:260px}.contact-page .contact-info{margin:0;padding:0px 20px 50px 20px}.contact-page .contact-info .contact-row-footer{margin-top:110px}.contact-page .button-primary,.contact-page .text-field-wrapper{width:90%;margin-left:5%}.contact-page h2{font-size:30px}.contact-page .agency-hero-circlebox{height:200%}}@media screen and (min-width: 991px){.contact-page .contact-form{width:calc(100% - 320px)}.contact-page .contact-info{width:320px;padding:0px 50px 50px 30px}.contact-page .button-primary,.contact-page .text-field-wrapper{width:70%;margin-left:15%}}