@charset "utf-8";
/* CSS Document */

html{scroll-behavior:smooth;transition:all .4s ease;overflow-x:hidden}
a{color:inherit;text-decoration:none}
li{list-style:none}
ul{padding:0}
*,::after,::before{box-sizing:border-box;transition-property:all;transition-duration:0.6s;transition-timing-function:ease}
p{font-size:16px;line-height:1.5}
body{font-family: 'Montserrat', sans-serif;margin:0px;color:#051143}
.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:999999999999}
.lightbox-target img,.lightbox-target iframe{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;transition:.5s ease-in-out;z-index:999999999999}
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 iframe,.lightbox-target:target img{max-height:100%;max-width:100%}
.g-recaptcha{float:left;max-width:100%;margin:20px 0px}
.g-recaptcha *{transform:scale(.95)}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}
h1{color:#fecc37}
h2{color:#011e9e}
p{color:inherit;line-height:30px;}		
.section1{width:100%;position:relative;float:left;background-image: url(professional-cleaners/banner.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;	background-position: center top;padding-bottom: 20%;height:105vh
}
/*header shrink*/
header{width:100%;position:relative}
		.top{width:100%;float:left;position: fixed;	transition: transform 420ms cubic-bezier(.165,.84,.44,1);top: 60px;
}
		.top1 {
	height: 100px;
	width:1200px;
	margin-left:auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
.top.fixed {
	background-color: #FECC37;
	height: 100px;
	transform: translate3d(0px,-110px,0);
	top: 0;
	z-index: 1001;
	width: 100%;
	margin: 0px;
	left: 0
}
.top.fixed .nav {
		margin-top: 20px;margin-left:2%;
}
.top.fixed .phone {
	font-size: 20px;float:right;margin-top:10px;width:10%;color:#1b34a8;
	
}
.scrolled .top {
   transform: translate3d(0px,-110px,0);
  height:60px;
}

.scrolled .top.fixed {
  transform: translate3d(0px,0,0);
}	
.logo {
	float: left;
	width: 25%;
	margin-left: 2%;
	margin-top: 20px;
}
.nav {
	float: left;
	width: 70%;
	color: #1b34a8;
		margin-top: 20px;
}
nav{float:left;line-height:40px;position:relative;left:0;top:10px;width:85%;display:flex;align-items:flex-start;}
.show-menu{display:none}
nav ul{margin:0;padding:0;float:left}
nav ul li{display:block;float:left;list-style-type:none;padding-right:10px;padding-left:10px}
nav label,nav input[type=checkbox]{display:none;color:#193045}
.phone {
	float: left;
	width: 16%;
	color: #fff;
	padding:10px 0px;
}
.hours{
	width: 30%;
	float: left;
	color: #fff;
	padding: 10px 0px;
}
.row{width:1200px;margin:0px auto;}	
.row1{width:100%;float:left}	
.service-area{
    width: 35%;
    float: left;
    padding-top: 20px;
    text-align: center
}		
.service-area1{width: 70%;
    float: left;
    padding-top: 20px;}
.service-area1 .bg{margin-left: -55px;padding-top: 5px}
#p1 {
	width: 50%;
	top: 170px;
	position: absolute;
	color:#fff;}
#form {
	background-color: #FFFFFF;
	float: right;
	width: 30%;
	box-shadow: 0 0 5px #333333;
	position: relative;
	padding: 30px 0px;
	font-size:25px;
	font-family: impact;
	color:#051143;margin:60px 0px
}
.form {
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	border-bottom: 30px solid #fecc37;
	border-right: 15px solid #fecc37;
	text-align: center;
}
.input{width:90%;float:left;height:35px;line-height:35px;margin:10px 5%;background:#e6e6e6;padding:0 1%;color:#152e42;border:none}
.comment{width:90%;float:left;height:80px;line-height: 80px; margin:10px 5%;background:#e6e6e6;padding:10px 1%;color:#152e42;border:none}
.submit{
	width: 30%;
	height: 35px;
	font-family: arial;
	margin-left: 1%;
	font-size: 20px;
	border: 0;
	color: #FECC37;
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
	background-color: #011E9E;
}
a{color:inherit;text-decoration: none}
		.float-l{float:left;margin-top:50px}
		.font-n{color:#fecc37;font-size:100px;font-weight: bold;font-family: impact;}
		.bg{background-color:#fff;margin-left:-35px;padding-top:10px;font-weight: bold;color:#011E9E;font-size: 20px}
	     .services .bg{margin-left:-50px;padding-top:5px}
.testi .bg, .service-area .bg, .row2 .bg {margin-left:-55px;padding-top:5px;background-color: #f0f1f3}
		.service-area .bg{margin-left:-55px;padding-top:5px;background-color: #fff}
.testi .font-n{float: left;}
.testi .font-n1{
	color: #fecc37;
	font-size: 100px;
	font-weight: bold;
	font-family: impact;
	height: 75px;
	overflow: hidden;
	float: left;
}
.testi .bg{background-color:transparent;float: left;margin-top:70px;color:#fecc37;font-size: 30px}
.why-us{
	width: 50%;
	float: left;padding-left:2%
}
#why-us{width:700px;float: left;margin-top:50px}		
#why-us p{padding:0px 2%}
 .offer {
	float: left;
	width: 100%;
	background-image: linear-gradient(to right,#011e9e 24%,#fecc37 24% 76%);
	 height:190px;
	 text-align: center;
	 
	 margin-bottom:50px}		
.services {
	float: left;
	width: 25%;
margin: 50px 0px;		
}
.services li{
	line-height: 27px;
}		
.row2 {
	background-image: linear-gradient(to bottom,#f0f1f3 20%,#d1d5d8 80%);
	float: left;
	width: 100%;
		margin:50px 0px;
padding: 50px 0px;text-align: center}
.img1{float:right}		
.service-area ul li {list-style-position: inside;text-align: left;line-height: 38px}
.margin-l{margin-left:2.3%;margin-top:20px;margin-bottom:20px}	.margin-r{margin-right:2%;}	
.testi {
	background-image: url(professional-cleaners/testimonials-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	width: 100%;margin:50px 0px;background-size:cover
}
#testimonials{width:1200px;margin:100px auto;background: rgba(5,17,67,.5);padding:2%;display: table;}		

.slider {
	width:100%;
  height: 200px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 0px 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #ffcf41, 0 0 0 0 rgba(255, 207, 65, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
}
.slider__caption {
  font-weight: 500;
  margin: 20px 0px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
	color:#ffcf41;
		}
.slider__txt {
  color: #fff;
	}

@-webkit-keyframes check {
  50% {
    outline-color: #ffcf41;
    box-shadow: 0 0 0 12px #ffcf41, 0 0 0 36px rgba(255, 207, 65, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #ffcf41, 0 0 0 0 rgba(255, 207, 65, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #ffcf41;
    box-shadow: 0 0 0 12px #ffcf41, 0 0 0 36px rgba(255, 207, 65, 0.2);
  }
  100% {
    outline-color: #ffcf41;
    box-shadow: 0 0 0 0 #ffcf41, 0 0 0 0 rgba(255, 207, 65, 0);
  }
}
.row3{width:100%;float:left;background-color: #fff;padding-bottom:80px;}		
		.row3 span{font-size:50px;padding-top:30px;display: table;color:#011e9e;}	
		.row3 .row .row1{font-weight: bold;color:#011e9e;}
		/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
	background: #ffcf41;padding:10px 2%;font-size:40px;font-family:impact;color:#1b34a8;
	margin-top:-50px;
	margin-left:5%;
	
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #1b34a8;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.row4 {
	background-image: url(professional-cleaners/prevent-kids-allergies.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	width: 100%;background-attachment: fixed;background-size: cover
}
    .data {
	float: left;
	width: 30%;
		background: rgba(255,255,255,.7);margin-bottom: 30px;
		margin-top:70px;
		margin-right: 6%;
}
    .social {
	background-color:rgba(255,207,65,1);
	padding: 4%;
	float: left;
	width: 100%;
/*		margin-top:-55px;*/
		margin-bottom:30px;
				text-align: center;
}
.data .row1{text-align: center;}		
.row4-img {
    margin-top: -180px;
    float: right;
}
.row5{width:100%;float:left;padding:1%;color: #fff}
.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-coins:before{content:"\f51e"}.fa-file-invoice:before{content:"\f570"}.fa-leaf:before{content:"\f06c"}.fa-users:before{content:"\f0c0"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;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")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;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")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;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")}.fas{font-family:"Font Awesome 5 Free"}
	.fas {
    font-weight: 900;
    color: #011e9e;
    font-size: 20px;
    margin: 10px 3%;

}		
.fa,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-size:25px;color:#011e9e;padding-right:4%}
.fa-blogger-b:before{content:"\f37d"}
.fa-envelope:before{content:"\f0e0"}
.fa-facebook-f:before{content:"\f39e"}
.fa-instagram:before{content:"\f16d"}
.fa-link:before{content:"\f0c1"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-map-marker:before{content:"\f041"}
.fa-phone:before{content:"\f095"}
.fa-twitter:before{content:"\f099"}
.fa-youtube:before{content:"\f167"}
@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")}
@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")}
.fa{font-family:"Font Awesome 5 Free"}
.fa{font-weight:900}
.fa-map-marker-alt:before{content:"\f3c5"}		
  .fa-clock:before{content:"\f017"}  
    .zip-codes {
	float: left;
	width: 13%;
		color:#fff;font-size: 20px;
		line-height:40px;
		margin-top:90px;
}
		@media only screen and (max-width:1200px){
			#testimonials, .row, .top1 {width:100%;float:left}
			#why-us{width:70%;float:left}
			#form,.row,.top1 {width:100%;float:left}
			img{max-width:100%;height:auto}
			nav ul{width:100%;margin:0}
nav ul li{border-bottom:solid 1px #fff;width:100%;padding:0}
nav ul li{border-left:0}
nav ul li a{display: block;text-align: center;line-height: 30px;background-color: #fecc37;color: #2C3640}
nav ul li:hover a{background-color: #2C3640;color: #fecc37}
.show-menu{display:block;text-align:right;float:left;width:100%}
input[type=checkbox]:checked ~ #sub-menu,input[type=checkbox]:checked ~ #sub-menu1{display:block;position:absolute;right:0;top:35px;z-index: 1}
#sub-menu,#sub-menu1{display:none}
			.why-us,.phone,.hours{width: 50%;}
/*			.top1{height:50px}*/
			.section1{background-size:cover}
			h1{font-size:4vw;}#p1{width:90%;background-color: rgba(5,17,67,.6);margin-left:5%;padding:5% 20px}
			.why-us p{display: none}
			.logo-offer{display:none}.offer{height:auto}
			.row{padding-left:5%;padding-right:5%}
			.data {width: 90%;margin: 20px 5%;}.top.fixed .phone {width:50%;float:left}
		}
@media only screen and (max-width:700px){
	.why-us,.phone,.hours{width: 100%;}.services{width:100%;padding-left:5%}
	.service-area{width:50%}.zip-codes{width:30%}
	.logo img{width:30%;height:auto}.top1{height:60px;margin-top:10px}.nav{margin-top:0}
}
#p1 a .font.submit{padding:10px;margin-left:0;margin-top:50px}

/* RESET */
*, *::before, *::after {
    box-sizing: border-box;
}

/* FORM WRAPPER */
form.CUS {
    max-width: 900px;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    background: #f9fafb;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-family: system-ui, sans-serif;
}

/* FLEX FIELDSET */
form.CUS fieldset {
    display: flex;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
}

/* BASE BLOCK STYLE */
form.CUS fieldset > p {
    width: 100%;
    margin: 0;
    font-size: 0.95rem;
    color: #444;
}

/* Universal input/select styling */
form.CUS input,
form.CUS select,
form.CUS textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1rem;
}


/* ===============================
   SERVICE NEEDED TEXTAREA
=============================== */
form.CUS fieldset > p:nth-of-type(7) {
    width: 100%;
}

/* ===============================
   SERVICE DATE (Month, Day, Year)
   → ALL 3 IN ONE ROW
=============================== */

/* Make the 8th <p> (Service Date block) a flex row */
form.CUS fieldset > p:nth-of-type(8) {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: flex-start;
}

/* Month, Day, Year = 3 equal flex columns */
form.CUS fieldset > p:nth-of-type(8) select#service_date,
form.CUS fieldset > p:nth-of-type(8) select#service_day,
form.CUS fieldset > p:nth-of-type(8) input#service_year {
    flex: 1 1 0;
    width: auto;          /* flex handles width */
    margin-top: 6px;
}

/* ===============================
   SERVICE TIME (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(9) {
    width: 100%;
}

/* ===============================
   SUBMIT BUTTON (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(10) {
    width: 100%;
}

form.CUS input[type="submit"] {
    width: 100%;
    background: #2563eb;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

form.CUS input[type="submit"]:hover {
    background: #1d4ed8;
}

/* Hide honeypot */
form.CUS input.subject {
    display: none;
}

/* ===============================
   MOBILE RESPONSIVE (stack fields)
=============================== */
@media (max-width: 600px) {

    form.CUS fieldset > p {
        width: 100%;
        padding: 6px 0;
    }

    /* Month, Day, Year full width stacked on mobile */
    form.CUS fieldset > p:nth-of-type(8) {
        flex-direction: column;
        gap: 6px;
    }

    form.CUS fieldset > p:nth-of-type(8) select#service_date,
    form.CUS fieldset > p:nth-of-type(8) select#service_day,
    form.CUS fieldset > p:nth-of-type(8) input#service_year {
        flex: none;
        width: 100% !important;
    }
/* ===============================
   ROW 1: Name, Phone, Address
=============================== */
form.CUS fieldset > p:nth-of-type(1),
form.CUS fieldset > p:nth-of-type(2),
form.CUS fieldset > p:nth-of-type(3) {
    width: 100%;
}

/* ===============================
   ROW 2: City, State, Zip Code
=============================== */
form.CUS fieldset > p:nth-of-type(4),
form.CUS fieldset > p:nth-of-type(5),
form.CUS fieldset > p:nth-of-type(6) {
    width: 100%;
}
}