@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald|PT+Sans');
@import url('loader.css');
/*
font-family: 'PT Sans', sans-serif;
font-family: 'Oswald', sans-serif;
*/
*, html, body, div, dl, dt, dd, ul,ol,li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
ul{list-style:none}
section, header, footer {padding: 0em 0;}
*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

.ani *{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

body{font-family: 'PT Sans', sans-serif;  /* font-family:Arial, Helvetica, sans-serif;*/font-size:16px;  margin:0; padding:0; background:#FFF; color:#333;}
.cl{clear:both;} .fl{float:left!important;} .fr{float:right!important;} .nd{display:none}
img{border:0;} /*a img{opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}*/
a{text-decoration:none; color:#505050; -o-transition:color 0.3s ease-out, background 0.3s ease-in; -ms-transition:color 0.3s ease-out, background 0.3s ease-in; -moz-transition:color 0.3s ease-out, background 0.3s ease-in; -webkit-transition:color 0.3s ease-out, background 0.3s ease-in; transition:color 0.3s ease-out, background 0.3s ease-in;} a:hover{color:#000;} 

img, embed, object, video {max-width:100%;}
.tint img{max-width:100%; opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}
.dn{display:none}

h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'Oswald', sans-serif!important;}

h1{font-size:30px; padding-bottom:30px; color:#333; line-height:45px; text-transform:capitalize}
h2{padding-bottom: 10px; font-size:24px!important;  margin-bottom:20px;}
h3{font-size:24px; padding-bottom: 20px; color:#333 }

.bg2{background:#2c425a; }
.bg3{background:#e8e8e8} /* Gray*/
.bg4{background:#2a2a2a}
.bg5{background:url(../images/bg1.jpg) #fdfde6; }

.bg6{background:#ececec}
.bg7{background:#FFF; }
.bg8{background:#000; color:#7f7f7f }
.bg9{background:#0093df; color:#FFF}

/*.bannerTitle{ text-align:center;font-family: 'Roboto Slab', serif; padding:70px 0; font-size:36px; color:#333}*/

.cov1{background: url(../images/cov1.jpg) no-repeat center center fixed;}
.cov2{background: url(../images/cov2.jpg) no-repeat center center fixed;}
.cov3{background: url(../images/cov3.jpg) no-repeat center center fixed; color:#7f7f7f }

.cove{-webkit-background-size: 100%;  -moz-background-size: 100%;  -o-background-size: 100%; background-size: 100%;
-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

::selection{background:#333;color:#FFF;}::-moz-selection{background:#333;color:#FFF;}::-webkit-selection{background:#333;color:#FFF;}
.main{max-width:1200px;  margin:0 auto;}
.sub{width:100%;} .two{width:50%; float:left} .three{width:33.333333333%; float:left;} .four{width:25%; float:left} .tint{width:100%; position:relative} 

.fx{display: flex; flex-wrap: wrap;}

.cont{line-height:25px;}
.cont.j{text-align:justify} .cont.c{text-align:center} .cont.l{text-align:left}
.cont p{margin-bottom:20px!important; display:block}

.menuMain{padding-top:0px;}

.topMain{padding:3px 0}
.topContact{ padding:3px 0 2px 0; font-size:16px; } .topSocial{ padding-top:2px;}
.topContact img{margin-right:10px;}

.logo{padding:20px 0;  float:left  }
.topRight{float:right; top:15px; position: absolute; right: 0; }

.tagline{text-align:center; padding:10px 0; display:block; color:#FFF; font-size:18px;  /*background-color:rgba(0,0,0,0.3)*/}
.tagline span{background: #c80000; display:block; background: rgba(195, 29, 51, 0.8); padding:10px;}

.service{ text-align:center;}
.servicePic img{ padding:0px;   border-radius:5px;}
.serviceTitle{/*background:FFF#;*/ color:#2c425a; width:100%; border:1px solid #e5e5e5; padding:10px; margin-top:10px; font-size:18px; border-radius: 5px; width:100%; font-family: 'Oswald', sans-serif;}
.serviceTitle span{font-size:28px; font-weight:bold}

.split2, .leftMain, .rightMain{ padding:20px;}

.moreBtn a{padding:5px 20px; margin-top:30px; float:left; display:block; line-height:inherit}
.moreBtn a:hover{background:#2d3691; color:#FFF}
.moreBtn.c1 a{border:1px solid #2c425a; background:#FFF; color:#2c425a} .moreBtn.c1 a:hover{ background:#2c425a;  color:#FFF;}
.moreBtn.c2 a{ background:#36bc49; border:1px solid #36bc49; color:#FFF; font-size:20px; text-transform:uppercase} .moreBtn.c2 a:hover{background:#FFF; color:#36bc49}

.homeMap iframe{height:300px;}
.dihi{display:none}

.footer{line-height:25px; margin-bottom:20px; color:#FFF!important} .footer img{margin-right:5px;}
.footer a{color:#FFF} .footer a:hover{color:#0093df}.footer span{display:inline-block; width:90px;}

.footerlist ul{ list-style:circle;}
.footerlist li{font-size:14px!important; margin:2px 15px;}
.footerlist li a{color: #FFF;}
.footerlist li a:hover{color: #0093df;}

.footer .sub-menu{display: none;}

.copy{font-size:14px; display:block; margin-top:30px; padding-top:25px; border-top:1px solid #4b4b4b; text-align:center; color:#FFF}
.copy img{margin:10px 3px}

.hService{border:0px solid #e5e5e5; padding-top:0px;  position: relative; overflow: hidden; padding:5px; }
.hService img{width:100%}
.hService:hover img {opacity: 0.92;}
.hService:hover .caption{ opacity: 1;}

.projectsMain{display:flex; flex-wrap:wrap;}
.projectsSub{display:flex; flex-wrap:wrap;}
.projects{padding:15px;display:block;}
.projects a:hover .projectsTitle{color:#CCC}
.projectsTitle{padding:10px 0 ; text-align:left; color:#FFF; font-size:22px   }
.projectsYear{font-size:18px; color:#7e7e7e;}
.projectsRoll{font-size:16px; color:#7e7e7e;}

.projects img{width:100%;}

.pageNoMain{width:100%; display:flex; flex-wrap:warp; justify-content:center; margin-top:20px; }
.pageNo a{padding:5px 10px ;  margin:3px; background:#CCC}
.pageNo a:hover, .pageNo.act a{background:#F00; color:#FFF}

.contact{ padding:20px;text-align:center;color:#7f7f7f; }
.contact a{ color:#7f7f7f;} .contact a:hover{ color:#FFF;}
.contact h2{padding-bottom:5px; margin:0; margin-top:20px; }
.contact h2:before{border:0;}
.contactIcon{background:#004f94; width:150px; height:150px; border-radius: 50%; margin:0 auto}
.contactTitle{padding-bottom:5px; font-size:24px; margin:0; margin-top:20px;  }
.contact a:hover{color: #000;}
.map iframe{height:450px;}
.mapQrc{position:absolute; top:10px; right:10px; max-width:150px; box-shadow: 0px 0px 10px #d9d9d9;}

.contactus{font-size:20px; padding:0px 0;}
.contactus i{color:#000; display:inline-block; width:30px  }
.contactus strong{ width:100px; display:inline-block; }
.contactusSub{display:block; padding:5px 10px;}

.reserveForm1 { color:#FFF}
.reserveForm1 input{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px;  border:1px solid #4a4a4a; background:none; color:#FFF}
.reserveForm1 input[type=checkbox]{ width:auto; padding:0px; margin:0 10px 10px 0 ; }
.reserveForm1 textarea{width:100%; height:128px; margin:5px 0 15px 0; padding:13px 0 14px 10px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF;border:1px solid #4a4a4a; background:none; color:#FFF }
.reserveForm1 span.ValidationErrors {display:inline-block;  color:#cf0000;  padding:0 5px; margin-bottom:10px; font-size:12px; }
.reserveForm1 .captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px;  }
.captcha input[type="text"]{float:left; height:38px; width:100px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;}

.reserveForm1 input[type=submit]{ float:left; width:100px; background:#FFF; color:#333; padding:10px 0px; display:block; margin-left:10px;  border:0; cursor:pointer; }
.reserveForm1 input[type=submit][disabled=disabled],button[disabled=disabled] {background:#555555; color:#908f8f}

.reserve1sub{padding:0 10px 0 0px}

.reserveForm2 span{width:150px; float:left}
.reserveForm2 input{width:calc(100% - 150px); float:left; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px; border:#bbbbbb solid 1px; }
.reserveForm2 input[type=submit]{ float:left; width:100px; background:#FFF; color:#333; padding:10px 0px; display:block; margin-left:10px;  border:0; cursor:pointer; }
.reserveForm2 input[type=submit][disabled=disabled],button[disabled=disabled], .reserveForm2 input[type=submit]:disabled,button:disabled {background:#555555; color:#908f8f}

.reserveForm2 span.ValidationErrors {display:inline-block; width:100%;  color:#cf0000; margin-bottom:10px;  font-size:14px; }
.reserveForm2 .captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px;  }
.captcha input[type="text"]{float:left; height:38px; width:100px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;}



/*.whatsapp, .quote  {z-index:9999}
.whatsapp{position:fixed; background:#36bc49; padding:10px; top:45%; right:0;}
.whatsapp a{color:#FFF}*/

.whatsapp, .quote  {z-index:9999}
.whatsapp{position:fixed; /*background:#36bc49; padding:10px; top:45%;*/ bottom:20px;  left:20px;}
.whatsapp a{color:#FFF}

.quote{background:#36bc49; position:fixed; text-align:center; top:27%; right:0; border:0px solid #FFF; border-right:0; text-transform:uppercase; }
.quote a{color:#FFF; padding:10px 14px 10px 10px; display:block;}
.quote a:hover{color:#9699c9}
.blink_me {animation: blinker 1s linear infinite;}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.copy a{color:#FFF}
.copy a:hover{color:#999; text-decoration:none}

.featMain{display:flex; flex-wrap:wrap;}
.feat{margin:2px;}
.featTitle{ background:#2c425a; color:#FFF; text-align:center; margin-top:1px; padding:10px;  font-weight:normal; font-family: 'Oswald', sans-serif; font-size:24px; }
.feat:hover .featTitle{ background:#333;}

.categoMain{display:flex; flex-wrap:wrap; text-align:center}
.catego{padding:10px;}

.catego p{color:#FFF}
.categoBgPic{ padding:10px; display:table; margin:0 auto;border-radius: 50%; }
.categoBgPic img{max-width:150px; border-radius: 50%;}
.categoBgTitle{font-family: 'Oswald', sans-serif; font-size:24px; padding-bottom:10px;}
.categoCont{ padding:10px 0; line-height:25px;}

.moreBtn1 a{padding:5px 10px; display:table; margin:0 auto; font-size:14px;line-height:inherit; background:#0093df; color:#FFF; border:1px solid #0093df; }
.moreBtn1 a:hover{ background:#FFF;  border:1px solid #0093df; color:#0093df;}

.cpt{max-width:800px; margin:0 auto; font-size:26px; text-align:center; color:#FFF; }

.list li{display:block; padding:4px 0; margin:0!important; margin-left:20px!important; }
.list li:before{ content:""; position:absolute; width:8px; height:8px; margin-top:7px;  margin-left:-20px;background:#CCC}

.listWorks{display:block; font-size:20px; font-family: 'Oswald', sans-serif!important;}
.listWorks a{color:#FFF} .listWorks a:hover{color:#5C5C5C}
.listWorks li{padding:10px 0; color:#CCC; border-bottom:1px dotted #CCC;}
.listWorks li:hover{color:#FFF}

.whatsapp, .quote  {z-index:9999}
.whatsapp{position:fixed; /*background:#36bc49; padding:10px; top:45%;*/ bottom:20px;  left:20px;}
.whatsapp a{color:#FFF}

.lang{ font-size:16px} .lang a{color:#FFF} .lang a:hover{color:#6b7b8b; text-decoration:none}

.howTo{ text-align:center; font-size:24px;   font-family: 'Oswald', sans-serif!important;}
.howTo{width:calc(16.66666666666666666%); float:left;}
.howTo img{ margin-bottom:10px;}

.sector{position:relative; color:#FFF; background:#000; text-transform:uppercase;}
.sector a{color:#FFF}
.sector a:hover{color:#FFF; text-shadow: 0px 0px 10px #000;}
.sector img{opacity:.3;}
.sector a:hover img{opacity:.9;}
.sectorTitleMain{display:flex;  justify-content:center; align-items:center;}
.sectorTitle{text-align:center; width:100%; z-index:110;  font-size:26px ; padding:0 20px; /*top:35%; */ font-family: 'Oswald', sans-serif!important; position:absolute}
.sectorMain{display: flex; align-items: center; position: absolute; height: 100%; width: 100%;}
.sectorHead{ text-align:center; width:100%;  font-size:36px ;   z-index:110;  font-family: 'Oswald', sans-serif!important;}

.serviceMain{display:flex; flex-wrap:wrap}
.serviceSub{margin:1px; margin-bottom:5px; padding:20px;  background:#FFF}
.serviceSub img{width:100%;}
.serviceSubTitle{ padding:10px; margin:0px 0 5px 0; border-top:2px solid #e8e8e8; color:#333;  font-size:18px; line-height:23px; background:#FFF}
.serviceSubTitle span{ font-size:16px; color:#999}
.serviceSub:hover .serviceSubTitle{color:#F00}
.serviceSub:hover .serviceSubTitle span{color:#333}

.productsDis{font-size:14px;}
.productsCont{float:left; width:100%; font-size:16px; font-weight:bold; border-bottom:1px solid #CCC; padding:5px 0px; margin-bottom:5px;}
.productsCont span{ float:right; font-weight:normal}
.productsCont:hover{background:#ededed; padding:5px 10px; }

.brands ul{display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch }
.brands li{ margin:5px; padding:10px; background:#FFF}
.brandsTitle{font-family: 'Oswald', sans-serif; background:#ea0001; font-size:18px; text-align:center; color:#FFF}

.products{background:#0093dd ;  box-shadow: 0px 0px 10px #eaeaea; }
.productsTitleMain{ text-align: center; padding: 20px; color: #FFF; font-size: 22px; text-transform: capitalize;}
.productsSize{border-radius: 20px; background: #FFF; color: #292929; font-size: 14px; display: table; margin:10px auto 0 auto; padding: 3px 10px; text-transform:none}


@media only screen and (min-width:240px){/* Mob V*/.isMov{display:block} .noMov{display:none} .main{padding-left:20px; padding-right:20px;} .ptb{padding:10px 0;}
	.topContact, .topSocial, .lang{display:table; margin:0 auto;}
	.lang{padding-top:10px;}
	.topPosition{background-color:rgb(255, 255, 255);}
	.service, .split2{width:calc(100%); margin-bottom:20px;}
	.leftMain, .rightMain{ width:100%}	
	.projects{width:calc(100%);}
	.topMargin{height:-100px!important;}
	.catego{ margin-bottom:10px;}
	.howTo{width:calc(33.333333333333333333333%); float:left; margin-bottom:20px;}
	.brands li{width:calc(50% - 10px);}
	.topRight{text-align:right}
	.products{width:calc(100%); margin: 10px 0;}
}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/.isMoh{display:block} .noMoh{display:none}
	.contact{width:calc(50%); float:left;}
	.products{width:calc(50% - 20px); margin: 10px;}

	
}
@media only screen and (min-width: 768px){ /* Tab V*/.isTav{display:block} .noTav{display:none}
	.topPosition{background-color:rgba(255, 255, 255, 0.9); position:absolute; position:fixed; z-index:120}
	.topContact{ float:right; padding-top:15px; } .topSocial{float:right}
	.service{width:calc(50% - 40px); float:left; padding:10px; margin:20px;}
	.split2{width:calc(50%); float:left}
	.leftMain{width:calc(40%); float:left; }
	.rightMain{width:calc(60%); float:right;}
	.footer{width:calc(50%); float:left; padding:0 10px;}
	.hService{width:calc(50%); float:left}
	.projects{width:calc(50%);}
	.serviceSub{width:calc(50% - 2px);}
	.contact{width:calc(25%);}
	.reserveForm1 .sub{width:33.333%; float:left}
	.reserveForm1 .subTwo{width:50%; float:left}
	.feat{width:calc(25% - 4px);}
	.catego{width:calc(33.333333333333%);  margin-bottom:40px;}
	.topMargin{height:100px;}
	.lang{float:right; padding:0; margin-top:10px;} 
	.listWorks li{width:calc(50% - 10px);  margin:0 5px;  float:left;}
	.brands li{width:calc(33.33333333333333333333333333% - 10px);}
	.sector{width:calc(50%); float:left;}
	.topRight{top: 25px;text-align:left}
	.products{width:calc(25% - 20px);}
	.bannerBtm{height:80px}
	
}
@media only screen and (min-width: 992px){/* Tab H*/.isTah{display:block} .noTah{display:none}
	.service{width:calc(25% - 40px);}
	.footer{width:calc(28%); } 
	.footer.med{width:calc(23%); padding-right:30px; }
	.footer.lar{width:calc(31%); padding-right:30px; }
	.footer.sma{width:calc(16%); padding-right:30px; }
	.hService{width:calc(33.333333333333%); float:left}
	.projects{width:calc(33.333333333333%);}
	.serviceSub{width:calc(25% - 2px);}
	.menuMain{float:right; margin-top:0px}
	.howTo{width:calc(16.6666666666666666666666666%); float:left;  margin-bottom:0px;}
	.brands li{width:calc(16.66666666666666666% - 10px);}
	.sector{width:calc(33.33333333333333333333%); float:left; }
}
@media only screen and (min-width: 1200px){/*Desktop*/.isDec{display:block} .noDec{display:none} .main{padding-left:0px; padding-right:0px;} .ptb{padding:30px 0; } }