nav.navigation {
	position:relative;
	top:0;
	height:50px;
	z-index:2;
}

ul.nav-menu {
	float:right;
	margin-right:20px;
	}

ul.nav-menu li, ul.nav-menu li a {
	float:left;
}

ul.nav-menu li  {
    list-style-type:none;
	position:relative;
	margin:0 20px;
}

ul.nav-menu li a {
	height:80px;
	line-height:80px;
	color:#000;
	text-decoration:none;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

ul.nav-menu li a::after {
	height: 0;
	content: " ";
	background:#000;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 2;
	-ms-transition: height 0.2s ease, top 0.2s ease;
	-webkit-transition: height 0.2s ease, top 0.2s ease;
	-moz-transition: height 0.2s ease, top 0.2s ease;
	transition: height 0.2s ease, top 0.2s ease;
}

ul.nav-menu li:hover a:after { height: 4px; top: 10px; }

.nav-toggle {
	display:none;
	position:absolute;
	top:13px;
	right:28px;
	width:50px;
	height:50px;
	cursor:pointer;
}

span.icon-bar {
	position:absolute;
	right:12px;
	display:block;
	width:30px;
	height:4px;
	background-color:#000;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.icon-bar:nth-child(1) {
	top:16px;
}

.icon-bar:nth-child(2) {
	top:24px;
}

.icon-bar:nth-child(3) {
	top:32px;
}

.nav-overlay {
	position:absolute;
	top:80px;
	right:0;
	bottom:0;
	left:0;
	background-color:#f5f1f2;
	z-index:1;
	opacity:0;
	visibility:hidden;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	height:100vh;
}

.nav-overlay.active {
	opacity:1;
	visibility:visible;
}

/* ICON BARS ANIMATION */

.nav-toggle.active .icon-bar:nth-child(1) {
	top:24px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-toggle.active .icon-bar:nth-child(2) {
	width:0;
}

.nav-toggle.active .icon-bar:nth-child(3) {
	top:24px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*LANGUAGE*/

.wpml-ls-legacy-list-horizontal {padding:0; border:none;}
.wpml-ls-legacy-list-horizontal a, .wpml-ls-legacy-list-horizontal a:visited,
.wpml-ls-legacy-list-horizontal a:hover, .wpml-ls-legacy-list-horizontal a:active,
.wpml-ls-legacy-list-horizontal a:focus {padding-top:0; margin-top:-1px;color:#ff0000!important;}



@media screen and (max-width:768px) {

	ul.nav-menu {
		position:absolute;
		top:90px;
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
	}
	
	ul.nav-menu.active{
		height:auto;
	}
	
	ul.nav-menu li{
		width:100%;
	}
	
	ul.nav-menu li a{
		width:100%;
		padding:0 65px 0 0;
		text-align:right;
		font-size:30px;
		height:50px;
		line-height:50px;
	}
	
	ul.nav-menu li a::after {
		display:none;
	}
	.nav-toggle{
		display:block;
	}
}


@media screen and (min-width:768px) {
	.nav-overlay.active{
		visibility:hidden;
		opacity:0;
	}
}


@media screen and (max-width:480px) {
	.nav-toggle {
	    right: 18px;
	}
	
	ul.nav-menu li a {
	    padding: 0 55px 0 0;
	}
}


@media screen and (max-width:414px) {
	.nav-toggle {
	    right: 8px;
	}
	ul.nav-menu li a {
	    padding: 0 45px 0 0;
	}
}