body{font-weight: 300;}
ul{list-style: none;}
.plr0{padding: 0;}
header{background:rgba(83,87,98,0.8);position: relative;top: 0;width: 100%;z-index: 9999;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.fittop{position: fixed;}
header.fittop{background:rgba(83,87,98,1);box-shadow:0px 5px 8px rgba(0,0,0,0.3);}
.logo{margin: 10px 0;}
nav{padding: 33px 0 0;}
nav ul{list-style: none;}
nav li{float: left;margin-left: 43px;}
nav a{text-transform: uppercase;font-size: 14px;font-weight: 700;color: #fff;border: solid 2px transparent;}
nav a:hover{color: #4bcaff;text-decoration: none;}
nav > a:active,nav > a:visited{color: #fff;}
nav li.current a{color: #4bcaff;text-decoration: underline;}
.banner h2,.banner p{color: #fff;}
.vision,.corpte,.vlus,.abtus,.banner,.mission,.media{position: relative;top: -120px;}
.contcs{margin-top: -120px;}
.vision{background: #fff;}
.mission,.corpte,.projct{background: #dbdfe2;padding: 60px 0;}
.vision,.mission,.vlus,.equip,.contcs{padding:30px 0;}
.equip{background: #4bcaff;}
.abtus{background: url("../img/banner/banner3.jpg");position: relative;}
.abtus .ovrly{padding: 60px 0;background:rgba(60,69,76,0.85);}
.abtus,.abtus p{color: #fff;}
h2{font-size: 30px;font-weight: 300;text-transform: uppercase;margin-bottom: 25px;position: relative;}
h3{color: #3199ce;font-weight: 400;}
p{font-size: 20px;line-height: 34px;color: #000;margin-bottom: 30px;}
p:last-child{margin-bottom: 0;}
.abtus li{font-size: 23px;line-height: 40px;}
h4{font-size: 28px;font-weight: 300;}
.vlus,.projct,.contcs{background: #3c454c;color: #fff;}
.contcs{background: url(../img/projimg.jpg) no-repeat; background-size:cover;padding: 0;}
.contcs .ovrly{background: rgba(10,43,65,0.9);padding: 60px 0;}
.vlus h5{margin: 0;font-size: 25px;color: #4bcaff;}
.vlus h4{margin-bottom: 25px;}
.vlus img{width: 100%;height: auto;}
.corpte{background: #fff;}
.corpte table{width: 70%;border: solid 1px #a7afb2;}
.corpte th,.corpte td{padding: 10px;font-weight: 300;font-size: 20px;width: 50%;padding-left: 40px;}
.corpte th{border-right:solid 1px #cacfd2;border-bottom:solid 1px #cacfd2;color: #0198cd ; }
.corpte td{border-bottom:solid 1px #cacfd2; }
.projct ul{padding: 0;}
.projct li{text-transform: uppercase;font-size: 20px;line-height: 45px}
.equip h2,.projct a,.contcs address a,.vlus p{color: #fff;}
.contcs h6{text-align: left;font-size: 19px;font-weight: 400;margin-bottom: 30px;}
.contcs h6 span{display: block;background: #fff;width: 71px;height: 71px;border-radius: 50%;color: #062134;text-align: center;line-height: 71px;font-size: 29px;margin-bottom: 12px;font-weight: 700;}
.contcs address{font-size: 18px;line-height: 28px;font-weight: 400;}
.contcs address span{width: 83px;display: inline-block;}
.contcs input[type="text"],.contcs textarea{border-radius: 0;background:#fff;padding: 20px 10px;color: #000;margin-bottom: 20px;font-weight: 400;}
.contcs .btn{background: #2e2e2e;border: none;height: 46px;line-height: 34px;border-radius: 0;text-align: center;color: #fff;text-transform: uppercase;min-width: 170px;font-weight: 700;}
.contcs .btn:hover{background: #161616;}
.vision{text-align: center;}
.vision h2{text-align: left;}
.vision .head{font-size: 22px;font-weight: 400;}
.vision span{padding: 0 0 15px;display: inline-block;}
.vision p{font-size: 15px;line-height: 24px;}
footer{background: #222f38;padding: 15px 0;}
.abtus h2:after,.vision h2:after,.mission h2:after,.vlus h2:after,.corpte h2:after,.contcs h2:after{content:"";position:absolute;left:0;bottom:-8px;height:1px;width:50px;border-bottom:2px solid #3398cc;}
.hidncont{margin-bottom: 15px;}
.hidncont > div{overflow: hidden;transition: all 0.2s ease-in-out 0s;height: 100%;margin-bottom:15px;}
.hidncont > div a img{transition: all 0.2s ease-in-out 0s;max-width:100%;width:100%;}
.hidncont > div a:hover img{transform:translateY(-29%);}
.hidncont > div.category_2 a:hover img{transform:translateY(-100%);}
.hidncont > div.category_3 a:hover img{transform:translateY(29%);}
.hidncont .projdesc{background: rgba(255,255,255,0.8);padding: 10px;position: absolute;bottom: 0;display: none;width:calc(100% - 30px);}
.hidncont .category_2 .projdesc{height: 100%;}
.hidncont .category_3 .projdesc{bottom:auto;top:0;}
.projdesc span{display: block;font-size: 12px;line-height: 20px;color:#000; }
.projdesc .head{font-size: 16px;display: block;padding-bottom: 5px;font-weight: 400;}
.projdesc .read{color: #3398cc;font-size: 12px;text-decoration: underline;}
.hidncont > div .projdesc{display: none;}
.hidncont > div a:hover .projdesc{display: block;}
.mb20{margin-bottom: 20px;}
/*News ticker*/
.tickr{position: relative;z-index: 999;background: #000;height:32px;width: 100%;}
.tickr a{text-decoration: none;}
#newsticker {padding:0 0 6px 0;margin:2px 0 0 0;max-width:980px;height:18px;z-index:1;}
#tickerpermalink {float: left;padding-right :7px;line-height: 16px;height: 20px;font-weight: bold;list-style: none;margin-top: 0.35em;color: #fff;font-size: 10px;}
#newsticker a {color:#fff;font-size: 11px;text-decoration:none!important; text-transform:uppercase;}
#newsticker a:hover {color: #00acee;font-size: 11px;}
#ticker {margin: 0 -4px;padding: 2px 0 0 0;float: left;list-style: none;font-size: 11px;line-height: 20px;height: 20px;overflow: hidden;max-width: 900px;color: #fff;}
#tickercontrol{margin: 0;padding: 0;list-style: none;}
#tickercontrol li{float: left;}
#ticker_prev{background-image: url(../img/asset/ticker_left.gif);background-repeat: no-repeat;background-position: 6px 6px;width: 12px;height: 16px;text-indent: -9999px;display: block;}
#ticker_stop{background-image: url(../img/asset/ticker_stop.gif);background-repeat: no-repeat;background-position: 3px 6px;width: 12px;height: 16px;text-indent: -9999px;display: block;}
#ticker_next{background-image: url(../img/asset/ticker_right.gif);background-repeat: no-repeat;background-position: 4px 6px;width: 17px;height: 16px;text-indent: -9999px;display: block;}
.subsat ul{overflow: hidden;padding: 0;}
.subsat li{width: 49.33%;float: left;position: relative;padding: 20px;}
.subsat li:after,.subsat li:before{ border-bottom: 1px dashed #ddd;bottom: -1px;height: 0;left: 0;top: auto;width: 100%;content: "";position: absolute;}
.subsat li:before{border-left: 1px dashed #ddd;height: 100%;left: -1px;top: 1px;}
.subsat li a, .subsat li img{display: block;margin-left: auto;margin-right: auto;width: 75%;}
.subsat li img{width: 100%;height: auto;}
.recnws img{max-width:100%;height: auto;margin-bottom: 15px;}
.recnws h5{font-size: 18px;}
.recnws p{font-size: 14px;line-height:20px;}
.mix-grid .mix{display: none;opacity: 0;}
.mix-filter{padding: 0;}
.mix-filter li{float: left;background: #fff;padding: 5px 10px;border:solid 1px #ccc;cursor:pointer;margin-right: 10px;}
.mix-filter li.active{background: #4bcaff;border-color:#4bcaff;color: #fff;}
.dropdown:hover .dropdown-menu{display: block;}
nav .dropdown li{margin-left: 0;float: none;}
.team h3 strong,.team h3 small{display: block;}
.team h3 strong{font-size: 20px;font-weight: 400;padding-bottom: 10px;}
.team h3 small{font-size: 13px;line-height: 16px;}
.team .thumbnail{min-height: 390px;}
.media{text-align: left;}
.media input,.media textarea{margin-bottom: 20px;}
.crer h3{font-weight: 400;font-size: 16px;text-transform: uppercase;}
.crer p{font-weight: 400;font-size: 13px;line-height: 18px;}
.year{text-align: center;}
.year span{display: block;font-size: 60px;font-weight: normal;margin-bottom: 40px;}
.year span:after{content: '';border-bottom: solid 3px #fff;position: absolute;left: 50%;top: 96px;height: 1px;width: 50px;margin-left: -24px;}
.year p{font-weight: normal;font-size: 14px;line-height: 20px;text-transform: uppercase;}
.year div:nth-child(-n+2){margin-bottom: 35px;}
.year .blu span:after{border-color: #4f81bd;}
.year .red span:after{border-color: #c0504d;}
.year .gre span:after{border-color: #9bbb59;}
.year .vio span:after{border-color: #8064a2;}
.whtwedo p{
	    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.whtwedo.crer h3{
	font-size: 20px;
}
.whtwedo .col-md-12{
	font-size: 18px;
}
.whtwedo span{
	display: inline-block;
	width: 110px;
	height: 110px;
	background: #223f53;
	border-radius: 50%;
	text-align: center;
	line-height: 110px;
}
.whtwedo span.glyphicon{
	font-size: 37px;
	color: #fff;
}
.whtwedo .col-md-4{
	margin-top: 40px;
}
.whtwedo .btn-primary{
	background: #E84D1C;
	border: none;
}
.inr .swiper-slide {
    float: none;
}
@media only screen and (max-width:992px){
nav li{margin-left: 25px;}
}
@media only screen and (max-width:768px){
.contcs h6 span{margin: 0 auto 12px;}
.contcs h6,.contcs .col-md-3{text-align: center;}
.contcs .btn{width: 100%;}
.vision .col-md-4{margin-bottom: 40px;}
.swiper-wrapper{height: auto!important;}
#nav-toggle { position: absolute;right: 20px; top: 30px; }
.vlus .col-md-3 img{margin-bottom: 20px;}

#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
nav{display: none;}
.vision, .corpte, .vlus, .abtus, .banner, .mission{top: 0;}
.contcs{margin-top: 0;}
nav.Mshow{background:#032b47;display: block;left: auto;padding: 10px;position: fixed;right: 0;top: 121px;width: 100%;z-index: 99999;}
.fittop nav.Mshow{top: 89px;}
nav a{padding: 10px 0;display: block;}
nav ul{padding: 0;}
.Mshow .pull-right{float: none!important;}
nav li{margin: 0;float: none;}
.mix-filter li{margin-bottom: 10px;}
}

/* front steps */
.front-steps-wrapper h2,
.ecommerce .front-steps-wrapper h2 {
	color: #f0f0f0;
	font-size: 22px;
	line-height: 1.2;
	padding-top: 10px;
	margin-bottom: 5px;
}
.front-steps-wrapper .front-step1 h2,
.ecommerce .front-steps-wrapper .front-step1 h2 {
	color: #fefefe;
}
.front-steps-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
}

.front-steps-wrapper .front-step-col {
	padding-left: 0;
	padding-right: 0;
}
.front-steps-wrapper .front-step-col:first-child {
	padding-left: 15px;
}
.front-steps-wrapper .front-step-col:last-child {
	padding-right: 15px;
}

.front-steps-wrapper .front-step {
	position: relative;
	padding: 15px 20px 33px;
 min-height: 182px;
}
.front-steps-wrapper .front-step1 {
	background: #E84D1C;
}
.front-steps-wrapper .front-step2 {
	background: #7c858e;
}
.front-steps-wrapper .front-step3 {
	background: #68727c;
}
.front-steps-wrapper .front-step4 {
	background: #636a72;
}
.front-steps-wrapper .front-step5 {
	background: #5e6369;
}
.front-steps-wrapper .front-step6 {
	background: #55585d;
}

.front-steps-wrapper .front-step:before {	
	color: #fff;
	font: 300 125px 'Open Sans', sans-serif;
	font-weight: bold;
	display: block;
	position: absolute;
	right: -20px;
	bottom: -40px;
	opacity: 0.1;
}
.ie8 .front-steps-wrapper .front-step:before {
	display: none !important;
}
.front-steps-wrapper .front-step1:before {
	content: "1";
	opacity: 0.2;
}
.front-steps-wrapper .front-step2:before {
	content: "2";
	right: -15px;
}
.front-steps-wrapper .front-step3:before {
	content: "3";
}
.front-steps-wrapper .front-step4:before {
	content: "4";
}
.front-steps-wrapper .front-step5:before {
	content: "5";
}
.front-steps-wrapper .front-step6:before {
	content: "6";
}

.front-steps-wrapper .front-step:after { 
	top: 50%;
	width: 0; 
	height: 0;
	left: 100%;
	z-index: 2; 
	content: " "; 
	display: block; 
	margin-top: -1em; 
	position: absolute;
	border-left: 15px solid #EC7049;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
.ie8 .front-steps-wrapper .front-step:after {
	display: none !important;
}
.front-steps-wrapper .front-step-col:last-child .front-step:after {
	display: none;
}
.front-steps-wrapper .front-step2:after {
	border-left-color: #899199;	
}
.front-steps-wrapper .front-step3:after {
	border-left-color: #778089;	
}
.front-steps-wrapper .front-step4:after {
	border-left-color: #727980;	
}
.front-steps-wrapper .front-step5:after {
	border-left-color: #6E7278;	
	top: auto;
	bottom: 10%;
}
.front-steps-wrapper h2:after,.our-clients h2:after{
 border-bottom:0; 
}
.margin-bottom-40{margin-bottom: 40px;}