@charset "utf-8";
.form-control{border-radius:5px;border:#262e47 1px solid;background: none;width:90%;padding:10px;color:#262e47;margin-bottom:10px}
.form-control:focus{border:#353535 2px solid;box-shadow:none}
.form-select{width:30.5%;float: left;padding:10px;margin-bottom:10px}
.form-select-time{width:90%}
form.CUS input.subject { display: none; }
#form .row2 {color:#262e47}
#form .row2 p{color:#262e47}
/* CSS Document */
.spam { display:none;}

.marquee{padding:5px 15px;overflow:hidden;white-space:nowrap;animation:marquee 50s linear infinite;font-size:12px}

.marquee:hover{animation-play-state:paused}	

@keyframes marquee{0%{text-indent:27.5em}

100%{text-indent:-105em}

}	

html{scroll-behavior: smooth}

#header {

  left: 0;

  float: left;

  width: auto;

  z-index: 1000;

}

#caret {

  display: inline-block;

  height: 7px;

  width: 7px;

  border-left: 3px solid #58738a;

  border-bottom: 3px solid #58738a;

  transform: rotate(-45deg) translateY(-4px);

	margin-left: 10%;

}


.nav{margin-right:5%;float:left;width:70%;color:#fff;position: relative;height: 80px;font-weight:600}
.menu-link{color:white;text-shadow:none;padding:.75em .75em 0;height:3em;position:absolute;left:0;top:0;z-index:1001}
.menu-link:after{position:absolute;content:"☰";font-size:30px;color:#fff;width:50px;height:50px;text-align:center;line-height:50px;border:1px #fff solid;border-radius:50%}
.menu-link:hover{text-decoration:none}
.menu li{list-style:none}
.menu li a{color:#fff;text-decoration:none;background-color:#0B2B40;display:inline-block;height:2em;line-height:1em;padding:.4em;border-bottom:1px solid #333;width:100%}
.menu li a:hover{color:#0B2B40;background-color:#fffdea}
body:not(:target) #menu{margin:0;padding-top:3em;position:absolute;left:0;z-index:1000;top:30px;width:100%}
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;text-indent:-999em;z-index:-1}
@media(min-width:1200px){.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;line-height:1em;padding:0em .75em .75em .75em;height:2em;width:auto;border:0;background-color:transparent}
body:not(:target) #menu li a:visited{color:#fff;font-weight:bold}
	
body:not(:target) #menu li a:hover{color:#fff}
body:not(:target) #menu .back{display:none}
}



body{margin:0;font-family:arial}

#section1{float:left;width:100%;min-height:753px;background-image:url(professional-cleaners/air-duct-cleaners.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%}

#top{width:1200px;margin-top:20px;margin-right:auto;margin-left:auto;overflow:auto}

/*#nav{float:left;width:70%}*/

#social{float:right;width:25%;text-align:right;margin-top:25px}

#logo{text-align:center;float:left;width:100%}

#logo-fan{text-align:center;position:absolute;width:100%;margin-top:35px}

.image1{-webkit-animation:spin 10s linear infinite;-moz-animation:spin 10s linear infinite;animation:spin 10s linear infinite}

@-moz-keyframes spin{100%{-moz-transform:rotate(-360deg)}

}

@-webkit-keyframes spin{100%{-webkit-transform:rotate(-360deg)}

}

@keyframes spin{100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}

}

.image{-webkit-animation:spin1 5s linear infinite;-moz-animation:spin1 5s linear infinite;animation:spin1 5s linear infinite}

@-moz-keyframes spin1{100%{-moz-transform:rotate(360deg)}

}

@-webkit-keyframes spin1{100%{-webkit-transform:rotate(360deg)}

}

@keyframes spin1{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

#phone{font-family:Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;font-size:80px;color:#fff;float:left;width:100%;text-align:center;text-shadow:2px 2px 20px #333;margin-top:20px;font-weight:bold}

#phone h1::before{content:none;}

#phone p{width:50%;margin:0px auto;color:#fff;text-align:center;}	

#phone h1{color:#add2e2;font-size:25px}

a:link{color:inherit;text-decoration:none}

.mouse-scroll{display:block;color:#FFF;text-decoration:none;overflow:hidden;position:absolute;top:50%;left:48%;width:40px;height:62px;box-sizing:border-box;border:2px solid #FFF;border-radius:20px;margin-top:200px}

.mouse-scroll span{position:absolute;display:block;top:25%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background:#FFF;border-radius:50%;opacity:0;animation:mouse-wheel 2s linear infinite}

.mouse-scroll span:nth-of-type(2){animation-delay:1s}

.mouse-scroll span:last-of-type{animation-delay:2s}

.mouse-transform{transition:all 2s ease}

@keyframes mouse-wheel{100%,0%{opacity:0;top:25%}

10%{opacity:1;top:25%}

75%{opacity:0;top:50%}

}

#mouse{width:100%;float:left}

#section2{background-color:#58738a;float:left;width:100%}

.row{width:100%;float:left}

.row1{background-color:#fff;width:1100px;margin-right:auto;margin-left:auto;box-shadow:inset 0 0 5px #333;box-shadow:0 0 5px #333;margin-top:50px;padding-top:10px;max-height:500px}
.row11{background-color:#fff;width:1100px;margin-right:auto;margin-left:auto;box-shadow:inset 0 0 5px #333;box-shadow:0 0 5px #333;margin-top:50px;padding-top:10px;}
.br{clear:both}

h2{color:#fff;text-align:center}

p{margin-left:1%;margin-top:1%;margin-right:1%;margin-bottom:1%;text-align:justify;line-height:30px;font-family:arial;font-size:18px;color:#202e3a}

h1{margin-left:1%;margin-top:0;color:#49738c;font-size:19px}

h1::before{content:url(professional-cleaners/before.png);background-position:20px 20px;padding-right:1%;padding-top:5px}

.span1{color:#fc4343}

.coupon{margin-top:-50px;float:right;margin-left:2%;margin-bottom:0;margin-right:-10%}

a.lightbox img{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:2}

.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}

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%}	

#section3{background-image:url(professional-cleaners/air-vent-cleaners.png);background-repeat:no-repeat;background-position:center top;float:left;width:100%;text-align:center;padding-top:25px;font-family:Impact,Impact5,Charcoal6,sans-serif;font-size:35px;color:#1b2a46;-webkit-text-stroke:1px #fff;background-size:cover}

.button2 a:link{text-decoration:none;outline:0;transition:all .25s}

.button2 a:visited,.button2 a:link:hover,.button2 a:visited:hover{text-decoration:none}

.button2{float:left;list-style:none;text-align:center;width:95%;padding:2px;clear:both;margin-top:0;margin-bottom:0}

.button2 ul{margin:0;padding:0}

.button2 li{display:inline;margin:5px;padding:0;list-style:none}

.button2 li a.phone{position:relative;padding:14px 48px 14px 16px;background:#fc3c3c;display:block;color:#fff!important;font-size:50px;text-align:left;letter-spacing:.2px;border-radius:3px;box-shadow:0 1px rgba(0,0,0,0.1);line-height:normal;transition:all .3s;width:25%;margin:auto;overflow:hidden}

.button2 li a.phone:hover,.button2 li a.phone:active{cursor:pointer}

.button2 li a.phone:after{content:'Call';background:rgba(0,0,0,0.1);position:absolute;right:0;top:0;font-weight:normal;display:inline-block;margin:0 0 0 10px;color:#fff;padding:16px 24px;transition:all .3s;-webkit-animation:bounceright .3s alternate ease infinite;animation:bounceright .3s alternate ease infinite}

@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}

to{-webkit-transform:translateX(7px)}

}

@keyframes bounceright{from{transform:translateX(0)}

to{transform:translateX(7px)}

}

.row3{background-color:#fff;float:left;width:100%;text-align:center;padding-top:15px;box-shadow:inset 0 0 5px #333}

#row2{background-color:#58738a;float:left;width:100%;box-shadow:inset 0 0 5px #333}

.row2{width:1100px;margin-right:auto;margin-left:auto;line-height:30px;text-align:center;padding-bottom:15px;padding-top:15px;color:#fff}

.img-footer{float:left;margin-top:-140px;margin-left:-10%}

h2::before{content:url(professional-cleaners/before.png);background-position:20px 20px;padding-right:1%;padding-top:5px}

.flex-gallery{display:flex;background-color:#b5cfdf;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%;padding-top:20px}

.flex-gallery>div{width:auto;float:left}

#form{background-image:url(professional-cleaners/form-bg.jpg);background-repeat:no-repeat;background-position:left bottom;float:left;width:100%;background-size:100% 100%;background-attachment:fixed;text-align:center;color:#252e47;font-size:40px;font-weight:bold;padding-top:50px;padding-bottom:100px}

.input{width:19%;height:40px;line-height:40px;color:#252e47;font-size:14px;padding-left:1%;border:solid 1px #252e47;margin-top:20px;margin-right:1%;float:left;margin-bottom:0}

.comment{width:53%;height:105px;line-height:105px;color:#fff;font-size:14px;padding-left:1%;border:solid 1px #252e47;margin-top:20px;margin-bottom:20px;margin-right:1%;float:right;background-color:#4f6d88}

.submit{width:20%;float:right;margin-left:25%;color:#fff;background-color:#fc4343;border:solid 1px #252e47;box-sizing:border-box;height:40px;margin-top:20px;line-height:40px;font-size:18px;margin-right:35%;font-weight:bold;text-transform:uppercase}

#about{float:left;width:100%;background-color:#262e47}

.footer{text-align:left}

.footer a:active,.footer a:visited,.footer a:hover{color:#fff}

.footer-float{float:right;margin-top:40px}

#service-area{float:left;width:100%;display:flex;flex-wrap:wrap;white-space:nowrap;margin-bottom:15px}

.area{float:left;width:auto;background-color:#fff;margin-top:1%;margin-right:.9%;margin-left:0.9%;margin-bottom:1%;padding-left:0.9%;padding-right:0.9%;color:#da3e3e}

.area1{float:left;width:15%;text-align:left;line-height:35px}

.area-font{float:left;width:100%;color:#262e47;font-size:22px;margin-top:10px}

.area-font::before{content:url(professional-cleaners/before.png);background-position:20px 20px;padding-right:1%;padding-top:5px}

.row2 p{color:white}

#form label{opacity:0;position:absolute;z-index:-1;left:0;right:0}

.services{width:100%;float:left;background-color: #58738a;}	

.services li{width:33%;float:left;text-align: left;margin-bottom:20px}

a{color: inherit}	


@media only screen and (max-width:1200px){

/**/

img{max-width:100%;height:auto}

#top{width:100%;float:left}
.services li{width:50%;}

.row1{width:100%;max-height:initial;float:left;margin-top:0}
.row11{width:100%;float:left;margin-top:0}
.row2{width:100%;float:left}

#section1{background-size:cover;}

#mouse{display:none}

.coupon{margin-right:1%;width:40%;margin-top:0}

.button2 li a.phone{width:40%}

#section3{background-size:100% 100%}

.img-footer{display:none}

.footer{width:100%;float:left}

h1{font-size:4vw}

h2{font-size:3vw}

.flex-gallery>div{width:30%;float:left}

#logo-fan img{margin-top:40px;}

}

@media only screen and (max-width:950px){.input{width:40%;margin-left:2%}

.comment{width:40%;float:left;margin-left:2%}

.submit{margin-left:0;margin-right:75%;margin-left:2%}

.button2 li a.phone{width:55%}
#logo-fan img{margin-top:120px;}
	

}

@media only screen and (max-width:700px){.button2 li a.phone{width:70%}

#top{margin-top:10px}

#top br{display:none}

#social{width:40%}

#nav{float:left;width:60%}

#form{background-size:200% 100%;background-position:right}

}

@media only screen and (max-width:500px){#phone{font-size:40px}
.button2 li a.phone{width:85%}
.services li{width: 90%;}

.submit{width:30%;margin-right:66%}

#form{background-size:250% 100%;background-position:right}

.footer-float{width:70%;margin-left:15%;margin-right:15%;margin-top:10px;margin-bottom:10px}

.coupon{width:90%;margin-left:5%;margin-right:5%}

h1,h2{font-size:3vw}

#social img{width:10%}

}

@media only screen and (max-width:400px){.button2 li a.phone{font-size:30px;width:70%}

#form{background-size:300% 100%;background-position:right}

/**/

}
.cities1{width:100%; float:left}
.cities1 ul li{float:left !important; list-style: none; font-size:17px; text-align:center;color: #1b2a46 !important;padding: 20px;-webkit-text-stroke: 1px transparent;}