@charset "UTF-8";.promo-popup-contain{position:relative;border-radius:5px;overflow:hidden;max-width:100%;width:700px;max-height:90%;padding:0;background-color:#8bb2ff;overflow-y:auto}@media screen and (min-width:641px){.promo-popup-contain{min-width:500px}}@media screen and (max-width:640px){.promo-popup-contain{max-width:90%}}.promo-popup-contain .promo-content{text-align:center;color:white;position:relative;z-index:10;text-wrap:balance;padding:clamp(25px, 5%, 45px) clamp(15px, 5%, 30px)}.promo-popup-contain .promo-content>:first-child{margin-top:0}.promo-popup-contain .promo-content>:last-child{margin-bottom:0}.promo-popup-contain .promo-content .icon-heading{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.promo-popup-contain .promo-content .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.promo-popup-contain .promo-content .btn-wrap.column{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.promo-popup-contain .promo-content :where(ol,ul){display:inline-block;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.promo-popup-contain .promo-content iframe,.promo-popup-contain .promo-content table{margin-left:auto;margin-right:auto}.promo-popup-contain .promo-content h2{text-transform:none!important}.promo-popup-contain .promo-content.has-bg-img{padding-bottom:calc(max(250px, 45%))}.promo-popup-contain .promo-content .promo-image{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;z-index:-1}.promo-popup-contain .promo-content .promo-image img{-o-object-position:center 25%;object-position:center 25%;-webkit-filter:brightness(var(--brightness, 1));filter:brightness(var(--brightness, 1))}.promo-popup-contain .promo-content .h1,.promo-popup-contain .promo-content .h2,.promo-popup-contain .promo-content .h3,.promo-popup-contain .promo-content .h4,.promo-popup-contain .promo-content .h5,.promo-popup-contain .promo-content .h6,.promo-popup-contain .promo-content h1,.promo-popup-contain .promo-content h2,.promo-popup-contain .promo-content h3,.promo-popup-contain .promo-content h4,.promo-popup-contain .promo-content h5,.promo-popup-contain .promo-content h6{font-weight:bold;margin:0;text-transform:lowercase;line-height:1.2}.promo-popup-contain .promo-content .h1:first-letter,.promo-popup-contain .promo-content .h2:first-letter,.promo-popup-contain .promo-content .h3:first-letter,.promo-popup-contain .promo-content .h4:first-letter,.promo-popup-contain .promo-content .h5:first-letter,.promo-popup-contain .promo-content .h6:first-letter,.promo-popup-contain .promo-content h1:first-letter,.promo-popup-contain .promo-content h2:first-letter,.promo-popup-contain .promo-content h3:first-letter,.promo-popup-contain .promo-content h4:first-letter,.promo-popup-contain .promo-content h5:first-letter,.promo-popup-contain .promo-content h6:first-letter{text-transform:uppercase}.promo-popup-contain .promo-content h3.tagline{--max-size:40px;--scaler:6vw;margin:0 0 0.2em 0;font-size:clamp(20px, 6.5vw, 40px);color:#222222}.promo-popup-contain .promo-content h2{--max-size:65px;--scaler:7vw;margin:0 0 0.5em 0;font-weight:800;font-size:clamp(30px, 7.5vw, 65px);color:#222222}.promo-popup-contain .promo-content h2 .block{background-color:#222222;line-height:1.1;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding:0.1em 0.5em 0.2em 0.5em;margin:0 auto;color:white}.promo-popup-contain .promo-content h2 .block:first-letter{text-transform:uppercase}.promo-popup-contain .promo-content h2 small{text-transform:lowercase;margin-top:0.3em;font-size:clamp(18px, 50%, 30px)}.promo-popup-contain .promo-content p{margin:0;font-size:1rem;line-height:1.4}.promo-popup-contain .promo-content p.cta{font-weight:bold;font-size:clamp(18px, 3.7vw, 30px);text-transform:lowercase;margin:0 0 0.4em 0;line-height:1.2}.promo-popup-contain .promo-content p.cta:first-letter{text-transform:uppercase}.promo-popup-contain .promo-content form{margin:0.7em 0}.promo-popup-contain .promo-content form button{max-width:300px;width:100%;min-width:0;min-height:65px}@media screen and (max-width:500px){.promo-popup-contain .promo-content form button{max-width:260px;min-height:60px}}.project-btn-group{position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}@media screen and (max-width:640px){.project-btn-group{gap:12px}}@media screen and (max-width:460px){.project-btn-group{gap:7px}}.project-btn-group input.proj-toggle{position:absolute;opacity:0;pointer-events:none}.project-btn-group.project-type-group .project-btn{--svg-color:#bbbbbb}.project-btn-group.project-type-group .project-btn:focus-visible,.project-btn-group.project-type-group .project-btn:hover{--svg-color:#222222}.project-btn-group.project-type-group .project-btn .proj-text{text-transform:none;font-weight:600;letter-spacing:1px}.project-btn-group.project-type-group input.proj-toggle:checked~.proj-icon{--svg-color:#222222}.project-btn-group .project-btn{text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:inherit;color:inherit;background:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;font-weight:inherit;cursor:pointer;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0;margin:0;padding:0;text-align:inherit;--svg-color:#eb1d25;position:relative;overflow:hidden;background-clip:padding-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;border-radius:5px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:15px;width:100%}.project-btn-group .project-btn:focus-visible{outline:auto}@supports ((-webkit-clip-path:inset(0 0 0 0 round 5px)) or (clip-path:inset(0 0 0 0 round 5px))){.project-btn-group .project-btn{-webkit-clip-path:inset(0 0 0 0 round 5px);clip-path:inset(0 0 0 0 round 5px);border-radius:0}}.project-btn-group .project-btn input.proj-toggle:checked~.check:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.project-btn-group .project-btn input.proj-toggle:checked~.check .check-icon path{stroke-dashoffset:0;fill:white;-webkit-transition-property:stroke-dashoffset, fill;-o-transition-property:stroke-dashoffset, fill;transition-property:stroke-dashoffset, fill;-webkit-transition-delay:0.2s, 0.5s;-o-transition-delay:0.2s, 0.5s;transition-delay:0.2s, 0.5s}.project-btn-group .project-btn input.proj-toggle:checked~.outline rect{stroke-dasharray:400% 0%}.project-btn-group .project-btn input.proj-toggle:disabled~.outline{background:#838383;opacity:0.7}.project-btn-group .project-btn input.proj-toggle:disabled~.proj-icon{--svg-color:#838383}.project-btn-group .project-btn .check{width:32px;width:clamp(26px, 5.5vw, 32px);height:32px;height:clamp(26px, 5.5vw, 32px);position:absolute;top:10px;left:10px;pointer-events:none}.project-btn-group .project-btn .check:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;border-radius:50%;display:block;background:#eb1d25;-webkit-transition:all 0.3s ease 0.6s;-o-transition:all 0.3s ease 0.6s;transition:all 0.3s ease 0.6s;z-index:1;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}.project-btn-group .project-btn .check .check-icon{position:relative;z-index:2;width:100%;height:100%;padding:2px}.project-btn-group .project-btn .check .check-icon path{stroke-dasharray:99.47578430175781;stroke-dashoffset:-99.47578430175781;fill:transparent;stroke-width:2px;stroke:white;-webkit-transition:stroke-dashoffset 0.5s ease 0.2s, fill 0.3s ease;-o-transition:stroke-dashoffset 0.5s ease 0.2s, fill 0.3s ease;transition:stroke-dashoffset 0.5s ease 0.2s, fill 0.3s ease;will-change:stroke-dashoffset, fill}.project-btn-group .project-btn .outline{position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;display:block;pointer-events:none;background:white;z-index:-1}.project-btn-group .project-btn .outline rect{stroke-width:8px;fill:transparent;stroke:#eb1d25;stroke-dasharray:0 400%;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;will-change:stroke-dasharray}.project-btn-group .project-btn .proj-icon{max-height:70px;max-height:clamp(60px, 10vw, 70px);max-width:110px;max-width:clamp(80px, 25vw, 110px);width:100%;-ms-flex-negative:0;flex-shrink:0}.project-btn-group .project-btn .proj-icon svg{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;fill:var(--svg-color);color:var(--svg-color);height:100%;width:100%}.project-btn-group .project-btn .proj-text{color:black;font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:1.5px;line-height:1.2}@media screen and (max-width:640px){.project-btn-group .project-btn .proj-text{letter-spacing:1px;font-size:16px}}@media screen and (max-width:460px){.project-btn-group .project-btn .proj-text{font-size:15px}}.hero-atf-section{color:white;position:relative;z-index:10;background:transparent}@media screen and (min-width:1201px){.hero-atf-section{margin-bottom:calc((clamp(20px, 3.7vw, 100px) * -1) - 1px)}.hero-atf-section+.main-section{position:relative;z-index:1}.hero-atf-section+.main-section .site-wrapper{padding-top:180px;padding-top:clamp(80px, 9vw, 180px)}}.hero-atf-section .site-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper{--py-min:60px;padding-bottom:110px;padding-bottom:clamp(80px, 6.5vw, 110px);padding-top:60px;padding-top:clamp(30px, 4vw, 60px);-webkit-column-gap:100px;column-gap:100px;-webkit-column-gap:clamp(50px, 5vw, 100px);column-gap:clamp(50px, 5vw, 100px)}}@media screen and (max-width:1200px){.hero-atf-section .site-wrapper{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hero-atf-section .site-wrapper .hero-contain{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:1200px){.hero-atf-section .site-wrapper .hero-contain{min-height:450px;min-height:clamp(275px, 50vw, 450px);z-index:2;position:relative;width:100%;margin-bottom:calc((clamp(20px, 3.7vw, 100px) * -1) - 1px)}}.hero-atf-section .site-wrapper .hero-contain .content-contain{will-change:"", transform, opacity;-webkit-animation:ud253f5a3 1s ease 0s 1 forwards;animation:ud253f5a3 1s ease 0s 1 forwards;position:relative;z-index:2}@-webkit-keyframes ud253f5a3{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes ud253f5a3{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .hero-contain .content-contain{padding-left:0;padding-right:0}}@media screen and (max-width:1200px){.hero-atf-section .site-wrapper .hero-contain .content-contain{--py-scaler:15vw;--py-min:60px;--py-max:100px}}.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text{--scaler:2.7vw;--max:55px;font-size:var(--max);font-size:clamp(25px, var(--scaler), var(--max));line-height:1.2;font-weight:800;text-transform:uppercase;text-align:center}@media screen and (min-width:601px){.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text{text-shadow:5px 5px 15px rgba(0, 0, 0, 0.8)}}@media screen and (max-width:1500px){.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text{--scaler:4vw}}@media screen and (max-width:1000px){.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text{--max:45px;--scaler:7vw}}.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text small{--size:75%;display:block;font-weight:700;text-transform:none;font-size:calc(max(var(--size), 18px));margin:7px 0}@media screen and (max-width:1500px){.hero-atf-section .site-wrapper .hero-contain .content-contain .hero-text small{--size:68%}}.hero-atf-section .site-wrapper .hero-contain .hero-bg-contain{will-change:"", clip-path;-webkit-animation:uacbc32af 1s ease 0s 1 forwards;animation:uacbc32af 1s ease 0s 1 forwards;position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;z-index:1;pointer-events:none;background:#222222}@-webkit-keyframes uacbc32af{0%{-webkit-clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% calc(100% - clamp(20px, 3.7vw, 100px)), 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0);clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% calc(100% - clamp(20px, 3.7vw, 100px)), 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0)}to{-webkit-clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0);clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0)}}@keyframes uacbc32af{0%{-webkit-clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% calc(100% - clamp(20px, 3.7vw, 100px)), 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0);clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% calc(100% - clamp(20px, 3.7vw, 100px)), 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0)}to{-webkit-clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0);clip-path:polygon(100% 0, 100% calc(100% - clamp(20px, 3.7vw, 100px)), 50% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)), 0 0)}}.hero-atf-section .site-wrapper .hero-contain .hero-bg-contain video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:none;max-height:none;--hero-video-mq:600}@media screen and (max-width:600px){.hero-atf-section .site-wrapper .hero-contain .hero-bg-contain video{display:none}}.hero-atf-section .site-wrapper .hero-contain .hero-bg-contain .hero-mobile-bg{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-width:none;max-height:none;-webkit-filter:brightness(0.9);filter:brightness(0.9)}@media screen and (min-width:741px){.hero-atf-section .site-wrapper .hero-contain .hero-bg-contain .hero-mobile-bg{display:none}}.hero-atf-section .site-wrapper .form-contain{text-align:center;position:relative;z-index:2;width:30%;-ms-flex-negative:0;flex-shrink:0;background:rgba(0, 0, 0, 0.8)}.hero-atf-section .site-wrapper .form-contain>:first-child{margin-top:0}.hero-atf-section .site-wrapper .form-contain>:last-child{margin-bottom:0}.hero-atf-section .site-wrapper .form-contain .icon-heading{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-atf-section .site-wrapper .form-contain .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.hero-atf-section .site-wrapper .form-contain .btn-wrap.column{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hero-atf-section .site-wrapper .form-contain :where(ol,ul){display:inline-block;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero-atf-section .site-wrapper .form-contain iframe,.hero-atf-section .site-wrapper .form-contain table{margin-left:auto;margin-right:auto}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .form-contain{-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%);opacity:0;will-change:"", transform, opacity;-webkit-animation:u86c25dbd 1s ease 0.3s 1 forwards;animation:u86c25dbd 1s ease 0.3s 1 forwards;--px-max:40px;--px-scaler:2.5vw;padding-top:40px;padding-top:clamp(20px, 2.3vw, 40px);padding-bottom:85px;padding-bottom:clamp(40px, 4.5vw, 85px);min-width:400px;max-width:550px;border-radius:5px;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)/2));clip-path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - clamp(20px, 3.7vw, 100px)/2))}@-webkit-keyframes u86c25dbd{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes u86c25dbd{0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}}@media screen and (max-width:1200px){.hero-atf-section .site-wrapper .form-contain{padding-top:110px;padding-top:clamp(60px, 11vw, 110px);z-index:1;background:#222222;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%}}.hero-atf-section .site-wrapper .form-contain .projects-form{position:relative}.hero-atf-section .site-wrapper .form-contain .projects-form>:first-child{margin-top:0}.hero-atf-section .site-wrapper .form-contain .projects-form>:last-child{margin-bottom:0}.hero-atf-section .site-wrapper .form-contain .projects-form h3{margin:0 0 25px 0}@media screen and (max-width:1200px){.hero-atf-section .site-wrapper .form-contain .projects-form h3{--max-size:30px;--min-size:23px;--heading-scale-factor:1.2}}.hero-atf-section .site-wrapper .form-contain .projects-form label.error{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;width:100%;top:100%;margin:0;padding:15px 0;text-align:center;font-weight:bold}.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group{gap:15px;gap:clamp(7.5px, 2.5vw, 15px);display:-ms-grid;display:grid;width:100%;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;max-width:460px;margin:3% auto}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group{gap:15px;gap:clamp(7.5px, 0.9vw, 15px)}}@media screen and (max-width:1200px) and (min-width:801px){.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);max-width:none}}.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn{height:160px;height:clamp(125px, 25vw, 160px);width:auto}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn{height:160px;height:clamp(125px, 8vw, 160px)}}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn .check{width:30px;width:clamp(26px, 1.8vw, 30px);height:30px;height:clamp(26px, 1.8vw, 30px)}}.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn .proj-icon{--scaler-height:10vw;--scaler-width:25vw;max-height:60px;max-height:clamp(50px, var(--scaler-height), 60px);max-width:100px;max-width:clamp(70px, var(--scaler-width), 100px)}@media screen and (min-width:1201px){.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn .proj-icon{--scaler-height:3.5vw;--scaler-width:6.5vw}}.hero-atf-section .site-wrapper .form-contain .projects-form .project-btn-group .project-btn .proj-text{font-size:17px}.roof-contractors-section .site-wrapper:before{width:25px;width:clamp(12px, 1.5vw, 25px);content:"";position:absolute;top:0;left:0;height:100%;display:block;background:-webkit-gradient(linear, left bottom, left top, from(#ba1017), to(#eb1d25));background:-webkit-linear-gradient(bottom, #ba1017 0%, #eb1d25 100%);background:-o-linear-gradient(bottom, #ba1017 0%, #eb1d25 100%);background:linear-gradient(0deg, #ba1017 0%, #eb1d25 100%);pointer-events:none;z-index:2}@media screen and (max-width:800px){.roof-contractors-section .site-wrapper:before{display:none}}.roof-contractors-section .site-wrapper .section-content{text-align:center;z-index:3;width:43%;margin:0 0 0 auto}.roof-contractors-section .site-wrapper .section-content .icon-heading{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.roof-contractors-section .site-wrapper .section-content .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.roof-contractors-section .site-wrapper .section-content .btn-wrap.column{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.roof-contractors-section .site-wrapper .section-content :where(ol,ul){display:inline-block;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.roof-contractors-section .site-wrapper .section-content iframe,.roof-contractors-section .site-wrapper .section-content table{margin-left:auto;margin-right:auto}@media screen and (max-width:1500px){.roof-contractors-section .site-wrapper .section-content{width:57%}}@media screen and (max-width:1200px){.roof-contractors-section .site-wrapper .section-content{padding-bottom:400px;padding-bottom:clamp(125px, 63vw, 400px);width:100%}}.roof-contractors-section .site-wrapper .section-content h1{--scaler:2.3vw}@media screen and (min-width:1201px){.roof-contractors-section .site-wrapper .section-content h1{font-size:40px;font-size:clamp(28px, var(--scaler), 40px)}}@media screen and (max-width:1500px){.roof-contractors-section .site-wrapper .section-content h1{--scaler:2.6vw}}.roof-contractors-section .site-wrapper .service-area{position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;pointer-events:none;z-index:1;left:5%;max-width:50%}@media screen and (max-width:1500px){.roof-contractors-section .site-wrapper .service-area{left:0;opacity:0.2;max-width:100%}}@media screen and (max-width:1200px){.roof-contractors-section .site-wrapper .service-area{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;left:57%;opacity:1;top:unset;bottom:4%;max-height:450px}}@media screen and (max-width:740px){.roof-contractors-section .site-wrapper .service-area{left:50%}}.roof-contractors-section .site-wrapper .owners{position:absolute;pointer-events:none;z-index:2;left:10px;bottom:0;max-height:450px}@media screen and (max-width:1500px){.roof-contractors-section .site-wrapper .owners{max-width:43%}}@media screen and (max-width:1200px){.roof-contractors-section .site-wrapper .owners{position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;left:37%;max-height:375px;max-width:100%}}@media screen and (max-width:740px){.roof-contractors-section .site-wrapper .owners{max-height:290px;left:25%}}.service-options-section{text-align:center;z-index:2;position:relative;overflow:visible}.service-options-section .icon-heading{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-options-section .btn-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.service-options-section .btn-wrap.column{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.service-options-section :where(ol,ul){display:inline-block;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.service-options-section iframe,.service-options-section table{margin-left:auto;margin-right:auto}.service-options-section+.main-section{position:relative;z-index:1}.service-options-section .site-wrapper{text-align:center;padding-bottom:0}.service-options-section .site-wrapper .service-options-contain{max-width:unset;margin:40px auto 0;gap:20px;gap:clamp(10px, 1.5vw, 20px);list-style:none;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:800px){.service-options-section .site-wrapper .service-options-contain{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr);max-width:500px}}@media screen and (max-width:460px){.service-options-section .site-wrapper .service-options-contain{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:5px}}.service-options-section .site-wrapper .service-options-contain.animate-in .content-contain h3:after{-webkit-animation:bounce-right 1.5s ease-in-out 1s 1;animation:bounce-right 1.5s ease-in-out 1s 1}.service-options-section .site-wrapper .service-options-contain li{margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.service-options-section .site-wrapper .service-options-contain li:before{content:"";display:none}@media screen and (min-width:801px){.service-options-section .site-wrapper .service-options-contain li.toggle-mobile{display:none}}.service-options-section .site-wrapper .service-options-contain li a{--scaler:30vw;height:600px;height:clamp(200px, var(--scaler), 600px);padding:20px 15px;background:#222222;text-decoration:none;position:relative;color:white;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;will-change:transform}@media screen and (max-width:1200px){.service-options-section .site-wrapper .service-options-contain li a{--scaler:25vw}}@media screen and (max-width:460px){.service-options-section .site-wrapper .service-options-contain li a{max-width:350px;height:140px;margin:auto}}.service-options-section .site-wrapper .service-options-contain li a:hover .cover-img-bg{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}@media screen and (min-width:1201px){.service-options-section .site-wrapper .service-options-contain li a:hover:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@media screen and (max-width:1200px){.service-options-section .site-wrapper .service-options-contain li a:hover:before{opacity:0.8}}.service-options-section .site-wrapper .service-options-contain li a:hover h3:after{-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation:bounce-right 1.5s ease-in-out infinite;animation:bounce-right 1.5s ease-in-out infinite;-webkit-animation-play-state:running;animation-play-state:running}.service-options-section .site-wrapper .service-options-contain li a:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;height:100%;width:100%;display:block;z-index:2;pointer-events:none;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}@media screen and (max-width:1200px){.service-options-section .site-wrapper .service-options-contain li a:before{background:#222222;opacity:0.3;mix-blend-mode:multiply}}.service-options-section .site-wrapper .service-options-contain li a h3{--scaler:2.5vw;font-size:35px;font-size:clamp(24px, var(--scaler), 35px);margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px;z-index:3;position:relative;text-shadow:5px 5px 20px rgba(21, 21, 22, 0.75), 5px 5px 20px rgba(21, 21, 22, 0.75)}@media screen and (max-width:1200px){.service-options-section .site-wrapper .service-options-contain li a h3{text-transform:uppercase}}@media screen and (min-width:1201px){.service-options-section .site-wrapper .service-options-contain li a .cover-img-bg{-webkit-filter:brightness(0.9);filter:brightness(0.9)}}.why-us-section{margin-top:-70px;margin-top:clamp(-170px, -8vw, -70px)}.why-us-section .site-wrapper{--py-max:100px;padding-top:230px;padding-top:clamp(115px, 13vw, 230px)}
/*# sourceMappingURL=HQ-state.css.map */