:root{--font-color:#000000;--home-hero-padding:12rem;--home-hero-color:#fff;--home-hero-bg-color:#000080;--alt-bg-color:#f8f8f8;--primary-color:#FFB703;--secondary-color:#023047;--tertiary-color:#8ECAE6;--footer-bg-color:#000;--footer-color:#fff}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:var(--primary-color);--bs-btn-border-color:var(--primary-color);--bs-btn-hover-border-color:var(--primary-color);--bs-btn-active-bg:var(--primary-color);--bs-btn-active-border-color:var(--primary-color);--bs-btn-hover-bg:var(--primary-color);--bs-btn-hover-color:var(--secondary-color)}.btn-secondary{--bs-btn-bg:var(--secondary-color);--bs-btn-border-color:var(--secondary-color);--bs-btn-hover-border-color:var(--secondary-color);--bs-btn-active-bg:var(--secondary-color);--bs-btn-active-border-color:var(--secondary-color);--bs-btn-hover-bg:var(--secondary-color)}.btn-outline-primary{--bs-btn-color:var(--primary-color);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--primary-color);--bs-btn-border-color:var(--primary-color);--bs-btn-hover-border-color:var(--primary-color)}.btn-outline-secondary{--bs-btn-color:var(--secondary-color);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--secondary-color);--bs-btn-border-color:var(--secondary-color);--bs-btn-hover-border-color:var(--secondary-color)}.btn-secondary:hover{color:var(--primary-color)}body{background-color:#fff;color:var(--font-color);font-family:"Montserrat",serif;font-optical-sizing:auto;font-size:1rem;font-weight:400;font-style:normal}h2{text-transform:uppercase;font-weight:700}.alt-bg{background-color:var(--alt-bg-color)}.right-p6{padding-right:6rem}.left-p6{padding-left:6rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.half-section{position:relative;background-color:var(--primary-color);color:#fff}.half-section::after{content:'';display:block;width:50%;height:100%;top:0;bottom:0;position:absolute;right:0;background-image:url('../images/roofing-08.jpg');background-size:cover;background-position:center}#mainNav{background-color:#fff}.navbar-brand{display:flex}.navbar-brand svg{width:250px;height:auto;margin-left:4px;fill:#000}.navbar-brand svg .line{stroke:var(--primary-color)}.nav-link{font-weight:700;color:#000}.nav-link:hover,#home-intro .nav-link:hover{color:var(--primary-color)}#home-intro h1{font-weight:900;text-transform:uppercase;font-size:3rem}.dropdown-toggle::after{border-top:0;border-right:0;border-bottom:0;border-left:0;font-family:"Font Awesome 6 Free";content:"\f078";font-weight:bold;font-size:.5rem}#home-hero{padding:var(--home-hero-padding) 0;color:var(--home-hero-color)}.hero-video{position:relative;background-color:black;height:75vh;min-height:25rem;width:100%;overflow:hidden}.hero-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.hero-video .container{position:relative;z-index:2}.hero-video h1 span{color:var(--primary-color)}.hero-video .overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:black;opacity:.5;z-index:1}.page-section{padding:6rem 0}.home-about-us{background-color:var(--secondary-color);color:#fff}.home-about-us h2{color:var(--primary-color)}#icon-boxes .card{text-align:center}#icon-boxes .card .fa-stack{margin:0 auto}#icon-boxes i{color:var(--primary-color)}#icon-boxes .fa-inverse{color:#fff}#icon-boxes .card{border:none}#testimonials .fa-star{color:#e3993f}#testimonials .fa-quote-left{font-size:3rem;color:var(--tertiary-color)}#projects .portfolio-item .portfolio-link{position:relative;display:block;margin:0 auto;color:#fff}#projects .portfolio-item .portfolio-link .portfolio-hover{display:flex;position:absolute;width:100%;height:100%;background:var(--tertiary-color);align-items:center;justify-content:center;opacity:0;transition:opacity ease-in-out .25s}#projects .portfolio-item .portfolio-link:hover .portfolio-hover{opacity:.85}#projects .portfolio-item{height:100%;background-color:#fff}#team h3,#projects h3{font-size:1.3rem;margin-bottom:2rem}.portfolio-link img{object-fit:cover;height:300px;width:100%;object-position:center}.portfolio-item{box-shadow:0 4px 8px rgba(0,0,0,.15)}.portfolio-modal .modal-dialog{max-width:95vw}.team-member{text-align:center}.team-member img{width:14rem;height:14rem;border:.5rem solid rgba(0,0,0,.1)}.member-info .btn-social,.team-member .btn-social{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:100%;position:relative;top:0;transition:top .2s ease}.member-info .btn-social:hover,.team-member .btn-social:hover{top:-6px}#partners .img-brand{height:2.75rem}.info-box-item{display:flex;align-items:center;gap:1rem;padding:2rem}.info-box-item .info-box-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--tertiary-color),transparent 50%);border-radius:50px;transition:.3s;font-size:1.5rem}.info-box-item h4{font-size:1.1rem;margin-bottom:.25rem;font-weight:600}.duotone-wrap{display:flex;align-items:center;justify-content:center}.duotone{width:100%;padding:5rem 0;background-size:cover;position:relative}.duotone::before,.duotone::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0}.duotone::before{mix-blend-mode:multiply}.duotone::after{background-color:#000;mix-blend-mode:lighten}.duotone h1{color:#fff;z-index:1;text-align:center;position:relative;font-weight:900;text-shadow:2px 2px 2px #00000044;font-size:3rem}header .duotone{background:url('../images/roofing-12.jpg') center center no-repeat;background-size:cover}header .duotone::before{background-color:var(--primary-color)}#about-boxes .box-01{background-color:var(--secondary-color);color:#fff}#about-boxes .box-02{background-color:var(--tertiary-color);color:#000}#about-boxes .box-01,#about-boxes .box-02{border-radius:20px;padding:3rem;height:100%}#about-contact .row{padding:5rem 0}#about-contact h2{font-size:3.5rem;position:relative;z-index:1}#about-contact .title-wrap::before{content:'';display:block;width:70px;height:70px;border-radius:50%;background-color:var(--primary-color);top:-10px;left:-20px;position:absolute;opacity:.5}#about-contact .title-wrap::after{content:'';display:block;width:50px;height:50px;border-radius:50%;background-color:var(--tertiary-color);top:25px;left:35px;position:absolute;opacity:.5}#contact-us ul{list-style:none;margin:0;padding:0}#contact-us ul li{margin-bottom:.8rem}#contact-us ul.office li i{color:#fff;background-color:var(--secondary-color);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}#contact-us ul.hours li i{color:var(--secondary-color)}#projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}#projects-grid .project-img-wrapper{overflow:hidden;height:170px;width:100%}#projects-grid .project-img-wrapper img{width:100%;height:170px;object-fit:cover;object-position:center center;transform:scale(1);transition:transform .3s ease}#projects-grid .card:hover .project-img-wrapper img{transform:scale(1.2)}#projects-grid .card-body{position:relative;padding-bottom:65px}#projects-grid .card-body .btn{position:absolute;left:15px;width:calc(100% - 30px);bottom:15px}#project-boxes .box-01{background-color:var(--secondary-color);color:#fff}#project-boxes .box-02{background-color:var(--tertiary-color);color:#000}#project-boxes .box-01,#project-boxes .box-02{border-radius:20px;padding:3rem;height:100%}.project-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:1.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0}#project-desc h5,#project-photos h5,.project-info-box h5{color:var(--tertiary-color);font-size:.9rem;text-transform:uppercase;font-weight:700}.project-info-box h4{font-size:1.2rem;font-weight:700;color:var(--secondary-color)}#project-photos .glightbox2{cursor:pointer}#team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 30px}.member-info img{border-bottom:8px solid var(--primary-color);margin-bottom:1.5rem}.member-info h3{color:var(--secondary-color);font-weight:700;font-size:1.4rem}.member-content h2{font-size:1.3rem;text-transform:none;color:var(--secondary-color)}#services-menu{padding:0;margin:0;list-style:none}#services-menu li{position:relative;padding:20px 10px 20px 45px;margin-bottom:10px;background-color:#f0f0f0}#services-menu li:hover{background-color:var(--tertiary-color)}#services-menu li a{color:#000;text-decoration:none}#services-menu li::before{content:'';width:20px;height:3px;position:absolute;top:30px;left:20px;background-color:var(--primary-color)}.feat-img{width:100%;height:300px;object-fit:cover;object-position:center;margin-bottom:1.5rem}#main-content ul{list-style:none}#main-content ul li{margin-bottom:.8rem}#main-content ul li:before{font-family:"Font Awesome 6 Free";content:'\f00c';margin:0 5px 0 -15px;color:var(--secondary-color);font-weight:bold}.background-cards-wrap{display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.background-card{position:relative;background-color:var(--secondary-color)}.background-card:hover .card-content{margin-left:.5rem}.card-bg{background-size:cover;background-repeat:no-repeat;background-position:center center;filter:grayscale(1) opacity(.5);width:100%;height:100%;position:absolute;top:0;left:0}.card-content{color:#fff;padding:5rem 8rem 1rem 1rem;position:relative;margin-left:0;transition:margin-left .2s ease}.card-content a{color:#fff;font-weight:bold;text-decoration:none}.card-content a i{color:var(--primary-color);margin-left:4px}.card-content .text-muted{color:#c0c0c0!important}footer{background-color:var(--footer-bg-color);color:var(--footer-color);padding:2rem 0}footer a{color:var(--footer-color)}footer ul{list-style:none;padding:0;margin:0;display:flex}footer ul.footer-social{justify-content:center;font-size:1.5rem}footer ul.footer-social li{padding:0 8px}footer ul.footer-social li a{transition:color .2s ease}footer ul.footer-social li a:hover{color:var(--tertiary-color)}footer ul li a:hover{text-decoration:none}.footer-top{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #ffffff44}footer .footer-top ul.footer-menu{justify-content:end}.footer-top ul.footer-menu li{padding:0 0 0 15px}.footer-bottom ul.footer-menu li{padding:0 6px}footer .copy-right{font-size:.9rem;margin-top:1rem}#footer-smartcode{text-align:center;font-size:13px}#footer-smartcode svg{max-width:180px}#footer-smartcode .smrt-color-1{fill:#fff}@media screen and (min-width:992px){#cta-02 .cta-content{padding-right:5rem}.member-content{padding-left:5rem}}@media screen and (max-width:1300px){#projects-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:992px){.right-p6{padding-right:0}.left-p6{padding-left:0}.page-section{padding:3rem 0}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.half-section::after{display:none}.page-section{padding:3.5rem 0}.dropdown-menu{border:0;background-color:#00000005}.dropdown-menu li,li.nav-item{text-align:center}.navbar-brand svg{width:200px}#home-intro h1{font-size:2.5rem}.duotone{padding:3.0 15px}.duotone h1{font-size:2rem}#project-boxes .row>div,#about-boxes .row>div{margin-bottom:20px}#about-contact h2{font-size:2.5rem}#projects-grid{grid-template-columns:repeat(2,1fr)}#team-grid{grid-template-columns:repeat(2,1fr)}.project-info-grid{grid-template-columns:repeat(2,1fr)}.card-content{padding:5rem 1rem 1rem 1rem}footer ul.footer-menu{flex-direction:column}footer ul.footer-menu li{text-align:center;padding:8px 0}footer ul.footer-social{margin:1.5rem 0}footer .copy-right{text-align:center}}@media screen and (max-width:768px){.grid-3,.grid-4{grid-template-columns:1fr}#projects-grid{grid-template-columns:1fr}.project-info-grid{grid-template-columns:1fr}#team-grid{grid-template-columns:1fr;gap:30px}.background-cards-wrap{grid-template-columns:1fr}}@media (pointer:coarse) and (hover:none){.hero-video{background-image:url('../images/video_screenshot.jpg');background-color:#000;background-position:center;background-size:cover}.hero-video video{display:none}}