.csp-hero-banner{display:inline-block;margin-bottom:-78px;position:relative;top:-78px;vertical-align:middle;width:100%;z-index:0}.csp-hero-banner:before{background:hsla(0,0%,100%,.52);box-shadow:0 10px 8px rgba(0,0,0,.06);content:"";height:78px;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.csp-hero-banner .banner-inner{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;height:750px;padding-bottom:192px;padding-top:250px;position:relative;vertical-align:top;width:100%;z-index:1}.csp-hero-banner .banner-inner:before{background:linear-gradient(91.84deg,#fff 3.79%,hsla(0,0%,85%,0) 104.48%);bottom:0;content:"";height:100%;left:0;padding:216px 27px 192px 166px;position:absolute;top:78px;width:75%}.csp-hero-banner .banner-inner .banner-wrap{display:inline-block;position:relative;vertical-align:top;width:50%;z-index:1}.csp-hero-banner .banner-inner .banner-wrap:after{background-image:url(https://www.contourheating.co.uk/hubfs/contour_assets/images/square-dots.png);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:-30px;content:"";height:100px;left:unset;position:absolute;right:40%;width:30px}.csp-hero-banner .banner-inner .banner-wrap .title{display:inline-block;vertical-align:top;width:100%}.csp-hero-banner .banner-inner .banner-wrap .title h1{display:inline-block;font-size:60px;font-weight:500;line-height:60px;margin:0;padding:0;vertical-align:top;width:100%}.csp-hero-banner .banner-inner .banner-wrap .title h1 span{color:#4a4a4a}.csp-hero-banner .bottom-cta{align-items:baseline;bottom:26.5px;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;width:100%;z-index:3}.csp-hero-banner .bottom-cta .cta-wrap{align-items:center;display:flex;justify-content:center;width:100%}.csp-hero-banner .banner-inner .banner-wrap .cta{display:inline-block;margin:30px 0 0;width:100%}.csp-hero-banner .banner-inner .banner-wrap:after{display:none}.csp-hero-banner .banner-inner .square-box{bottom:0;display:inline-block;height:90px;left:490px;position:absolute;vertical-align:top;width:26px;z-index:99}.snippet{height:90px}.snippet,.stage{margin:0;padding:0;position:relative}.stage{align-items:center;display:flex;height:154px;justify-content:center;overflow:hidden}.dot-flashing{animation:dot-flashing 1s linear infinite alternate;animation-delay:.5s;background-color:transparent;border:3px solid hsla(0,0%,100%,.52);border-radius:unset;color:#9880ff;display:none!important;height:24px;margin-top:-2px;position:relative;width:24px}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{animation:dot-flashing 1s infinite alternate;animation-delay:0s;margin-bottom:10px;top:-34px}.dot-flashing:after,.dot-flashing:before{background-color:transparent;border:3px solid hsla(0,0%,100%,.52);border-radius:unset;color:#9880ff;height:24px;left:-3px;width:24px}.dot-flashing:after{animation:dot-flashing 1s infinite alternate;animation-delay:1s;top:-65px}@keyframes dot-flashing{0%{border:3px solid #fff}}@media(max-width:1215px){.csp-hero-banner .banner-inner .banner-wrap:after{right:10%}}@media(max-width:1199px){.csp-hero-banner .banner-inner .banner-wrap .title h1{font-size:50px}.csp-hero-banner .banner-inner{padding-top:220px}.csp-hero-banner .banner-inner:before{height:84%;padding:0}}@media(max-width:1024px){.csp-hero-banner .banner-inner{height:auto;width:100%}}@media(max-width:991px){.csp-hero-banner .banner-inner .banner-wrap .title h1{font-size:40px;line-height:50px}.csp-hero-banner .banner-inner{padding-bottom:180px;padding-top:220px}.csp-hero-banner .banner-inner:before{height:83%;padding:0}}@media(max-width:992px){.csp-hero-banner{margin-bottom:0;top:0}}@media(max-width:767px){.csp-hero-banner .banner-inner{padding-bottom:160px;padding-top:170px}.csp-hero-banner .banner-inner:before{height:80%;padding:0}.csp-hero-banner .banner-inner .banner-wrap .title h1{font-size:35px;line-height:45px}.csp-hero-banner .banner-inner .banner-wrap{width:100%}}@media(max-width:576px){.csp-hero-banner .banner-inner .square-box{left:450px}}@media(max-width:482px){.csp-hero-banner .banner-inner .square-box{left:320px}}