@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body {font-family: 'RobotoCondensed-Light'; font-size: 15px;}
 
.page-loader{ width: 100%; height: 100vh; position: fixed; top:0; left:0; background: #ffffff; z-index: 1000;}
.spinner { position: relative; top: 50%; width: 150px; height: 150px; margin: -75px auto 0 auto;}
.spinner img{ width:100%;}

.thanksWrap{ text-align:center; padding:80px 0; font-size:18px;}
/* HEADER
========================================================================*/
header { background: #ffffff; position: fixed; width: 100%; top: 0; left: 0; z-index:999;}
header:after{ width:100%; bottom: -48px; left: 0; height: 49px; background: url("../images/headerBg.png") no-repeat 100% 100%; content: "";position: absolute;
background-size: 100% 100%;}
.logo{}
.logo a{ padding: 25px 0 15px 0; display:block;}
.logo a img{ width: 250px;}
.navigation{} 
.menuOpen{ cursor: pointer; position: absolute; right: 0; top: 25px; display: none;}
.menuOpen img{ width: 40px;}
.navigation nav{ } 
.navigation nav .closeBtn {display:none; position: absolute; right: 25px; top: 22px; cursor: pointer; }
.navigation nav .closeBtn img{ width:40px;}
.navigation nav > ul { margin-top: 80px;}
.navigation nav > ul{ float: right; margin-top: 0px;}
.navigation nav > ul > li{ float: left}
.navigation nav > ul > li > a{ font-size: 18px; padding: 34px 15px 20px 15px;display: block; transition: 0.5s;}
.navigation nav > ul > li.active > a, .navigation nav > ul > li > a:hover, .navigation nav > ul > li:hover > a{ color: #111111; transition: 0.5s;}
.navigation nav > ul > li > ul{ position: absolute; top: 100%; width: 200px; background: #2890c7; z-index: 9; display: none;}
.navigation nav > ul > li:hover > ul{ display: block;}
.navigation nav > ul > li > ul > li{ border-bottom: 1px solid #ffffff;}
.navigation nav > ul > li > ul > li > a{ color: #ffffff; padding: 10px; display: block; transition: 0.5s;}
.navigation nav > ul > li > ul > li.active > a, .navigation nav > ul > li > ul > li > a:hover, .navigation nav > ul > li > ul > li:hover > a{ color: #111111; transition: 0.5s; }
.navigation nav > ul > li > ul > li:last-child{ border-bottom: 0;}
.navigation .enqBtn{ float: right;margin-top: 40px; margin-left: 30px;}
.navigation .enqBtn a{ font-size: 18px; padding: 10px 20px; background: #0D72A2; color: #ffffff; transition: 0.5s; background: linear-gradient(17deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s; }
.navigation .enqBtn a:hover{background: linear-gradient(-17deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s;} 
.thankmsg{ text-align:center; padding: 80px 0; font-size: 18px; background: #e6f1f6;}

.bannerWrap { position: relative; background: #000000; overflow: hidden;}  
.bannerWrap .videoOverlay{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 8;background: rgba(0, 0, 0, 0.2);} 
.bannerWrap.mainBanner { padding-bottom:45.25% /*56.25%;margin-bottom: -108px;*/}
.bannerWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 130px); margin-top: -65px;}
#movie_player > div.ytp-chrome-top.ytp-show-cards-title{ display:none;}
.bannerWrap .bannerSlider{}
.bannerWrap .bannerImg{ width: 100%;}
.bannerWrap .bannerImg.desktopBanner{ display: block;}
.bannerWrap .bannerImg.mobileBanner{ display: none;}
.bannerWrap .bannerInfo{ position: absolute; left: 0; width: 100%; top: 50%; z-index: 9; color: #ffffff;}
.bannerWrap .bannerInfo .lineOne{ font-size: 34px; line-height: 36px; margin-bottom: 10px; text-transform: uppercase;}
.bannerWrap .bannerInfo .lineTwo{ color: #40ACD8; font-size: 60px; line-height: 62px; font-family: 'optimanormal'; margin-bottom: 10px; font-weight: 600;text-transform: uppercase;}
.bannerWrap .bannerInfo .lineThree{font-size: 60px; line-height: 62px; font-family: 'optimanormal'; font-weight: 600;text-transform: uppercase;}
.bannerWrap .bannerInfo h1{ color: #40ACD8; font-size: 60px; line-height: 62px; font-family: 'optimanormal'; margin-bottom: 10px; font-weight: 600;text-transform: uppercase;}
.readmore{ position: relative; margin-top: 30px;}
.readmore a{background: linear-gradient(18deg, #2893CA 50%, #0D72A2 50%); padding: 10px 30px; text-transform: uppercase; color: #ffffff; font-size: 18px; display: inline-block; transition: 0.5s;}
.readmore a:hover{background: linear-gradient(-18deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s;}

.aboutWrap{ position: relative; padding: 80px 0;}
.aboutWrap .aboutInner{ position: relative;}
.aboutWrap .aboutInner .aboutLeft{ width: 45%; float: left; margin-right: 5%;}
.aboutWrap .aboutInner .aboutLeft{}
.aboutWrap .aboutInner .aboutRight{ width: 50%; float: left;}
.aboutWrap .aboutInner .aboutRight ul{border-bottom:1px solid #0D72A2; }
.aboutWrap .aboutInner .aboutRight ul li{ border-top:1px solid #0D72A2; padding: 32px 0; font-family: 'optimanormal'; font-weight: 600; overflow: hidden; position: relative;}
.aboutWrap .aboutInner .aboutRight ul li:first-child{ background:url("../images/grapics1.png") no-repeat right top; background-size: auto 100%;}
.aboutWrap .aboutInner .aboutRight ul li:nth-child(even){ background:url("../images/grapics2.png") no-repeat left top; background-size: auto 100%; padding-left: 120px;}
.aboutWrap .aboutInner .aboutRight ul li:nth-child(odd){background:url("../images/grapics1.png") no-repeat right top; background-size: auto 100%;}
.aboutWrap .aboutInner .aboutRight ul li .num{ float: left; font-size: 40px; line-height: 40px; margin-right: 0; min-width: 150px;color: #40ACD8; padding-left: 20px;}
.aboutWrap .aboutInner .aboutRight ul li .txt{ float: left; font-size: 20px; line-height: 40px; padding-right: 50px;}

.infraCont{ position: relative;}
.infraWrap{ position: relative;position: -webkit-sticky; position: sticky; top: 0; }
.infraCont .grapicscut{ position: absolute; left: 0; top: 0; z-index: 4; width: 75%;}
.infraCont .grapicscut2{ position: absolute; left: 0; bottom: 0; z-index: 4; width:20.5%;}
.infraCont .grapicscut3{ position: absolute; right: 0; top: 0; z-index: 4; display: none;}
.infraWrap .infraright{ width:25%; background: #ffffff; position: absolute; right: 0; top: 0; height: 100%;}
.infraWrap .infraright img{ width:100%;}
.infraWrap .sliderImg{ width: 75%; position: relative; z-index: 1;}
.infraWrap .sliderImg img{ width: 100%;}
.infraWrap .infraInfo{ position: absolute; width: 35%; right:10%; top: 42%; z-index: 8;}

.clientWrap{ position: relative; background: url("../images/clientBg.png") no-repeat center/cover; padding: 80px 0;}
.clientWrap .clientInner{ position: relative;}
.clientWrap .clientInner .clientLeft{ float: left; width: 45%; margin-right: 5%;color: #ffffff; padding: 60px 0 0 0; }
.clientWrap .clientInner .clientLeft h2{}
.clientWrap .clientInner .clientLeft h3{ color: #ffffff;}
.clientWrap .clientInner .clientRight{ float: left; width: 50%; }
.clientWrap .clientInner .clientRight ul{}
.clientWrap .clientInner .clientRight ul li{ width: 31.3%; margin: 8px 1%; float: left; text-align: center; background: #ffffff;}
.clientWrap .clientInner .clientRight ul li img{ max-width: 100%; filter: grayscale(100%); transition: 0.5s;}
.clientWrap .clientInner .clientRight ul li:hover img{ max-width: 100%; filter: grayscale(0); transition: 0.5s;}

.leadershipWrap{ position: relative; padding: 80px 0; background: url("../images/grapics5.png") no-repeat left top, url("../images/grapics6.png") no-repeat bottom right;}
.leadershipWrap .leadershipInner{}
.leadershipWrap .leadershipInner .leadershipLeft{ width: 35%; margin-right: 5%; float: left; margin-top: 250px;}
.leadershipWrap .leadershipInner .leadershipRight{width: 60%; float: left;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne{ display: flex;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipImg{}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipImg img{}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipnfo{ padding-left: 20px; padding-top: 40px;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipnfo{}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup{ margin-top: 40px;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul{ position: relative;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li{ width: 31.3%; float: left; text-align: center; margin: 0 1%;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li img{ max-width: 100%;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li .desig{font-size: 14px; line-height: 16px; color: #2893CA; margin-top: 10px;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li .name{font-size: 20px; line-height: 24px; color: #111111;margin-top: 10px;font-family: 'optimanormal';}

.suppliersWrap{ position: relative; padding: 90px 0; background: url("../images/middleBanner.png") no-repeat center/cover;}
.suppliersWrap .suppliersInner{}
.suppliersWrap .suppliersInner .suppliersLeft{ width: 35%; margin-right: 5%; float: left;}
.suppliersWrap .suppliersInner .suppliersLeft h3{ color:#ffffff;}
.suppliersWrap .suppliersInner .suppliersRight{ width: 60%; float: left;}
.suppliersWrap .suppliersInner .suppliersRight .suppliersSlider{ margin-top: 20px;}
.suppliersWrap .suppliersInner .suppliersRight .suppliersLogo{ width: 95%; text-align: center; background: #ffffff;}
.suppliersWrap .suppliersInner .suppliersRight .suppliersLogo img{ max-width: 100%;filter: grayscale(100%); margin: 0 auto; transition: 0.5s;}
.suppliersWrap .suppliersInner .suppliersRight .suppliersLogo:hover img{ filter: grayscale(0); transition: 0.5s;}
.suppliersWrap .slick-dots{ float: right; margin: 20px 0 0 15px;}
.suppliersWrap .slick-dots li{ width: 12px; height: 12px; overflow: hidden; float: left; background: #ffffff; margin-right: 8px; cursor: pointer;}
.suppliersWrap .slick-dots li button{ text-indent: -1000px; overflow: hidden; opacity: 0;}
.suppliersWrap .slick-dots li.slick-active{ background: #2893CA;}

.bottomWrap{background: linear-gradient(90deg, #ffffff 60%, #e6f1f6 40%);}
.bottomWrap .bottomInner{}
.bottomWrap.thanksmsg{ background:none;}
.bottomWrap.thanksmsg  .bottomInner .bottomLeft{ width: 45%;}
.bottomWrap.thanksmsg .bottomInner .bottomMiddle{ width: 45%;}
.bottomWrap .bottomInner .bottomLeft{ width: 20%; float: left; margin-right: 5%; padding: 80px 0;}
.bottomWrap .bottomInner .bottomLeft ul{ margin-top: 40px;}
.bottomWrap .bottomInner .bottomLeft ul li{ float: left; margin-right: 20px;}
.bottomWrap .bottomInner .bottomLeft ul li a{}
.bottomWrap .bottomInner .bottomLeft ul li a img{ height: 20px;}
.bottomWrap .bottomInner .bottomMiddle{ width: 30%; float: left; margin-right: 5%; padding: 80px 0;}
.bottomWrap .bottomInner .bottomMiddle ul{}
.bottomWrap .bottomInner .bottomMiddle ul li{ font-size: 20px; color: #1A1A1A;  border-bottom: 1px solid #0D72A2; padding: 30px 0 30px 40px;}
.bottomWrap .bottomInner .bottomMiddle ul li a{ color: #1A1A1A;}
.bottomWrap .bottomInner .bottomMiddle ul li:first-child{ background: url("../images/location.svg") no-repeat left top 65px; background-size:20px auto;}
.bottomWrap .bottomInner .bottomMiddle ul li:nth-child(2){ background: url("../images/call.svg") no-repeat left top 38px; background-size:20px auto;}
.bottomWrap .bottomInner .bottomMiddle ul li:last-child{ background: url("../images/mail.svg") no-repeat left top 38px; background-size:20px auto; border-bottom:none}
.bottomWrap .bottomInner .bottomRight{ width: 40%; float: left; background: #e6f1f6; padding: 80px 0 80px 3%;}
.bottomWrap .bottomInner .bottomRight iframe{ width: 100%; min-height: 400px; border: none;}
.inputBox{ position: relative; margin: 30px 0 20px 0;}
.inputBox input{ width: 100%; padding: 12px; border: none; border-bottom: 1px solid #ffffff;}
.inputBox textarea{ width: 100%; padding: 12px; border: none; border-bottom: 1px solid #ffffff;}
.inputBox select{ width: 100%; padding: 12px; border: none; border-bottom: 1px solid #ffffff;}
.inputBox input:focus, .inputBox textarea:focus, .inputBox select:focus{}
.inputSubmit{ margin-top: 30px;}
.inputSubmit input, .inputSubmit input:focus{background: linear-gradient(19deg, #2893CA 50%, #0D72A2 50%); padding: 12px 35px; text-transform: uppercase; color: #ffffff; font-size: 20px; display: inline-block; transition: 0.5s; border: none;}
.inputSubmit input:hover{background: linear-gradient(-19deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s;}
.inputBox .formError { color: #c10404; font-weight: normal; font-size: 14px; position: absolute; bottom: -20px;}
/* Projects
=========================================================================*/
.projectlistWrap{}
.projectlistWrap .projectlistInner{}
.projectlistWrap .projectlistInner .projectlistSlider{}
.projectlistWrap .projectlistInner .projectlistBox{ position: relative; text-align: center;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistImg{ position: relative;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistImg img{ width: 100%;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistImg img.desktopImg{ display: block;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistImg img.mobileImg{ display: none;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo{ position: absolute; z-index: 9; bottom: 50px; left: 0; color: #ffffff; width: 60%; margin: 0 auto; right: 0; }
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo h3{ color: #34afe6; margin-bottom: 15px}
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo .reamMore{ margin-top: 20px;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo .reamMore a{background: linear-gradient(19deg, #2893CA 50%, #0D72A2 50%); padding: 7px 24px; text-transform: uppercase; color: #ffffff; font-size: 18px; display: inline-block; transition: 0.5s; }
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo .reamMore a:hover{background: linear-gradient(-19deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s;}

.projectsContainer{ background: #021a23; position: relative; color: #ffffff;}
.projectsContainer h2{ color: #2890c7;}
.projectsContainer h3{color: #2890c7;}
.projectaboutWrap{ position: relative; padding: 80px 0;}
.projectaboutWrap .projectaboutInner{ position: relative;}
.projectaboutWrap .projectaboutInner .projectaboutLeft{ width: auto; float:none;/* margin-right: 5%;*/}
.projectaboutWrap .projectaboutInner .projectaboutLeft{}
.projectaboutWrap .projectaboutInner .projectaboutLeft ol{ margin-top:15px; list-style:auto; padding-left: 25px;}
.projectaboutWrap .projectaboutInner .projectaboutLeft ol li{ margin-bottom:8px;}
.projectaboutWrap .projectaboutInner .projectaboutLeft .highlight{font-family: 'RobotoCondensed-Bold'; font-size:16px;}
.projectaboutWrap .projectaboutInner .projectaboutRight{ width: 45%; float: left;    display: none;}
.projectaboutWrap .projectaboutInner .projectaboutRight ul{ }
.projectaboutWrap .projectaboutInner .projectaboutRight ul li{ width: 48%; float: left; margin: 15px 1%; text-align: center;} 
.projectaboutWrap .projectaboutInner .projectaboutRight ul li img{ max-width: 80%;}
.projectaboutWrap .projectaboutInner .projectaboutRight ul li span{display: block; text-transform: uppercase;font-size: 17px; line-height: 24px; margin-top: 10px;}

.projectsWrap{ position: relative; padding: 90px 0 60px 0; background: url("../images/road-projectBg.jpg") no-repeat center/cover; }
.projectsWrap.bridgesBg{ background: url("../images/bridgesprojectBg.jpg") no-repeat center/cover;}
.projectsWrap.irrigationBg{ background: url("../images/irrigation-projectBg.jpg") no-repeat center/cover;}
.projectsWrap.buildingsBg{ background: url("../images/buildings-projectBg.jpg") no-repeat center/cover;}
.projectsWrap.railwayBg{ background: url("../images/railway-projectBg.jpg") no-repeat center/cover;}
.projectsWrap.roadBg{ background: url("../images/road-projectBg.jpg") no-repeat center/cover;}
.projectsWrap .projectsInner{ position: relative;height: 530px;overflow-y: scroll;  -ms-overflow-style: none; scrollbar-width: none; }
.projectsWrap .projectsGroup{position: relative; }
/*.projectsWrap .projectsBox{ width: 31%; float: left; margin: 15px 1%; border-radius: 20px; background: rgba(255,255,255,0.90); padding: 20px; color: #000000;}*/
.projectsWrap .projectsBox { width: 31%; float: left; margin: 15px 1%; /* border-radius: 20px; */ background: rgba(255, 255, 256, 0.68) url(../images/grapicsBg.png) no-repeat bottom right -1px; padding: 20px; color: #000000; background-size:38% auto;overflow: hidden;}
.projectsWrap .projectsBox .projectsInfo{ min-height: 100px;}
.projectsWrap .projectsBox h3{ margin-bottom: 10px; font-size: 18px; line-height: 21px; text-transform: none; color:#000000;}
.projectsWrap .projectsBox .projectsDeatils{ display: flex; border-top: 1px solid #124f66; padding-top: 10px; margin-top: 10px;}
.projectsWrap .projectsBox .projectsDeatils .projectsitem{ flex: 1;max-width: 50%;}  
.projectgalleryWrap{ position: relative; padding: 60px 0 80px 0;}
.projectgalleryWrap .projectgalleryInner{}
.projectgalleryWrap .projectgalleryInner .projectgalleryInfo{ width: 80%; margin-bottom: 40px;}
.projectgalleryWrap .gallerySlider{ width: 80%; margin: 0 auto;}
.projectgalleryWrap .gallerySlider img{ width: 100%;}
.projectgalleryWrap .gallerySlider .slick-arrow{ width: 45px; padding: 15px; position: absolute; top: 50%; margin-top: -30px; border: 0; overflow: hidden; text-indent: 1000px;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-prev{ background:#0d729f url("../images/left-arrow.png") no-repeat center; left: -60px;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-next{background:#0d729f url("../images/right-arrow.png") no-repeat center; right: -60px;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-disabled{ cursor: default; opacity: 0.5;}

/* About Us
======================================================================*/
.missionvissionWrap{ position: relative; background: #f1f2f2; padding-bottom: 80px;}
.missionvissionWrap img.visionmisionBg{ width:100%;}
.missionvissionWrap .missionvissionInner{ margin: -210px 0 0 0;}
.missionvissionWrap .missionvissionBox{ padding: 15px 15px; background: #ffffff; width: 31%; float: left; margin: 0 1%;}
.missionvissionWrap .missionvissionBox .missionvissionImg{ position: relative; margin-bottom: 20px;}
.missionvissionWrap .missionvissionBox .missionvissionImg img{ width: 100%;}
.missionvissionWrap .missionvissionBox .missionvissionInfo{}
.missionvissionWrap .missionvissionBox .missionvissionInfo h3{ color: #0d72a2; margin-bottom: 10px;}

.chairmanmesgWrap{ background: #2893ca; position: relative; padding: 60px 0;}
.chairmanmesgWrap .chairmanmesgInner{ display: flex; align-items: center;}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgImg{}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgImg img{ width: 100%;}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgInfo{ padding-left: 50px;flex: 1; color: #ffffff;}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgInfo h3{ color: #ffffff;}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgInfo .name{ font-size: 22px; margin-top: 20px;}

.awardWrap{ position: relative; padding: 80px 0; background: url("../images/awardBg.png") no-repeat right top 20px;}
.awardWrap .awardInner{}
.awardWrap .awardLeft{ width: 49%; float: left;}
.awardWrap .awardLeft h3{ color: #0d72a2;}
.awardWrap .awardRight{ width: 49%; float: left; margin-left: 2%;}
.awardWrap .awardRight > img{ width: 100%;}
.awardWrap .awardRight .awardSmall{padding: 10px 0 0 0;}
.awardWrap .awardRight .awardSmall img{ width: 49%; float: left;}
.awardWrap .awardRight .awardSmall img:first-child{ margin-right: 2%; }

.leadershipteamWrap{ position: relative; padding: 80px 0; background: url("../images/leadershiBg1.png") no-repeat right top, url("../images/leadershiBg2.png") no-repeat bottom left;}
.leadershipteamWrap .leadershipteamInner{}
.leadershipteamWrap .leadershipteamInner h2{}
.leadershipteamWrap .leadershipteamGroup{margin-top: 40px;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox{ float: left; width: 31%; margin: 0 1%; text-align: center;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox img{ max-width: 100%;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox .leadershipteamInfo{ margin-top: 15px;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox .leadershipteamInfo .desig{ color: #2893ca;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox .leadershipteamInfo .name{ font-size: 24px; line-height: 28px; color: #111111; font-family: 'optimanormal'; margin-top: 10px;}

.teamWrap{ background: #f1f2f2; padding: 80px 0;}
.teamWrap .teamInner{}
.teamWrap .teamInner h3{ text-align: center; margin-bottom: 40px; color: #2893ca;}
.teamWrap .teamGroup{}
.teamWrap .teamGroup .teamBox{ width: 18%; float: left; margin: 12px 1%; background: #ffffff url("../images/teamBg.png") no-repeat right top; text-align: center;}
.teamWrap .teamGroup .teamBox .teamImg{ padding: 20px;}
.teamWrap .teamGroup .teamBox .teamImg img{ width: 100%;}
.teamWrap .teamGroup .teamBox .teamInfo{ padding:0 5px 20px 5px; min-height: 82px;}
.teamWrap .teamGroup .teamBox .teamInfo .name{font-size: 16px; line-height: 18px; color: #111111; font-family: 'optimanormal';  text-transform: uppercase; margin-bottom: 10px; min-height: 40px;}
.teamWrap .teamGroup .teamBox .teamInfo .desig{font-size: 14px; line-height: 16px; min-height: 45px;}

/* Contact
========================================================================*/
.contactWrap{ position: relative; padding: 80px 0; background: url("../images/gall-grapics.png") no-repeat right top 40px;}
.contactWrap .contactInner{ position: relative;}
.contactWrap .contactInner h3{font-size: 24px; line-height: 30px;}
.contactWrap .contactInner .highlight{ font-size: 20px; line-height: 24px;  font-family: 'RobotoCondensed-Bold';}
.contactWrap .contactGroup{ display: flex; margin-top: 60px; border: 1px solid #0d729a;}
.contactWrap .contactGroup .contactBox { flex: 1;}
.contactWrap .contactGroup .contactBox.contactAdd{ padding:40px 40px; background: #0d729a; color: #ffffff;}
.contactWrap .contactGroup .contactBox.contactAdd h3{color: #ffffff;}
.contactWrap .address{ padding-top: 30px; margin-top: 20px; border-top:1px solid #000000; font-size: 16px;}
.contactWrap .address h4{color: #ffffff; text-transform: uppercase; font-family: 'RobotoCondensed-Bold'; font-size: 20px; line-height: 24px; margin-bottom: 20px;}
.contactWrap .address ul{}
.contactWrap .address ul li{ margin-bottom: 15px;}
.contactWrap .address ul li a{ color: #ffffff;}
.contactWrap .contactBox.contactImg{}
.contactWrap .contactBox.contactImg img{}

.contactWrap .contactBox.contactForm{ background: #ffffff; padding: 50px;}
.contactWrap .contactBox.contactForm h3{ }
.contactWrap .contactBox .inputBox{}
.contactWrap .contactBox .inputBox input{ border-bottom: 1px solid #00719d;}
.contactWrap .contactBox .inputBox textarea{border-bottom: 1px solid #00719d;}
.contactWrap .contactBox .inputSubmit{ margin-top: 50px;} 
.mapsWrap{ position: relative; padding: 40px 0 0 0;}
.mapsWrap ul.resp-tabs-list{ margin-bottom: 30px;}
.mapsWrap ul.resp-tabs-list li{}
.mapsWrap ul.resp-tabs-list li a{ font-size: 22px; line-height: 24px; padding: 10px 20px; font-family: 'RobotoCondensed-Bold';color:#adadad;}
.mapsWrap ul.resp-tabs-list li:hover a, .mapsWrap ul.resp-tabs-list li.resp-tab-active a{ color: #0d729a;}
.mapsWrap .resp-tabs-container{}
.mapsWrap .resp-tabs-container iframe{ width: 100%; min-height: 550px;}

.careersWrap{ position: relative; padding: 80px 0; background: url("../images/gall-grapics.png") no-repeat right top 40px;}
.careersWrap .careersInner{ position: relative;}
.careersWrap .careersInner .accordion_container{ margin-top: 40px;}
.careersWrap .careersInner .accordion_head { background: #c8edff; margin-top: 10px; padding: 20px;}
.careersWrap .careersInner .accordion_head{ display: flex; align-items: center;}
.careersWrap .careersInner .accordion_head .headitem{ flex: 1; line-height: 40px;}
.careersWrap .careersInner .accordion_head .headitem.number{ font-family: 'optimanormal'; max-width: 80px;font-size: 50px; color: #ffffff;}
.careersWrap .careersInner .accordion_head .headitem.position{ font-family: 'optimanormal'; font-size: 22px;  color: #0d7298; text-transform: uppercase;}
.careersWrap .careersInner .accordion_head .headitem.deatil{ max-width: 280px; font-size: 18px; }
.careersWrap .careersInner .accordion_head .headitem.btn{ max-width: 150px;}
.careersWrap .careersInner .accordion_head .headitem.btn a{background: linear-gradient(19deg, #2893CA 50%, #0D72A2 50%); padding: 4px 30px; text-transform: uppercase; color: #ffffff; font-size: 16px; display: inline-block; transition: 0.5s; cursor: pointer;}
.careersWrap .careersInner .accordion_head .headitem.btn a:hover{background: linear-gradient(-19deg, #2893CA 50%, #0D72A2 50%); transition: 0.5s;}
.careersWrap .careersInner .accordion_body {background: #0d7298;color: #ffffff; padding: 30px;}
.careersWrap .careersInner .accordion_body ul{ margin-top:15px;}
.careersWrap .careersInner .accordion_body ul li{ background:url("../images/bullet.jpg") no-repeat left top 10px; padding-left: 10px; margin-bottom: 10px;}
.careersformWrap { background: #f1f2f2; padding: 80px 0;}

/* Events ==============================================================*/
.eventsWrap{position: relative; padding: 80px 0;}
.eventsWrap .eventsInner{position: relative;}
.eventsWrap .eventsInner .eventsGroup{ position: relative;}
.eventsWrap .eventsInner .eventsGroup .eventsBox{ padding-bottom: 60px; margin-bottom: 60px; border-bottom:1px solid #0d729a;}
.eventsWrap .eventsInner .eventsGroup .eventsBox h3{}
.eventsWrap .eventsInner .eventsGroup .eventGallery{ margin-top: 30px;}
.eventsWrap .eventsInner .eventsGroup .eventGallery ul{ position: relative; margin: 0 -1%;}
.eventsWrap .eventsInner .eventsGroup .eventGallery ul li{ width: 31%; float: left; margin: 10px 1%;}
.eventsWrap .eventsInner .eventsGroup .eventGallery ul li img{ width: 100%;}
.eventsWrap .eventsInner .eventsGroup .eventsBox.lastBox{ padding-bottom: 0; margin-bottom: 0; border-bottom:none;}

.galleryWrap{position: relative; padding: 80px 0;}
.galleryWrap .galleryInner{ position: relative;margin: 0 -1%;}
.galleryWrap .galleryInner .galleryBox { width: 31%; float: left; margin: 10px 1%; background: #f1f2f2; padding: 10px;}
.galleryWrap .galleryInner .galleryBox img{ width: 100%;}
.galleryWrap .galleryInner .galleryBox .heading { text-transform: uppercase; margin: 10px 0 0 0; font-size: 18px; font-family: 'optimanormal'; color: #000000;min-height: 60px;}
/* FOOTER
========================================================================*/
footer { background: #0D72A2; font-size: 13px; color: #ffffff; text-align: center;}
.copyRight{ padding: 30px 0;} 
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; color: #111111;  }
h2 { font-size: 20px; line-height: 22px; color: #2893CA; margin-bottom: 15px; font-family: 'RobotoCondensed-Light';}
h3 { font-size: 28px; line-height: 30px; color: #111111; margin-bottom: 20px;font-family: 'optimanormal';  text-transform: uppercase; }
h4 { font-size: 18px; line-height: 19px; color: #00a7ef; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 15px; background: none; border: 1px solid #dadada; padding:12px; margin: 0; font-family: 'RobotoCondensed-Light';}
input:focus, textarea:focus { border-color: #c1c1c1; background: none; }
/* Slick Slider
========================================================================*/
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

ul.resp-tabs-list { margin: 0px; padding: 0px; }
.resp-tabs-list li {  display: inline-block; margin: 0; list-style: none; cursor: pointer; }
.resp-tabs-container { padding: 0px; clear: left; }
h2.resp-accordion { cursor: pointer; display: none; }
.resp-tab-content { display: none; }
.resp-tab-active { } 
.resp-content-active, .resp-accordion-active { display: block; } 
/*-----------Accordion styles-----------*/
h2.resp-tab-active {  }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { } 
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; }  
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { }
.resp-vtabs .resp-tabs-container { float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; } 
}

@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url('fonts/RobotoCondensed-Light.eot');
    src: url('fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Light.woff') format('woff'),
         url('fonts/RobotoCondensed-Light.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Light.svg#optimanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('fonts/RobotoCondensed-Bold.eot');
    src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Bold.woff') format('woff'),
         url('fonts/RobotoCondensed-Bold.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Bold.svg#optimanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'optimanormal';
    src: url('fonts/optima_b-webfont.eot');
    src: url('fonts/optima_b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optima_b-webfont.woff') format('woff'),
         url('fonts/optima_b-webfont.ttf') format('truetype'),
         url('fonts/optima_b-webfont.svg#optimanormal') format('svg');
    font-weight: normal;
    font-style: normal;

}