.nav-lock-scroll {
 overflow:hidden
}
.nav {
 display:none;
 position:fixed;
 top:-44px;
 bottom:0;
 left:32%;
 z-index:900;
 overflow-x:hidden;
 overflow-y:auto;

}
.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:960px) {
 .nav {
  display:block;
  position:relative;
  bottom:auto;
  overflow:visible
 }
 .nav li {
  position:relative;
  white-space:nowrap
 }
 .nav>ul>li {
  display:inline-block
 }
 .nav ul {
  display:block
 }
 .nav ul ul {
  display:none;
  position:absolute;
  top:100%;
  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:959px) {
 .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
 }
 
 .nav ul {
 background:#FFF !important;
 width:360px !important;
}
.nav {
    display: none;
    position: fixed;
    top: 108px;
    bottom: 0;
    left: 0;
    z-index: 900;
   
}
.nav>ul>.nav-submenu>a:after {
  content:"\E005"
 }
 .nav .nav-submenu>a:after {
  content:"\E006"
 }
}