*{box-sizing:border-box;margin:0;padding:0}html{font-family:Arial,Helvetica,sans-serif;font-size:16px}:root{--main-color: rgb(13, 20, 57);--gold-logo: rgb(236, 188, 84);--secondary-color: rgba(33, 36, 40);--background-gray: rgba(61, 62, 75)}.preloader{background:#000 url(./src//assets//helper-images//Turn\ sign.gif) no-repeat center center;height:100vh;width:100%;position:fixed;z-index:9999;opacity:1}.loader-container .hide{opacity:0;height:0;width:0}nav.nav-container{width:100%;height:80px;position:sticky;top:0;z-index:11;display:flex;justify-content:center}.nav-container ul{width:100%;display:flex;margin:10px 50px 10px 0;justify-content:center;border-bottom:2px solid var(--gold-logo)}.menu-icon{visibility:hidden}.scrollChanged{background-color:var(--secondary-color);opacity:.9;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 4px 6px #000000e6;transition:background-color 3s ease-in-out}.scrollChanged ul{border-bottom:0 solid var(--gold-logo)}.nav-container li{display:flex;align-items:center;justify-content:center;list-style-type:none;color:#fff;width:200px}.nav-container li a{text-align:center;text-decoration:none;color:#fff;position:relative;cursor:pointer;width:100px}.nav-container li a:after{content:"";position:absolute;bottom:-22px;left:0;width:0;height:3px;background-color:var(--main-color);transition:all .5s ease-in-out;z-index:12}.nav-container li a:hover{color:var(--gold-logo);transition:all .5s ease-in-out}.nav-container li a:hover:after{width:100%;transition:all .5s ease-in-out}.image-logo-container{position:absolute;top:10%;height:200px;width:100%;display:flex;justify-content:center;align-items:center}.logo-image{background-image:url(/assets/FullLogo-m7WfMprL.jpg);background-size:cover;background-repeat:no-repeat;width:300px;height:200px;position:absolute}.hero h1{position:absolute;top:20rem;left:8rem;color:#fff;width:1000px;font-size:5.5rem}.hero h1:before{content:" ";position:absolute;top:-5px;left:0;width:100%;height:10px;background-color:var(--gold-logo)}.hero h1:after{content:" ";position:absolute;bottom:-5px;left:0;width:100%;height:10px;background-color:var(--gold-logo)}p.side-info{position:absolute;top:650px;color:#fff;width:600px;left:8rem;font-size:1.5rem}.main-banner{position:relative;top:-80px;z-index:-1;height:1000px;width:100%;background-image:url(/assets/HERO_IMAGE-5hR7aBbl.jpg);background-size:cover;background-repeat:no-repeat;background-position:right}.overlay{border-image:linear-gradient(126.46808152467122deg,#00000083 40.358298165457589%,#01010190 45.358298165457589%,#ffffff07 80.69329398018973%) fill 1}.get-quote{position:absolute;width:100%;top:83%;display:flex;justify-content:center}.get-quote button{position:relative;width:auto;margin:0 auto;padding:2rem 4rem;background-color:var(--main-color);color:#fff;font-size:1.8rem;opacity:.9;cursor:pointer;border-radius:10px;transition:all .3s ease-in-out}.get-quote button:hover{transition:all .3s ease-in-out;background-color:var(--gold-logo);color:var(--main-color)}.quote-form-modal{position:fixed;top:0;left:0;height:100vh;width:100%;margin:0 auto;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:99;visibility:hidden;transform:scale(0)}.quote-form-modal.open{visibility:visible;transform:scale(1)}.quote-form-modal.open svg{position:fixed;top:10px;right:10px;width:3rem;height:3rem;padding:5px;background-color:#0000001a;cursor:pointer;color:#fff}.quote-form-modal.open h5{color:var(--main-color);margin:40px auto;text-align:center;font-weight:600;font-size:2rem}.quote-form-modal form{width:800px;height:900px;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:12px 12px 15px #2b2b2b,-12px -12px 15px #000}.form-container{margin:20px 0 0 50px;display:flex;flex-direction:column}.form-container label{padding-bottom:5px;font-family:Arial,Helvetica,sans-serif;font-weight:600;color:#000;font-size:1rem}.form-container input,.form-container select,.form-container textarea{height:25px;margin-right:50px;border:1px solid rgba(181,181,181,.7)}.form-container textarea{height:auto}.form-container span{color:red;padding-left:2px}.form-container p{color:#6f6f6fb3;font-size:.8rem;padding-bottom:2px}form .submit-button{display:flex;align-items:center;justify-content:center;margin-top:50px}.submit-button input{padding:10px 15px;border:none;border-radius:10px;background-color:var(--main-color);color:#fff;cursor:pointer}.aboutus-container{width:100%;height:auto;background-color:#fff}.about_us_wrapper{margin:0 auto 80px;height:auto;width:80%}.info_image_container{display:flex;align-items:center;justify-content:center}.aboutus_image{width:50%;height:400px;background-image:url(/assets/aboutusImage-BK_FeNyd.jpg);background-size:cover;background-repeat:no-repeat;box-shadow:5px 5px 17px #dadada,-5px -5px 17px #fff}.info_container{width:50%}.about_us_wrapper p{text-align:left;margin:2rem 0;padding-right:40px;font-size:1rem;line-height:1.5}main{width:100%;height:auto;margin-bottom:40px}h2{padding-top:20px;font-family:Helvetica,sans-serif;font-weight:600;font-size:3.5rem;color:var(--secondary-color);font-style:normal}.work-info-container{margin:0 auto;height:auto;width:80%}.main-wrapper{display:flex;gap:0}.services-container{width:55%}.services-info-wrapper{margin-top:40px;display:flex;width:100%}.bottom{margin-top:15px}.services-image{padding-left:40px;height:auto;width:50%;background-size:cover;background-repeat:no-repeat;border-radius:70px 0 0;box-shadow:5px 5px 17px #dadada,-5px -5px 17px #fff;overflow:hidden}.residential{background-image:url(/assets/residentialImage-CIRpWNGG.jpg);background-position:bottom}.commercial{background-image:url(/assets/commercialImage-Dy05PmzC.jpg);border-radius:0 0 70px 70px;height:200px}.services-info-wrapper h3{font-family:Arial,Helvetica,sans-serif;font-size:2rem;font-weight:400;color:var(--main-color);margin-left:30px}.list{width:50%}.list ul{width:100%;list-style-type:none;padding:20px 0 0 30px}.svg-container{width:50px;height:50px;padding:5px;margin:5px 0;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:8px 8px 16px #e4e4e4,-8px -8px 16px #fff;border-radius:5px}li p{display:inline;padding:10px 15px;margin:auto 0;font-size:1rem;font-weight:600}.service-area{margin:40px 0 0;width:45%}.service-area h4{color:var(--main-color);padding:10px;font-size:1rem;text-align:center}.service-area p{line-height:1.5;text-align:center}.map-container{margin-top:40px;display:flex;justify-content:center}.map-container iframe{margin:0 auto;border:0;border-radius:20px;box-shadow:6px 6px 11px #e1e1e1,-6px -6px 11px #fff}.work-images-container{width:100%;height:auto}.break-line{height:10px;width:100%;margin:0 auto 10px;background-color:var(--secondary-color)}.work-images-container .images-wrapper{margin:0 auto;width:100%}.work-images-container h2{width:100%;padding-bottom:40px}.gallery{column-count:3;column-width:33%;gap:20px}.gallery img{width:100%;cursor:pointer;height:auto;transform:scale(1);transition:transform .3s ease-in-out}.gallery figure{height:auto;display:flex;flex-direction:column;break-inside:avoid;margin-bottom:10px}.gallery figcaption{font-weight:600;font-size:1.5rem;text-align:center;padding:2px;height:40px}.gallery img:hover{transform:scale(1.03);transition:transform .3s ease-in-out}.modal-image{width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:99;background-color:#000;transition:opacity .2s ease,transform .2s ease-in,visibility .2s ease-in;opacity:.5;transform:scale(0);overflow:hidden;visibility:hidden}.modal-image.open{visibility:visible;opacity:1;transform:scale(1);transition:all .2s ease-out}.modal-image.open svg{position:fixed;top:10px;right:10px;width:3rem;height:3rem;padding:5px;background-color:#00000080;cursor:pointer;color:#fff}.modal-image.open .back-arrow svg{position:fixed;top:50vh;left:20px;width:3rem;height:3rem;padding:5px;cursor:pointer;color:#fff}.modal-image.open .forward-arrow svg{position:fixed;top:50vh;right:20px;width:3rem;height:3rem;padding:5px;cursor:pointer;color:#fff}.modal-image img{width:auto;max-width:100%;height:auto;max-height:100%;display:block;line-height:0;padding:20px 0;margin:0 auto}.reviews-container{width:100%;height:800px;margin:90px 0}.title-wrapper{margin:0 auto;width:100%}.title-wrapper p{padding:10px 0;font-size:1rem;font-weight:600;color:var(--main-color)}.reviews-wrapper{width:100%;height:auto;padding:80px 0 60px;background-color:var(--main-color);opacity:.9;display:flex;flex-wrap:nowrap;align-items:center;overflow-x:scroll}.review{height:450px;width:250px;background-color:#fff;display:flex;flex-direction:column;border-radius:25px;margin:0 20px;flex:0 0 auto}.review-image-container{height:40%;width:100%;background:linear-gradient(to bottom,var(--main-color) 66%,#FFF 36%);overflow:hidden}.review-image{margin:0 auto;width:150px;height:150px;background-color:var(--main-color);border-radius:50%;overflow:hidden}.review-image img{width:100%;height:100%;object-fit:cover}.review-text{height:60%;width:100%;overflow:hidden}.review-text h5{text-align:center;font-size:1rem;font-weight:600;color:var(--main-color);margin-bottom:5px}.review-text p{padding:2px 15px;text-align:center;line-height:1.3}footer{width:100%;background-color:var(--main-color);height:auto}.footer-container{padding:20px 80px;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-container .contact-us{text-align:center}.contact-us h3{color:#fff;font-size:1.2rem;font-weight:500}.contact-us p{color:#fff;padding:5px 0}.contact-us p a{color:#fff;text-decoration:none}h3.highlight{color:var(--gold-logo);padding-right:5px}.footer__info__container{display:flex;align-items:center;justify-content:center}.footer-container svg{margin:10px auto}@media (max-width: 938px){.menu-icon{visibility:visible;position:absolute;top:10px;left:5px;z-index:20;color:#fff}nav.nav-container{height:65px}.nav-container ul{width:100%;margin:0;background-color:var(--secondary-color);opacity:.9;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 4px 6px #000000e6;border:none}.nav-container li,.nav-container li a{width:100%}.nav-container li a:after{width:100%;height:0}.menu-icon{visibility:visible;position:absolute;top:10px;left:5px;z-index:20}.mobile li{visibility:hidden}.mobile-menu-clicked{width:100%;height:500px;display:flex;flex-direction:column}.mobile-menu-clicked li.nav-options{visibility:visible;width:100%;height:80px;color:#fff;display:flex;flex-direction:column;background-color:var(--secondary-color);opacity:.9;padding:10px;font-size:1rem;justify-content:space-around}.image-logo-container{top:13%}.hero h1{top:19rem;left:0;padding:10px;margin:5px;font-size:4rem;width:95%;height:auto}p.side-info{top:580px;width:500px;left:15px;font-size:1.5rem}.main-banner{height:850px;background-position:left}.get-quote{top:700px}.get-quote button{padding:1.5rem 2rem;font-size:1.5rem;border-radius:8px}.quote-form-modal{width:100%;height:100%;overflow-y:scroll}.about_us_wrapper{margin-bottom:40px;width:70%}.info_image_container{flex-direction:column}.aboutus_image{width:100%;height:500px}.info_container{width:100%;height:400px;overflow-y:scroll}.about_us_wrapper p{text-align:center}h2{padding:20px;font-size:3rem}.work-info-container{width:100%;padding:0 10px}.map-container iframe{padding:0 20px;width:100%;height:400px;border-radius:10px}}@media (max-width: 768px){.mobile-menu-clicked{width:100%;height:500px;display:flex;flex-direction:column}.mobile-menu-clicked li.nav-options{visibility:visible;width:100%;height:80px;color:#fff;display:flex;flex-direction:column;background-color:var(--secondary-color);opacity:.9;padding:10px;font-size:1rem;justify-content:space-around}.image-logo-container{top:15%}.hero h1{top:20rem;left:0;padding:10px;margin:5px;font-size:4rem;width:95%;height:auto}p.side-info{top:600px;width:400px;left:15px;font-size:1.5rem}.main-banner{height:1000px;background-position:left}.get-quote{top:800px}.get-quote button{padding:1.5rem 2rem;font-size:1.5rem;border-radius:8px}.quote-form-modal{width:100%;height:100%;overflow-y:scroll}.quote-form-modal.open svg{top:5px;right:5px;width:2rem;height:2rem}.quote-form-modal.open h5{margin:40px auto 10px;font-size:2rem}.quote-form-modal form{width:500px;height:900px;overflow-y:scroll}.form-container{margin:20px 0 5px 50px}.form-container label{font-size:1rem}.form-container p{font-size:.8rem}.form .submit-button{margin:50px 0 30px}.submit-button input{padding:10px 20px;font-size:1rem}main{width:100%}h2{padding:20px;font-size:3rem}.work-info-container{width:100%}.main-wrapper{flex-flow:column}.services-container{width:100%}.services-info-wrapper{margin:20px 15px}.services-image{padding-left:20px;height:auto;width:300px}.services-info-wrapper h3{font-size:1.5rem}.list ul{width:100%;padding:20px 0 0 20px}.svg-container{width:40px;height:40px;padding:5px;margin:5px 0}li p{padding:10px 15px;font-size:1rem;font-weight:600}.service-area{margin:20px 0 0 20px;width:90%}.service-area p{font-size:1rem;padding:0 10px}.map-container{margin-top:40px}.map-container iframe{padding:0 20px;width:100%;height:400px}.work-images-container{width:100%;height:auto}.break-line{height:10px;margin-bottom:10px}.work-images-container .images-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.gallery{column-count:2;width:100%;gap:20px}.modal-image{width:100%}.reviews-container{width:100%;height:auto;margin:40px 0}.title-wrapper{width:100%}.title-wrapper p{padding:10px 0;font-size:1rem}.reviews-wrapper{padding:40px 0 30px;overflow-x:scroll}.review{width:200px;height:500px}.review-text{font-size:1rem;overflow-y:scroll}.footer-container{float:none;padding:0 auto;margin-top:60px}.footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-us p{padding:5px 0}}@media (max-width: 674px){p.side-info{top:650px}}@media (max-width: 430px){.image-logo-container{top:10%}.logo-image{width:200px;height:150px}.hero h1{top:16rem;left:0;padding:10px;margin:5px;font-size:2.5rem;width:95%;height:auto}p.side-info{top:450px;width:300px;left:15px;font-size:1.2rem}.main-banner{height:800px;background-position:left}.get-quote{top:600px}.get-quote button{padding:1.5rem 2rem;font-size:1.5rem;border-radius:8px}.quote-form-modal{width:100%;height:100%;overflow-y:scroll}.quote-form-modal.open svg{top:5px;right:5px;width:2rem;height:2rem}.quote-form-modal.open h5{margin:40px auto 10px;font-size:2rem}.quote-form-modal form{width:500px;height:800px;overflow-y:scroll}.form-container{margin:20px 0 5px 50px}.form-container label{font-size:1rem}.form-container p{font-size:.8rem}.form .submit-button{margin:50px 0 30px}.submit-button input{padding:10px 20px;font-size:1rem}.aboutus_image{width:100%;height:300px}main{width:100%}h2{padding:20px;font-size:3rem}.work-info-container{width:100%;margin:0}.services-container{width:100%;margin:0 5px}.services-info-wrapper{margin:10px 0;display:flex;flex-direction:column}.services-image,.commercial{border-radius:0;height:200px;width:100%;margin:15px 0}.services-image.residential{background-position:middle}.services-image.commerical{background-position:bottom}.list{width:100%}.service-area{border-top:2px solid var(--main-color);margin-top:50px}}@media (max-width: 425px){.mobile-menu-clicked li.nav-options{height:50px}.hero h1{top:17rem;padding:5px;margin:0;font-size:2.5rem;width:100%}p.side-info{top:450px;left:5px;font-size:1rem}.main-banner{height:700px;background-position:bottom}.get-quote{top:580px}.get-quote button{padding:1rem 2rem;font-size:1rem;border-radius:5px}.quote-form-modal{width:100%}.quote-form-modal.open svg{width:1.5rem;height:1.5rem}.quote-form-modal.open h5{margin:20px auto 5px;font-size:1rem}.quote-form-modal form{width:350px;height:500px;overflow:scroll}.form-container{margin:10px 0 5px 40px}.form-container label{font-size:.7rem}.form-container p{font-size:.5rem}form .submit-button{margin:30px 0 20px}.submit-button input{padding:8px 15px;font-size:.7rem}h2{padding:5px;font-size:1.8rem}.services-info-wrapper{margin:20px 10px}.services-image{width:200px}.services-info-wrapper h3{font-size:1.2rem}.commercial{height:100px}.svg-container{width:25px;height:25px;padding:5px;margin:3px 0}li p{padding:5px 10px;font-size:.8rem}.service-area{margin:20px 0 0 10px}.service-area p{font-size:.8rem}.map-container{margin-top:20px}.map-container iframe{padding:0 10px;width:100%;height:300px}.break-line{height:5px;margin-bottom:5px}.gallery{gap:5px}.title-wrapper p{padding:5px 0;font-size:.8rem}.review{width:200px}.review-text{font-size:.8rem}.footer-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-us p{padding:5px 0}}@media (max-width: 320px){.nav.nav-container{height:40px}.nav-container ul,.nav-container li{width:100%}.nav-container li a{width:100%;font-size:.8rem}.hero h1{top:17rem;left:0;margin:5px;font-size:2rem;max-width:320px;min-width:300px;height:auto}.hero h1:before{top:-1rem}.main-banner{height:700px;width:100%}p.side-info{width:300px;left:0;top:420px;margin-left:5px}}