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

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

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

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

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

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

* { margin: 0; padding: 0; box-sizing: border-box }
a { text-decoration:none; outline: none; }
li { list-style-type: none;  }
h1, h2, h3, h4, h5 { font-size: 25px; color: #333; font-family: HermesFB-Bold; font-weight: 400;
    margin: 0 0 35px;  text-transform: uppercase; position: relative; }
    .bdr-center h1:before, .bdr-center h2:before, .bdr-center h3:before, .bdr-center h4:before, .bdr-center h5:before { content: ''; width: 50px; height: 2px;  background: #333; position: absolute; bottom: 0; left: 50%; z-index: 1; margin-left: -25px; display: none; }
.fl { float:left; }
.fr { float:right; }
.fa-spin {
    position: absolute;
    right: -42px;
    top: 3px;
    font-size: 32px!important;
    color: #000;
}

.success { color: green; margin-top: 10px;  }

.code-box li a:hover, .up-footer li a:hover, .bottom-footer li a:hover, .top-bar a:hover { color: #e33239;  }
.error { font-size: 12px; color: red; margin-top: 5px; display: none;  }
button:focus, input:focus, select:focus, textarea:focus { outline: none;  }
.border-link a, .border-link button { cursor: pointer; width: 100%; border:none; position: relative; height: 36px; border-left: 6px solid #062f71; display: block; color: #fff;     background: #e33239;  }
.border-link a span, .border-link button span { position: relative; z-index: 1;  }
.border-link a:after, .border-link button:after { width: 0%; height: 100%; top: 0; left: 0; background: #062f71;     content: '';
    position: absolute;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.border-link a:hover:after, .border-link button:hover:after { width: 100%; }    
.border-link { position: relative; text-align: center; line-height: 37px;color: #eb2c48; display: inline-block; min-width: 125px; 
    transition: all .2s;   }
.white.border-link { color: #fff; }
.bdr-center h1, .bdr-center h2, .bdr-center h3, .bdr-center h4, .bdr-center h5 { padding-bottom: 8px; text-align: center; }
.banner-line { display: block; width: 48px; height: 30%;  position: absolute; z-index: 999;  }
.banner-line.blue { background: #062f71; left: 0; top: 15%;  }
.banner-line.red { background: #e33239; left: 0; top: 49%;  }
.banner-line.r-side { left: auto; right: 0;  }
.page-banner .banner-line.blue, .page-banner .banner-line.red { height: 35%;  }
.page-banner .banner-line.red { top: 53%;  }
.clr { clear: both; height: 0;  }
img { max-width: 100% }
.skew1 { -ms-transform: skew(-10deg,0deg); -webkit-transform: skew(-10deg,0deg); transform: skew(-10deg,0deg);
    transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0;  }

.skew-top-left, .skew-top-right { width: 100%; background: #c33238; position: absolute; z-index: 999; top: 0; overflow: hidden; left:98%; text-indent: -999px; height: 100%; }

.skew-top-right { left:auto; right: 40px; width: 50px; }

.big.skew { z-index: 99; background: #294785;  }

body { overflow-x: hidden;  font-family: HermesFB-Regular; font-size: 14px; color: #333;	background: #fff }

.container { max-width: 1170px; margin:0 auto; width: 96%; } 
.containerbig { max-width: 1250px; margin:0 auto; width: 96%; } 

.top-bar { position:relative; padding: 12px 0; width: 100%; float: left;  background: #062f71; }
.top-bar a { position:relative;  color: #fff; font-size: 13px; text-transform: uppercase; display: block; }
.top-bar .top-con { position:relative; padding-left: 40px; margin-left: 40px; }
.top-bar .top-con:first-child { margin:0; padding:0; }
.top-bar .line { height: 32px; width: 2px; background: #fff; position: absolute; left:0; top:-12px; }

.logo-menu { float: left;  width: 100%; z-index: 9999; position: relative; background: #fff;  }
.logo-menu img { padding-top: 5px;  }
.logo-menu li {  float: left;  }
.logo-menu li a { padding: 20px 20px; display: block; color: #333; font-size: 14px; text-transform: uppercase;  }
.logo-menu li ul { width: 30%; float: left;  } 
.logo-menu li li { padding-left: 17px; margin-bottom: 18px; width: 100%; background: url(../img/li-arow.png) left 4px no-repeat; }
.logo-menu li li a { padding: 0;  }
.logo-menu li:hover a { color: #fff; background: #eb2c48;  }
.logo-menu li:hover li a { color: #333; background: none;  }
.logo-menu li:hover li a:hover { color: #eb2c48;  }
.logo-menu .logo { padding-top: 12px;  }
.logo-menu .mega-menu { display: none; padding: 35px 0; position: absolute; left: 0; top: 100%;  width: 100%; background: #efeeed; -webkit-box-shadow:inset 1px 2px 9px 2px #d0cfce; box-shadow:inset 1px 2px 9px 2px #d0cfce; }
.logo-menu li:hover .mega-menu { display: block;  }
.logo-menu .left {  padding-top: 14px; width: 28%; float: left;  }
.logo-menu .right { padding-left: 5%; padding-top: 14px; border-left: 1px solid #a5b2b5;  width: 68%; float: right;  }
.logo-menu .mega-menu p { font-size: 16px; color: #333; line-height: 22px; font-family: HermesFB-Thin;  }
.logo-menu .image { width: 55%; float: right;  }
.logo-menu .pro { width: 25%; float: left; text-align: center;  }
.logo-menu li .pro a { padding:0 5px; }
.logo-menu li .pro a span { display: block;  }
.logo-menu li:hover .pro a {  background: none; color: #333; }
.logo-menu li:hover .pro a:hover { color: #eb2c48; }
.pro-img { overflow: hidden; margin-bottom: 20px;  }

.main-banner { overflow: hidden; position: relative;  }
.main-banner .slide { position: relative; line-height: 0;  }
.main-banner img { width: 100%;  }
.main-banner .text { margin-top: -35%;  }
.main-banner .main-slide-txt { color: #fff; line-height: normal; position: absolute; left: 0; bottom: 0; width: 100%;  }
.main-banner  .banner-title { font-size: 60px; font-family: HermesFB-BoldItalic; line-height: 60px;  text-transform: uppercase;  }
.main-banner  .banner-title span { display: block;  }
.main-banner .border-link { margin-top: 25px; }
.main-banner p { margin-top: 10px; font-size: 16px; text-transform: uppercase; font-family: HermesFB-BoldItalic; }
.main-banner .left { padding-top: 30px; width: 50%;  }
.main-banner .right { width: 50%;  }
.main-banner .right img { width: 315px; display: block; margin: 0 auto;  }
.main-banner .slick-dots li button { width: 28px; height: 5px; background: #fff; overflow: hidden; text-indent: -999px; border: 0; margin: 0 5px; }
.main-banner .slick-dots { position: absolute; bottom: 0; right: 26%; z-index: 99;}
.main-banner .slick-dots li { cursor: pointer; display: inline-block; }
.main-banner .slick-dots li.slick-active button { background: #e33239; }

.common-pad { padding: 55px 0;  }
.greydiv { overflow: hidden; background: #f4f4f4;  }

.what-we-do { padding-bottom: 25px;  }
.what-we-do ul { margin-right: -5%; overflow: hidden;  }
.what-we-do li { margin-bottom: 50px; width: 28%; float: left; margin-right: 5%;  }
.what-we-do li img { max-width: inherit;  }
.what-we-do h4 { margin-bottom: 10px; font-size: 24px; font-family: HermesFB-RegularItalic;  }
.what-we-do p { margin-bottom: 20px; font-size: 16px; color: #666; line-height: 24px; font-family: HermesFB-ThinItalic;  }

.latest-box { overflow: hidden;  }
.latest-box .left { width: 67%;  }
.latest-box .left a { color: inherit; display: block;   }
.latest-box .right { width: 30%;  }
.latest-box h4 { margin: 0; font-weight: normal; font-size: 16px; color: #000; font-family: HermesFB-Regular;  }
.latest-box .chanle { margin: 12px 0; font-size: 16px; font-family: HermesFB-BoldItalic;  }
.latest-box .video .chanle { color: #a3a3a3;  }
.video .image { position: relative;  }
.video .image:before, .video .img:before { display: block; margin: -37px 0 0 -37px; position: absolute; left: 50%; top: 50%; content: ""; width: 78px; height: 78px; background: url(../img/play-icon.png) center no-repeat;  }
.video .img:before { background-size: 50px; }
.latest-box .slick-dots { margin-top: 20px; }
.latest-box .slick-dots li button { overflow: hidden;  width: 14px; height: 14px;  background: 0 0; text-indent: -999px;  border: 2px solid #cdcdcd; border-radius: 15px; cursor: pointer;}
.latest-box .slick-dots li {  margin-right: 10px; float: left;  }
.latest-box .slick-dots li.slick-active button { background: #294785; border-color: #294785;  }
.latest-box .right p { margin: 15px 0; font-size: 14px; color: #666; font-family: HermesFB-ThinItalic;  }
.latest-box .right .latest-veiw { float: right; }
.latest-box .right span { font-size: 13px; color: #e33239; font-family: HermesFB-RegularItalic;  }
.latest-box .slides { /*margin-bottom: 20px;*/  }
.latest-box .right .slick-dots { margin: 0;margin-top: 10px;  }
.latest-box .lates { width: 48%; float: left;  }
.latest-box .slideright { float: right; width: 48%;  }

.latest-slider img { width: 100%;  }

footer { overflow: hidden;  }
.up-footer { padding-top: 55px; overflow: hidden; background: #323437;  }
.up-footer .fo-div { width: 25%; float: left;   }
.up-footer h3 { position: relative; text-transform: uppercase; font-size: 18px; color: #e33239;
    font-family: HermesFB-Regular; padding-bottom: 8px; margin-bottom: 20px;  }
.up-footer h3 a { color: inherit;  }
.up-footer h3 span { display: block;  }
.up-footer h3:after { content: ''; background: #6c7376; width: 40px; height: 2px; position: absolute;
    top: 100%; left: 0; z-index: 1; }
.up-footer li { width: 100%; float: left; margin-bottom: 5px; font-family: HermesFB-Thin;  }
.up-footer li a { color: #e5e5e6;  }
.up-footer .gap { margin-bottom: 40px; overflow: hidden;  }
.up-footer .fo-form { position: relative;  }
.up-footer .fo-form .fa-spin { color: #fff; right: 0;
    top: -34px;  }
.up-footer input { font-family: HermesFB-ThinItalic; font-size: 14px; height: 44px; color:  #969696; padding: 0 72px 0 20px; background: #fff; border:none; width: 100%;  }
.up-footer button { cursor: pointer; color: #fff; font-size: 14px; height: 45px; width: 70px; position: absolute; right: 0; top: 0; background: #ef6565; border:none; font-family: HermesFB-RegularItalic;  }
.social-footer a { display: inline-block; width: 35px; height: 35px; border: 1px solid #e5e5e6; border-radius: 50%;
    margin-right: 15px; text-align: center; color: #e5e5e6; line-height: 35px; font-size: 16px; }
.social-footer a:last-child { margin-right: 0;  }
.social-footer a:hover { border: 1px solid #ef6565; color: #ef6565; }

.bottom-footer { overflow: hidden; background: #e7e7e7; padding: 15px 0; font-size: 12px; font-family: HermesFB-Thin;  }
.bottom-footer .fo-logo { overflow: hidden; line-height: 0;  }
.bottom-footer li a { color: #666; }
.bottom-footer li { color: #999; float: left; margin: 0 10px; position: relative; }
.bottom-footer li a:after { content: '|'; position: absolute; top: 0; right: -11px; }
.bottom-footer li:last-child a:after { display: none;  }


.left-fixed { position: fixed; bottom: 10%; right: 0; width: 49px; border: 1px solid #3d3c3c;
	border-right: 0; z-index: 150; -webkit-transition: width 1s; transition: width .5s }
.left-fixed:hover {	width: 280px }
.left-fixed ul li { cursor: pointer; border-bottom: 1px solid #2d3238; height: 48px; line-height: 48px; position: relative; text-transform: uppercase; overflow: hidden; 	background: #444649; }
.left-fixed ul li:hover { background: #343639;  }
.left-fixed ul li:last-child { border-bottom: 0 }
.left-fixed ul li a { display: inline-block; color: #fff;	padding-left: 15px;	font-size: 12px;
	transition: color .5s }
.left-fixed ul li a:hover {	color: #e33239 }
.left-fixed ul>li:after { width: 49px; height: 48px; position: absolute; top: 0; right: 0; border-left: 1px solid #3d3c3c; content: '' }
.left-fixed ul>li.pnd-enq:after { background: #444649 url(../img/sprite.png) no-repeat;	background-position: 5px 4px
}
.left-fixed ul>li.locate:after { background: #444649 url(../img/sprite.png) no-repeat; background-position: -39px 4px
}
.left-fixed ul>li.faq:after { background: #444649 url(../img/sprite.png) no-repeat;	background-position: -86px 6px }
.left-fixed ul>li.pnd-enq:hover:after { background: #343639 url(../img/sprite.png) no-repeat;	background-position: 6px -52px;
}
.left-fixed ul>li.locate:hover:after { background: #343639 url(../img/sprite.png) no-repeat; background-position: -38px -52px
}
.left-fixed ul>li.faq:hover:after { background: #343639 url(../img/sprite.png) no-repeat;	background-position: -85px -50px }
.left-fixed input { font-family: HermesFB-ThinItalic; border:none; padding: 0 10px; height: 37px; font-size: 14px; float: left; margin-top: 5px; margin-left: 15px; width: 200px; color: #c6c8ca; background: #6d6f72; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:inset inset 2px 0px 3px 2px #5c5e60;
box-shadow:inset inset 2px 0px 3px 2px #5c5e60; }
.left-fixed input::placeholder { color: #c6c8ca;}
.left-fixed input:-ms-input-placeholder { color: #c6c8ca; }
.left-fixed  input::-ms-input-placeholder {  color: #c6c8ca; }


.content-area { padding-bottom: 100px; overflow:hidden; position:relative; }
.content-area p { margin-bottom: 30px; font-size: 16px; color: #666; line-height: 24px; font-family: HermesFB-Thin;  }
.content-area p.gap { margin-bottom: 10px;  }
.content-area li { margin-bottom: 16px; width: 100%; float: left; font-size: 16px; color: #666; font-family: HermesFB-Thin; }
.bullet-style { margin-bottom: 20px; overflow: hidden;  }
.bullet-style li { padding-left: 40px; background: url(../img/bullet.png) left 3px no-repeat; }
.page-banner { margin-bottom: 30px; position: relative; overflow: hidden;  }
.page-banner img  { width: 100%;  }
.title-content {  overflow: hidden;  }
.title-content.gap { margin-bottom: 60px; }
.title-content h1 { text-align: center;  }

.bread-crum { padding: 10px 0; z-index: 9; position: absolute; left: 0; top: 0; width: 100%; background: rgba(93,98,104, .9);  }
.bread-crum li { width: auto; margin-bottom: 0; margin-right: 3px; text-transform: uppercase; float: left; font-size: 12px; color: #fff;  }
.bread-crum li a { display: block; padding-right: 8px; color: #9d9d9d; background: url(../img/bred-sep.png) right 3px no-repeat;  }

.buissnes-box { overflow: hidden;  }
.buissnes-box .buisness { margin-bottom: 60px; overflow: hidden;  }
.buissnes-box .buisness:last-child { margin-bottom: 0;  }
.buissnes-box h2 { text-align: center;  }
.buissnes-box h3 { text-transform: uppercase;  padding-top: 20px; margin-bottom: 20px; font-size: 24px; font-family: HermesFB-Regular; }
.buissnes-box .img { padding: 25px 0; overflow: hidden; text-align: center;  }
.buissnes-box .red-text { padding-top: 50px; text-transform: uppercase; font-family: HermesFB-Bold; text-align: center; font-size: 30px; color: #e33239;  }
.leftright .left p { color: #333; font-family: HermesFB-Regular; }
.leftright .left { width: 55%; float: left;  }
.leftright .right { padding-top: 78px; width: 38%; float: right;  }
.leftright .right img { border:9px solid #eee;  }
.leftright .buisness:nth-child(even) .left { float: right;  } 
.leftright .buisness:nth-child(even) .right { float: left;  }  

.award-box { padding-top: 20px; overflow: hidden; margin: 0 -8%;  }
.award-box .award { margin-bottom: 25px; border:1px solid #e4e4e4; margin-right: 2%; width: 23%; float: left;  }
.award-box .text {margin-top:10px; padding: 0 14px; overflow: hidden;  }
.award-box .date { margin-bottom: 11px; font-size: 16px; color: #666; overflow: hidden; font-family: HermesFB-Thin;  }
.award-box .date span { font-size: 42px; color: #333; margin-left: -15px;  padding: 20px 15px 10px 15px; padding-right: 30px; display: inline-block; background: #fff;  }
.award-box  h4 { font-size: 16px; text-transform: none; margin-bottom: 4px;}
.award-box a { color: inherit;  }

.common-tab-box {   }
.double-line-style { padding: 8px 0; overflow: hidden; position: relative; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; transition: all 0.3s; }
.double-line-style:before { content: ""; background: #e33239; height: 8px; width: 100%; position: absolute; left: 0; top: 0; display: block;  }
.double-line-style .in-border:after { content: ""; background: #062f71; height: 8px; width: 100%; position: absolute; left: 0; bottom: 0; display: block;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.double-line-style .in-border:hover:after { height: 100%;  }
.double-line-style:hover h4, .double-line-style:hover .date { position: relative; z-index: 3; color: #fff;  }
.tabeer { overflow: hidden; text-align: center;  }

.line-style-box { overflow: hidden; margin: 0 -8%;  }
.line-style-box .tab-div {  margin-bottom: 25px; margin-right: 2%; width: 23%; float: left;  }
.line-style-box .text { padding: 30px 14px; overflow: hidden;  }
.line-style-box .date { margin-bottom: 11px; padding-left: 15px; font-size: 16px; color: #666; overflow: hidden; font-family: HermesFB-Thin;  }
.line-style-box  h4 { margin-bottom: 0; padding-left: 15px; font-size: 16px; text-transform: none; }
.line-style-box a { color: inherit;  display: block; }
.line-style-box .line-style-box-in {  overflow: hidden; margin-top: -8px;  }
.line-style-box  .in-border { overflow: hidden;  border:1px solid #e4e4e4;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.line-style-box .img { width: 100%; position: relative; z-index: 9;  }
.common-tab-box .border-link { width: 125px; display: block; margin: 50px auto 0 auto;  }

.dna-box { padding: 265px 0 306px 0; margin: 0 -18%;  overflow: hidden; position: relative; background: url(../img/dna.png) center top no-repeat;  }
.dna-box .dna {  width: 100%; float: left;  }
.dna-box .dna-img { width: 422px; }
.dna-box .dna-in { position: relative; min-height: 100px;  width: 33%; float: left; text-align: right;  }
.dna-box h4 { color: #e33239; font-size: 28px; margin-bottom: 18px;  }
.dna-box .blue h4 { color: #062f71; } 
.dna-box p { margin-bottom: 0px; font-size: 18px; color: #333; font-family: HermesFB-Regular; }
.dna-box span { margin-top: 5px; display: block;  }
.dna-box .dna:nth-child(even) .dna-in { min-height: 175px; float: right; text-align: left;  }
.dna-box .dna-fix { position: absolute; right: 0; top: 0;   }
.dna-box .dna:nth-child(even) .dna-fix { right: auto; left: 0;  }
.dna-box .dna:nth-child(odd) .bullet-style li { padding-left: 0; padding-right: 40px; background-position: right 3px;  }
.dna-box .dna .bullet-style li { color: #333; font-family: HermesFB-Regular; } 
.dna-box .dna.blue.pd-2018 {padding-top: 125px;}
.dna-box .dna.pd-2017 {padding-top: 80px;}
.dna-box .dna.blue.pd-2016 {padding-top: 103px;}

.team-box { margin: 0 -8%; overflow: hidden;  }
.team-box .image { line-height: 0; padding-top: 40px; overflow: hidden; text-align: center; background: #f7f7f7;  }
.team-box .member { cursor: pointer;float: left; position: relative; border:1px solid #e4e4e4; width: 23%; margin-right: 2%; margin-bottom: 20px;  }
.team-box .member:before { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9; background: #e33239; height: 8px; }
.team-box .member.blue:before { bottom: auto; top: 0; background: #062f71;  }
.team-box .txt { padding:25px 20px ; overflow: hidden;  }
.team-box h4 { margin-bottom: 8px; font-size: 16px; color: #333;  }
.team-box p { margin-bottom: 0; min-height: 65px; font-size: 15px; color: #333; font-family: HermesFB-Thin;  }
.no-popup.team-box .member{cursor: default;}

.csr-div { padding-top: 15px; overflow: hidden;  counter-reset: section; }
.csr-div h3 { padding-top: 8px; margin-bottom: 15px; text-transform: none;  }
.csr-div p { margin-bottom: 15px; line-height: 24px; }
.csr-div li { margin-bottom: 50px; position: relative; padding-left: 70px;  }
.csr-div li ul { padding-top: 10px;  }  
.csr-div li li { margin-bottom: 15px; padding-left: 40px;  }
.csr-div li li:before  { display: none;  }
.csr-div li:before { text-align: center; line-height: 47px; color: #666; width: 47px; height: 47px; position: absolute; left: 0; top: 0; counter-increment: section; content: "" counter(section) " "; font-family: HermesFB-Regular; border:1px solid #e3e3e3; -webkit-border-radius: 100%; border-radius: 100%; }

.our-project { padding-top: 50px; margin-right: -5%; overflow: hidden;  }
.our-project .project { float: left; width: 28%; margin-right: 5%;  }
.our-project img {  width: 100%;  } 
.our-project h3 { text-transform: none;  }
.our-project p { line-height: 24px;  }

.csr-slider { position: relative; overflow: hidden;  }
.csr-slider img { border-right: 1px solid #fff; } 
.csr-slider .slick-prev { cursor: pointer; z-index: 9; font-size: 0; border:none; display: block; width: 40px; height: 40px; position: absolute; left: 13px; top: 50%; margin-top: -20px;background: url(../img/prev.png) left top no-repeat;   }
.csr-slider .slick-next { cursor: pointer; z-index: 9; font-size: 0; border:none; display: block; width: 40px; height: 40px; position: absolute; right: 13px; top: 50%; margin-top: -20px;background: url(../img/next.png) left top no-repeat;   }

.intusion { padding-top: 20px; overflow: hidden;  }
.intusion .head { margin-bottom: 5px; padding-left: 67px; padding-bottom: 12px; border-bottom: 1px solid #d1d1d1; font-size: 16px; color: #333;  }
.intusion span { width: 70%; float: right;  }
.intusion  li { padding: 10px 0; margin: 0px; padding-left: 67px;  }
.intusion  li:nth-child(even) { background: #f8f8f8;  }
.intusion ul { overflow: hidden; margin-bottom: 20px;  }
.intusion .two-coloms i { width: 50%; font-style: normal; float: left; }
.intusion .two-coloms span { width: 40%;  }
 .intusion .two-coloms li span{ padding: 0 15px; width: 33%;  }
.intusion .three-col { overflow: hidden; padding: 15px; }
.intusion .three-col li {  padding: 15px; }
.intusion .three-col li span{ padding: 0; float: left; width: 31%; margin-right: 2%; }
.intusion .head.three-col span {  width: 33%;  }

.mid-slider { /*margin-bottom: 60px; padding-bottom: 25px;*/ overflow: hidden;  }
.mid-slider h3 { padding-top: 0;  }
.mid-slider .left { width: 42%; float: left;   }
.mid-slider .right { width: 52%; float: right;   }
.mid-slider.diff-style { padding-bottom: 0; margin-bottom: 0;  }
.mid-slider.diff-style .left { width: 52%;   }
.mid-slider.diff-style .right {  width: 42%;   }
.withspan li { margin-bottom: 5px; } 
.withspan li span { font-family: HermesFB-Regular; padding-left: 0; }
.withspan li a { color: inherit;  }
.commonslider {  padding: 9px; background: #eee; }
.commonslider img { width: 100%;   }
.commonslider .slick-dots { width: 100%; position: absolute; left: 0; bottom: -25px;  }
.commonslider .slick-dots li { width: auto; margin: 0 10px 0 0px; float: left;  }
.commonslider .slick-dots button { font-size: 0; width: 47px; height: 5px; border:none; background: #e0e0e0; cursor: pointer;  }
.commonslider .slick-active button  { background: #e33239; }

.back-to-age { margin-bottom: 70px; overflow: hidden;  }
.back-to-age a { float: right; font-size: 14px; color: #666; font-family: HermesFB-Thin;  }
.back-to-age a i { font-size: 10px; margin-right: 5px;   }

.scool-row { margin-bottom: 80px; overflow: hidden;  }
.scool-row:last-child { margin-bottom: 0;  }

.cont-box { overflow: hidden;  }
.cont-box .title-content { padding: 0 5%; text-align: center;  }

.cont-form { overflow: hidden; width: 775px; margin: 0 auto;  }
.cont-form  h4 { margin-bottom: 15px; text-align: right; font-size: 14px; color: #272727; font-family: HermesFB-Regular; text-transform: none;  }
.cont-form  .cont-grey { padding: 60px; background: #f7f7f7; overflow: hidden; }
.cont-form .form-row { position: relative; margin-bottom: 40px; width: 100%; float: left;  }
.cont-form .form-row.two .form-div { width: 48%; float: left;  }
.cont-form .form-row.two .form-div:last-child { float: right;  }
.cont-form .form-row.gap { padding-left: 125px;  }
.cont-form select, .cont-form input, .cont-form textarea { padding-right: 5px; padding-bottom: 17px; border:none; border-bottom: 1px solid #dedede; font-size: 14px; color: #585858;width: 100%; background: none; font-family: HermesFB-Thin; }
.cont-form textarea { resize: none; height: 47px; } 
.cont-form .custom-input { width: 100px; position: absolute; left: 0; top: 0;  }
.cont-form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/select.png) right 7px no-repeat;  }

.search-box { overflow: hidden;  }
.search-box  .search { margin-bottom: 50px; overflow: hidden;  }
.search-box .form-div { overflow: hidden; position: relative;  }
.search-box input { padding-right: 60px; width: 100%; border:none; border-bottom: 1px solid #ccc; padding-bottom: 28px; font-size: 30px; color: #000; font-family: HermesFB-Regular; }
.search-box button { cursor: pointer; border:none; display: block; width: 54px; height: 70px; position: absolute; right: 0; top: 0; background: url(../img/search-icon.png) left center no-repeat;  }
.search-box .found { font-size: 22px; color: #999; margin-top: 20px; clear: both; overflow: hidden;  }
.search-box .found span { color: #e33239;  }
.search-box .result-list { overflow: hidden;  }
.search-box .result { margin-bottom: 55px; width: 100%; float: left;  }
.search-box .result a { display: block; font-size: 16px; color: #999;  }
.search-box .result a span {margin-bottom: 10px; color: #000; display: block; font-size: 26px; font-family: HermesFB-Bold;  }
.search-box .result a:hover span { color: #e33239;  }

.code-box { padding-top: 20px; width: 750px; overflow: hidden;  }
.code-box .codes { margin-bottom: 70px; width: 100%; float: left; } 
.code-box .codes:last-child { margin-bottom: 0;  }
.code-box .head { padding-bottom: 12px; border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; font-size: 24px; color: #333; overflow: hidden;  }
.code-box li { margin-bottom: 25px; width: 100%; float: left;   } 
.code-box li a { display: inline-block; padding: 5px 0; padding-left: 40px; color: #666; background: url(../img/pdf-icon.png) left top no-repeat; }
.code-box li:last-child { margin-bottom: 0;  } 
.code-box .code { width: 49%; float: left;  }
.code-box .code:last-child { float: right;  }

.page-error { padding: 150px 0; background: #ccc;  overflow: hidden; text-align: center;  }
.page-error h2 { margin-bottom: 5px; font-size:80px; }
.page-error a { color: #e33239;  }

.valuebox {  padding-left: 185px; padding-top: 30px;  padding-bottom: 50px; overflow: hidden; position: relative;  }
.valuebox .circle { position: absolute; left: 0; top: 0;  }
.valuebox  li {  position: relative; z-index: 9;  }
.valuebox  li.respect { padding-top: 15px;  }
.valuebox .circle-txt { line-height: 22px; width: 174px; font-size: 15px; color: #fff; position: absolute; left: 0; top: 0;  }
.valuebox .circle-txt i {   font-size: 24px; font-family: HermesFB-Bold; font-style: normal; }
.valuebox span { color: #000; text-transform: uppercase; position: relative; font-size: 18px; margin-left: 160px; text-align: right; width: 37%; float: left; font-family: HermesFB-Bold;  }
.valuebox .fair span:before { width: 74%;  }
.valuebox .challenge span:before { width: 56%;  }
.valuebox .centric .circle-txt { width: 146px; text-align: center;  }
.valuebox .passion .circle-txt { text-align: center; width: 148px;  }
.valuebox .passion span:before { left: -32px; width: 76%;  }
.valuebox .centric span:before { left: -20px; width: 68%;  }
.valuebox span span { margin: 0; width: auto; float: none;  }
.valuebox span span:before { top: 7px; left: -20px; width: 8px!important; height: 8px; -webkit-border-radius: 100%; border-radius: 100%; }
.valuebox span:before { content: ""; height: 1px; position: absolute; left: 10px; top: 13px; width: 67%; background: #333;  }
.valuebox p { line-height: 21px; margin-bottom: 0; font-size: 15px; font-family: HermesFB-ThinItalic; float: right; width: 40%;  }

.product-box { padding-top: 20px; overflow: hidden;  }
.product-box .pro-row { margin-bottom: 50px; overflow: hidden;  }
.product-box .pro-row:last-child { margin-bottom: 0;  }
.product-box  h2 { text-align: center;  }  
.product-box .prolist { margin-right: -3%;  overflow: hidden; }
.product-box .pro { margin-bottom: 50px; float: left; width: 30%; margin-right: 3%;  }
.product-box h3 { color: #000; margin: 15px 0 0 0; font-family: HermesFB-Regular; font-size: 20px;  }
.product-box h3 span { text-transform: none;  }
.product-box a { display: block;   }
.product-box .image { position: relative;  }
.product-box .image:before { opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:  rgba(227,50,57,.8) url(../img/zoom-icon.png) center no-repeat; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; transition: all 0.3s; }
.product-box a:hover .image:before { opacity: 1;  }
.product-box .pro-btn{margin-top: 10px;}
.product-box .pro-btn a{display: inline-block;background: #eff0f0; color: #555;padding: 5px 15px;}
.product-box .pro-btn a:first-child{margin-right: 10px;}
.product-box .pro-btn a:hover{color: #fff;background: #e33239;}

.media-box { padding-top: 70px; overflow: hidden;  }
.media-box .media { margin-bottom: 70px; width: 45%; float: left;  }
.media-box .media:nth-child(even) { float: right;  }
.media-box .left { width: 45%; float: left;  }
.media-box .right { padding-top: 15px; width: 47%; float: right;  }
.media-box  h3 { margin: 0; text-transform: none; font-family: HermesFB-Regular; }
.media-box .profile { margin: 10px 0; color: #999; overflow: hidden; font-family: HermesFB-Thin; }
.media-box a { padding-top: 6px; padding-right: 42px; color: #000; display: inline-block; margin-top: 15px; font-family: HermesFB-Thin; background: url(../img/pdf-icon.png) right bottom no-repeat; }

.comon-popup { display: none; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); overflow-y: auto; }
.comon-popup .popup { border-bottom: 10px solid #e2e2e2; margin: 0 0 0 -410px; position: absolute; left: 50%; top: 50px; padding: 30px 85px; width: 820px; background: #fff; }
.comon-popup.subscribenews .popup { border:none; padding: 30px; background: #fff url(../img/pop-bar.png) left bottom repeat-x; }
.comon-popup h2 { margin-bottom: 10px; text-align: center; font-size: 28px;  }
.comon-popup h2 span { color: #e33239;  }
.comon-popup p { margin-bottom: 30px; color: #666; text-align: center; font-family: HermesFB-Thin;  }
.comon-popup .form-row { margin-bottom: 25px; width: 100%; float: left;  }
.comon-popup .form-row.cap { margin: -15px 0 15px 0px;  }
.comon-popup .form-div { width: 47%; float: left;  }
.comon-popup .full .form-div { width: 100%;  }
.comon-popup .form-div:last-child { float: right;  }
.comon-popup input, .comon-popup textarea { resize: none; border:none; border-bottom: 1px solid #e0e0e0; padding-bottom: 15px; padding-right: 10px; font-size: 16px; color: #333; width: 100%; font-family: HermesFB-Thin;  }
.comon-popup .pop-close { position: absolute; right: 0; top: -43px; width: 43px; height: 43px; cursor: pointer; background: url(../img/pop-close.jpg) left top no-repeat; }
.comon-popup textarea { height: 47px;  }
.comon-popup .left { width: 48%; float: left;  }
.comon-popup .right { width: 48%; float: right;  }
.comon-popup .right h2, .comon-popup .right p { text-align: left;  }

.three-box { margin-bottom: 50px; overflow: hidden;  }
.three-box h3 { margin-bottom: 10px; font-size: 18px;  }
.three-box h3 span {    color: #e33239;  }
.three-box .add-box { padding-right: 3%; width: 33%; float: left;  }
.three-box address { font-style: normal;  }
.three-box address span {     font-family: HermesFB-Bold;  }
.three-box a { color: inherit;  }
.three-box a.mail { color: #e33239; }

.hidescroll { overflow: hidden;  }

.loader-div { z-index: 99999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #fff url(../img/loader.gif) center no-repeat;  }


.menu-icon{
	display: none;
	position: absolute;
	top: 17px;
	left: 15px;
}
.line-style-box .tab-div:nth-child(4n+1), .team-box .member:nth-child(4n+1){
	clear: left;
}
.news-btn-mob, .news-menu-item{
	display: none;
}
.content-area .company-overview  p:last-child{
	margin-bottom: 30px;
}
.main-banner img.mobile-banner, .page-banner img.mobile-banner{
	display: none;
}
.tgmenu .search {
    width: 96%;
    position: relative;
    margin: 15px 0 60px;
}
#menu .search input[type=text] {
    width: 100%;
    height: 33px;
    border: 0;
   padding-left: 10px;
   padding-right: 30px;
}
#menu .search input[type=submit] {
    width: 35px;
    height: 33px;
    background: #fff url(../img/search-icon-mob.png) no-repeat;
    background-position: 7px 8px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999px;
    border: 0;
    cursor: pointer;
}
.product-box .prolist{
	margin-bottom: -50px;
}

.page_2 .title-content , .page_27 .title-content { padding-top: 30px;  }
.message-box-frmContact{margin-top: 5px;color: green}
.message-box-frmNewsletter, .message-box-frmNewsletterPopup{color: green;margin-top: 5px;}
.team-pop.comon-popup .popup{
	padding: 30px;
	text-align: left;
}
.team-pop.comon-popup p{
	text-align: left;
	margin-bottom: 10px;
}
.team-pop.comon-popup p:last-child{
	margin-bottom: 0;
}
.team-pop.comon-popup h2{
	text-align: left;
	font-size: 16px;
}
.team-pop.comon-popup h2 span{
	display: block;
	font-size: 12px;
}
.team-img{
	width: 30%;
	float: left;
	padding-right: 15px;
}
.ping-grid{
	position: relative;
}
.white-panel{
	position: absolute;
}

.txt-part { overflow: hidden;  }
.txt-part h3 { margin-bottom: 10px; font-size: 20px; font-family: HermesFB-Regular; text-transform: none;  }
.txt-part .bullet-style li li { margin-top: 10px; background: none;  list-style-type: disc; padding-left: 10px;  }
.txt-part .bullet-style li ul { margin-top: 15px; margin-left: 15px;  }
.txt-part .bullet-style li span {  font-family: HermesFB-Bold; }