.zk-nav{
	display: none;
	z-index: 20;
	position: absolute;
	right: 0px;
	top: 10px;
	height: auto;
	width: auto;
	font-family: 'Exo';
	font-weight: 800;
	font-size: 70px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #36b449; /* #3aaa35;*/
	padding: 20px;
	/*padding-right: 10px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	overflow-y:auto;
	-webkit-scrollbar-color:green #3aaa35;
	-webkit-scrollbar-width:thin;
	-webkit-scrollbar-gutter: stable;
	scrollbar-color:green #3aaa35;
	scrollbar-width:thin;
	scrollbar-gutter: stable;
}
/*.zk-nav ul li{
	padding: 10px;
	border-bottom: white 4px solid;
	padding-left: 0;
	padding-right: 0;
	padding-top: 13px;
}
.zk-nav ul li:last-child{
	border-bottom: none;
}
.zk-nav ul li ul{
 display: none;
}
.zk-nav ul li.nav-selected ul{
	display: block;
	font-size: 32px;
}
.zk-nav ul li.nav-selected ul li{
	padding: 15px 0 15px 0;
}
.zk-nav ul li a{
	padding: 15px 0 15px 0;
}
.zk-nav ul li:first-letter{
	margin-left: -0.01em;
}
.zk-nav ul li.nav-selected ul li:last-child{
	padding-bottom: 5px;
}
.zk-nav ul li ul li{
	border-bottom: 0;
}*/



.zk-nav .zeku-nav-top{ 
	padding: 10px;
	border-bottom: white 4px solid;
	padding-left: 0;
	padding-right: 0;
	padding-top: 13px;
}
.zk-nav .zeku-nav-top:first-letter{
	margin-left: -0.01em;
}
.zk-nav .zeku-nav-top:last-child{
	border-bottom: 0;
}

.zeku-nav-top{
	
	font-size: 63px; /* 77px; */
	
	
}
.zeku-nav-sub, .zeku-nav-sub a{

padding: 10px 0 10px 0;
}

.zeku-nav-sub{
	font-size: 32px;
	display: none;
}
.nav-selected, .nav-path-selected{
	display: block;
}
.zk-nav .zeku-nav-sub:last-child{
	padding-bottom: 5px;
}























@media screen and (max-width: 1300px) {
	.zk-nav{
		top:7px;
		font-size: 50px;
	}
	.zk-nav ul li.nav-selected ul{
		font-size: 28px;
	}
	.zk-nav ul li.nav-selected ul li{
		padding: 10px 0 10px 0;
	}
}
@media screen and (max-width: 900px) {
	.zk-nav{
		top: 5.5px;
	}
	.zk-nav nav>a{
		font-size: 44px;
		border-bottom: solid white 3px;
	}
}
@media screen and (max-width: 800px) {
	.zk-nav nav>a{
		font-size: 40px;
		border-bottom: solid white 3px;
	}
}
@media screen and (max-width: 600px) {
	.zk-nav{
		top: 4px;
		font-size: 40px;
		left:20%;
		right:0;
	}
}
@media screen and (max-width: 400px) {
	.zk-nav{
		width: auto;
		left:0;
		right: 0;
		font-size: 30px;
	}
	.zk-nav nav>a{
		font-size: 18px;
		border-bottom: solid white 3px;
	}
	.zk-nav ul li.nav-selected ul li{
		padding: 5px 0 5px 0;
	}
}