.nav-lock-scroll{overflow:hidden}

.nav{display:none;position:fixed;top:222px;bottom:0;left:0;right:0;z-index:900;overflow-x:hidden;overflow-y:auto; background: #f8f0ff;}

.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}.nav a,.nav a:active,.nav a:hover,.nav a:visited{display:block;position:relative}

@media only screen and (min-width:1025px){

.nav{display:block;position:relative;bottom:auto;overflow:visible}

.nav li{position:relative;white-space:nowrap; padding: 0px 30px;}

.nav>ul>li{display:inline-block}

.nav ul{display:block}

.nav ul ul{display:none;position:absolute;top:75%;left:0;z-index:901}

.nav ul ul ul{top:5px;left:95%;z-index:902}

.nav ul ul ul ul{z-index:903}

.nav ul ul ul ul ul{z-index:904}

.nav ul ul li.nav-left>ul{left:auto;right:95%}

.nav-no-js .nav li:hover>ul{display:block}}

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

.nav ul ul{
	font-size: 2vw;
	top: 10px; 
}

.nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{display:block; background: #f8f0ff;}

}