body{overflow-x:hidden}
.fa-facebook-square{font-size:30px;margin-right:10px;margin-top:40px}
.fa-youtube-square{font-size:30px;margin-right:10px}
.fa-linkedin{font-size:30px;margin-right:10px}
.fa-instagram{font-size:30px;margin-right:10px}
.fa-twitter-square{font-size:30px;margin-right:10px}
.fa-blogger{font-size:30px;margin-right:10px}
.header{background-color:#132442}
.banner{background-image:url(pluming-service/plumbing-grand-praire.png);background-position: center;background-size:100% 100%;}
.service{background-image:url(pluming-service/services.png);background-size:cover;height:478px;padding-top:15%;padding-left:12%;}
.section{border:solid 3px #ffc60d}
.wave-one {
width: auto;
height: auto;
float: left;
position: relative;
top: 10px;
left: 10%;
z-index: 7;
overflow: hidden;
}

.wave-one{transition:all 0.5s ease-in-out;}
.floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 5s;
-webkit-animation-duration: 5s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
}
@keyframes floating {
0% {left:-20%;}
50% {left:25%;}
100% {left:10%}
}
.script1 {
    background-color: #132442;
    text-align: center;
    padding:30px 0;
}
.script1 h1 {

    color: white;

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 32px;

}
.script1 p{color:white;line-height:30px;margin-left:5%;margin-right:5%;}
.script{background-color:white}

.script h1 {

    color: #17366b;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 32px;

}
.script h2 {

    color: #17366b;
    margin-left: 10%;
    margin-right: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 32px;

}
.script p{color:#17366b;margin-left:10%;margin-right:5%;line-height:27px}
.water{padding-top:3%;padding-bottom:3%;background-color:#01102A}
.water h4{font-size:40px;color:#ffa200;text-align:center;line-height:50px;margin-top:20px;}
nav{
display: block;
float: left;
width: 100%;
font-size: 16px;
margin-top: 5px;
margin-right: 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;
line-height: 32px;
border-radius: 5px 0 5px 0;
margin-left: 1.5%;
margin-top:20px;
}
label,nav input[type=checkbox]{display:none}
nav ul li a{color:#fff;text-decoration:none;font-size: 18px;}
nav ul li a:hover{
color: white
}
nav ul li a:link,a:visited{color:#fff;text-decoration:none}
nav ul li a:hover {
color: white;
}
#mask
{position:relative;
top:1px;
margin:auto;
width:1000px; height:100px;
font-size:70px;
font-weight:700 ;
font-family: Arial;
text-align:center;
line-height:90px;
text-shadow: 0px 2px 2px rgba(255,255,255,0.2), 0px 2px 0px rgba(255,255,255,0.2);
background-image:-webkit-radial-gradient(center 10px,80px 100px, #111111 50%, #0099ff 51%);
background-size:40px 110px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation-name: wave-animation;
-webkit-animation-duration: 8s ;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function: linear ;
}
@-webkit-keyframes 'wave-animation'
{
0%{background-position:200px 10px;}
50%{background-position:500px -20px;}
100%{background-position:0px -10px;}
}
.item{width:200px;height:200px;margin:50px auto;padding-top:75px;background:#ccc;text-align:center;color:#FFF;font-size:3em;}
.gallery{background-image:url(pluming-service/gallerybg.png);background-size:cover;height:auto;}
.coupons{margin-top: 20px;margin-bottom: 20px}
body
{
margin: 0;
padding: 0;
background: #262626;
font-family: sans-serif
}
.container
{
width: 100%;
margin: 0px auto;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.container .box
{
position: relative;
width: 300px;
height: 300px;
background: #ffa200;
margin: 10px;
box-sizing: border-box;
display: inline-block;
}
.container .box .imgBox
{
/*position: relative;*/
overflow: hidden;
}
.container .box .imgBox img
{
max-width: 100%;
transition: transform 2s;
}
.container .box:hover .imgBox img
{
transform: scale(1.2);
}
.container .box .details
{
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
background: rgba(23,54,107,0.8);
transform: scaleY(0);
transition: transform .5s;
}
.container .box:hover .details
{
transform: scaleY(1);
}
.container .box .details .content
{
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
padding: 15px;
color: #fff;
}
.container .box .details .content h2
{
margin: 0;
padding: 0;
font-size: 20px;
color: #ffa200;
}
.container .box .details .content p
{
margin: 10px 0 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.container {
padding: 0;
}
.container .box {
margin: 0;width:auto;
height: auto;
}
}
#form h4{font-size:30px;color:#01102a;padding-bottom:20px;font-style:italic}
#form{
float: left;
width: 100%;
margin-right: 1%;
margin-right: 5px;
background-color: transparent;padding-left:27%;padding-top:1%
}
.form-bg{
width: 20%;float:left;
height: 70px;
margin-left: 0%;margin-top:2%;margin-right:1%;
border: 1px solid #01102a;
background-color:transparent
;color:#01102a;
font-family:Arial;font-size:25px;
padding-left:1%
}
.request-bg{width: 62%;float:left;
height: 100px;
margin-left: 0%;margin-top:2%;margin-right:1%;padding-top:3%;
border: 1px solid #01102a;
background-color:transparent
;color:#01102a;
font-family:Arial;font-size:25px;
padding-left: 1%}
#apply{
width: 100%;
margin-top: 0px;margin-top:20px;margin-bottom:20px;
}
#submit{width:20%;margin-left:20%;margin-right:40%;border: 2px solid #01102a;height: 40px;background-color:#ffa200;color:#01102a;margin-top:2%;
font-family:Arial;margin-bottom:2%;font-size:25px;}
.form{background-color:#ffa200}
.circle{
	margin: 1%;
	float: left;
	width: 100%;
	background-color:#01102a;
	color: #ffffff;
	padding-bottom: 2%;
    padding-top:1%;

}.circle li{float:left;width:24.5%;font-size:20px;color:#ffffff}.circle{
	margin: 1%;
	float: left;
	width: 98%;
	background-color: #0E2339;
	color: #ffffff;
	padding-bottom: 15px;
	border-radius: 7px
}.circleli{float:left;width:24.5%;font-size:20px;color:#ffffff}
 .circle ul li a{color:#ffffff}
#wrapper .row iframe {
	float: right;
	margin-top: 2%;
}
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);}
#footer{width:100%;background-color:#0e2339;padding-top:20px;padding-left:10%;line-height:26px;font-size:18px;overflow:hidden;color:white;border-radius:1px;box-shadow:0 0 4px #666;margin-top:0px}
#footer a{
	text-decoration: none;
	color: inherit;
	line-height: 14px;
}
.socialicon{margin-top:10px;margin-bottom:10px;margin-left:1%}
.pfotter{
	text-align: center;
	line-height: 16px;
	font-size: 18px
}
.section1footer{width:50%;float:left}
.section2footer{width:50%;float:right;}
form label{opacity: 0; position:absolute;z-index: -1;left:0;right:0}
@media only screen and (max-width:1199.98px){
.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: #01102a}
nav ul{margin:0}
nav ul li{border-bottom:solid 1px #fff;width:100%;padding:0;margin-top:0px}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#132442;color:#fff}
.banner{background-image:url(pluming-service/plumbing-grand-praire.png);width:auto;height:auto}
.service{background-image:url(pluming-service/services.png);background-size:cover;height:auto;width:auto}
.water{height:auto;width:auto}
#mask{width:auto;height:auto}
#form{width:100%;height:auto;padding-left:0px}
.form-bg{width:98%;margin-left:1%;margin-right:1%}
.request-bg{width:98%;margin-left:1%;margin-right:1%}
#submit{width:auto;height:auto}
.box{width:auto;height:auto}
.lookWrap{width:98%;margin-left:1%;margin-right:1%}
.gallery{background-image:url(pluming-service/gallerybg.png);background-size:cover;height:auto;width:auto}
.circle{padding-left:5%;
	margin: 1%;
	float: left;
	width: 100%;
	background-color:#01102a;
	color: #ffffff;
	padding-bottom: 2%;
    padding-top:1%;

}.circle li{float:left;width:50%;font-size:20px;color:#ffffff}.circle{
	margin: 1%;
	float: left;
	width: 98%;
	background-color:#01102a;
	color: #ffffff;
	padding-bottom: 15px;
	border-radius: 7px
}
 .circle ul{padding-left:5%;}
.circleli{float:left;width:24.5%;font-size:20px;color:#ffffff;padding-left:5%;}
 .circle ul li a{color:#ffffff;padding-left:5%;}
#wrapper .row iframe {
	float: right;
	margin-top: 2%;
}

.section1footer{width:100%;}
.section2footer{width:100%;}
}

@media only screen and (max-width: 575.98px){

}
.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}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-sm{font-size:.875em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-box:before{content:"\f466"}.fa-circle:before{content:"\f111"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-copyright:before{content:"\f1f9"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-facebook:before{content:"\f09a"}.fa-facebook-square:before{content:"\f082"}.fa-fill:before{content:"\f575"}.fa-h-square:before{content:"\f0fd"}.fa-home:before{content:"\f015"}.fa-html5:before{content:"\f13b"}.fa-image:before{content:"\f03e"}.fa-instagram:before{content:"\f16d"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-mask:before{content:"\f6fa"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-php:before{content:"\f457"}.fa-print:before{content:"\f02f"}.fa-quote-left:before{content:"\f10d"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-sun:before{content:"\f185"}.fa-text-width:before{content:"\f035"}.fa-toilet:before{content:"\f7d8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-water:before{content:"\f773"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;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';font-weight:900}