@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfontba72.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfontba72.woff?v=4.0.3') format('woff'), 
  url('../fonts/fontawesome-webfontba72.ttf?v=4.0.3') format('truetype'), 
  url('../fonts/fontawesome-webfontba72.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{width:100%; float:left; font:400 18px/25px 'times'; position:relative; background: #fff;}
p{color:#464646; margin: 0; text-align: justify;font-family: times; }

a{color:blue; cursor:pointer; text-decoration:none; font:500 16px 'times'; }
a:hover{color:#464646; text-decoration:none;}

/*  Header styles */
h1,h2,h3,h4,h5,h6{margin:0; width:100%; float:left;}
h1{font:700 40px/40px 'times'; color: #29a1de;}
h2{font:700 35px/35px 'times'; color: #29a1de;}
h3{font:700 30px/30px 'times'; color: #32886f;}
h4{font:700 22px/25px 'times'; color: #464646; text-transform: uppercase;}
h5{font-size:20px;}
h6{font:300 15px 'PT Sans', sans-serif; color: #a3a3a3;}

.row_m{margin: 0 15px;}
.padL{padding-left: 0;}
.padR{padding-right: 0;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.cf:before, .cf:after {content:""; display:table;}
.cf:after {clear: both;}
.cf {*zoom:1;}


header{width:100%; float:left; position:relative; z-index: 999; background: #fff;}
.sticky{width:100%; float:left; position:fixed; z-index:999;}
/*.sticky .logo{-webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}*/

/*.sticky .share_icon{margin-top: 1.5%; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  -o-transition: all 1s ease;  transition: all 1s ease;}*/

section{width:100%; float:left; position:relative; }
footer{width:100%; float:left; position:relative; }

.wrapper{width:100%; float:left; position:relative; }
.wid50{width:50%; float:left; position:relative; }


.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mb70{margin-bottom:70px;}
.mb75{margin-bottom:75px;}
.mb100{margin-bottom:100px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}

.ml20{margin-left: 20px;}
.ml60{margin-left: 60px;}

.ImgDiv img{width: 100%;}

.comn_pad{padding: 25px 0;}
.banner_div{width:100%; float: left; position: relative;}
.banner_div img{width:100%;;}

/*Page Loader*/
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;
  background: url('../images/mepco-logo.jpg') 50% 50% no-repeat rgb(255,255,255);}

/*-------------To Top-------------*/
.backTop { position: fixed; bottom: 52px;right: 20px;z-index: 999;}
.backTop a { width: 28px;height: 28px;padding: 18px;display: block;  background: #fee801;position: relative;
  -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); }
.backTop a span{display: block;bottom: 0;width: 12px;height: 12px; left: 0;right:-3px; margin: auto;
  font: normal normal normal 14px/1 FontAwesome; text-rendering: auto;font-size: 26px; color: #29a1de;position: absolute;
  top:-14px;left: 0;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.backTop a span:after {content: "\f105";}
.backTop a:hover span{right:-6px}

/*Header*/
.logo_div{width: 100%; float: left; background: #fff; padding: 10px 0;}
.logo{float: left;}
.lg_left{margin:10px 0 0 20px;}
.mepTxt{width: auto; float: left; margin: 26px 0 0 20%; font:700 26px/16px 'PT Sans', sans-serif; color: #2f2f2f; text-align: center;}
.mepTxt span{font-size: 14px; font-weight: 400; color: #7c7c7c;}

.share_div{width: 35%; float: right; margin-top: 2%;}
.share_icon{float:right; width: 16%;}
.share_icon p{font:400 14px 'PT Sans', sans-serif; color: #585858; float: left; margin:3% 3% 0 0;}
.share_icon a span{width:34px; float:left; height:34px; margin-left:5px;}
.sh_fb{background: url('../images/share-icons.png') -0px -36px no-repeat;}
.sh_fb:hover{background: url('../images/share-icons.png') -0px -0px no-repeat;}
.sh_tw{background: url('../images/share-icons.png') -36px -36px no-repeat;}
.sh_tw:hover{background: url('../images/share-icons.png') -36px 0px no-repeat;}
.sh_gp{background: url('../images/share-icons.png') -74px -36px no-repeat;}
.sh_gp:hover{background: url('../images/share-icons.png') -74px -0px no-repeat;}
.sh_yt{background: url('../images/share-icons.png') -112px -36px no-repeat;}
.sh_yt:hover{background: url('../images/share-icons.png') -112px -0px no-repeat;}
.trans{padding-left: 15px; float: right; border-left: #e5e5e5 1px solid; width: 190px;}
.goog-te-gadget-simple{border-radius: 20px !important; width: 100% !important; padding: 3px 7px !important;
background: #e5e5e5 !important; border:none !important;}

/*..........navigation...........*/
.menu_bg{background:#363636;}
.mob_home{display:none !important;}
.header_menu{border-top:#d7dee2 1px solid; border-bottom:#d7dee2 1px solid;}
nav {float:right;}
nav>ul {display:block; float:left; margin:0;
  -webkit-transition:  all 0.5s ease-in-out;
  -moz-transition:  all 0.5s ease-in-out;
  -o-transition:  all 0.5s ease-in-out;
  -ms-transition:  all 0.5s ease-in-out;
  transition:  all 0.5s ease-in-out;
}
nav>ul>li{float:left;position:relative;}
nav>ul>li>a{display: block;color: #113d63;line-height: 25px;padding: 0px 10px;position: relative;z-index: 99;text-transform: uppercase;font:400 16px 'PT Sans', sans-serif; border-right:#d7dee2 1px solid; margin:8px 0;}
/*nav>ul>li>a.hm_last{border-right: none !important;}  
.is-sticky nav>ul>li>a{font-size:14px;  font-weight:300;line-height:40px;}
nav>ul>li>a:hover,  nav>ul>li>a.active, nav>ul>li:hover a{color:#fff;}
nav>ul>li>a:hover {color:#fff;}*/
nav ul li ul {width: 280px;padding:0px;  position: absolute; top: 50px;left: 0;z-index:999;opacity:0;
  background: #fce8e7;
  filter: alpha(opacity=0);
  visibility:hidden;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 0.6s cubic-bezier(0.86, 0, 0.07, 1);  
}
.is-sticky nav ul li ul { top:40px;}
nav ul li ul li { display: block;}
nav ul li ul li a{ padding:8px 15px !important;display:block; background: #363636 !important; color:#a3a3a3 !important; text-transform: none !important;font:400 16px 'PT Sans', sans-serif; border-bottom: 1px solid #424141;}
nav ul li ul li:last-child a {  border:none;}
nav ul li ul li a:hover{ color:#fff !important; background:#29a1de !important;}
nav ul li:hover ul {  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
nav ul li ul li ul{width: 280px;padding:0px;  position: absolute; top: 0;left: 250px;z-index:999;opacity:0;
  background: #fce8e7; display: none;}
nav ul li li:hover ul {  opacity: 1; filter: alpha(opacity=100);  display: block;}
.navbar-nav{margin:0;}
.navbar-collapse{padding:0;}
.navbar-inverse .navbar-toggle {border-color: #29a1de;}
.navbar-inverse .navbar-toggle{background-color: #29a1de;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #29a1de;}
.navbar-inverse .navbar-toggle:hover .icon-bar {background-color: #fff;}
.navbar{min-height:0px;border-radius: 0px;margin-bottom: 0px;width: 100%;}
.navbar-inverse .navbar-toggle{margin-top: 10px;}
.navbar-right{margin-top: 18px}
.navbar-inverse{background: none;border:0;}
/*.navbar-inverse .navbar-nav li{position: relative;}*/
.navbar-inverse .navbar-nav li:hover{background:#29a1de;}
.navbar-inverse .navbar-nav li>a{display: block;color: #a3a3a3;padding: 15px 19px;position: relative;z-index: 99;text-transform: uppercase;font:400 16px 'times'}
.navbar-inverse .navbar-nav > li > a:hover{color: #0095da;background:#29a1de;}
.navbar-inverse .navbar-nav li div.dropDown{position: absolute;left: -130px;
  top: 34px;width: 400px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);padding: 16px 0px 16px 30px;background-color: #363636;z-index: 9;visibility: hidden;opacity: 0; color:#fff;} 
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{color:#fff !important;background-color: #29a1de !important;}
.navbar-inverse .navbar-nav>li:hover>a{color:#fff;background-color: #29a1de;}
.dropDown li:hover a {background-color: #e84c44;color: #29a1de;}
.navbar-nav li a.home_icon{display: inline-block;font: normal normal normal 14px/1 FontAwesome; 
  color:#a3a3a3;}
.navbar-nav li a.home_icon{font-size: 29px;padding: 10px 16px 11px 16px;}
.navbar-nav li a.home_icon:after{content: "\f015"}

/*breadcrumb*/
.pageNav{width: 100%; float: left; margin-bottom: 10px; margin-top: -20px;}
.pageNav li{float: left; font:300 16px 'PT Sans', sans-serif; color: #4baf80;}
.pageNav li a{float: left; font:300 16px 'PT Sans', sans-serif; color: #29a1de; position: relative; 
padding-right: 15px; margin-right: 10px;}
.pageNav li a::before{width: 5px; height: 3px; content: "/"; position: absolute; top: 1px; right: 3px;
color: #29a1de;}
.pageNav li a:hover{color: #4baf80;}

/*Home*/
.aacWhyBg{background: #62bdec; padding: 40px 0;}
.aacAppBg{background: #3085b5; padding: 40px 0;}
.aacAdvBg{background: #29a1de; padding: 34px 0;}
.aacDiv_left{width: 350px; float: right; margin-right: 34%;}
.aacDiv_right{width: 350px; float: left; margin-left: 34%;}
.aacText p{font:400 18px 'times'; color: #fff;}
.km_div{width: 120px; margin: 0 auto;}
.kMore{width: 120px; float: left; font:400 18px 'times'; color: #fee801; padding: 8px 0;
text-align: center; border:#fee801 1px solid;}
.kMore:hover{color: #fff; border-color:#fff;}
.kMoreBlk{width: 120px; float: left; font:400 18px 'times', sans-serif; color: #000; padding: 8px 0;
text-align: center; border:#000 1px solid;}
.kMoreBlk:hover{color: #29a1de; border-color:#29a1de;}
.kMoreWht{width: 120px; float: left; font:400 18px 'times', sans-serif; color: #fff;  padding: 8px 0;
text-align: center; border:#fff 1px solid;}
.kMoreWht:hover{color: #fee801; border-color:#fee801;}
.downLoad{width: 180px; float: left; margin-left: 30px; text-align: center; padding: 8px 0; border-radius: 5px; font:400 18px 'PT Sans', sans-serif; color: #000; background: #ffd05b;}
 .downLoad:hover{background: #29a1de; color: #fff;}
.appList{width: 100%; float: left;}
.appList li{width: 100%; float: left; position: relative; padding-left: 20px; font:400 18px/25px 'times'; color: #fff;}
.appList li::before{width: 13px; height: 11px; content: ""; position: absolute; top: 8px; left: 0; background: url('../images/sprite.png') -44px -12px no-repeat;}
.advDiv{width: 100%; float: left; padding-left: 90px; position: relative; margin-bottom: 30px;}
.advDiv h3{font:400 24px/28px 'times'; color: #fff;}
.advDiv p{font:400 18px/25px 'PT Sans', sans-serif; color: #fff;}
.advIcon{width: 70px; height: 70px; position: absolute; top: 0; left: 0;background: url('../images/sprite.png')  no-repeat;}
.lwIcon{background-position: -1px -44px;}
.ceIcon{background-position: -77px -44px;}
.frIcon{background-position: -156px -44px;}
.bsiIcon{background-position: -233px -43px;}
.aisIcon{background-position: 0px -244px;}
.fastIcon{background-position: -72px -244px;}
.energyIcon{background-position: -144px -244px;}
.longIcon{background-position: -216px -244px;}
.waterIcon{background-position: -288px -244px;}
.bearthIcon{background-position: -360px -244px;}
.envIcon{background-position: 0px -318px;}
.normsIcon{background-position: -72px -318px;}
.insuIcon{background-position: -144px -318px;}
.workIcon{background-position: -216px -318px;}

.aacImg_div{width: 450px; margin: 0 auto;}
.accImg{width: 100%; float: left; margin-top: -575px; position: relative;}
.pro_div{width: 265px; float: left;}
.hmMep{background: #fff;}
.abt_mep{width: 375px; float: right; padding:50px 0; margin-right: 30%;}
.mepcrete{background: url('../images/about-mep.jpg')no-repeat;width: 100%;min-height: 400px;  background-size: cover;}
.mep_infra{width: 375px; float: right; padding:50px 0; margin-right: 22%;}
.hm_infra{background: url('../images/infrastructure.jpg')no-repeat;width: 100%;min-height: 400px;  background-size: cover;}
.mep_quality{width: 430px; float: left; padding:50px 0; margin-left: 10%;}
.hm_quality{background: url('../images/quality-policy.jpg')no-repeat;width: 100%;min-height: 400px;  background-size: cover;}
.aacStamp{width: 185px; margin: 0 auto;}
.aacStamp_img{width: 100%; float: left; margin-top: -265px; position: relative;}
.mep_block{width: 370px; float: right; margin: -110px 20px 0 0;}
.mep_pannel{width:280px; float: right; margin-top: 63px;}
.hmServicebg{background: #29a1de; padding: 50px 0;}
.hmServicebg h3{font:400 30px/30px 'PT Sans', sans-serif; color: #fee801; margin: 15px 0;}
.hmServicebg p{font:400 18px 'PT Sans', sans-serif; color: #fff; padding: 0 8%; margin-bottom: 25px;}
.servicePara p{padding: 0 !important;}
.serIcon_div{width: 70px; margin: 0 auto;}
.ser_icon{width: 70px; height: 70px; float: left; background: url('../images/sprite.png') no-repeat;}
.onSite{background-position: -1px -121px;}
.estimate{background-position: -77px -121px;}
.masons{background-position: -156px -121px;}
.analysis{background-position: -233px -121px;}

/*Footer*/
.footerBg{background: #333333; padding: 50px 0;}
.footerBg p{font:800 16px/18px 'times'; color: #fff;}
.footerBg p span{color: #d1d1d1;}
.footerBg h5{font:800 20px 'times'; color: #29a1de; }
.quickLinks{width: 31%; float: left;; margin-right: 2%;}
.quickLinks li{width: 100%; float: left;}
.quickLinks li a{font:400 16px 'times'; color: #fff; float: left; margin-bottom: 10px;}
.quickLinks li h5 a{font:800 20px 'times'; color: #29a1de; text-transform: uppercase; margin-bottom: 5px;}
.quickLinks li a:hover{color: #fee801;}
.quickLinks li h5:hover{color: #fee801;}
.footBor{width: 100%; float: left; border-bottom: #484848 1px solid; margin:30px 0;}
.foot_social{width: 18%; float: left;}
.foot_social a{width: 100%;float:left; padding: 7px 0 7px 35px; font:400 16px 'times'; color: #fff; position: relative; margin-bottom: 10px; }
.foot_social a:hover{color: #fff;}
.fs_fb::before{width: 30px; height: 30px; content: ""; position: absolute; top: 0; left: 0;
background: url('../images/smm-icons.png') 0px 0px no-repeat;}
.fs_fb:hover::before{background-position: -31px 0px}
.fs_tw::before{width: 30px; height: 30px; content: ""; position: absolute; top: 0; left: 0;
background: url('../images/smm-icons.png') 0px -42px no-repeat;}
.fs_tw:hover::before{background-position: -31px -42px}
.fs_gp::before{width: 30px; height: 30px; content: ""; position: absolute; top: 0; left: 0;
background: url('../images/smm-icons.png') 0px -85px no-repeat;}
.fs_gp:hover::before{background-position: -31px -85px}
.fs_yt::before{width: 30px; height: 30px; content: ""; position: absolute; top: 0; left: 0;
background: url('../images/smm-icons.png') 0px -126px no-repeat;}
.fs_yt:hover::before{background-position: -31px -126px}
.copyright{background: #000; padding: 10px 0;}
.cr_div{width: 70%; float: left;}
.copyright p{width:35%; float: left; font:400 12px 'PT Sans', sans-serif; color: #747474; margin-top: 6px;}
.copyright a{width: 35%; float: right; padding:8px 35px 4px 0; background: url('../images/floret-logo.png') top right no-repeat; font:400 12px/16px 'PT Sans', sans-serif; color: #747474; text-align: right;}

.igbc_footer{width: 75px; float: right; position: absolute; right: 6%; top: 20%;}

/*Enquiry*/
.form_div{width: 100%; float: left;}
.form_div h3{font:400 23px/26px 'PT Sans', sans-serif; color: #fff; margin-bottom: 30px;}
.form_div h3 span{font-size: 36px;}
.form_div .group{width: 100%; float: left; position: relative;  margin-bottom: 10px;}
.form_div .field{width: 100%; float: left; position: relative; font:400 13px 'PT Sans', sans-serif; 
color: #808080; padding: 1% 6%; height: 34px; border-radius: 5px; border:none;}
.msg_height{height: 100px !important;}
.form_div .submit{ width:100%; float:left; border:none;font:800 14px 'times'; color: #fff; background: #29a1de; padding: 6px 0;height: 38px; text-transform: uppercase; border-radius: 5px;}
.form_div .submit:hover{background: #1f2226; color:#fff;}
/*Place holder*/
::-webkit-input-placeholder { color: #808080 !important;}
:-moz-placeholder { color: #808080 !important;  }
::-moz-placeholder {color: #808080 !important; }
:-ms-input-placeholder { color: #808080 !important; }
.foot_block{width: 100%; float: left; position: absolute; bottom: -185px; z-index: 10;}

/*Thanks 404page*/
.ErrPg {padding: 0px 30px;margin: 50px 0px;text-align: center;}
.ErrPg h3{font-size:22px;color:#000;}
.ErrPg h3 span{font-size:34px;color:#e84c44;padding-right:10px;}
.Errmsg :before{content: 'OR';color: #474747;font-size: 12px;font-weight: bold;display: block;height: 40px;width: 40px;line-height: 40px;border: 1px solid #CCC;border-radius: 50%;position: relative;text-align: center;  top: 0;left: 0;right: 0; bottom: 0; margin: auto;}
.tanx{text-align: center; margin: 50px 0;}
.tanx1p{font:700 48px/48px 'PT Sans', sans-serif; color: #29a1de;padding: 5px 0;margin-bottom: 10px;}
.tanx2p{ font-size: 20px; margin-bottom: 5px;font-weight: 400;}
.tanx3p{ font-size: 18px; padding: 5px 0;}
.comingSoon{padding:5% 0; }

/*Details pages*/
.details h2{font:700 36px/36px 'PT Sans', sans-serif; color: #32886f; margin-bottom: 25px;}
.details h5{font:700 20px/20px 'PT Sans', sans-serif; color: #464646; margin-bottom: 10px;}

.proSlideBg{background: #32886f; padding:50px 0;}
.proSlideBg h3{font:700 30px/30px 'PT Sans', sans-serif; color: #fff; text-transform: uppercase;}
.proSlideBg p{font:400 18px/22px 'PT Sans', sans-serif; color: #fff;}

.costList{width: 100%; float: left;}
.costList li{width: 100%; float: left; position: relative; padding-left: 35px; font:400 18px/28px 'PT Sans', sans-serif; color: #636363; margin-bottom: 20px;}
.costList li::before{width: 13px; height: 11px; content: ""; position: absolute; top: 8px; left: 0; background: url('../images/sprite.png') -64px -12px no-repeat;}

/*Common Css*/
.comnList{width: 100%; float: left;}
.comnList li{width: 100%; float: left; position: relative; padding-left: 30px; font:400 18px/25px 'PT Sans', sans-serif; color: #636363; margin-bottom: 8px;}
.comnList li::before{width: 13px; height: 11px; content: ""; position: absolute; top: 8px; left: 0; background: url('../images/sprite.png') -64px -12px no-repeat;}
.heading h2{font:700 36px/36px 'PT Sans', sans-serif; text-align: center;}
.heading h3{font:700 36px/36px 'PT Sans', sans-serif;}
.heading h4{font:400 24px/24px 'PT Sans', sans-serif; text-align: center; color: #555555; text-transform: none;}
.clrBl{color: #12a8a7;}
.clrYl{color: #fee801;}
.clrLg{color: #4baf80;}

.videoDiv{width: 560px; margin: 0 auto;}
.video_frame{width: 100%; float: left; height: 315px;}

/*About AAC*/
.abtDesc h1{font:700 58px/55px 'PT Sans', sans-serif; color: #252525; text-transform: uppercase;}
.abtDesc p{color: #000;}
.block_img{width: 250px; float: left; position: absolute; bottom:-85px; right: 11%; z-index: 10;}
.whyAacBg{background: #edf7f2; padding: 50px 0;}
.advBg{background: #29a1de; padding: 50px 0;}
.clcBg{background: #32886f; padding: 50px 0;}
.costBg{background: url('../images/block-cost-bg.jpg') center bottom no-repeat; padding: 50px 0 280px 0;}
.processBg{background: #e8f4f0; padding: 50px 0;}
.processBg h3{font:700 36px/36px 'PT Sans', sans-serif; color: #000;}
.processBg p{color: #000;}

/*Tables*/
.tr_first{font:400 24px 'PT Sans', sans-serif;}
.tr_first td{ background: #4baf80 !important; color: #fff !important;}
.block_table{width:100%;float:left;display:table; font:400 18px 'PT Sans', sans-serif; text-align: center;}
.block_table tr{width:100%;border-top:#e5e5e5 1px solid}
.block_table td{width:25%;padding:1% 2%;height:55px;vertical-align:middle;display:table-cell; 
  background: #def6fd; color: #959595;}
.block_table td+td{border-left:#e5e5e5 1px solid; color: #363636;}
.block_table tr:nth-child(1){border-top:none}

/*Profile*/
.overview h3{font:700 30px/30px 'PT Sans', sans-serif; color: #000; text-transform: uppercase;}
.visionBg{background: #4baf80;}
.missionBg{background: #29a1de;}
.visionDiv{width: 450px; float: right; margin:10% 15% 10% 0; min-height: 200px;}
.missionDiv{width: 450px; float: left; margin:10% 0 10% 15%; min-height: 200px;}
.vmDesc h2{font:700 36px/36px 'PT Sans', sans-serif; text-align: center; color: #fee801;}
.vmDesc h4{    font: 700 20px/20px 'PT Sans', sans-serif;
    text-align: center;
    color: #fff;
    line-height: 28px;}
.vmDesc p{text-align: center; color: #fff;}
.proflowDiv{width: 50%; float: left; position: relative;}
.flowBg{background: #ecf3f1; padding: 50px 0;}
.flow_div{width: 100%; float: left; padding:5% 5%; background: #29a1de;}
.processDiv{width: 100%; float: left; padding:10px 0 10px 60px; position: relative; margin-bottom: 20px;}
.processDiv h3{font:400 24px/28px 'PT Sans', sans-serif; color: #fff;}
.numIcon{width: 46px; height: 46px; position: absolute; top: 0; left: 0;background: url('../images/sprite.png')  no-repeat;}
.one{background-position: -1px -195px;}
.two{background-position: -49px -195px;}
.three{background-position: -97px -195px;}
.four{background-position: -144px -195px;}
.five{background-position: -191px -195px;}
.six{background-position: -239px -195px;}
.proFlowBg{height: 385px; width: 100%; float: left;}
.bgClr1{background: #29a1de;}
.bgClr2{background: #32886f;}
.bgClr3{background: #4baf80;}
.pfDesc_div{width: 420px; float: left;}
.pfDesc_div h2{font:700 30px/30px 'PT Sans', sans-serif; color: #fff; margin-bottom: 15px;}
.pfDesc_div p{color: #fff;}
.pfm_left{margin-left: 10%;}
.pfm_right{margin-left: 14%;}
.pf_mt15{margin-top: 15%;}
.pf_mt7{margin-top: 7%;}
.pf_mt10{margin-top: 10%;}
.numIcon_div{width: 117px; margin: 0 auto;}
.num_icon{width: 117px; height: 118px; float: left; background: url('../images/num-sprite.png') no-repeat;
position: relative; margin-top: -250px}
.numOne{background-position: 0 0;}
.numtwo{background-position: -118px 0px;}
.numThree{background-position: -236px 0px;}
.numFour{background-position: -354px 0px;}
.numFive{background-position: -471px 0px;}
.numSix{background-position: -590px 0px;}

/*Products*/
.product a:hover{opacity: 0.8;}
.titleDesc{width: 80%; margin: 0 auto;}

/*Gallery*/
.ImgGal{width: 100%; float: left;}
.ImgGal li{width: 24%; float: left; margin: 0.5%; position: relative;}
.ImgGal li a{ position: relative; overflow: hidden; float: left; width: 100%; border: #DCD7D7  1px solid;}
.ImgGal li a img{ width: 100%;-webkit-transition: all .2s ease;  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;  transition: all .2s ease;}
.ImgGal li:hover a img{webkit-transform: scale(1.1);  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);  -o-transform: scale(1.1);  transform: scale(1.1);
-webkit-transition: all .2s ease;  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;  transition: all .2s ease; }
.ovrlay{position: absolute;top: 0;  left: 0;  width: 100%;  height:100%;
 background-color: rgba(0, 0, 0, 0.37);  opacity: 0}
.ImgGal li a span.ovrlay{background-color:rgba(0, 0, 0, 0.32);-webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;  -o-transition: all .2s ease;  transition: all .2s ease;
   background: url('../images/zoom.png') center no-repeat;
   background-color:rgba(0, 0, 0, 0.32) }
.ImgGal li:hover span.ovrlay{  opacity: 1;}

/*FAQ*/
.faq h5{font:700 20px/20px 'PT Sans', sans-serif; color: #32886f; margin-bottom: 10px;}

/*Contact Us*/
.contact h3{font: 700 30px/30px 'PT Sans', sans-serif; color: #32886f; margin-bottom: 25px;}
.contact h4{font: 700 18px/22px 'PT Sans', sans-serif; color: #464646; margin-bottom: 10px; }
.contact a:hover{color: #29a1de; text-decoration: underline;}
.mo_list{width: 100%; float: left;}
.mo_list li{width: 40%; float: left; /* padding-left: 12px; */ font: 400 15px/22px 'PT Sans', sans-serif; color: #464646; margin-bottom: 5px;}

.contact p{font-size: 14px;}
.space{padding-left: 45px;}

.contact_form{width: 100%; float: left;}
.contact_form .group{width: 48%; float: left; position: relative;  margin-bottom: 20px;}
.contact_form .field{width: 100%; float: left; position: relative; font:400 16px 'PT Sans', sans-serif; 
color: #464646; padding:3%; height: 45px; border-radius: 5px; border:#8e9ca3 1px solid;}
.msg_height1{height: 150px !important;}
.contact_form .submit{ width:200px; float:right; border:none;font:700 20px 'PT Sans', sans-serif; color: #fff; background: #29a1de; height: 42px; text-transform: uppercase; border-radius: 5px; margin-top: 15px;}
.contact_form .submit:hover{background: #4baf80; color:#fff;}

.mapLocation{width: 100%; height: 400px; float: left;}

.video_frame{width: 100%; height: 315px; float: left;}

.cmgSoon{color: #32886f; font-weight: 700;float: right;border: 1px solid #32886f; padding: 5px 15px;}
.qual50{margin-top: -50px;}
.gn{color: #006600;font-size: 24px;font-family: initial;}
.or{color: #ff6600;font-size: 24px;font-family: initial;}
/* media queries */
@media all and (max-width: 1024px) {
.share_div{width: 45%;}
.navbar-inverse .navbar-nav li>a{padding: 15px 14px;}
.navbar-nav li a.home_icon{line-height: 20px;}
.aacDiv_left{margin-right: 24%;}
.aacDiv_right{margin-left: 27%;}
.aacImg_div{width: 330px;}
.accImg{margin-top: -520px;}
.mep_pannel{width: 250px; margin-top: -85px;}
.abt_mep{margin-right: 23%;}
.aacStamp{width: 200px;}
.foot_block{bottom: -210px;}
.visionDiv{width: 80%;}
.missionDiv{width: 80%;}
.processDiv{margin-bottom: 2px;}
.proFlowBg{height: 318px; width: 100%; padding: 7% 12%;}
.pfDesc_div{width: 100%;}
.pfm_left{margin-left: 0;}
.pfm_right{margin-left: 0;}
.pf_mt15{margin-top: 0;}
.pf_mt10{margin-top: 0;}
.pf_mt7{margin-top: 0;}
.abtDesc h1{font-size: 40px; line-height: 45px;}
.mob_tab_div {width: 100%; overflow-x: scroll}
.mob_table {width: 1000px;padding: 0 15px}

}

@media all and (max-width: 995px) {
h1{font-size: 44px;}
h2{font-size: 40px; line-height: 40px;}
h4{font-size: 21px;}
.navbar-inverse .navbar-nav li>a{padding: 15px 9px; text-transform: none;}
.foot_block{ bottom: -250px; right: 15px;}
.foot_block img{width: 100%;}
.pfDesc_div h2{font-size: 25px; line-height: 25px;}
.pro_div{width: 100%;}
.mep_block{width: 100%; margin: 0;}
.mep_pannel{width: 100%; margin: 0;}
.abtDesc h1{font-size: 30px; line-height: 35px;}
.processBg h3{font-size: 30px;}
.overview h3{text-transform: none;}
.tabImg img{width: 100%;}
.proflowDiv{width: 100%;}
.proFlowBg{height: auto;}
.num_icon{margin-top: -450px;}
.aacStamp{width: 150px;}
.abt_mep{width: 80%; margin-right: 17%;}
.visionDiv{margin-bottom: 7.5%;}
.aacStamp_img{margin-top: -260px;}
.processDiv h3{font-size: 19px;}
.share_div{width: 55%;}
.aacImg_div{display: none;}
.aacDiv_left{width: 90%; margin-right: 5%;}
.aacDiv_right{width: 90%; margin-left: 5%;}
.abt_mep{padding: 8% 0;}
.hmServicebg h3{font-size: 22px; line-height: 23px;}
.mep_infra{width: 90%; margin-right: 5%; padding: 10% 0;}
.mep_quality{width: 90%; margin-left: 5%; padding: 10% 0;}


}

@media all and (max-width: 767px) {
.sticky{position: relative;}
.mob_home{display: block !important;}
.share_div{width: 100%;}
.wid50{width: 100%;}
.aacDiv_left{width: 90%; margin: 0 5%;}
h1{font-size: 37px; line-height: 37px;}
.abt_mep{width: 90%; margin: 0 5%;}
.aacStamp{display: none;}
.foot_block{display: none;}
.quickLinks{width: 100%; margin: 0 0 3% 0;}
.footBor{margin: 1% 0;}
.foot_social{margin: 3% 0 3% 3%; }
.visionDiv{width: 90%; margin: 5%;}
.missionDiv{width: 90%; margin: 5%;}
.processDiv{margin-bottom: 15px;}
.overview h3{font-size: 20px; line-height: 24px;}
h2{font-size: 35px;}
.num_icon{display: none;}
.abtDesc h1{font-size: 22px; line-height: 26px;}
.block_img{display: none;}
.heading h2{font-size: 30px; line-height: 30px;}
.processBg h3{font-size: 22px; line-height: 26px;}
h3{font-size: 23px;}
.mep_block{margin-bottom: 20px;}
.proFlowBg{padding: 10%;}
.proSlideBg h3{font-size: 22px; line-height: 26px; margin-bottom: 20px;}
.details h2{font-size: 25px; line-height: 25px;}
.ImgGal li{width: 48%;}
.mobmb25{margin-bottom: 25px;}
.cr_div{width: 100%;}
.copyright p{width: 100%; text-align: center;}
.copyright a{width: 63%; margin-right: 18%;}
.videoDiv{width: 100%;}


}

@media all and (max-width: 479px) {
.share_div{width: 70%; margin-right: 15%; margin-top: 4%;}
.share_icon{width: 100%;}
.trans{width: 82%; border-left: none; padding-left: 0; float: left; margin: 15px 0 0 10%; }
.contact_form .group{width: 100%;}
.downLoad{margin:15px 0 0 0;}
h1{font-size: 30px; line-height: 30px;}
h2{font-size: 25px; line-height: 25px;}
h4{font-size: 18px; line-height: 18px;}
.copyright a{ margin-right: 23%;}
.lg_left{margin: 0;}
.abtDesc h1{font-size:20px; line-height: 22px;}
.heading h2{font-size:27px; line-height: 27px;}
.heading h4{font-size: 21px;}
.processBg h3{font-size:18px; line-height: 20px;}
.proSlideBg h3{font-size:18px; line-height: 20px;}
.ImgGal li{width: 99%;}
.mob_logo{margin:0 0 15px 20%;}

}

.copy-rights {
  background-color: black;
  color: white; 
}

.aaa{
  padding: 35px;
}

.pro-detail h4{
  text-align: center;
  color: white;
  background: #29a1de;
  padding: 12px;
}


/*End*/


ul {
    margin: 0px;
    padding: 0px;
}
.footer-section {
  background: #151414;
  position: relative;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}
.footer-content {
  position: relative;
  z-index: 2;
}
.footer-pattern img {
  position: absolute;
  top: 0;
  left: 0;
  height: 330px;
  background-size: cover;
  background-position: 100% 100%;
}
.footer-logo {
  margin-bottom: 30px;
}
.footer-logo img {
    max-width: 200px;
}
.footer-text p {
  margin-bottom: 14px;
  font-size: 14px;
      color: #7e7e7e;
  line-height: 28px;
}
.footer-social-icon span {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 20px;
}
.footer-social-icon a {
  color: #fff;
  font-size: 16px;
  margin-right: 15px;
}
.footer-social-icon i {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 38px;
  border-radius: 50%;
}
.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}
.footer-widget-heading h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}
.footer-widget-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: #ff5e14;
}
.footer-widget ul li {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 12px;
}
.footer-widget ul li a:hover{
  color: #ff5e14;
}
.footer-widget ul li a {
  color: #878787;
  text-transform: capitalize;
}
.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
    padding: 13px 20px;
    border: 1px solid #ff5e14;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #202020;
  padding: 25px 0;
}
.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #878787;
}
.copyright-text p a{
  color: #ff5e14;
}
.footer-menu li {
  display: inline-block;
  margin-left: 20px;
}
.footer-menu li:hover a{
  color: #ff5e14;
}
.footer-menu li a {
  font-size: 14px;
  color: #878787;
}



/*Whatsapp Floating Button*/
.float{
  position:fixed;
  width:70px;
  height:70px;
  bottom:40px;
  left:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:40px;
  box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
  margin-top:16px;
}

/*End of Whastapp*/

/*Heading*/
.heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}
.white-heading{
    color: #ffffff;
}
.heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(https://i.ibb.co/G32GT0L/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}
.white-heading:after {
    background: url(img/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.white-heading span {
    color: #ffffff;
}

/*End Heading*/


/*Product Section*/
  /*======================================
            Blog 
========================================*/
.blog{padding:40px 0;}

.blog-list-content{ padding: 20px 25px;background-color: #f5f8fa;
    box-shadow: 0 30px 30px 0 rgba(0,0,0,.1);
 margin:-50px 20px 20px; position: relative; z-index: 1  }

.blog-footer{ padding: 15px 0 ; }

.col-sm-4.blog-list {
    margin-bottom: 20px;
    padding: 0px;
}
.blog-list-content .title a{ font-size: 18px; font-weight: bold;  
  color: #666;
  transition: all .50s;
     }

     .title:hover{-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#ff4c7c),color-stop(50%,#09f),color-stop(80%,#99cb33));}


.blog-footer { font-weight: 100;  }
.blog-footer span{ color:#bfbfbf; margin-left:15px;}

/*End Product*/





/*About Section*/
       
      
        
        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img {
    max-width: 100%;
    height: auto;
}
        section {
            padding: 60px 0;
           /* min-height: 100vh;*/
        }

.sec-title{
  position:relative;
  z-index: 1;
  margin-bottom:60px;
}

.sec-title .title{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 24px;
  color: #00aeef;
  font-weight: 800;
  margin-bottom: 15px;
}

.sec-title h2{
  position: relative;
  display: block;
  font-size:40px;
  line-height: 1.28em;
  color: #222222;
  font-weight: 600;
  padding-bottom:18px;
}

.sec-title h2:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:50px;
  height:3px;
  background-color:#d1d2d6;
}

.sec-title .text{
  position: relative;
  font-size: 16px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
  margin-top: 35px;
}

.sec-title.light h2{
  color: #ffffff;
}

.sec-title.text-center h2:before{
  left:50%;
  margin-left: -25px;
}

.list-style-one{
  position:relative;
}

.list-style-one li{
  position:relative;
  font-size:16px;
  line-height:26px;
  color: #222222;
  font-weight:400;
  padding-left:35px;
  margin-bottom: 12px;
}

.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: #ff2222;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}

.list-style-one li a:hover{
  color: #44bce2;
}

.btn-style-one{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 30px;
  font-weight: 600;
  overflow: hidden;
  letter-spacing: 0.02em;
  background-color: #00aeef;
}

.btn-style-one:hover{
  background-color: #0794c9;
  color: #ffffff;
}
.about-section{
  position: relative;
  padding: 120px 0 70px;
}

.about-section .sec-title{
  margin-bottom: 45px;
}

.about-section .content-column{
  position: relative;
  margin-bottom: 50px;
}

.about-section .content-column .inner-column{
  position: relative;
  padding-left: 30px;
}

.about-section .text{
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
}

.about-section .list-style-one{
  margin-bottom: 45px;
}

.about-section .btn-box{
  position: relative;
}

.about-section .btn-box a{
  padding: 15px 50px;
}

.about-section .image-column{
  position: relative;
}

.about-section .image-column .text-layer{
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}

.about-section .image-column .inner-column{
  position: relative;
  padding-left: 80px;
  padding-bottom: 0px;
}
.about-section .image-column .inner-column .author-desc{
    position: absolute;
    bottom: 16px;
    z-index: 1;
    background: orange;
    padding: 10px 15px;
    left: 96px;
    width: calc(100% - 152px);
    border-radius: 50px;
}
.about-section .image-column .inner-column .author-desc h2{
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
  margin: 0;
}
.about-section .image-column .inner-column .author-desc span{
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    color: #fff;
  display: block;
  font-weight: 400;
}
.about-section .image-column .inner-column:before{
    content: '';
    position: absolute;
    width: calc(50% + 80px);
    height: calc(100% + 160px);
    top: -80px;
    left: -3px;
    background: transparent;
    z-index: 0;
    border: 44px solid #00aeef;
}

.about-section .image-column .image-1{
  position: relative;
}
.about-section .image-column .image-2{
  position: absolute;
  left: 0;
  bottom: 0;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img{
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
      border-radius: 46px;
}

.about-section .image-column .video-link{
  position: absolute;
  left: 70px;
  top: 170px;
}

.about-section .image-column .video-link .link{
  position: relative;
  display: block;
  font-size: 22px;
  color: #191e34;
  font-weight: 400;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.about-section .image-column .video-link .link: hover{
  background-color: #191e34;
  color: #ffff;

  /*End About section*/