﻿* {
    box-sizing: border-box;
    transition: 0.5s;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

p {
    line-height: 24px;
    text-transform: none;text-align: justify
}
header{}
.logo{padding-left: 20px}
.phone{color: white;margin-top:5px;font-size: 30px;text-align: center ;margin-top: 20px}
.phone a{;color:#282828;background-color: #fa9722; padding-top: 5px;padding-bottom: 5px;padding-left: 10px;padding-right: 10px;border-radius: 30px;z-index: 111111}
phone a:hover{;color:#282828;background-color: #fa9722; padding-top: 5px;padding-bottom: 5px;padding-left: 5px;padding-right: 5px;border-radius: 30px;text-decoration: none}
.phone-social{background-color:#fa9722}
.social{color: #fa9722;font-size: 25px;margin-left: 10px}
.row2{background-color:#222222}
nav{
display: block;
float: right;
width: 100%;
font-size: 16px;margin-top: 20px

}
.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;
line-height: 32px;
border-radius: 5px 0 5px 0;
margin-left: 2px;
}
label,nav input[type=checkbox]{display:none}
nav ul li a{color:#0b2828;text-decoration:none;font-size: 18px;padding:10px}
nav ul li a:hover{
color: white
}
nav ul li a:link,a:visited{color:#FFFFFF;text-decoration:none}
nav ul li a:hover {
color: white;
}
.banner{
	background-image: url(cleaning-service/carollton-banner.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 30.5%;
	position: relative;text-align: center
}
.banner-txt {text-align: center;
    font-size: 16px;
    color: white;
    line-height: 70px;
    text-transform: uppercase;
/*    border-left: 8px solid #FFF;*/
  
	position:absolute;
	bottom:100px;
	left: 300px;
	font-weight: 500;
	width:50%
}.first{color:#282828;font-size: 30px;font-weight: bold;margin-top: 30px;margin-bottom: 30px;line-height: 70px}
.call-button {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 40px;
	color:white;
	background-color: #222222;
	float:right;
	margin-top:-60px;
	padding:5px 20px;
	font-size: 22px;margin-right: 150px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);font-weight: bold;
}
.first-script{background-color: #fa9722;text-align: center;padding-bottom: 30px}
.call-button:hover{background-color: #FFF;transform:scale(0.95);color:#222222 }
.h2{padding-left: 10px;margin-top:-40px}
.border1{border-top: 5px solid #fa9722;border-left: 5px solid #fa9722;width: 10%;height: 50px;margin-top: 30px}
.border2{border-top: 5px solid #fa9722;border-left: 5px solid #fa9722;width: 5%;height: 20px;margin-top: 0px;}
.border3{border-top: 5px solid #fa9722;border-left: 5px solid #fa9722;width: 5%;height: 50px;margin-top: 30px;}
.border5{border-top: 5px solid #fa9722;border-left: 5px solid #fa9722;width: 5%;height: 50px;margin-top: 30px;}
.border6{border-top: 5px solid #fa9722;border-left: 5px solid #fa9722;width: 10%;height: 50px;margin-top: 30px}
.heads{display: block;color: #fa9722;font-size: 20px;font-weight: 200px}
.script p{padding-right: 20px}
.img{margin-top:70px}
.gallery{;display: block; background-color: #222222;padding-bottom: 70px}
.gal-hed{display: block;color:#fa9722;font-size:30px;font-weight: 200px;margin-top:35px;margin-left: -30px}
/*.borders{border-top: 5px solid white;border-left: 5px solid white;width: 5%;height: 50px;margin-top: 30px}*/
.img-span{display: block;font-size:30px;font-weight: 800px;margin-top:5px}
.service p{padding-right: 50px}
.our-services{background-color: #5b5959;padding-left: 130px;padding-bottom:250px;padding-top: 20px}
.serv-hed{display: block;color:#fa9722;font-size:30px;font-weight: 200px;margin-top:-40px;margin-left: 20px}
.img3{margin-top: -200px;padding-bottom: 70px}




.page-head {
  padding: 60px 0;
  text-align: center;
}

.page-head .lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 50px;
  margin-top: 0;
}


.page-head h1 .version {
  bottom: 0;
  color: #ddd;
  font-size: 11px;
  font-style: italic;
  position: absolute;
  width: 58px;
  right: -58px;
}

.demo-gallery > ul {
  margin-bottom: 0;padding-left: 50px
  
}

.demo-gallery > ul > li {
  margin-bottom: 15px;
  width: 200px;
  display: inline-block;
  margin-right: 60px;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.stop-div{background-color: #fa9722;padding-bottom: 35px}
.stop-span{display: block;font-size: 50px;color: white;margin-left: 0px;margin-top: 30px}
.stop-div p{;font-size: 20px;margin-left: 0px;}
.form{background-color:#fa9722 }
#form{background-color:#fa9722;color:#FFF;width:100%;line-height:30px;font-size:34px;font-weight:bold;padding-left:40px;padding-top:30px}
#form label{opacity:0;position:absolute;z-index:-1;left:0;right:0}
#form span{border-bottom:3px #222222 solid;padding-bottom:10px;margin-bottom:30px}
form{float:left;width:100%;padding-bottom:20px;padding-top:20px;margin-bottom:15px;margin-top:20px}

.form-bg,.comment{width:40%;padding-left:3.5%;height:50px;line-height:45px;background-color:#222222;color:white;display:block;float:left;font-family:calibri;font-size:16px;margin-right:4%;margin-bottom:10px;border:1px solid #96a2a8;margin-top:10px}
.comment{height:120px;width: 84%}
.submit{margin-top:10px;float:left;background-color:white;width:120px;height:45px;color:black;font-size:18px;border:1px solid #0d2d2d}
.form-serv{background-color:#fa9722 }
.services{padding-top: 20px}
.serv-span{display: block;margin-left: 15px;margin-top: -40px;font-size: 35px;padding-top: 30px}
.services ul{margin-left:20px ;font-size: 20px;line-height: 50px}
.serv-ul{width: 30%;float: left}
#footer{color:#fff;background-color:#222222;float:left;width:100%;padding-top:20px;padding-bottom:20px;border-top: solid 5px white}
.footer1{float:left;width:33%;color:#fff;line-height:30px;padding-left: 30px}
.footer1 a{text-transform:none;text-decoration: none;color: white;font-size: 15px;list-style-type: none;}
.footer1 h2{font-size:18px;color:#fff;text-transform:none;position:relative}
.footer1 h2:before{content:"";position:absolute;width:40px;height:3px;bottom:-10px;left:0;border-bottom:3px solid #fbb316}
.circle-icon{background-color:rgba(255,255,255,0.30);color:#0b2828;border-radius:50%;text-align:center;vertical-align:middle;padding:8px;transition:.5s;font-size:20px;width:1.8em;margin:5px;font-weight:bold}
.circle-icon:hover{background-color:#222222;color:#fff}

#copy-right{font-size:18px;line-height:40px;color:black;background-color:#fa9722;text-align:center;float:left;width:100%}
.brands:hover{box-shadow:2px 2px 2px #666}


@media only screen and (max-width:1350px){
nav{padding:0;float:right;order:3;margin-left: 50px}
	nav ul{width:90%;margin:0;}
nav ul li{border-bottom:solid 1px #fff;width:90%;padding:0}
nav ul li a{display:block;text-align:center;;line-height:10px;background-color:#fbab30;color:#183849;font-weight:bold}
nav ul li:hover a{background-color:#5b5959;color:#fff}
.show-menu{display:block;text-align:center;float:right;margin-right:10px;width:90%}
input[type=checkbox]:checked ~ #sub-menu{display:block;position:absolute;right:0;bottom:-120px;z-index:1}
#sub-menu{display:none}
.bar1,.bar2,.bar3{width:30px;height:3px;background-color:#fff;margin:6px 0;transition:.4s;display:block}
.change .bar1{transform:rotate(-45deg) translate(-9px,3px)}
.change .bar2{opacity:0}
.change .bar3{transform:rotate(45deg) translate(-9px,-4px)}
}
@media only screen and (max-width:1350px){
	.call-button{margin-top: 30px;margin-right: 10px}
	.services{padd: 10px}
	.serv-span{display: block;padding-left: 15px;margin-top: -40px;font-size: 30px}
	.services ul{padding-left: 20px ;font-size: 16px;line-height: 50px;width: 90%}
	.gal-hed{padding-left: 15px}
	.demo-gallery > ul > li {
  margin-bottom: 15px;
  width:150px;
  display: inline-block;
  margin-right: 10px;
  list-style: outside none none;
}

}






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