nav#mobile {
	display: none;
	height: 64px;
}

nav#desktop {
	display: block; position: relative;
	width: 100%; height: 70px;
	margin: 0 auto 64px auto;
	background: #14AF28;
	position: sticky; 
	top: 0; 
	z-index: 4;
}
nav#desktop ul {
	display: flex; align-items: center; justify-content: center;
	width: 100%; height: 70px;
}
nav#desktop ul li {
	position: relative;
	display: flex; align-items: center; justify-content: center;
	width: auto; height: 100%;
	padding: 0 24px;
}
nav#desktop ul li:not(:last-of-type):after {
	content: ""; display: block;
	
	position: absolute; top: 0; right: 0;
	
	width: 1px; height: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 85%);
}

nav#desktop ul li .navd_icon { margin-right: 12px; }
nav#desktop ul li .navd_text {
	font: 600 16px/18px "Inter", serif; color: #fff;
}
nav#desktop ul li a {
	position: relative; width: 100%; height: 100%;
	display: flex; align-items: center; justify-content: center;
}
nav#desktop ul li a:after {
	content: ""; opacity: 0;
	display: block;
	bottom: 0;
	transition: all 0.1s linear 0s;
}
nav#desktop ul li a:hover:after {
	content: ""; opacity: 1;
	display: block;
	position: absolute; bottom: -5px; left: 0;
	width: 100%; height: 5px;
	background: url("../gfx/est-pipe.png") repeat-x scroll 0 0;
	
}




nav#mobile #mm_trigger { 
	position: absolute; top: 0; right: 0;
	width: 64px; height: 64px; margin: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 32px; color: #14AF28;
	cursor: pointer;
}

nav#mobile .mobile_container {
	display: none;
	position: fixed; z-index: 2;
	top: 0; left: 0;
	width: 100%;height: 100%;
	background: #14AF28; 
}
nav#mobile .mobile_container.opened {
	display: block;
}

nav#mobile .mobile_container #mm_close {
	width: 64px; height: 64px; margin: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 32px; color: #fff;
	border: 0; border-radius: 100%;
}

nav#mobile .mobile_container #mm_close:hover {
	cursor: pointer;
}

nav#mobile .mobile_container ul {
	display: flex; align-items: flex-start; justify-content: center; flex-direction: column;
	width: 80%; margin: 0 auto;
}
nav#mobile .mobile_container ul li {
	display: block; width: 100%;
	border-bottom: 2px solid rgba(255,255,255,0.2);
	padding: 16px;
}
nav#mobile .mobile_container ul li a {
	display: flex; align-items: center; justify-content: flex-start;
	font: 700 16px/16px "Inter", serif; color: #fff;
}
nav#mobile .mobile_container ul li a img { margin-right: 16px; }
nav#mobile .mobile_container ul li a span {}