@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald|PT+Sans');
/*
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:#5c5c5c;}
.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;}

/* 
820017
525151 
820017
*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'Oswald', sans-serif;}

h1{font-size:33px; padding-bottom:30px; color:#262262; line-height:normal!important}
h2{padding-bottom: 10px; font-size:18px;  margin-bottom:20px;}
h3{font-size:25px; padding-bottom:30px; color:#820017}
/*262262*/
.bg1{background:#46bcff; color:#000}
.bg2{background:#262626; color:#888888}
.bg3{background:hsl(0, 0%, 11%); color:#777777;}
.bg4{background:#f3f3f3; color:#000; border-top:1px dotted #999}
/*.bg5{background:#f4f4f4}*/

.cov1{background: url(../images/cov1.jpg) no-repeat center center fixed;}
.cov2{background: url(../images/cov2.jpg) no-repeat center center fixed;}

.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:100vw; 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%;} .ptb{}

.topMain{padding:10px 0}
.topContact{ padding:5px 0;} .topSocial{font-family: 'Oswald', sans-serif; font-size:20px; }
.topSocial a{color:#000; transition: all 0.5s ease-in-out;} .topSocial a:hover{ opacity:0.5}
.topSocial img{vertical-align:middle}
.topContact img{margin-right:10px;}

.bg3 .topSocial a{color:#FFF!important;}


.logo{padding:10px 0 10px 0;}
.logo{max-width: 350px;}
.topRight{}

.leftMain{} .rightMain{}

.cont{ line-height:25px;}
.cont.c{text-align:center} .cont.j{text-align:justify}
.cont p{padding-bottom:15px}

.moreBtn1 a{padding:10px; margin-top:20px;  font-size:14px;line-height:inherit; background:#ed1c24;  border:1px solid #ed1c24; color:#FFF; }
.moreBtn1 a:hover{ background:none; color:#667; border:1px solid #ed1c24}

.leader{ max-width:150px; max-height:150px; margin:0 auto; margin-bottom:20px;}
.leader img{border-radius: 50%;}
.footer{padding:10px;}
.footeSub{padding:5px;} .footeSub strong{width:calc(100px); display:inline-block}

.footer ul{}.footer li{ }
.footer li a{width:100%; border-bottom:1px dotted #333333; color:#888888; display:block; padding:5px 0;}
.footer li a:hover{ color:#FFF}

.footer input[type="text"], .footer textarea {width:100%; padding:10px; margin-bottom:15px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#5b5a5a;}
.footer input[type="text"]{}
.footer textarea{} 

.footer input[type=submit]{ float:left; width:100px; background:#262262; color:#FFF; padding:10px 0px; display:block; /*margin-left:10px;*/  border:0; cursor:pointer; }
.footer input[type=submit][disabled=disabled],button[disabled=disabled] {background:#f68d91; color:#fbcdcf}
.footer input[type=submit]:disabled,button:disabled{background:#f68d91; color:#fbcdcf}

.copy{text-align:center;}

.div4{text-align:center; font-size:50px; line-height:50px; color:#FFF; text-transform:uppercase}
.div4 span{font-size:16px}

.featMain{background:#e4e4e4; }
.featMainPic{overflow:hidden!important;}
.featMain:hover img{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}
.featMainTitle{ transition: all 0.2s ease-in-out 0s;  padding:10px 0px; font-family: 'Oswald', sans-serif; font-size:15px; text-align:center;  color:#343434}
.featMain:hover .featMainTitle{ color:#262262;}

.titleMain{text-align:center; font-size:36px; color:#FFF }
.titleMain span{font-family: 'PT Sans', sans-serif; font-weight:bold; display:inline-block }

.mission{text-align:center; padding:20px 0; /*position: relative; */}
.missionPic{background:#9fdcff; width:180px; height:180px; margin:0 auto; padding:0px; border-radius: 50%;}
.missionPic img{ padding:6px; border-radius: 50%; }
.missionTitle{font-family: 'Oswald', sans-serif; font-size:20px; padding:20px; width: 100%;  text-align: center; }
.missionCont{position: absolute;display: block; top: 60px; transition: all 0.5s ease-in-out; font-size: 14px; padding: 10px 5px; display:none }

.mission .missionCont{opacity: 0;}
.mission:hover .missionCont{opacity: 1; border-radius: 20px;   background: rgba(255, 255, 255, 0.9);  }

.serviceMain{display:flex; flex-wrap:wrap}
.serviceMain .missionPic{ background:none;border-radius: 0; padding: 10px; width:calc(100%);height:auto}
.serviceMain .missionPic img{ border-radius: 0;padding:0px; width:calc(100%);}


.projectMain{display:flex; flex-wrap:wrap}
.project{background:#f3f3f3}

.projectTitle{  padding:15px;/* color:#ed1c24;*/ font-size:14px; line-height:23px;    }
.projectTitle strong{font-weight:normal;width:100px; display: inline-block; vertical-align: top;}
.project:hover{box-shadow: 0px 0px 10px #d3d3d3; }
.projectTitle span{width:calc(100% - 100px); display: inline-block; }
.projectTitle span::before{ margin-left:-7px; content: ":"; position: absolute; }

.projectMainLeft{}
.projectMainRight{}
.projectGalleryMain{padding:0}
.projectCont{ padding-top:30px;}
.projectDis{}
.projectDis strong{padding-bottom:10px; font-weight:normal; font-weight:700; display:block}
.projectDisTitle{ font-size:24px; padding-bottom:20px;  color:#c80000}

.contact{text-align:center; padding:20px;}
.contact h2{padding-bottom:5px; margin:0; margin-top:20px; }
.contact h2:before{border:0;}
.contactIcon{background:#262262; width:150px; height:150px; border-radius: 50%; margin:0 auto}
.contactIcon img{}
.contactTitle{padding-bottom:5px; font-size:24px; margin:0; margin-top:20px; }

.reserveForm1 {  }
.reserveForm1 input{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px; border:#bbbbbb solid 0px; border:1px solid #CCC}
.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:#5b5a5a;border:#bbbbbb solid 0px;border:1px solid #CCC }
.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 label{float:left; width:140px; margin-bottom:20px; font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px; }
.captcha input[type="text"]{float:left; height:38px; width:150px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;}

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

.reserve1sub{padding:0 10px 0 0px}
.map{position:relative}
.map iframe{height:300px;  display:block;}
.mapQrc{position:absolute; top:10px; right:10px; max-width:150px}

.reserveForm2 {}
.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:#262262; color:#FFF; 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:#f59395; color:#fac9ca}
.reserveForm2 span.ValidationErrors {display:inline-block; width:100%;  color:#cf0000; margin-bottom:10px;  font-size:14px; }

.mainProject{display:flex; justify-content:center;  flex-wrap:wrap}
.mainProjectSub{margin:10px 40px; max-width:250px;}
.mainProjectIcon{background:#262262; border-radius: 50%; margin-bottom:20px;}
.mainProjectTitle{font-family: 'Oswald', sans-serif; color:#3e3e3e; font-size:24px; text-align:center;}
.mainProjectTitle span{font-size:36px}

.mainProjectSub:hover .mainProjectIcon img{opacity:.7;}
.mainProjectSub:hover .mainProjectTitle{opacity:.7;}

.product{margin:10px; padding:10px; border:1px solid #eeeeee; display:block;-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; text-align:center;}
.ourGroup{ text-align:center; font-family: 'Oswald', sans-serif; font-size:18px; background:#FFF;  padding:30px 0 50px 0;}

.eqlist{}
.eqlist table{ width:100%}
.eqlist tr{}
.eqlist td{ padding:5px; margin-bottom:5px; border-bottom:dotted 1px #CCC}
.eqlist tr:hover{background:#e8e8e8; color:#000}

.whatsapp {z-index:9999}
.whatsapp{position:fixed; bottom:20px;  left:20px;}
.whatsapp a{color:#FFF}

.henquiry {z-index:9999;font-family: 'Oswald', sans-serif; font-size: 22px;line-height: 32px;padding:20px;}
.henquiry {position:fixed; background:#ed1c24 ; padding:10px; bottom: 0; right: 10px;;}
.henquiry a{color:#FFF}


.list { margin-top:0px;} .list ul{list-style:none;} 
.list li{display:block; padding: 2px 0px 3px 20px; margin:7px 0;vertical-align: middle;}
.list li:before{content:""; position: absolute; width:10px; height:10px; margin:7px 0 0 -20px;  background:#00aeef; border-radius: 50%;}


.reserveForm2 {}
.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:#39b0e7; color:#FFF; 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:#a6dbf4; color:#FFF}
.reserveForm2 span.ValidationErrors {display:inline-block; width:100%;  color:#cf0000; margin-bottom:10px;  font-size:14px; }

.animated{ text-transform:capitalize}

.dino{display:none; visibility:hidden}

/*Light Box*/
.slbCloseBtn{ font-size:30px!important} .slbCaption{font-size:15px!important; bottom:10px!important} .slbImage{ padding:50px 0!important; margin:0!important}

@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;} 
	.logo, .topRight, .topContact, .topSocial{display:table; margin:0 auto;}
	.leftMain, .rightMain{width:calc(100%); padding:0px 0 20px 0}
	.featMain{width:100%; margin-bottom:1px}
	.projectMainLeft, .projectMainRight{width:calc(100%);}
	.project{width:calc(100%); margin-bottom:20px;}
	/*.mission{width:calc(50%); float:left;}*/
	.contact{width:calc(100%);}
	.product{width:calc(100% - 22px);}
	.ct-header h1.big { font-size:30px}
	.serviceMain .mission{width:calc(100%);}
}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/.isMoh{display:block} .noMoh{display:none}
	.project{width:calc(50% - 20px); margin:10px;}
	.contact{width:calc(50%); float:left;}
}
@media only screen and (min-width: 768px){ /* Tab V*/.isTav{display:block} .noTav{display:none}
	.stick{position: sticky; top: 0; z-index: 999;}
	.topContact{ float:left; } .topSocial{float:right}
	.footer{width:calc(50%); float:left}
	.div4{width:calc(25%); float:left;}
	.featMain{margin:1px;  width:calc(50% - 2px);float:left;}
	.ourGroup/*, .mission*/{width:calc(33.333333333%); float:left}
	.projectMainLeft{width:calc(50%); float:left;}
	.projectMainRight{width:calc(50%); float:left; padding-left:40px;}
	.contact{width:calc(20%);}
	.reserveForm1 .sub{width:33.333%; float:left}
	.reserveForm1 .subTwo{width:50%; float:left}
	.product{width:calc(50% - 22px); float:left}
	.abtxt{text-align: right;}
	.ct-header h1.big { font-size:40px}
	.serviceMain .mission{width:calc(50%);}
}
@media only screen and (min-width: 992px){/* Tab H*/.isTah{display:block} .noTah{display:none}
	.logo{float:left;padding-top:20px}
	.leftMain, .rightMain{width:calc(50%); padding:20px}
	.leftMain{float:left} .rightMain{float:right}
	.topRight{float:right}
	/*.mission{width:calc(14.28%);}*/
	.footer{width:calc(25%);}
	.featMain{width:calc(25% - 2px);}
	.project{width:calc(33.33333333333333333333% - 20px); margin:10px;}
	.projectMainLeft{width:calc(65%); float:left;}
	.projectMainRight{width:calc(35%); float:left; padding-left:40px;}
	.product{width:calc(25% - 22px);}
	.ct-header h1.big { font-size:60px}
	.serviceMain .mission{width:calc(33.3333333333333%);}
}
@media only screen and (min-width: 1200px){/*Desktop*/.isDec{display:block} .noDec{display:none} .main{padding-left:75px; padding-right:75px;} .ptb{padding:50px 0; }} 

/*@media only screen and (min-width: 1920px){.isDec{display:block} .noDec{display:none} .main{padding-left:0px; padding-right:0px;} .ptb{padding:50px 0; }} 

@media only screen and (min-width: 3840px){.isDec{display:block} .noDec{display:none} .main{padding-left:0px; padding-right:0px;} .ptb{padding:50px 0; }} */






/*<div class="cl isMov isMoh isTav isTah isDec "></div>
<div class="cl noMov noMoh noTav noTah noDec "></div>*/