@font-face {

 font-family: 'SF-Pro-Display-Light';
    src: url('../sf/SF-Pro-Display-Light.eot') format('embedded-opentype'); /* IE9 + later */
    src: url('../sf/SF-Pro-Display-Light.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('../sf/SF-Pro-Display-Light.woff') format('woff'),  /* Newer browsers */
         url('../sf/SF-Pro-Display-Light.ttf') format('truetype'), /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
        url('../sf/SF-Pro-Display-Light.svg#SF-Pro-Display-Light') format('svg'); /*IE og iOS earlier than version 5*/
}
@font-face {
 font-family: 'SF-Pro-Display-Medium';
    src: url('../sf/SF-Pro-Display-Medium.eot') format('embedded-opentype'); /* IE9 + later */
    src: url('../sf/SF-Pro-Display-Medium.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('../sf/SF-Pro-Display-Medium.woff') format('woff'),  /* Newer browsers */
         url('../sf/SF-Pro-Display-Medium.ttf') format('truetype'), /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
        url('../sf/SF-Pro-Display-Medium.svg#SF-Pro-Display-Medium') format('svg'); /*IE og iOS earlier than version 5*/
}
@font-face {
 font-family: 'SF-Pro-Display-Regular';
    src: url('../sf/SF-Pro-Display-Regular.eot') format('embedded-opentype'); /* IE9 + later */
    src: url('../sf/SF-Pro-Display-Regular.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('../sf/SF-Pro-Display-Regular.woff') format('woff'),  /* Newer browsers */
         url('../sf/SF-Pro-Display-Regular.ttf') format('truetype'), /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
        url('../sf/SF-Pro-Display-Regular.svg#SF-Pro-Display-Regular') format('svg'); /*IE og iOS earlier than version 5*/
}



*
{	
	font-family: 'SF-Pro-Display-Regular';
	font-size:16px;
	color:#0A0A0A;
	font-weight:300;
	
}
::-webkit-scrollbar {
  width: 8px;
  height: 16px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #AE1712;
}
html , body
{
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;

}
.transition
{
	transition:all 0.5s ease-in-out;
}
body
{
	
}
a {
	color:#000;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.displaynone
{
	display:none !important
}
.d-inline-block
{
	display:inline-block
}
.vError
{
	border:red 1px solid !important
}
.form-error
{
    color: red;
    font-size: 10px !important;
}
.h100{
	height:100%
}
.FormResult  , .FormResult1 , .FormResult *, .FormResult1 *
{
	color:green;

}
.dnone
{
	display:none
}
.d-block{
	display:block
}
.d-flex
{
	display:flex;
	flex-wrap: wrap;
}
.italic
{
	font-style:italic
}
.white
{
	color:#FFF
}

.font-regular , .font-regular *
{
	 font-weight: 400;
}
.font-medium , .font-medium *
{
	 font-family: 'SF-Pro-Display-Medium';
}
.font-light , .font-light *
{
	font-family: 'SF-Pro-Display-Light';
}


.font-12, .font-12 *
{
	font-size:0.75rem
}
.font-13, .font-13 *
{
	font-size:0.8125rem
}
.font-14, .font-14 *
{
	font-size:0.875rem
}
.font-15, .font-15 *
{
	font-size:0.9375rem
}
.font-16, .font-16 *
{
	font-size:1rem
}
.font-18 , .font-18 *
{
	font-size:1.125rem
}
.font-20, .font-20 *
{
	font-size:1.25rem
}
.font-22, .font-22 *
{
	font-size:1.375rem;
}
.font-24, .font-24 *
{
	font-size:1.5rem
}
.font-25, .font-25 *
{
	font-size:1.5625rem
}
.font-26, .font-26 *
{
	font-size:1.625rem
}
.font-28, .font-28 *
{
	font-size:1.75rem
}
.font-30, .font-30 *
{
	font-size:1.875rem
}
.font-32, .font-32 *
{
	font-size:2rem;
}
.font-35, .font-35 *
{
	font-size:2.1875rem;
}
.font-36, .font-36 *
{
	font-size:2.25rem
}
.font-40, .font-40 *
{
	font-size:2.5rem
}
.font-42, .font-42 *
{
	font-size:2.625rem
}
.font-45, .font-45 *
{
	font-size:2.8125rem
}
.font-50, .font-50 *
{
	font-size:3.125rem;
}
.font-52, .font-52 *
{
	font-size:3.25rem
}
.font-55, .font-55 *
{
	font-size:3.437rem
}
.font-60, .font-60 *
{
	font-size:3.75rem;
}
.font-62, .font-62 *
{
	font-size:3.875rem
}
.font-70, .font-70 *
{
	font-size:4.375rem;
}
.font-80, .font-80 *
{
	font-size:5rem
}
.font-90, .font-90 *
{
	font-size:4.375rem;
}
.font-120, .font-120 *
{
	font-size:7.5rem
}
.text-center
{
	text-align:center
}
.line-height13
{
	line-height:1.3rem
}
.line-height14
{
	line-height:1.4rem
}
.line-height15
{
	line-height:1.5rem
}
.line-height2
{
	line-height:2rem
}
.line-height3
{
	line-height:3rem
}
.line-height4
{
	line-height:4rem
}
.inline-block
{
	display:inline-block
}
.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.flex-column {
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.jc-fs
{
	    justify-content: flex-start !important;
}
.jc-sb
{
	    justify-content: space-between !important
}
.trigger{
	width: 35px;
	height: 25px;
	z-index: 999999999;
	cursor:pointer;

}

.trigger > div{
	position: relative;
}

.trigger > div > span{
	position: absolute;
	height: 4px;
	width:30px;
	margin:0;
	background: #2C2E83;
	top:0;
	

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
	right:0
}

.trigger > div > span:nth-child(2){
    top: 9px;
	width:20px;

}

.trigger > div > span:nth-child(3){
	top:18px;
}

.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 11px;
	background:#FFF
}

.trigger > div.close > span:nth-child(2){
	display: none;
}

.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 11px;background:#FFF
}

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slideddddd{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
	
}
.white , .white *
{
	color:#FFF
}
.blur {
    
    background: transparent !important;
}
.z-100
{
	z-index:100
}
.relative
{
	position:relative;
}
b
{
	font-weight:700
}
.txt-justify
{
	text-align:justify
}
.py-75
{
	padding-top:4.6875rem;
	padding-bottom:4.6875rem
}
.py-100
{
	padding-top:6.25rem;
	padding-bottom:6.25rem
}
.pt-100
{
	padding-top:6.25rem;
}
.px-100
{
	padding-right: 6.25rem;
	padding-left: 6.25rem
}
.ai-fs
{
	align-items:flex-start
}
.line-20 , .line-20 *
{
	line-height:1.25rem;
}
.line-22 , .line-22 *
{
	line-height:1.375rem
}
.line-25 , .line-25 *
{
	line-height:1.5625rem
}
.line-30 , .line-30 *
{
	line-height:1.875rem;
}
.line-35 , .line-35 *
{
	line-height:2.1875rem;
}
.line-40 , .line-40 *
{
	line-height:2.5rem;
}
.line-50 , .line-50 *
{
	line-height:3.125rem
}
.line-60 , .line-60 *
{
	line-height:3.75rem
}
.line-70 , .line-70 *
{
	line-height:4.375rem
}
a:hover
{
	color:#9C1309
}
.ai-initial
{
	align-items:initial
}
.jc-c
{
	    justify-content: center;
}.jc-fe
{
	    justify-content: flex-end;
}
.ai-fe
{
	align-items:flex-end
}
.d-inline-block{
	display:inline-block
}
.open_left , .open_right , .area_layer_back 
{
	opacity:0
}
.open_right.aos-animate
{
	animation: 1s ease-in-out 0.75s window-fromleft both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.open_left.aos-animate
{
	animation: 1s ease-in-out 0.75s window-fromright both;
    /* -webkit-animation: 1.25s ease-in-out 0.75s window-fromright both; */
    opacity: 1;
}
.area_layer_back.aos-animate
{
	opacity: 1;
    animation: 1s ease-in-out 0.5s circle-fromcenter-over both;
    -webkit-animation: 1s ease-in-out 0.5s circle-fromcenter-over both;
}
.bg_white
{
	background:#FFF
}
.cur
{
	cursor:pointer
}
.opacity-70
{
	opacity:0.7
}

.bg1
{
	background:#2C2E83
}
.bg2
{
	/*background:url('../images/footer.png') no-repeat top center/cover*/
	background:#2C2E83
}
.bg3
{
	background:#F5F5F5
}
.bg4
{
	background:#F4F5FF
}
.bg5
{
	background:#AE1712
}
.bg5 a:hover
{
	color:#FFF
}
.color1
{
	color:#2B2D82
}
.color2 , .color2 *
{
	color:#484847
}
.color3 , .color3 *
{
	color:#818190
}
.color4 , .color4 *
{
	color:#2C2E83
}
.color5, .color5 *
{
	color:#E02020
}
.color6, .color6 *
{
	color:#9C1309
}
.bb-1
{
	border-bottom:1px solid #D1D1D1
}
/*///////////////////////////////////////*/



nav li
{
	margin:0 15px;
}
nav li a
{
	padding:10px 10px
}

nav li a:hover
{
	color:#9C1309
}


.video-bg {

   
	
	position:relative
    

}
.video-bg video {
    width: 100%;
	max-width:980px;
    /* height: 100%; */
    /* transform: translate(-50%, -50%); */
    opacity: 1;
    object-fit: contain;    top: 100px;
    position: relative;
}
.counter_box
{
	border:1px solid #FFF;
	width:330px;
}
.read_more a
{
	background:#9C1309;
	color:#FFF;
	text-transform:uppercase
}.home_parallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 225px;
}.join_parallax:before
{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	  background: linear-gradient(270deg, rgba(238,238,238,0) 0%, #2C2E83 100%);

	width:100%;
	height:100%;
	content:'';
}
.oval {
  box-sizing: border-box;
  height: 118px;
  width: 118px;
  border: 1px solid #D2D2D2;
  background-color: #FFFFFF;
  position:absolute;
  top:-120px;
  right:0;
  z-index:40;
  border-radius:50%;
  
}

.quick_links li {
   
    display: inline-block;
	width:100%;
}

.quick_links li a {
    color: #FFF;
}
.footer_social a {
    width: 50px;
    height: 50px;
    border: 1px solid #FFF;
    margin-right: 10px;
    border-radius: 50%;
}.footer_social li {
    width: auto;
}

.address {
  opacity: 0.4;
}
.green , .green *
{
	color:green
}
.green_f , .green_f *
{
	color:#6DD400
}
.green_f p
{
	border-bottom:1px solid #6DD400
}

.quick_links a:hover , .footer_social a:hover span
{
	color:#9C1309;
	cursor:pointer
}
.footer_social a:hover
{
	border-color:#9C1309
}

.header_social li {

    margin-left: 10px;
}
.header_social a span{
	color:#FFF;
}
.footer_social a:hover span
{
	color:#9C1309;
}
nav li a {
    padding: 10px 0;
}
nav li {
    margin: 0 10px;
}
.read_more a:hover
{
	background:#2C2E83
}
header a {
    color: #2C2E83;
}
header nav li a.active
{
	border-bottom:1px solid #E02020
}
.breadcrumbs li {
    margin:0 2.5px;
}
.about_page img
{
	position:absolute;
	top:0;
	right:0;
	z-index:50
}
.timline_circle , .timeline
{
	position:relative
}
.timline_circle:before
{
  height: 24px;
  width: 24px;
  border: 1px solid #000A8B;
  background-color: #FFFFFF;
content:'';
position:absolute;
left:0;
top:50%;
z-index:30 ;
border-radius:50%;
transform:translateY(-50%)
}
.timline_circle:after
{
  height: 12px;
  width: 12px;

  background-color: #000A8B;
	content:'';
	position:absolute;
	left:7px;
	top:50%;
	z-index:30 ;
	border-radius:50%;
	transform:translateY(-50%)	
}

.timeline  .colw-100.aos-animate .timline_circle:after
{
	-webkit-animation: blink-1 0.6s 1 both;
	        animation: blink-1 0.6s 1 both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-1-20 11:52:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation blink-1
 * ----------------------------------------
 */
@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}









.timeline:before
{
	position:absolute;
	left:13px;
	height:100%;
	width:2px;
	background:#000A8B;
	content:'';
}
.laboratory_slick
{
	margin-bottom:0 !important;
}
.laboratory_slick .slick-slide {
      margin: 0 15px;
}
/* the parent */
.laboratory_slick .slick-list {
      margin: 0 -15px;
} 

.laboratory_desc
{
	background:#F4F5FF;
	height:270px;
}
.l_fleche
{
	position:absolute;
	bottom:25px;
	left:0;
	z-index:50
}
.contact-form label
{
	margin-bottom:5px;
	display:block
}
.contact-form textarea
{
	height:110px;
	border: 1px solid #818190;
}
.contact-form button[type='submit'] {
    text-align: center;
    height: 50px;
    transition: all 1s ease-in-out;
    background-color: #9C1309;
    color: #FFF;
    padding: 0 50px;
}
.map iframe
{
	height:425px;
	width:100%;
	display:flex
}
.apply_box
{
    position: fixed;
    z-index: 500;
    width: 520px;
    overflow: scroll;
    height: 100vh;
    box-sizing: border-box;
    background: #FFF;
    left: 100%;
    top: 0;
    transition: .7s;
    -moz-transition: .7s;
    -webkit-transition: .7s;
    z-index: 100000;

}
.apply_box.slided
{
    -ms-transform: translate(-520px,0);
    -webkit-transform: translate(-520px,0);
    transform: translate(-520px,0);	
}
.main_banner
{
	position:relative;

}
.main_banner:before
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:50;
	content:'';
	background:rgba(0,0,0,0.6)	
}
.body_before:before
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	z-index:500;
	content:'';
	background:rgba(0,0,0,0.5)
}
.file-custom {
    position: absolute;
    width: 65px;
    height: 25px;
    right: 0;
    top: 12px;
}.file_none {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
    opacity: 0;
}
.products_desc h4
{
	 font-family: 'SF-Pro-Display-Medium';
	 line-height:2.1875rem;
	 font-size:1.5625rem
}


.products_desc h3 , .products_desc h3 *
{
	 font-family: 'SF-Pro-Display-Medium';
	 line-height:1.875rem;font-size:1.875rem;
}
.products_4_list li
{
	margin-left:10px;
	border:1px solid #7C7DA6;
	padding:10px 20px
}

.products_4_list li a
{
	color:#101B78
}

.products_4_list li:hover
{
	background:#7C7DA6
}

.products_4_list li:hover a
{
	color:#FFF
}

.products_table table
{
	width:100%;
	font-size:16px;
	 border-spacing: 0;background:#FFF
}

.products_table table tr:first-child
{
	font-size:14px;
	color:#484847;
}
.products_table table tr:first-child td * , .products_table table tr:nth-child(2) td *
{
	/*font-weight:400;*/
}
.products_table table td
{
	width:auto;padding:25px;font-weight:bold;
	border:1px solid #D1D1D1;
}


.products_table table td *
{
	font-weight:bold;
	
}

.products_2_list li
{
	margin-right:10px;
	border:1px solid #7C7DA6;
	padding:10px 20px
}

.products_2_list li a
{
	color:#7C7DA6
}

.products_2_list li:hover , .products_2_list li.active
{
	background:#181A5E;
	border-color:#181A5E;
}

.products_2_list li:hover a , .products_2_list li.active a
{
	color:#FFF
}
.products_table_5
{
	margin:0 -10px;
	margin-bottom: 3.125rem;
}
.products_table_5 table
{
	width: 50%;
    float: left;
	padding:0 10px;
}
.products_table_5 table img
{
	width: 100px !important;
   
}


.products_main_desc ul
{
	display:flex;margin-top:3.125rem;
	flex-wrap:wrap;justify-content: center;
}
.products_main_desc li
{
	margin: 10px;
	border:1px solid #D5D5D5;
	padding:10px 20px;
	background-color: #EBEBEB;
	border-radius: 2px;
	color:#2C2E83;	
	font-size:18px;
	
}



.products_main_desc_2 ul
{
	display:flex;
	flex-wrap:wrap;justify-content: center;
}
.products_main_desc_2 li
{
	margin: 10px;
	border:1px solid #D5D5D5;
	padding:10px 20px;
	background-color: #EBEBEB;
	border-radius: 2px;
	color:#2C2E83;	
	font-size:18px;
	width:200px;
	text-align:center
	
}













.products_main_desc_1 h3
{
	line-height:3.75rem;font-size:3.125rem;
	text-align:center;margin-bottom:3.125rem;
}
.products_main_desc_1 ul
{
		display:flex;
	flex-wrap:wrap;justify-content: center;
}
.products_main_desc_1 li
{
	width:70%;
	margin:25px 0;
	padding-left:150px;
	background:url('../images/l_fleche.svg') no-repeat left center;
}
.sales_network
{
	height:650px;
}
.back_top
{
	position:absolute;
	top:-35px;
	right:50px;
	z-index:500
}
.trigger
{
	display:none
}
.laboratory_desc
{
	
}
.laboratory_description ul{
	display:flex;flex-wrap:wrap;
	margin:0 -10px; 
	margin-top:3.125rem;
}
.laboratory_description li
{
	width:calc(25% - 20px);
	background:url('../images/l_fleche.svg') no-repeat 0 90% #F4F5FF;
    height: 270px;	
	display: flex !important;justify-content: center;flex-direction: row;align-content: center;align-items: center;
	font-size: 1.875rem;line-height: 2.5rem;
	margin: 10px;
}
header li .ddm-sub
{
	top:0;
	left:100%;
	padding:0
}

.f_white
{
	filter: brightness(0) invert(1);

}
.mm-h
{
	min-height:200px;    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.right_box
{
	background:#2C2E83;
	position:relative;
}
.right_box:after
{
	background:#2C2E83;
	position:absolute;
	width:1000px;
	left:100%;
	content:'';
	height:100%;
	z-index:50
}

.right_box::before {
    content: '';
    position: absolute;
    left: -100px;
    width: 100px;
    height: 100%;
    top: 0;
    /* width: 0; */
    /* height: 0; */
    background: #2C2E83;
    /* transform: skewY(-11deg); */
    clip-path:polygon(0 0, 0 -30%, 100% 100%, 100% 0%, 75% 0);

}
.iso_box
{
	display:flex;
	gap:10px;
}
.iso_box img
{
	
}
.right_download
{
position: fixed;
    bottom: 30px;
    right: 20px;
    background: #9C1309;
    z-index: 50;
    border-radius: 50%;
    width: 100px;
    height: 97px;
	z-index:5000;

}
.right_download .f_white
{
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
#curved1 *{

  color:#FFF


}
.video-box video
{
	height:400px;
	width:100%;
}
.news_video video
{
	width:100%;
	height:275px;
}
@media all and (max-width: 1400px){
	.container{width:1200px}
}
@media all and (max-width: 1255px){
	.container{width:1150px}
}
@media all and (max-width: 1025px){
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.products_table_5 table{width:49%}
}
@media all and (max-width: 868px)
{
	nav li{margin: 0 0 0 10px;}
	.logo_h img{width:150px}
}
@media all and (max-width: 768px){
.flex-row-xm{flex-direction:column}
.mt-25-xm{margin-top:1.5625rem;}
.mt-50-xm{margin-top:3.125rem;}
.ai-fs-xm{align-items:flex-start}
.txt-cntr-xm{text-align:center}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
nav li{margin:0 5px;}
.flex-row-row-xm{flex-direction:row}
.counter_box{width:50%}
.products_table_5 table{width:100%}
.products_table {overflow-x:scroll}
.sales_network{height:400px;}
.laboratory_description li
{
	width:calc(50% - 20px);margin:10px 10px;
}
.right_box::before , .right_box::after  {display:none}
.right_box{background:#FFF}
.header_social a span , .header_social a{color:#2C2E83}
}
@media all and (max-width: 576px){

html, body{font-size:12px;}
.flex-row-s{flex-direction:column}
.ai-fs-s{align-items:flex-start}
.mt-25-s{margin-top:1.5625rem;}
.mt-50-s{margin-top:3.125rem;}
.d-none-s{display:none !important}
.pl-0-s{padding-left:0}
.txt-cntr-s{text-align:center}
.txt-cntr-s img{display:inline-block}
.px-25-s{padding-right:1.5625rem;padding-left:1.5625rem;}
.mt-0-s{margin-top:0}
.pb-50-s{padding-bottom:3.125rem;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.products_table table{width:960px;}
.laboratory_slick{margin-bottom:25px !important;}
.main_h1{font-size:1.5rem;line-height:initial}
.header_logo{text-align:left;    display: flex !important;justify-content: space-between;flex-direction: row;align-content: center;align-items: center;}
.logo_h img{width:200px;}
.about_page img{position:relative}
.products_4_list li{width:100%;margin:5px 0;text-align:center}
.products_main_desc li{text-align:center}
.products_main_desc_1 li{width:100%;padding-left:0;background:none}
.video-bg{height:230px;}.mm-h{min-height:10px;}
.counter_box{width:100%}
.jarallax-element-class{margin:0 !important}
.sales_network{height:250px;}
.home_parallax {padding:50px 0;}
.laboratory_description li
{
	width:calc(100% - 20px);margin:10px 10px;
}.slick-dots{bottom:-13px !important;}

.oval{width:65px;height:65px;top:-44px}.oval img{width:30px;}
.back_top {top: -18px;right: 10px;width: 50px;}
nav img{width:10px;}
.slided {
    -ms-transform: translate(-320px,0);
    -webkit-transform: translate(-320px,0);
    transform: translate(-320px,0);
}

.back_inner{position:relative;left:auto;top:auto;margin:0 0 20px 20px;}.back_inner a{transform:inherit}
.trigger{
		display: block;
	}

	nav{
		position: fixed;
		z-index: 500;
		width: 320px;    overflow: scroll;
		height: 100vh;
		box-sizing: border-box;
		background: #2C2E83;
		left: 100%;
		padding: 20px;
		top: 0;
		transition: .7s;
		-moz-transition: .7s;
		-webkit-transition: .7s;
		z-index:100000;
		display: flex !important;justify-content: center;flex-direction: column;align-content: center;align-items: center;
	}

	nav ul{
		margin:0;
	}

	nav ul li{
		margin:0;
		padding: 10px;
	}

	nav ul li a{
		padding: 5px 15px;
		line-height: 30px;
		text-align: center;
		position: relative;
		width: 100%;
		color:#FFF;
		box-sizing: border-box;
		display: block;
	}


	header li .ddm{
		position: relative;
		top: 10px;
		padding: 10px;
	height:0;
		overflow:hidden;
		background:none;
		
		left:5px;

	}

	.ddm li {
    		display: block;
    		float: none;
    		width: 100%;
		box-sizing: border-box;
    		padding: 0 15px;
		text-align: left;
	}

	.ddm li a{
		text-align: left;
	}
	header li .ddm{padding:0}
	header .tophd ul.hdlang {
		margin-right: 60px;
	}

	header .tophd ul.hdlang {
		margin-right: 60px;
	}

	header .tophd ul.hdlang li{
		display: inline-block;
		width: auto !important;
	}
	.apply_box{width:100%;}
	.apply_box.slided
{
    -ms-transform: translate(-100%,0);
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);	
}
.video-bg video {top:auto}
}





















