/****MENU****/

.nav-container{
	position: fixed;
	z-index: 100;
	width: 100%;
	background: #ffffff;
	padding:2.083333333333335VW 0 0 0;
}
.menu-container{
	position: relative;
	z-index: 100;
	width: 86.97916666666666VW;
	margin: 0 auto;
	padding-bottom: 1.91645vw;
}
.right-hold, .left-hold{
	float: left;
	width: 50%;
}

.left-hold > ul{
	text-align: left;
	font-size: 0;
}
.right-hold > ul{
	font-size: 0;
	text-align: right;
}

.menu-container > ul{
	font-size: 0;
}
.parent{
	position: relative;
	font-weight: 500;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	display: inline-block;
	letter-spacing: 0.13541666666666669VW;
}
.parent > a {
	padding: 0.9375VW 1.1458333333333333VW 0.9375VW 1.1458333333333333VW;
	border-bottom: 0.15625VW solid transparent;
	transition: 0.3s ease border-color;
}
.parent > a:hover{
	border-bottom: 0.15625VW solid #fff8ee;
	transition: 0.3s ease border-color;
}
.parent.has-child > a:hover{
	border-bottom: 0.15625VW solid transparent;
}

.left-hold ul .parent{
	margin-right: 3.125VW;
}
.right-hold ul .parent{
	margin-left: 3.866666666666666VW;
}
.parent > a{
	color: #767b83;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.3s ease color;
}
.parent > a:hover, .children li:hover > a{
	color: #23262a;
	transition: 0.3s ease color;
}
.parent:hover .children{
	opacity: 1;
	visibility: visible;
	transition: 0.3s ease all;
}
.logo{
	display: block;
	position: absolute;
	z-index: 110;
	top: 0.5729166666666666VW;
	left: 0;
	right: 0;
	width: 11.458333333333332VW;
	margin: 0 auto;
}
.logo img{
	display: block;
	width: 100%;
}
.children{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	font-weight: 500;
	font-size: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
	line-height: calc( 14px + ( 18 - 14 ) * ( 100vw - 480px ) / ( 1920 - 480 ) );
}
.children::after{
	content: '';
	position: absolute;
	top: -0.15625VW;
	left: 0;
	width: 100%;
	height: 0.15625VW;
	background-color: #fff8ee;
}
.children li{
	display: block;
	padding: 0.9375VW 1.1458333333333333VW 0.9375VW 1.1458333333333333VW;
	border-bottom: 0.15625VW solid #fff8ee;
	background: #ffffff;
}
.children li a{
	color: #767b83;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.3s ease all;
}
.children li a:hover{
	color: #23262a;
	transition: 0.3s ease color;
}
.gradient{
	z-index: 99;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.5625VW;
    height: 1.5625VW;
    background: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
/****MENU****/

.lang-switch{
	position: absolute;
    top: 12px;
    right: 87px;
    z-index: 999999999999;
}
.lang-switch ul {
    line-height: 0;
    font-size: 0;
}
.lang-switch ul li {
    display: inline-block;
    line-height: 15px;
    font-size: 15px;
    color: #000000;
    vertical-align: middle;
}
.lang-switch ul li:nth-last-of-type(2) {
    margin: 0 4px;
    line-height: 13px;
    overflow: hidden;
}
.lang-switch ul li a{
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.3s ease all;
}
.lang-switch ul li a:hover{
	color: #ff8f8f;
	transition: 0.3s ease all;
}


@media screen and (max-width:1540px){
    .menu-container {
		width: 91.979167VW;
    }
    .parent {
        letter-spacing: 0.04541666666666669VW;
    }
}

@media screen and (max-width: 980px) {
    .nav-container {
        padding: 0 0;
        height: 74px;
    }
    .menu-toggler {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        font-size: 26px;
        line-height: 26px;
        color: #23262a;
        cursor: pointer;
    }
    .amburgher-close{
		display: block;
		width: 32px;
		height: 4px;
		background-color: #23262a;
		margin: 5px 0;
	}
    .amburger-class {
        display: block;
        width: 32px;
        height: 4px;
        background-color: #23262a;
        margin: 5px 0;
    }
    .gradient {
        top: 72px;
        bottom: auto;
        height: 45px;
    }
    .logo {
        z-index: 9999999;
        top: 10px;
        width: 115px;
    }
    .menu-container {
        transform: translate3d(102vw, 0px, 0px);
		width: 100%;
		position: fixed;
		padding-top: 130px;
		top: 0;
		height: auto;
		z-index: 999999;
		background: #ffffff;
		height: 100vh;
	}
    .menu-close {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 26px;
        cursor: pointer;
    }
    .clockwise {
        transform: rotate(45deg) translate(6px, 6px);
    }
    .counterclockwise {
        transform: rotate(-45deg);
    }
    .right-hold, .left-hold {
        float: none;
        width: 100%;
        text-align: center;
    }
    .left-hold ul .parent {
        margin-left: 0;
        margin-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }
    .children li:first-of-type{
		border: none;
	}
	.children li:last-of-type{
		border: none;
	}
	.children li{
		display: none;
		padding: 10px 0 10px 0;
		font-size: 18px;
		line-height: 18px;
		border: none;
	}
	.parent.has-child > a:hover {
		border-bottom: none;
	}
    .right-hold > ul {
		font-size: 0;
		text-align: center;
    }
    .right-hold ul .parent {
		margin-left: 0;
		margin-right: 0;
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}
	.left-hold ul .parent {
		margin-left: 0;
		margin-right: 0;
		display: block;
		text-align: center;
		margin-bottom: 15px;
    }
    .parent > a {
        padding: 10px 0 10px 0;
        font-size: 18px;
        line-height: 18px;
    }
	.children{
		opacity: 1;
		visibility: visible;
		position: relative;
		border-top: 1px solid black;	
	    border-bottom: 1px solid black;
	}
	.children li{
		display: block;
		font-size: 14px;
	    line-height: 14px;
	}
}