@charset "utf-8";
/* CSS Document */
p{line-height:30px}
a.lightbox {transition:.5s}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:11111111111111111}
.lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid white;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out;z-index:999999999999999999999}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-height:100%;max-width:100%}
	
html{scroll-behavior:smooth}
*{box-sizing:border-box}
.g-recaptcha {float:left;max-width:100%;}
.g-recaptcha * {transform:scale(.97);float:left;margin-left:1%}
.e-mail:before {
                content: attr(data-website) "\0040" attr(data-user);
                unicode-bidi: bidi-override;
                direction: rtl;
            }
body{margin:0;overflow-x:hidden;font-family:Poppins;background-color:#e0e4e3;color:#535351}
.banner{
	position: relative;
	height: 100vh;
	width: 100%;
	float: left;
	background-image: url(professional-cleaners/air-duct-cleaning.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left top;
}
.slide--heading{margin-bottom:80px;font-size:40px;color:#58b304;white-space:nowrap;font-family:impact;font-weight:normal;margin:auto;text-align:center;margin-top:150px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;}
.slide--text{font-size:20px;color:#fff;background-color:rgba(0,0,0,.5);width:50%;margin:50px auto;line-height:30px;padding:20px 2%;text-align:center}
#header{background-color:#FFFFFF;float:left;width:100%;border-top:4px solid #074D78;border-bottom:4px solid #58b304;position:relative;top:0;z-index:111111111}
.row{width:1200px;margin-left:auto;margin-right:auto;display:table}
.logo{float:left;margin:20px 0px}
#nav{float:right;width:60%;background-color:#58b304;height:50px;z-index:111111111;margin-right:-2%;margin-top:-80px;position:relative}
nav{float:left;margin-top:15px;padding-right:2%}
.menu-link{color:#fff;text-shadow:none;padding:0;height:2em;position:absolute;top:20px;z-index:1001;width:70%;text-align:left;font-size:20px}
.menu li{list-style:none}
.menu li a{color:#fff;text-shadow:none;text-decoration:none;background-color:#fff;display:inline-block;height:40px;line-height:40px;border-bottom:1px solid #01233b;width:100%;background-color:#00192a;text-align:center}
.menu li a:hover{color:#fff;background-color:#01233b}
body:not(:target) #menu{width:80%;margin:0;padding-top:3em;position:absolute;top:0;z-index:1000}
body:not(:target) #menu ul{padding-left:5%}
body:not(:target) #menu li{width:100%;height:0;line-height:0;overflow:hidden;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s;}
body:not(:target) #menu:target{z-index:1001}
body:not(:target) #menu:target li{height:2em;overflow:visible;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}
body:not(:target) #menu:target .back{height:0;line-height:0}
body:not(:target) #menu:target .back a{width:100%;background-color:transparent;border:0;height:auto;position:absolute;top:-101em;bottom:-101em;left:0;right:0;text-indent:-999em;z-index:-1}
@media(min-width:1600px){.menu-link{display:none}
body:not(:target) #menu{padding-top:0}
body:not(:target) #menu li{display:inline;border:0}
body:not(:target) #menu li a{color:#fff;font-weight:bold;text-shadow:inherit;line-height:2em;padding:10px;height:2em;width:auto;border:0;background-color:transparent;font-size:15px}
body:not(:target) #menu li a:hover{color:#fff}
body:not(:target) #menu .back{display:none}
}
.phone,.mail{width:17%;float:right;font-weight:bold;color:#043756;margin-right:5%;margin-top:15px}
.mail{float:left;margin-right:0;}	
.contact{width:15%;float:right;background-color:#58b304;height:50px;color:#fff;margin-top:70px;text-align:center;padding-top:15px}
a{color:inherit;text-decoration:none}
.contact a{text-align:center}
/*Font Awesome*/
.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-bimobject:before{content:"\f378"}
.fa-clock:before{content:"\f017"}
.fa-coins:before{content:"\f51e"}
.fa-envelope:before{content:"\f0e0"}
.fa-facebook-f:before{content:"\f39e"}
.fa-foursquare:before{content:"\f180"}
.fa-handshake:before{content:"\f2b5"}
.fa-headset:before{content:"\f590"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-mobile-alt:before{content:"\f3cd";}
.fa-users-cog:before{content:"\f509"}
.fa-yelp:before{content:"\f1e9"}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(webfonts/fa-brands-400.eot);src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff"),url(webfonts/fa-brands-400.ttf) format("truetype"),url(webfonts/fa-brands-400.svg#fontawesome) format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(webfonts/fa-regular-400.eot);src:url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.woff) format("woff"),url(webfonts/fa-regular-400.ttf) format("truetype"),url(webfonts/fa-regular-400.svg#fontawesome) format("svg")}
.far{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(webfonts/fa-solid-900.eot);src:url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.woff) format("woff"),url(webfonts/fa-solid-900.ttf) format("truetype"),url(webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.far,.fas{font-family:"Font Awesome 5 Free";display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:20px;color:#fff;margin-right:4%}
.fas{font-weight:900}
#about .fas{font-size:35px;margin-left:0;float:left;}	
.icon .fas,.icon .far{font-size:30px;color:#58b304;margin:20px 2%}	
.fa-clock:before{content:"\f017";color:#58b304;}#about .fa-mobile-alt:before{color:#58b304}.fa-map-marker-alt:before{content:"\f3c5";color:#58b304}
.icon .fas:hover,.icon .far:hover{color:#074d78}	
#about{font-size:18px;}	
h2{color:#293a56}
#about,#tips{float:left;width:30%;margin-top:-15px;background-color:#074d78;position:relative;z-index:22222222;padding-top:20px;color:#fff;line-height:27px;padding:2%;text-align: justify}
#offer{float:left;width:35%;margin-top:-35px;position:relative;z-index:100000000000000000;background-color:#58b304;text-align:center;color:#fff;font-weight:bold;padding:60px 3%;font-size:20px}#offer span{font-size:100px;margin:30px 0px;display:table;text-align:center;width:100%;font-family:impact}
#about span{padding-left:10%}
.content2{float:left;width:78%;margin-left: 10%; margin-right: 10%;padding: 2%}
.content1{background-color:#e0e4e3;float:left;width:100%;background-image:url(professional-cleaners/pet-stain-removal.jpg);background-position:right bottom;background-repeat:no-repeat;position:relative;z-index:2222;padding:70px 0px;background-attachment: fixed;background-size:30% 100%}
.content1 p{margin-top:40px}
.side-img h2 span,#testimonials span,.gallery span,#form span,.content1 span {border-bottom:solid 3px #58b304;padding-bottom:15px;font-weight:lighter;color:#58b304}
.content1 h2{margin-bottom:20px;font-family:impact;font-weight:normal;color:#074d78}
.content{background-color:#e0e4e3;float:left;width:100%;position:relative;}
.icon{width:27%;float:left;color:#7f7f7f;margin-right:8%}
.side-img{float:left;width:50%;position:relative;z-index:3;background-image:url(professional-cleaners/affordable-air-duct-cleaning.png);background-repeat:no-repeat;background-position:left center;background-size:100% 100%;padding-top:4%;padding-left:100px;padding-right:150px;padding-bottom:100px;font-size:20px;font-weight:bold;line-height:40px;height:45vh}
.side-img h2{font-size:35px;font-family:impact;color:#fff;font-weight:lighter}
.side-img p{color:#fff}
.side-img .contact{float:left;margin-top:20px;padding:2%;display:table;width:40%;border:2px dotted #fff}
.p2{float:left;width:50%;background-color:#58b304;position:absolute;right:0;padding:50px 8%;height:45vh}
.p2 span{border-bottom:solid 3px #fff;padding-bottom:10px}
.p2 h2,.p2 p,.p2 ul{color:#fff;line-height:30px;}
.p2 ul{margin-left:15px}
.p2 ul li{width:100%;float: left}		
.p2 h2{margin-left:-9.5%}
.p2 p{margin-left:-3%}
#work-process{background-image:url(professional-cleaners/work-process.jpg);background-repeat:no-repeat;background-position:center top;float:left;height:auto;width:100%;padding-top:28.5%;background-size:100% auto}
.gallery{background-image:url(professional-cleaners/hvac-duct-cleanin-near-me.jpg);background-repeat:no-repeat;background-position:center top;float:left;width:100%;padding:50px 0px;background-color:#e0e4e3;background-size:100% auto;color:#fff;background-attachment:fixed}
.gallery h2{color:#fff}
.card{position:relative;width:100%;height:300px;margin:5rem auto;background-color:#ffffff;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}
.container1{padding:1em 0;float:left;width:20%;margin:50px 0px 100px 0px}
@media screen and (max-width:640px){.container1{display:block;width:100%}
}
@media screen and (min-width:900px){.container1{width:33.33333%}
}
.container1 .title{color:#1a1a1a;text-align:center;margin-bottom:10px}
.content2{position:relative;width:90%;max-width:400px;margin:auto;overflow:hidden;float:left}
.content2 .content-overlay{background:rgba(0,0,0,0.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}
.content1:hover .content-overlay{opacity:1}
.content-image{width:100%}
.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}
.content2:hover .content-details{top:47.5%;left:50%;opacity:1;background:rgba(41,58,86,.7);width:100%;height:100%;padding-top:60px}
.content-details h3{color:#fff;font-weight:bold;letter-spacing:0.15em;margin-bottom:0.5em;text-transform:uppercase}
.fadeIn-bottom{top:80%}
#form{float:left;width:100%;margin:100px 0px}
.comment,.input{width:47%;padding-left:2%;height:37px;color:#393e46;float:left;margin-bottom:10px;line-height:37px;margin-top:10px;margin-left:2%;border:solid 1px #acacac}
.comment{width:96%;height:90px;line-height:90px}
.submit{float:left;margin-top:15px;margin-bottom:10px;text-align:center;background-color:#58b304;width:30%;padding-top:10px;padding-bottom:10px;font-size:15px;text-transform:uppercase;font-weight:bold;border:solid 2px #fff;color:#fff;margin-left:25%}
form{border:solid 1px #acacac;display:table;margin-top:60px;padding:2%}
.row1{width:100%;float:left;position:relative;text-align:center}
.submit1{float:left;width:10%;border:0;background:#333;color:#fff;margin-left:1%;line-height:80px;height:80px;margin-top:10px;padding-left:1%;font-size:18px}
.submit1{width:30%;margin-bottom:20px}
#locations{width:100%;position:relative;padding-top:10px;padding-bottom:40px;float:left}
#locations h2{padding-left:0}
#locations ul li{width:50%;float:left;text-align: left;line-height:30px;}
#locations ul {padding-left:2%}
.footer{float:left;width:100%;display:flex;padding-top:40px;flex-wrap:wrap;padding-bottom:10px;line-height:27px;background-color:#fff;color:#293a56}
.footer>div{flex:20%;margin-top:0;padding-left:2%;width:30%;float:left}
.footer>div:first-child{margin-left:6%;}
.footer>div:nth-child(2) a{font-size: 25px;font-weight: bold}	
.footer>div:last-child{line-height:27px}
.sticky{width:100%;float:left}
#copyright{float:left;width:99%;background:#58b304;padding:.5%;color:#333}	
@media only screen and (max-width:1200px){
	.banner{
	width: 100%;
	background-size: cover;
}
.slide--text{margin-left:10%; margin-top: 2%;width: 80%;}
.slide--heading{font-size:5vw;margin-left:10%;margin-bottom:3%;font-size:2em;margin-top:10%;}	
.row{width:100%;float:left;padding-left:2.5%;padding-right:2.5%}	
#about,#tips{width:32.5%;margin-top:0}
.slide--content{max-width:70%}	
.p2{width:100%;position:relative;right:0;padding:30px 2.5%;height:auto}
.p2 p{margin-left:0}	
.p2 h2{text-align: center}	
.content1 .row{width:95%;float:left;padding:10% 2.5% 20px 2.5%}
.content .row{width:100%}	
.side-img{margin-top:0;width:100%;padding:4%;height:auto}	
img{max-width:100%;height:auto}
.phone{float:right;margin-top:10px; width: 70%;margin-right: 0;margin-left: 2%}		
.menu-link{top:0px;width:20%;float: left;font-weight:bold;font-size:25px}	
.content1{background-size:100%;background-position: right top}
	.bg-mobile{background-color:rgba(239,239,239,0.59);padding: 2%}
.icon{width:42%}
.gallery{width:100%;background-size:cover;padding-left:2.5%;padding-right:2.5%}
#form{width:100%;padding:30px 5%}	
#testimonials{display: none}
#locations{width:100%;float:left;}	
#locations ul li{width:25%}
.slide:nth-child(1) .slide--inner{background-position:right}
.slide:nth-child(2) .slide--inner{background-position:center}
.slide:nth-child(3) .slide--inner{background-position:center}
.slide:nth-child(4) .slide--inner{background-position:right}
.slide:nth-child(5) .slide--inner{background-position:center}
.slide:nth-child(6) .slide--inner{background-position:center}}
@media only screen and (max-width:900px){
.contact{width:25%;float:right}	
.mail{float:left;margin-top:10px;}		
.phone{margin-bottom:30px}
.side-img{background-size:cover;background-position: center}
.side-img h2{font-size:5vw}
.side-img .contact{width:auto}
.footer>div{width:100%;flex:100%}
	}	
@media only screen and (max-width:600px){
.contact{width:40%;float:right;margin-top:10px}	
#offer,#about,#tips{width:100%;}
#offer{margin-top:0}
.slider--control{width:40px;height:40px;line-height: 40px}	
.icon{width:90%}
.p2 ul li{width:100%}
#locations ul li{width:50%}
.slide--inner{top:40%}	
}
@media only screen and (max-width:500px){
.slide--content{top:50%}			
	}