.primary,.secondary{font-family:korolev,Sans-serif;text-transform:uppercase}.menu.is-open,img{display:block}:root{--color-primary:#38b6ff;--color-secondary:#ff66c4;--color-dark:#111;--color-light:#f9f9f9;--color-white:#ffffff;--color-grey:#666;--font-base:'korolev',Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-base);line-height:1;color:var(--color-dark);background:#fff}img{max-width:100%;height:auto;border-radius:15px;border:4px solid var(--color-secondary)}.container{width:90%;max-width:1400px;margin:0 auto}ul{list-style:disc inside}a{text-decoration:none;color:inherit}.btn-primary,.btn-secondary{display:inline-block;padding:12px 24px;border-radius:15px;font-weight:700;transition:background .3s;border:0 solid}.primary,.secondary,.tertiary{font-weight:600}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover,.btn-secondary:hover{background:var(--color-dark)}.btn-secondary{background:var(--color-secondary);color:#fff}.bg-container,.contact-bg,.review-bg,.section1-bg,.section2-bg,.service-bg{background-repeat:no-repeat;background-position:center;background-size:cover}#services-heading,.main-nav a,.primary{color:var(--color-dark)}.xlpad{padding-bottom:20px}.lpad{padding-bottom:15px}.mpad{padding-bottom:10px}.spad{padding-bottom:5px}.section1-bg{background-image:url(img/section1-bg.webp)}.section2-bg{background-image:url(img/section2-bg.webp)}.review-bg{background-image:url(img/review-bg.webp)}.service-bg{background-image:url(img/service-bg.webp)}.contact-bg{background-image:url(img/contact-bg.webp)}.bg-container{background-image:url(img/banner-bg.webp)}.blue-container{background:var(--color-primary)}.overlay{background-color:rgba(255,255,255,.5)}li::marker{font-size:20px;color:var(--color-black)}.primary{font-size:3.25rem}.secondary{font-size:2.625rem;color:var(--color-primary)}.tertiary{font-size:2rem;font-family:korolev-condensed,Sans-serif;text-transform:capitalize}.buttons-text{font-size:1.25rem;font-family:korolev,Sans-serif;font-weight:600;text-transform:uppercase}.main-nav a,.menu-text{font-size:clamp(1rem, .8791rem + .2522vw, 1.125rem);font-family:korolev,Sans-serif;font-weight:600}p{font-size:1rem;font-family:korolev,Sans-serif;font-weight:400;line-height:1.4rem}.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1em 0}.menu,.menu-toggle{display:none}.main-nav .menu{display:flex;gap:1.5em}ul#primary-menu{list-style:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{background:0 0;border:none}.hamburger,.hamburger::after,.hamburger::before{width:25px;height:2px;background:var(--color-dark)}.hamburger{display:block;position:relative}.gallery-card,.service-card{position:relative;overflow:hidden;height:350px}.flexoid,.flexus,.hero{display:flex}.hamburger::after,.hamburger::before{content:"";position:absolute;left:0}.hamburger::before{top:-7px}.hamburger::after{top:7px}.flexus{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 0;column-gap:1.25rem}.flexoid{flex-direction:row;align-items:center;width:18%;flex-grow:1}img.sp{width:50px;margin-right:10px}.hero{align-items:center;justify-content:space-between;padding:4em 0;gap:2em}.hero-left{flex:1;padding:2rem}.hero-right{flex:1;background:var(--color-white);padding:2em;border-radius:15px;border:4px solid #ff66c4}.thanks{flex:1;padding:8em 2em;text-align:center}.contact-form label{display:block;margin-top:1em;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:.75em;margin-top:.5em;border:1px solid #111;border-radius:15px;font-size:1rem}.contact-form button{margin-top:1em;width:100%}.two-col,.two-col2{display:flex;align-items:center;gap:2em;padding:4em 0}.two-col-left,.two-col-right{flex:1;width:100%}.two-col.reversed{flex-direction:row-reverse}.gallery,.services{padding:4em 0;text-align:center;font-size:2rem;margin-bottom:0}.gallery .section-sub,.services .section-sub{color:var(--color-dark);width:75%;margin:auto;padding-bottom:2rem}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5em}.service-card{background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;border-radius:8px}.service-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4)}.service-card div{position:absolute;bottom:0;text-align:left;z-index:1;padding:1rem}.service-card h3{font-size:1.5rem;padding-right:1rem}.service-card h3,.service-card p{color:var(--color-white)}.service-1{background-image:url('img/new-roof-service.webp')}.service-2{background-image:url('img/tile-roof-service.webp')}.service-3{background-image:url('img/slate-roof-service.webp')}.service-4{background-image:url('img/flat-roof-service.webp')}.service-5{background-image:url('img/repair-service.webp')}.service-6{background-image:url('img/roofline-service.webp')}.service-7{background-image:url('img/foam-service.webp')}.service-8{background-image:url('img/wall-service.webp')}.card{padding:.5rem .5rem .6rem;background-color:#fff;margin-bottom:.5rem;border-radius:15px}.answer{padding:.5rem}summary{padding-left:.5rem}::marker{font-size:20px;color:var(--color-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5em}.gallery-card{color:#fff;border-radius:8px;width:100%}img.gallery-card{border:0!important;object-fit:cover}.contact-left,.social-proof blockquote{border-radius:15px;background-color:#fff}.social-proof{padding:4em 0;text-align:center}.social-proof blockquote{margin:1.5em auto;font-style:italic;max-width:32%;flex-grow:1;opacity:1;padding:1rem}.social-proof cite{display:block;margin-top:.5em;color:var(--color-black);font-style:normal}.testimonials{display:flex;flex-direction:row;flex-wrap:wrap}.contact{display:flex;gap:2em;padding:4em 0;align-items:center}.contact-left,.contact-right{flex:1}.contact-left{padding:2rem;border:4px solid var(--color-secondary)}.contact-left address{margin-top:1.5em;line-height:1.4}form.contact-form{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:1.125rem}.short-input{width:48%;flex-grow:1}.contact-phone{display:block;width:100%}.site-footer{background:var(--color-dark);color:#fff;margin-top:0}.footer-inner{display:flex;justify-content:space-between;gap:2em;padding:3em 0}.footer-left img{margin-bottom:1em;border:0;border-radius:0}.logo{border:0;border-radius:0}.footer-left{width:48%}.footer-middle,.footer-right{width:18%}.footer-middle h3,.footer-right h3{margin-bottom:.5em}.footer-right ul{display:flex;gap:1em;margin-top:1em}.footer-right a{color:#fff}.copyright-banner{background:#111;text-align:center;padding:1em 0;font-size:.875rem}.cr-box{display:flex;flex-direction:row;justify-content:space-between}small{background-color:#fff;color:#000;padding:10px 10px 8px;border-radius:15px}@media (max-width:1297px){.service-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (max-width:1000px){.footer-inner,.hero,.main-nav .menu,.testimonials,.two-col{flex-direction:column}.contact,.two-col2{flex-direction:column-reverse}.main-nav .menu{background:#fff;position:absolute;right:1em;top:70px;border:1px solid #ddd;padding:1em;gap:2em}.menu-toggle{display:block;padding:2em}.footer-left,.footer-middle,.footer-right{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.social-proof blockquote{max-width:100%}.flexus{flex-direction:row;row-gap:20px}.flexoid{width:48%}.contact,.gallery,.services,.social-proof,.two-col,.two-col2{padding:2em 0}.service-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}[hidden]{display:none!important}.cr-box{flex-direction:column;gap:20px}}