.banner .banner_right_img{
	margin-bottom:-40px;
}


/*-----    About     ----*/

.about .container{
    max-width: 1270px;
}
.about .container .w3-row{
	display: flex;
	align-items: center;
}
.about_info h3 {
    font-size: 40px;
    line-height: 50px;
    color: #09a2c5;
    font-weight: 300;
    position:relative;
	margin-top: 0;
}

.about_block{
    position:relative;
}

.about_info {
    background-color: #FFF;
/*     position: absolute; */
    margin-left: -8%;
/*     top: 23px; */
    padding: 20px;
}

.about_info h3:before {
    content: '';
    display: block;
    border-right: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: -39px;
    top: 7px;
}
.about_info p:last-child{
	margin-bottom:0;
}


/* ----- Company info tabs -----*/

.company_info_tabs{
	text-align:center;
}
.company_info_tabs .w3-btn{
    padding: 15px 35px;
    text-transform: uppercase;
    border-radius: 30px;
    color: #09a2c5;
    position:relative;
	margin-right:30px;
	border:2px solid;
	overflow:visible;
	font-weight:500;
}
.company_info_tabs .w3-btn:last-child{
	margin-right:0;
}
.company_info_tabs .active{
    background: #09a2c5 !important;
    color:white !important;
}
.tablinks.active:after{
    content: '';
    position: absolute;
	width:15px;
    left:0;right:0;
	margin:auto;
    bottom: -11px;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #09a2c5;
    clear: both;  
}    
.tab{
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}
.tab button{
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}


.tab button:hover {
  background-color: #ddd;
}


.tab button.active {
  background-color: #ccc;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tab_content_margin {
    clear: both;
    padding: 42px 64px;
}

.tab_content_margin .box{
    border: 1px solid #cecece;
    
}


.global_delivery h3{
    font-size: 40px;
    line-height: 60px;
    color: #09a2c5;
    font-weight:300;
}
.global_delivery{
     
}
.gears{
    background-image: url(../png/bgglobal-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
}

.gears_boxes_wrapper{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.gears_row{
	padding:0;
	text-align:center;
	max-width: 1128px;
    margin: 0 auto;
}
.gear_box{
   display:inline-block;
   width:auto;
   padding:50px;
   background-image:url('../png/gear_1-min.png');
   background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
}
.gear_box .content_box{
	width:216px;
	height:216px;
    border-radius:50%;
	border:5px solid #09a2c5;
	background-color:#FFF;
	padding:20px 20px 0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.gear_box .content_box *{
	margin:0;
}
.gear_box .content_box h4{
	font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.gear_box .content_box p{
	font-size:14px;
	line-height:20px;
	margin:0;
}
.gear_box .content_box .line{
  width:80px;
  height:2px;
  background-color:#09a2c5;
  margin:0 auto;
}
.gear_2 .gear_box .content_box{
	width:232px;
	height:232px;
}
.second_{
	margin-top:40px;
}
.fourth_{
	margin-top:-40px;
	margin-left:-15px;
}
.third_ .gear_box{
	padding:70px;
	background-image:url('../png/gear_2-min.png');
}
.third_ .gear_box .content_box{
   width:322px;
   height:322px;
}
.gear_2,.gear_3,.gear_4{
  padding:5px;
  float:left;
}

.third_ .gear_box.mlast{
	padding: 55px;
}
.third_ .gear_box.mlast .content_box{
   width:260px;
   height:260px;
}
.third_ .gear_box.mlast .content_box .w3-row{
	margin-left: -5px;
	margin-right: -5px;
}

.rotate_gear{
	-webkit-animation: rotate_n 20s infinite linear;
	animation: rotate_n 20s infinite linear;
}
.rotate_gear_r{
	-webkit-animation: rotate_r 20s infinite linear;
	animation: rotate_r 20s infinite linear;
}
@keyframes rotate_n{
	from{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotate_r{
	from{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
	to{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

.global_map .main_map{
	text-align:right;
}
.global_map .main_map img{
   max-height:340px;	
}
.global_map h3{
    font-size: 37px;
    line-height: 43px;
    color: #09a2c5;
    font-weight: 300;
}
.global_map h3 span{
	font-weight: 400;
}

.global_map .green{
    color:#006847;
}
.global_map .grey{
    color:#8d8d8d;
}
.global_map .red{
    color:#ce1126;
}
.global_map li {
   position: relative;
   list-style-type: none;
   margin-bottom: 15px;
   font-size:15px;
}

.history img{
    display: block;
    margin: 0 auto;
}

.global_map li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -40px;
    width: 27px;
    height: 16px;
    background: url('../svg/arrow.svg') no-repeat;
}


.map_slider{
	float:right;
	margin-right:50px;
	margin-top: 28px;
    width:420px;
	position:relative;
}
.map_slider .item{
 	display:flex;
/*	width:100px; */
	height:100px;
    background-color:#f1f1f1;
/* 	float:right; */
	text-align:center;
/*	margin-left:5px; */
}
.map_slider .item.active{
	background-color:#3ca6b0 !important;
}
.map_slider .item img.white{
   display:none;
}
.map_slider .item.active img{
	display:none;
}
.map_slider .item.active img.white{
   display:block;
}
.map_slider .owl-nav{
   	position:absolute;
	right: -45px;
	left:-45px;
}
.map_slider .owl-nav .owl-next {
    right: 0;
    background: url(../png/next.png) no-repeat center #3ca6b0;
    top: -18px;
}
.map_slider .owl-nav .owl-prev{
	left:0;
	top: -18px;
}
.map_slider .owl-nav .owl-prev, .owl-nav .owl-next {
    width: 38px;
    height: 38px; 
}


h3 sup{
	font-size:16px;
	font-weight:500;
	top: -1em;
}
p sup{
	font-size:12px;
	font-weight:400;
}

/*-----  certification  -----*/
.certificate_sec{
	
}
.certificate_sec .box,
.certificate_sec .box-last{
	border:2px solid #ccc;
	width:100%;
	min-height: 420px;
	position:relative;
	overflow:hidden;
}

.certificate_sec .box .company_logo {
	width:auto;
    position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.certificate_sec .box .company_logo,
.certificate_sec .box .company_logo img{
	-webkit-transition:all ease-in .2s;
	transition:all ease-in .2s;
}
.certificate_sec .company_logo img{
    max-width:150px;
	width:100%;
}
.company_logo.med img{
    max-width: 200px;
}
.certificate_sec .company_logo.big_{
    width:100%;
	max-width: 350px;
}
.certificate_sec .company_logo.big_ img{
    max-width:350px;
}


.company_info p{
    margin-top: -9px;
}
.top-margin{
    margin-top:20px;
}

.tab_content_margin .box-last{
    border: 1px solid #cecece;
    
}

.company_logo_last{
    padding: 0px 49px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.company_logo_last,
.company_logo_last img,
.company_info_last{
	-webkit-transition:all ease-in .2s;
	transition:all ease-in .2s;
}

.company_logo_last img{
    max-width:240px;
}

.certificate_sec .box-last{
  min-height:380px;
}
.certificate_sec .company_info_last{
	position:absolute;
	top:0;bottom:0;
	left:100%;
	background:#09a2c5;
    color:#FFF;
	padding:40px;
}
.certificate_sec .company_info{
    padding: 25px;
	-webkit-transition:all ease-in .2s;
	transition:all ease-in .2s;
	position: absolute;
    left: 0;
    right: 0;
    top: 100%;
	background-color:#09a2c5;
	color:#FFF;
}
.certificate_sec .company_info:after{
	content:'';
	display:block;
	width:100%;
	background-color:#09a2c5;
    position:absolute;
	left:0;top:100%;
	bottom:-150%;
}
@media screen and (min-width: 992px){

.certificate_sec .box:hover .company_logo.med img{
	max-width:100px;
}
.certificate_sec .box:hover .company_logo img{
	max-width:70px;
}
.certificate_sec .box:hover .company_logo.big_ img{
	max-width:220px;
	margin-top:10px;
}
.certificate_sec .box:hover .company_logo{
	top:20px;
	left:20px;
	transform:translate(0,0);
}
.certificate_sec .box:hover{
	padding-top:100px;
}

.certificate_sec .box:hover .company_info{
	top:110px;
}
.box-last:hover .company_logo_last{
	top:0;
	left:0;
	-webkit-transform:translate(0, 0);
	transform:translate(0, 0);
}
.box-last:hover .company_logo_last img{
    max-width:180px;
}
.box-last:hover .company_info_last{
	left:300px;
	right:0;
}
}

.company_info_last ul li{
/*     font-size: 13px; */
}

.company_info_last {
    padding: 11px 11px 11px 11px;
}
.company_info_last li {
        position: relative;
        list-style-type: none;
    }


.company_info_last li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -40px;
    width: 27px;
    height: 16px;
    background-image: url('../svg/arrow_white.svg');
}

.cph_mobile_{
    display: none;
}

.gear_box .b-r{
	border-right: 1px solid #09A2C5;
}
.gear_box .b-l{
	border-left: 1px solid #09A2C5;
}
.gear_box.mlast .content_box h4{
	margin-bottom: 0;
}
.gear_box.mlast .content_box .w3-row{
	padding: 5px;
}



@media screen and (max-width: 1230px){
  .gears > .container{
	 padding: 0;	
  }	
}

@media screen and (max-width: 1125px){
	.third_ .gear_box .content_box{
	   width: 300px;
	   height: 300px;
	}
	.gear_box .content_box {
      width: 200px;
      height: 200px;
	}
	.gear_2 .gear_box .content_box {
      width: 200px;
      height: 200px;
   }
	.gears_boxes_wrapper{
		max-width: 1057px;
	}
}

@media screen and (max-width: 1057px){
	.gears_row{
		position: relative;
	}
	.gear_2, .gear_3, .gear_4{
		float: none;
	}
	.gear_2.second_ {
      position: absolute;
      bottom: -10px;
      left: 170px;
    }
	.gear_3.third_ {
      margin-top: 0;
    }
	.gear_4 {
      margin-right: -370px;
    }
}

@media screen and (max-width: 992px){
   .about{
	 padding-bottom: 0;	
   }
   .about .container .w3-row{
	 display:block;	
   }
   .about .l5{
	 text-align: center;
   }
   .about_info{
     margin-left: 0;	  	
   }
   .company_info_tabs .w3-btn{
	 min-width: 255px;	
   }
   .certificate_sec .box, .certificate_sec .box-last{
		min-height: 310px;
	}
	.certificate_sec .company_info{
		height:200px;
		overflow:hidden;
	}
	.certificate_sec .company_info:after{
		display: none;
	}
	.certification_popup .popup_body{
	   background-color: #FFF;
       color: #000;
	}
	.certification_popup .close{
		color: #000;
	}
    .certification_popup .company_logo{
	   max-width: 110px;
    }
	.certification_popup .company_logo.big_{
	   max-width: 300px;
    }
	.company_info{
      padding: 10px;
      margin-top: 10px;
    }

  .map_slider{
	height: 100px;
	float: none;
	margin: 10px auto 0;
  }
	
}

@media screen and (max-width: 860px){
   .gear_4 {
     margin-right: -430px;
   }
	.gear_2.second_{
		left: 90px;
	}
}

@media screen and (max-width: 767px){
	.gear_2.second_{
		position: static;
        margin-top: 6px;
	}
	.gear_4 {
      margin-right: 0;
      margin-top: 40px;
    }
/* 	.gear_1.first_ .rotate_gear,
	.gear_1.first_ .rotate_gear_r{
		-webkit-animation-direction:reverse;
		animation-direction:reverse;
	} */
	
	.cph_desktop_{
		display: none;
	}
	.cph_mobile_{
		display: block;
	}
}

@media screen and (max-width: 600px){
  .company_info_tabs .w3-btn{
    margin:0;
	margin-bottom:20px;
  }
	.company_info_tabs .w3-btn:last-child{
		margin-bottom: 0;
	}
	.gear_4 .rotate_gear,
	.gear_4 .rotate_gear_r{
		-webkit-animation-direction:reverse;
		animation-direction:reverse;
	}
	.third_ .gear_box{
		padding: 60px;
	}
	
}