.nav-lock-scroll {
  overflow: hidden;
}
.nav {
  display: none;
  text-align: center;
}
.nav ul {
  display: none;
  position: relative;
  zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav a,
.nav a:active,
.nav a:hover,
.nav a:visited {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .nav {
    display: block;
    position: relative;
    bottom: auto;
    overflow: visible;
  }
  .nav li {
    position: relative;
    white-space: nowrap;
    padding: 0.5rem;
  }
  .nav > ul > li {
    display: inline-block;
  }
  .nav ul {
    display: block;
  }
  .nav ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
  }
  .nav ul ul ul {
    top: 5px;
    left: 95%;
  }
  .nav ul ul ul ul {
  }
  .nav ul ul ul ul ul {
  }
  .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: 1px) {
  .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;
  }
}