body{overflow-x:hidden}
.banner{background-image:url(garage-door-imgs/garage-repair-humble.png);width:100%;background-size:cover;height:auto}
.img{margin-top:30px}
.logo{margin-left:30%}
.number{text-align:center;margin-left:66%;margin-top:320px}
.banner-txt {
    font-size: 18px;
    color: white;
    line-height: 20px;
   float: left;
    border-left: 8px solid #FFF;
    padding-left: 20px;
	position:absolute;
	bottom:200px;
	left:350px;
	font-weight: 500;
	width:100%
}.first{color:#01102a;font-size: 60px;font-weight: bold;}
.call-button {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 40px;
	color: #0D2C2E;
	background-color: #fb9334;
	float: left;
	margin-top:20px;
	padding:5px 20px;
	font-size: 22px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);font-weight: bold;
}
.call-button:hover{background-color: #FFF;transform:scale(0.95)}
.show-menu{display:none}
nav{display:block;float:left;width:100%;font-size:16px;margin-top:30px;margin-right:auto}
nav ul{margin:0;padding:0}
nav ul li{display:block;float:left;list-style-type:none;padding-top:0;padding-right:10px;padding-left:10px;padding-bottom:0;line-height:32px;border-radius:5px 0 5px 0;margin-top:20px}
label,nav input[type=checkbox]{display:none}
nav ul li a{color:#0d1e32;text-decoration:none;font-size:15px}
nav ul li a:hover{color:#0d1e32}
nav ul li a:link,a:visited{color:#0d1e32;text-decoration:none}
nav ul li a:hover{color:#0d1e32}
form label{opacity:0;position:absolute;z-index:-1;left:0;right:0}
#form h4{font-size:30px;color:#01102a;padding-bottom:10px;padding-top:10px;padding-left:45px;font-style:italic;background-color:#fb9334;border-radius:5px;margin-left:5px;margin-right:5px;margin-top:5px}
#form{float:left;width:70%;margin-right:1%;margin-left:50%;background-color:#0d1e32;padding-top:1%;padding-bottom:1%;margin-bottom:100px;margin-top:100px}
.form-bg,.request-bg{width:70%;float:left;height:50px;margin-left:15%;margin-top:25px;margin-right:15%;border:1px solid #01102a;background-color:white;color:#0d1e32;font-family:Arial;font-size:18px;padding-left:3%;border-radius:5px}
#submit{width:50%;margin-left:25%;margin-right:25%;border:2px solid #01102a;height:40px;background-color:#fb9334;color:#01102a;margin-top:15px;font-family:Arial;margin-bottom:2%;font-size:25px;border-radius:5px}
.script{margin-top:50px;margin-bottom:50px}
.gallery{;margin-bottom:50px;width:100%}
.script h1{margin-left:7%;margin-top:0px;margin-bottom:10px}
.script h2{margin-left:7%;margin-top:0px;margin-bottom:10px}
.script p{margin-left:7%;font-size:18px;text-align:justify;margin-right:7%}
.coupon{padding-top:50px;padding-bottom:50px;background-color:#c3c3c3}
.scriptbg{background-image:url(garage-door-imgs/service-img.png);width:100%;background-size:cover;height:auto;padding-top: 80px;padding-bottom: 50px}
.scriptbg p{;text-align: left;margin-right:80px ;color: white;}
.scriptbg h2{;color: white}
.serviceoffering{background-image:url(garage-door-imgs/service-offering.png);width:100%;background-size:cover;height:auto;padding-top:120px}
.serviceoffering ul{margin-left:0;line-height:25px;padding-bottom:15px;width:40%;display:block;float:left;margin-top:15px;text-align:center}
.serviceoffering ul li{width:100%;margin-left:1px;line-height:50px;color:#fff;font-size:25px}
.serviceoffering li{list-style-image:url(garage-door-imgs/sign.png)}
.footer{background-image:url(garage-door-imgs/footer.png);width:100%;background-size:cover;height:auto;padding-top:50px}
.footer h4{background-color:#0d1e32;text-align:center;margin-left:1%;margin-right:1%;margin-top:5px;padding-top:1px;padding-bottom:5px;color:white}
.section{padding-bottom:80px}
.section ul{width:90%;line-height:35px;float:left;margin-left:40px}
.section ul li{text-decoration:none;width:50%;float:left}
.section ul li a{text-decoration:none}
.section li{list-style-image:url(garage-door-imgs/sign.png)}
.section ul li a:hover{color:white;text-decoration: none}
#footer{line-height:26px;font-size:18px;overflow:hidden;color:white;border-radius:1px;margin-top:0;text-decoration:none}
.footer a{line-height:14px;color:white;text-decoration:none}
.footer ul li a:hover{color:white;text-decoration: none}
.socialicon{margin-top:10px;margin-bottom:10px;margin-left:1%}
.pfotter{line-height:30px;font-size:18px;color:white;margin-left:20px;text-decoration:none}
.pfotter a:hover{line-height:30px;font-size:18px;color:white;margin-left:20px;text-decoration:none}
.copyright{text-align:center;background-color:#0d1e32;padding-top:5px;padding-bottom:5px;color:white}
.hvr-skew-forward{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);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}
.hvr-skew-forward:hover,.hvr-skew-forward:focus,.hvr-skew-forward:active{-webkit-transform:skew(-10deg);transform:skew(-10deg)}
@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.new-txt{padding: 50px;text-align: center;color: white;background-color:#0d1e32 }
.hvr-wobble-horizontal{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)}
.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.marquee{width:100%;margin-top:20px;margin-bottom:50px;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#fff}
.marquee:hover{animation-play-state:paused}
@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}
.social{width:100%;float:left;padding-left:40%;padding-top:5px;padding-bottom:5px;margin-bottom:0}
/*! CSS Used from: Embedded */*{box-sizing:border-box}
.item{width:200px;height:200px;margin:50px auto;padding-top:75px;background:#ccc;text-align:center;color:#FFF;font-size:3em}
body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}
[data-aos=fade-up]{transform:translate3d(0,100px,0)}
[data-aos=fade-down]{transform:translate3d(0,-100px,0)}
[data-aos=fade-right]{transform:translate3d(-100px,0,0)}
[data-aos=fade-left]{transform:translate3d(100px,0,0)}
[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}
[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}
[data-aos=zoom-in]{transform:scale(.6)}
[data-aos=zoom-out]{transform:scale(1.2)}
[data-aos^=slide][data-aos^=slide]{transition-property:transform}
[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}
[data-aos=slide-up]{transform:translate3d(0,100%,0)}
[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}
[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}
[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}
[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}
[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}
[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}
[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}
[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
@media only screen and (max-width:1200px){
	#form{margin-left:2%}
.banner-txt {
	left:2%;bottom: 50px;top: 200px;width:94%;;margin-left: 2%;
}	
	.scriptbg p{;text-align: left;margin-right:10px ;color: white;}
		.show-menu{display:block;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:40px}
input[type=checkbox]:checked ~ #sub-menu{display:block}
#sub-menu{display:none}
nav{background-color:#0d1e32}
nav ul{margin:0}
nav ul li{border-bottom:solid 1px #da7e03;width:100%;padding:0;margin-top:0}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#0d1e32;color:#fff}
nav ul li a:link,a:visited{color:white;text-decoration:none}
nav ul li a:hover{color:white}
}
@media only screen and (max-width:992px){.logo{width:50%;margin-left:1px}
.number{width:98%;float:left;margin-left:0;margin-top:5px;margin-right:2%}
.socialicon{margin-left:1%}
}
@media only screen and (max-width:800px){
.banner-txt {
	font-size:3vw;right:2%;position: relative;bottom:20px;top: 0px
}
	.show-menu{display:block;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:40px}
input[type=checkbox]:checked ~ #sub-menu{display:block}
#sub-menu{display:none}
nav{background-color:#0d1e32}
nav ul{margin:0}
nav ul li{border-bottom:solid 1px #da7e03;width:100%;padding:0;margin-top:0}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#0d1e32;color:#fff}
nav ul li a:link,a:visited{color:white;text-decoration:none}
nav ul li a:hover{color:white}

}
@media only screen and (max-width:600px){body{overflow-x:hidden}

.logo{width:50%;margin-left:1px}
.number{width:98%;float:left;margin-left:0;margin-top:5px;margin-right:2%}
.social{margin-left:1%}
#header{background-color:transparent;box-shadow:0;overflow-x:hidden;width:90%;margin-left:5%;margin-right:5%}
/*#form{width:90%;margin-left:1%;margin-top:10px;margin-bottom:10px}*/
.coupon{width:98%;margin-left:1%;overflow-x:hidden}
.couponn{width:98%;margin-left:1%}
.footer{width:95%;margin-left:3%;padding:10px}

.socialicon{margin-left:1%}
.social{margin-left:1%}
}

@media only screen and (max-width:400px){.show-menu{display:block;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:40px}
input[type=checkbox]:checked ~ #sub-menu{display:block}
#sub-menu{display:none}
nav{background-color:#0d1e32}
nav ul{margin:0}
nav ul li{border-bottom:solid 1px #da7e03;width:100%;padding:0;margin-top:0}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#0d1e32;color:#fff}
nav ul li a:link,a:visited{color:white;text-decoration:none}
nav ul li a:hover{color:white}
/*#form{width:95%;margin-left:1%}*/
.number{width:98%;float:left;margin-left:0;margin-top:1px;margin-right:2%;text-align:left}
.socialicon{margin-left:1%}
.social{margin-left:1%;padding-left:1px}
		.first{color:#01102a;font-size: 60px;font-weight: bold;}
.call-button {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	line-height: 40px;
	color: #0D2C2E;
	background-color: #fb9334;
	float: left;
	margin-top:20px;
	padding:5px 20px;
	font-size: 22px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);font-weight: bold;
}
	.text{margin-top: 50px}
.call-button:hover{background-color: #FFF;transform:scale(0.95)}
}
.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(0.92);float:left;margin-left: 8px}