/* MENU HAMBURGER */

.hamburger {
	position: absolute /* mettere fixed se non lo è il nav */;
	float:right;
	padding:6px 6px;
	cursor:pointer;
	top:35px;
	right:35px;
	z-index:5;
}

.lineemenu {
	width:24px;
	height:2px;
	margin:10px 0px;
	background:#fff;
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.lineemenu::before, 
.lineemenu::after {
	position:absolute;
	display:block;
	width:24px;
	height:2px;
	background:#fff;
	content:'';
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.lineemenu::before {
	top:8px
}

.lineemenu::after {
	top:24px
}

.open .lineemenu {
	background:transparent;
	-o-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-khtml-transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
    transition-delay:0ms;
}

.open .lineemenu::before,
.open .lineemenu::after {
	top:15px !important;
	background:#fff !important;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-o-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-khtml-transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
    transition-delay:0ms;
}

.open .lineemenu::after {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.overlay {
	position:fixed;
	width:100%;
	height:100vh;
	background:rgba(21,28,32,0.95);
	top:0px;
	left:0px;
	opacity:0;
	visibility:hidden;
	z-index:4;
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-o-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-khtml-transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
    transition-delay:0ms;
}


.open .overlay {
	opacity:1;
	visibility:visible;
	-o-transition-delay:0ms;
	-moz-transition-delay:0ms;
	-khtml-transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-ms-transition-delay:0ms;
    transition-delay:0ms;
}

.overlay .menu-menu-en-container,
.overlay .menu-menu-it-container {
	display:table;
	width:100%;
	height:100%;
}

.overlay .menuhamburger {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

.overlay .menuhamburger li {
	display:block;
	opacity:0;
}

.overlay .menuhamburger li a,
.overlay .menuhamburger li a:visited,
.overlay .menuhamburger li a:focus {
	font-family: 'Merriweather', serif;
	font-size:21px;
	line-height:40px;
	font-weight:300;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	padding:0px;
	color:#fff;
	opacity:1;
	-o-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.overlay .menuhamburger li a:hover,
.overlay .menuhamburger li.active a {
	opacity:1;
	color:#f3f3f4;
	text-decoration:underline;
}

.overlay .menu-second-en-container,
.overlay .menu-second-it-container {
	position: absolute;
	display:block;
	width:50%;
	height:auto;
	left:50%;
	bottom: 0px;
	margin-left:-25%;
	border-top:2px solid #fff;
	padding:20px 0px 0px;
}

.open .overlay .secondmenu {
	list-style:none;
	text-align:center;
}

.open .overlay .secondmenu li {
	font-family: 'Merriweather', serif;
	display:inline;
	color:#fff;
}

.open .overlay .secondmenu li:after {
	content:" - ";
	padding:0px 40px;
}

.open .overlay .secondmenu li:last-child:after {
	content:"";
	padding:0px 0px;
}

.open .overlay .secondmenu li a,
.open .overlay .secondmenu li a:visited,
.open .overlay .secondmenu li a:focus {
	font-size:15px;
	color:#fff;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}

.open .overlay .secondmenu li a:hover {
	border-bottom:1px solid #fff;
}

@keyframes entermenu { 
	100% { 
	opacity:1; 
	}
}

.open .overlay .menuhamburger li  {
	animation:entermenu .5s ease-out forwards;
}

.open .overlay .menuhamburger li:nth-child(1) {
	animation-delay:.2s;
}

.open .overlay .menuhamburger li:nth-child(2) {
	animation-delay:.3s;
}

.open .overlay .menuhamburger li:nth-child(3) {
	animation-delay:.4s;
}

.open .overlay .menuhamburger li:nth-child(4) {
	animation-delay:.5s;
}

.open .overlay .menuhamburger li:nth-child(5) {
	animation-delay:.6s;
}

.open .overlay .menuhamburger li:nth-child(6) {
	animation-delay:.7s;
}

.open .overlay .menuhamburger li:nth-child(7) {
	animation-delay:.8s;
}

.open .overlay .menuhamburger li:nth-child(8) {
	animation-delay:.9s;
}


/* MENU CLASSIC */

.menuclassic {
	float:right;
	padding:0px;
	margin:40px 35px 0px 0px;
	list-style:none;
}

.menuclassic li {
	display:inline;
	padding:0px 0px 0px 10px;
	margin:0px;
}

/* MENU FOOTER */

.menufooter {
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
}

.menufooter li {
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:14px;
	color:#fff;
}

.menufooter li:after {
	content:" - ";
}

.menufooter li:last-child:after {
	content:"";
}

.menufooter li a,
.menufooter li a:visited,
.menufooter li a:focus {
	color:#fff;
	border-bottom:0px solid #151c20;
}

.menufooter li a:hover {
	color:#fff;
	border-bottom:1px solid #fff;
}