body {overflow-x:hidden}
.header{background-color:#79ced7;padding:5px;width:100%}
.span{color:white;margin-top:3px;margin-bottom:3px;padding-left:5px;font-size:15px}
.pic{margin-left:40px}
.social{float:left}
.logo{background-color:#1F3542;border-top:3px solid white;padding:3px}
.fa-facebook{color:#1f3542;margin-left:50px;font-size:30px;margin-top:7px;}
.fa-youtube-square{color:#1f3542;margin-left:10px;font-size:30px}
.fa-yahoo{color:#1f3542;margin-left:10px;font-size:30px}
.fa-yelp{color:#1f3542;margin-left:10px;font-size:30px}
.fa-blogger{color:#1f3542;margin-left:10px;font-size:30px}
.fa-envelope{color:#FFB600;margin-left:3px;margin-top:30px;font-size:15px}
.fa-mobile-alt{color:#FFB600;font-size:15px;margin-left:2%}
.nav{/*background-color:#1F3542;border-top:2px solid white;*/}
.script{margin-top:30px;margin-bottom:30px}
form label{margin-left:2%}
nav{
	display: block;
	float: left;
	width: 100%;
	
	font-size: 14px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

.show-menu{display:none}
nav ul{margin:0;padding:0 }
nav ul li{
	display: block;
	float: left;
	list-style-type: none;
	padding-top: 0;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0;
	
	
	
	border-radius: 5px 0 5px 0;

	margin-left: 1%;
    margin-top:10px;

}
label,nav input[type=checkbox]{display:none}
nav ul li a{color:#fff;text-decoration:none;font-size: 14px;}
nav ul li a:hover{
	color: #fff
}
nav ul li a:link,a:visited{color:black;text-decoration:none}
nav ul li a:hover{
	color: #000000}
.parallex{width:100%; height:auto;background: url(cleaning-services/parallex.png) center fixed no-repeat;background-color:rgba(255,255,255,.5);background-size:cover}
.parallexbg{background-color:rgba(255,255,255,0.5);height: auto}
.script h1{text-align:center;margin-top:20px;margin-bottom:20px;font-size:30px/*color:white*/}
.script h2{text-align:center;margin-top:20px;margin-bottom:20px;/*color:white*/}
.script p{text-align:center;line-height:25px;font-size:18px;/*color:white*/;margin-left:1%;margin-right:1%}
.imgs{width:100%}
.mail{float:right}
.form{background-color:rgb(31, 53, 66 );margin-top:20px}
.form h4{color:white;padding-top:20px;padding-bottom:20px;text-align:center;font-style:italic;font-size:20px}
#form{
	float: left;
	width: 100%;
	margin-right: 1%;

	margin-right: 10px;
	background-color: transparent;font-size:20px;color: black;
}
.form-bg{
	width: 50%;

	height: 40px;
	margin-left: 25%;margin-top:2%;margin-right:25%;

		border: 1px solid white;
   background-color:rgba(255,255,255,0.5)
	;
	font-family:Arial;
	padding-left: 1%;font-size:20px;color: black;
}

#apply{
	width: 100%;
	margin-top: 0px;margin-top:20px;margin-bottom:20px;
}
.submit{width:20%;margin-left:25%;margin-right:40%;border: 1px solid white;height: 40px;background-color:#79ced7;margin-top:2%;
	font-family:Arial;margin-bottom:2%}
#footer{width:100%;float:left;text-align:center;line-height:26px;font-size:18px;overflow:hidden;color:black;margin-top:0px;background-color:#1f3542;border-top:5px solid #ffb600;padding-top:30px}
#footer a{text-decoration:none;color:inherit;color:white}
.pfotter{text-align:center;line-height:30px;font-size:18px;color:white}
.socialicon{margin-top:10px;margin-bottom:10px;margin-left:1%}
.btn-outline-light{margin-top:10px;font-size:30px}

.imgs h3{text-align:center;font-size:50px;padding-top:10px;padding-bottom:10px;margin-top:30px;margin-bottom:30px;color:#1f3542}

@media only screen and (max-width: 575.98px) {#cities {padding: 10px;width: 100%;margin-top: 20px;margin-bottom: 20px;display: table;background-color: #0e2339;color: white}
#cities h2{padding-left:10px;font-size: 20px}
#cities ul li{line-height: 30px;float: left;width:100%;color: white}
#cities li{line-height: 100px;float: left;width:24%;color: white}	
#cities li a{color:inherit;text-decoration: none}
    .show-menu {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        line-height: 40px;color:white;
    }

    input[type=checkbox]:checked ~ #sub-menu {
        display: block;
    }

    #sub-menu {
        display: none;
    }

    nav {
        background-color: #1f3542;
    }

        nav ul {
            margin: 0;color:white;
        }

            nav ul li {
                border-bottom: solid 1px #fff;
                width: 100%;
                padding: 0;
                margin-top: 0px;color:white;
            }
              nav ul li a {
                color:white;
            }
              .parallex{width:100%; height:auto;background: url(cleaning-services/parallex.png) center fixed no-repeat;background-color:rgba(255,255,255,.5);background-size:cover}
	.fa-facebook{color:#1f3542;margin-left:50px;font-size:12px;margin-top:7px;}
.fa-youtube-square{color:#1f3542;margin-left:12px;font-size:12px}
.fa-yahoo{color:#1f3542;margin-left:10px;font-size:12px}
.fa-yelp{color:#1f3542;margin-left:10px;font-size:12px}
.fa-blogger{color:#1f3542;margin-left:10px;font-size:12px}
.fa-envelope{color:#FFB600;margin-left:3px;margin-top:35px;font-size:12px}
.fa-mobile-alt{color:#FFB600;font-size:12px;margin-left:1%}
.fa-envelope{color:#FFB600;margin-left:0px;margin-top:35px;font-size:12px}
}







figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  background: #000000;
  text-align: left;margin-left:45px
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}


#cities {padding: 10px;width: 100%;margin-top: 20px;display: table;background-color: #0e2339;color: white}
#cities h2{padding-left:10px;font-size: 20px}
#cities li{line-height: 28px;float: left;width:24%;color: white}	
#cities li a{color:inherit;text-decoration: none}

/* Styles the thumbnail */

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;max-height:0;max-width: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}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-height:100%;max-width:100%;height:auto;width:auto}
.blogposts {display:block;position:relative;margin:0;padding:10px;overflow:hidden;}
.blog-card{display:flex;flex-direction:column;margin:1rem auto;box-shadow:0 3px 7px -1px rgba(0,0,0,.1);margin-bottom:1.6%;background:#fff;line-height:1.4;font-family:sans-serif;border-radius:5px;overflow:hidden;z-index:0}
.blog-card a{color:inherit}
.blog-card a:hover{color:#5ad67d}
.blog-card:hover .photo{-webkit-transform:scale(1.3) rotate(3deg);transform:scale(1.3) rotate(3deg)}
.blog-card .meta{position:relative;z-index:0;height:200px}
.blog-card .photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.blog-card .description{padding:1rem;background:#fff;position:relative;z-index:1}
.blog-card .description h2{line-height:1;margin:0;font-size:1.7rem}
.blog-card .description .read-more{text-align:right}
.blog-card .description .read-more a{text-decoration:none;background:#5ad67d;color:#fff;padding:4px 7px;border-radius:5px;display:inline-block;position:relative}
.blog-card .description .read-more a:after{content:">>";font-family:FontAwesome;margin-left:-10px;opacity:0;vertical-align:middle;transition:margin .3s,opacity .3s}
.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}
.blog-card p{position:relative;margin:1rem 0 0;padding:0;}
.blog-card p:first-of-type{margin-top:1.25rem}
.blog-card p:first-of-type:before{content:"";position:absolute;height:5px;background:#5ad67d;width:35px;top:-.75rem;border-radius:3px}
.blog-card:hover .details{left:0}
@media (min-width:640px){
.blog-card{flex-direction:row;max-width:700px}
.blog-card .meta{flex-basis:40%;height:auto}
.blog-card .description{flex-basis:60%}
.blog-card .description:before{-webkit-transform:skewX(-3deg);transform:skewX(-3deg);content:"";background:#fff;width:30px;position:absolute;left:-10px;top:0;bottom:0;z-index:-1}
.blog-card.alt{flex-direction:row-reverse}
.blog-card.alt .description:before{left:inherit;right:-10px;-webkit-transform:skew(3deg);transform:skew(3deg)}
.blog-card.alt .details{padding-left:25px}

.blogposts {display:block;position:relative;margin:0;padding:10px;overflow:hidden;}
.blog-card{display:flex;flex-direction:column;margin:1rem auto;box-shadow:0 3px 7px -1px rgba(0,0,0,.1);margin-bottom:1.6%;background:#fff;line-height:1.4;font-family:sans-serif;border-radius:5px;overflow:hidden;z-index:0}
.blog-card a{color:inherit}
.blog-card a:hover{color:#5ad67d}
.blog-card:hover .photo{-webkit-transform:scale(1.3) rotate(3deg);transform:scale(1.3) rotate(3deg)}
.blog-card .meta{position:relative;z-index:0;height:200px}
.blog-card .photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.blog-card .description{padding:1rem;background:#fff;position:relative;z-index:1}
.blog-card .description h2{line-height:1;margin:0;font-size:1.7rem}
.blog-card .description .read-more{text-align:right}
.blog-card .description .read-more a{text-decoration:none;background:#5ad67d;color:#fff;padding:4px 7px;border-radius:5px;display:inline-block;position:relative}
.blog-card .description .read-more a:after{content:">>";font-family:FontAwesome;margin-left:-10px;opacity:0;vertical-align:middle;transition:margin .3s,opacity .3s}
.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}
.blog-card .description img {float:right;max-width:300px;height:auto;margin:25px 0 15px 15px;padding:5px;border:1px solid #ccc;border-radius:5px;}
.blog-card p{position:relative;margin:1rem 0 0;padding:0;}
.blog-card p:first-of-type{margin-top:1.25rem}
.blog-card p:first-of-type:before{content:"";position:absolute;height:5px;background:#5ad67d;width:35px;top:-.75rem;border-radius:3px}
.blog-card:hover .details{left:0}
}

.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}
.g-recaptcha {float:left;max-width:100%;}
.g-recaptcha * {transform:scale(1);float:left;margin-left: 95px}