.nav-lock-scroll{overflow:hidden}

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

.mainmenu .nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}

.mainmenu .nav a,.mainmenu .nav a:active,.mainmenu .nav a:hover,.mainmenu .nav a:visited{display:block;position:relative}

@media only screen and (min-width:768px){
    .mainmenu .nav ul, .mainmenu .nav{display:block;}
}

@media only screen and (min-width:960px){
    .mainmenu .nav{display:block;position:relative;bottom:auto;overflow:visible}
    .mainmenu .nav li{position:relative;white-space:nowrap}
    .mainmenu .nav>ul>li{display:inline-block}
    
    .mainmenu .nav ul ul{display:none;position:absolute;top:100%;left:0;z-index:901}
    .mainmenu .nav ul ul ul{top:5px;left:95%;z-index:902}
    .mainmenu .nav ul ul ul ul{z-index:903}
    .mainmenu .nav ul ul ul ul ul{z-index:904}
    .mainmenu .nav ul ul li.nav-left>ul{left:auto;right:95%}
    .nav-no-js .mainmenu .nav li:hover>ul{display:block}
}

@media only screen and (max-width:959px){
    .nav-no-js .nav-button:hover+.mainmenu .nav,.nav-no-js .nav-button:hover+.mainmenu .nav+.nav-close,.nav-no-js .mainmenu .nav:hover,.nav-no-js .mainmenu .nav:hover+.nav-close{display:block}
}