.contact-page{background:#fff;color:#111}.contact-page .main-nav .active{color:var(--red)}.contact-page .inner-hero{height:400px;position:relative;display:flex;align-items:center;color:#fff;background:url('../img/services/our_services_2.png') center/cover no-repeat}.contact-page .inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505eb,#05050587 58%,#05050542)}.contact-page .inner-hero .site-container{position:relative}.contact-page .inner-hero h1{font-size:58px;font-weight:900;text-transform:none;margin:0 0 28px}.contact-page .breadcrumbs{font-size:14px}.contact-page .breadcrumbs a{color:#fff}.contact-page .breadcrumbs span{color:var(--red)}
.contact-main{height:850px;display:flex;align-items:center}.contact-main-inner{width:1200px;max-width:calc(100% - 40px);margin:auto;display:grid;grid-template-columns:520px 1fr;gap:70px;align-items:start}.quote-form{height:600px;background:#fff;border-radius:12px;box-shadow:0 15px 45px #00000013;overflow:hidden}.quote-form-head{height:160px;background:var(--red);color:#fff;clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%);display:flex;flex-direction:column;align-items:center;padding-top:48px}.quote-form-head strong{font-size:22px;text-transform:uppercase}.quote-form-head span{font-size:15px;margin-top:8px;color:#444;transform:translateY(70px)}.quote-fields{padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:20px 25px}.quote-fields input,.quote-fields select,.quote-fields textarea{width:100%;height:54px;border:1px solid #ddd;padding:0 18px;font:500 14px Mulish;background:#fff;outline:0;transition:border-color .25s,box-shadow .25s}.quote-fields textarea{height:60px;padding-top:18px;resize:none}.quote-fields input:focus,.quote-fields select:focus,.quote-fields textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px #d1051b12}.quote-full{grid-column:1/-1}.quote-fields button{width:100%;border-radius:28px}
.contact-visual{height:600px}.contact-visual-image{height:500px;overflow:hidden}.contact-visual-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.contact-visual-image:hover img{transform:scale(1.04)}.contact-info-strip{height:100px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd}.contact-info{display:grid;grid-template-columns:62px 1fr;gap:15px;align-items:center;padding:0 22px}.contact-info:last-child{background:var(--red);color:#fff}.contact-info-icon{font-size:39px}.contact-info strong{display:block;font-size:20px}.contact-info span{font-size:13px;color:#777}.contact-info:last-child span{color:#fff}.contact-page .footer{height:522px}
@media(max-width:1000px){.contact-page .inner-hero{height:320px}.contact-page .inner-hero h1{font-size:48px}.contact-main{height:auto;padding:90px 0}.contact-main-inner{width:min(100% - 40px,760px);grid-template-columns:1fr}.quote-form{height:auto}.contact-visual{order:-1}.contact-page .footer{height:auto}}
@media(max-width:600px){.contact-page .inner-hero{height:260px}.contact-page .inner-hero h1{font-size:40px}.contact-main{padding:70px 0}.contact-main-inner{width:calc(100% - 30px);gap:40px}.contact-visual{height:auto}.contact-visual-image{height:340px}.contact-info-strip{height:auto;grid-template-columns:1fr}.contact-info{min-height:90px}.quote-form-head{height:145px}.quote-form-head span{transform:translateY(60px)}.quote-fields{padding:28px 20px;grid-template-columns:1fr}.quote-full{grid-column:1}.quote-form{border-radius:9px}}

/* White chevron heading used in the supplied contact design */
.quote-form-head{clip-path:none!important;color:#111!important;padding-top:91px!important;position:relative;overflow:hidden}
.quote-form-head:before{content:"";position:absolute;left:0;right:0;top:48px;height:115px;background:#fff;clip-path:polygon(0 48%,50% 0,100% 48%,100% 100%,0 100%)}
.quote-form-head strong,.quote-form-head span{position:relative;z-index:2}.quote-form-head span{transform:none!important;color:#777!important}
@media(max-width:600px){.quote-form-head{padding-top:84px!important}.quote-form-head:before{top:42px}}
