/* menu.css */
#overlayMenu {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 100vW;
	z-index: 201;
	background-color: #696969;
	transition: 1.2s;
}

.noviewMenu {
	left: 110%;
}

.viewMenu {
	left: 0;
}

#overlayMenu nav {
	position: absolute;
	top: 45%;
	left: 10%;
	transform: translate(0, -50%);
	width: 56%;
	margin: 0 20px;
	z-index: 202;
}

#overlayMenu nav ul li {
	list-style-type: none;
	font-family: Neue Montreal, arial;
	font-size: 6vw;
	line-height: 7vw;
	transition: 0.8s;
}
#overlayMenu nav ul li span {
	font-size: 2.5vw;
	font-family: futura_ltlight, arial;
	border-bottom: 1px solid var(--campione2);
	
}
#overlayMenu nav ul li a .menuProd{
	font-family: futura_ltlight, arial;
	font-size: 5vw;
	border: none;

}
#overlayMenu nav ul li:hover {
	cursor: pointer;
	transition: 0.1s;
	opacity: 0.5;
}
#overlayMenu nav ul li:nth-child(1),
#overlayProdotti nav ul li:nth-child(1) {
	transition-delay: 0.3s;
}

#overlayMenu nav ul li:nth-child(2),
#overlayProdotti nav ul li:nth-child(2) {
	transition-delay: 0.4s;
}

#overlayMenu nav ul li:nth-child(3),
#overlayProdotti nav ul li:nth-child(3) {
	transition-delay: 0.5s;
}

#overlayMenu nav ul li:nth-child(4),
#overlayProdotti nav ul li:nth-child(4) {
	transition-delay: 0.6s;
}

#overlayMenu nav ul li:nth-child(5),
#overlayProdotti nav ul li:nth-child(5) {
	transition-delay: 0.7s;
}
#overlayMenu nav ul li:nth-child(6),
#overlayProdotti nav ul li:nth-child(6) {
	transition-delay: 0.8s;
}

#overlayMenu nav ul li:nth-child(7),
#overlayProdotti nav ul li:nth-child(7) {
	transition-delay: 0.9s;
}


#overlayMenu nav ul li {
	color: var(--campione1);
	text-decoration: none;
	font-family: Neue MontrealM, arial;
	
}
#overlayProdotti nav ul,
#overlayMenu nav ul {
	padding-left: 0;
}

#boxFreccia {
	position: absolute;
	top: 60px;
	right: 60px;
	transition: 1s;
}

#boxIconaCell {
	position: absolute;
	bottom: 50px;
	right: 50px;
	transition: 1s;
	width: 270px;
}
#boxIconaCell p {
	float: left;
	width: 160px;
	margin-top: 15px;
	font-size: 14px;
	text-align: left;
	letter-spacing: 4px;
	font-family: futura_ltlight;
	color: var(--campione1);
	border-bottom: 1px solid var(--campione2);
}
#boxIconaCell img {
	float: right;
}
.frecciaPath {
	clip-path: inset(100% 0 0 0);
	opacity: 0;
}


#overlayProdotti {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 80%;
	margin: 0 20px;
	z-index:200;
	transition: 0.8s;
	transition-delay: 0.4s;
}
#overlayProdotti nav  {
	width: 100%;
	transition-delay: 2.5s;
	position: absolute;
	left: 0;
}
#overlayProdotti nav ul li {
	list-style-type: none;
	font-family: Neue Montreal, arial;
	font-size: 5vw;
	line-height: 6vw;
}
#frecChiudiProdotti {
	fill: var(--campione1);
	transform: rotate(180deg);
	border: 2px solid var(--campione1);
	border-radius: 50%;
	height:30px;
	width: 30px;
}
.liPathimg,
.liPath {
	clip-path: inset(0 0 0 100%);
	opacity: 0;
}
.liPath1 {
	clip-path: inset(100% 0 0 0 );
	transition: 0.8s;
	opacity: 0;
}
.noPath {
	clip-path: inset(0 0 0 0);
	opacity: 1;
}
/* style di overlaystart che scompare appena dopo il caricamento.   */
#overlayStart {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 100vW;
	z-index: 202;
	background-color: #696969;
	transition: 1.2s;
	transition-delay: 0.5s;
}
.viewOverlayStart  {
	transition: 1.2s;
	left: 0;
}
.noviewOverlay {
	transition: 1.2s;
	left: 110%;
}

@media screen and (min-width:330px) and (max-width:600px) {
	#overlayMenu nav {
		top: 42%;
		left: 10px;
		width: 100%;
	}
	
	#overlayMenu nav:first-child ul li {
		list-style-type: none;
		font-size: 10vw;
		line-height: 15vw;
	}
	#overlayMenu nav ul li {
		line-height: 6vw;
	}
	#overlayProdotti nav {
		top: -80px;
		left: -10px;
	}
	#overlayProdotti nav ul li a{
		list-style-type: none;
		font-size: 6.5vw;
		line-height: 8vw;
	}
	#boxFreccia {
		top: 30px;
		right: 30px;
	}
	#boxFreccia img {
		height: 28px;
		width: 60px;
	}
	#boxIconaCell {
		position: absolute;
		bottom: 75px;
		right: 32px;
		transition: 1s;
		width: 220px;
	}
	#boxIconaCell img {
		height: 45px;
		width: 45px;
	}


#boxIconaCell p {
	float: left;
	width: 140px;
	margin-top: 5px;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 4px;

}
}