﻿*{box-sizing:border-box;transition:.5s}
body{margin:0;font-family:Verdana}
.spam { display:none;}
a{color:inherit;text-decoration:none}
a img{border:0}
.banner{background-image:url(cleaning-service/dallas-carpet-cleaning2.png);width:100%;background-size:100% 100%;height:672px;background-repeat:no-repeat}
.phone{float:right;margin-right:1px;margin-top:66px}
.logo{margin-top:60px;margin-left:60px}
.navigation{background-color:#656664;padding-top:3%;padding-bottom:1%}
nav{display:block;font-size:20px;float:left;color:white}
.show-menu{display:none}
nav ul{margin:0;padding:0;color:white}
nav ul li{display:block;float:left;list-style-type:none;line-height:35px;padding-right:10px;padding-left:50px;color:white;margin-left:50px}
nav label,nav input[type=checkbox]{display:none}
nav a{color:white;font-size:18px}
nav a:hover{color:#fbab30;text-decoration:none}
.bar1,.bar2,.bar3{width:50px;height:3px;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)}
#content{background-color:#f9f9f9;float:left;width:100%;margin-top:10px;border-radius:5px}
.section{background-color:#1f1f1f;padding-top:.5%;padding-bottom:.5%}
.span{color:#ffc60d;margin-left:5%}
.number{float:right;margin-right:15%;text-decoration:none;color:#ffc60d}
.socialicon{background-image:url(cleaning-service/follow-us.png);width:100%;background-size:100% 100%;height:auto;padding-top:150px;padding-bottom:150px}
.socialicon h2{font-size:40px;color:white;text-align:center;margin-top:10%}
.section1{margin-top:40px;margin-bottom:40px}
.script{background-color:white;padding-left:1%;padding-top:0;margin-top:20px;margin-bottom:20px}
.img{margin-top:30px}
.img2{margin-top:100px}
.script p{line-height:25px;margin-left:0;margin-right:10px;text-align:justify}
#title{display:block;color:#ffc60d;font-size:30px;text-align:center;margin-bottom:20px}
.formbg{background-image:url(cleaning-service/services.png);width:100%;background-size:100% 100%;height:auto}
#form h4{font-size:30px;color:white;padding-bottom:20px;font-style:italic}
#form{float:left;width:100%;margin-right:1%;margin-right:10px;background-color:transparent;padding-left:15%;padding-top:5%}
.form-bg{width:30%;float:left;height:70px;margin-left:0;margin-top:2%;margin-right:0;border:1px solid white;background-color:transparent;color:white;font-family:Arial;padding-left:1%}
.request-bg{width:62%;float:left;height:100px;margin-left:0;margin-top:2%;margin-right:1%;border:1px solid white;background-color:transparent;color:white;font-family:Arial;padding-left:1%}
#apply{width:100%;margin-top:0;margin-top:20px;margin-bottom:20px}
#submit{width:20%;margin-left:20%;margin-right:40%;border:1px solid white;height:40px;background-color:#ffc60d;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:10px;background-color:rgba(255,255,255,0.4);padding-top:30px}
#footer a{text-decoration:none;color:inherit;color:black}
.pfotter{;line-height:30px;font-size:18px;color:black}
.section-header h3{font-size:32px;color:white;text-transform:uppercase;text-align:center;font-weight:700;position:relative;padding-bottom:15px}
.section-header h3::before{content:'';position:absolute;display:block;width:120px;height:1px;background:#ddd;bottom:1px;left:calc(50% - 60px);color:white}
.section-header h3::after{content:'';position:absolute;display:block;width:40px;height:3px;background:#ffc60d;bottom:0;left:calc(50% - 20px);color:white}
.section-header p{text-align:center;padding-bottom:30px;color:white}
.title{color:#ffc60d;margin-bottom:20px}
.description{color:white;line-height:25px}
.service{width:100%;height:auto;background:url(cleaning-service/service.png) center fixed no-repeat;background-size:cover;padding-top:6%;text-align:center;padding-bottom:6%}
.serv-img{margin-right:3%}
.footer{width:100%;background-color:#656664;padding-top:10px;text-decoration:none}
.footer h4{background-color:#1f1f1f;margin-left:1%;margin-right:1%;margin-top:5px;padding-top:1px;padding-bottom:5px;color:#ffc60d;padding-left:10px}
.footer a{line-height:14px;color:white;text-decoration:none}
.section ul{width:35%;line-height:35px;float:left;margin-left:40px;color:white;text-decoration:none}
.section ul li{text-decoration:none}
.section ul li a{text-decoration:none;color:white;font-size:16px}
.section li{list-style-image:url(cleaning-service/sign.png)}
.section ul li a:hover{color:white;text-decoration:none}
.pfotter{line-height:20px;font-size:18px;color:white;margin-left:20px;text-decoration:none}
.pfotter a{text-decoration:none}
.fot a{text-decoration:none}
.social{margin-top:10px;margin-bottom:10px;margin-left:1%}
nav{display:block;font-size:16px;float:left;margin-top:-30px}
.show-menu{display:none}
nav ul{margin:0;padding:0}
nav ul li{display:block;float:left;list-style-type:none;line-height:35px;padding-top:3px;padding-right:10px;padding-left:10px}
nav label,nav input[type=checkbox]{display:none}
nav a:hover{color:#fbab30}
.bar1,.bar2,.bar3{width:50px;height:3px;background-color:#2c3640;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){.container{width:100%;padding-right:20px;padding-left:20px}
nav{padding:0;float:right;order:3}
nav ul{width:100%;margin:0}
nav ul li{border-bottom:solid 1px #fff;width:100%;padding:0}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#fbab30;color:#183849;font-weight:bold}
nav ul li:hover a{background-color:#02517a;color:#fff}
.show-menu{display:block;text-align:center;float:right;margin-right:10px;width:100%}
input[type=checkbox]:checked ~ #sub-menu{display:block;position:absolute;right:0;bottom:-275px;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:900px){nav{margin-top:10px}
.logo{float:left;width:90%;margin-left:5%;margin-right:5%}
.number{width:95%;margin-left:2%;margin-right:2%}
.banner{height:auto}
.section ul{;float:left;margin-left:10px;color:white;text-decoration:none}
.form-bg{width:80%;float:left}
}
@media only screen and (max-width:600px){nav{margin-top:10px}
}
@media only screen and (max-width:500px){.number{margin-left:10px}
}
.g-recaptcha{float:left;max-width:100%}
.g-recaptcha *{transform:scale(0.92);float:left;margin-left:-15px}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}