ul {
  list-style: circle inside
}

ol, ul {
  margin-bottom: 40px
}

ol {
  list-style: decimal inside
}

ol, ul {
  padding-left: 0;
  margin-top: 0
}

ol ol, ol ul, ul ol, ul ul {
  margin: 20px 0 20px 40px
}

li {
  margin-bottom: 10px
}

.logo {
  float: left;
  padding: 15px 15px 0 20px
}

.no-pad-menu {
  padding: 0;
  margin-bottom: 0;
  background: transparent !important
}

.nav-fixed {
  position: fixed;
  z-index: 5;
  top: 0
}

.nav-wrap {
  display: inline-block;
  width: 100%;
  background: #333;
  float: left
}

.nav-wrap a {
  text-decoration: none;
  color: #fff;
  display: block
}

.nav-wrap ul {
  list-style: none;
  text-align: left
}

.nav-wrap li, .nav-wrap ul {
  position: relative;
  margin: 0
}

.nav-wrap li {
  float: left
}

.nav-light {
  background: #fff
}

.nav-light a {
  color: #666
}

.nav-wrap ul:after {
  clear: both
}

.nav-wrap ul:after, .nav-wrap ul:before {
  content: " ";
  display: table
}

.nav-wrap nav {
  position: relative;
  text-align: center;
  float: right
}

.nav-container, ul.dropdown-menu {
  transition: max-height .3s
}

ul.primary li a {
  display: block;
  padding: 22px 14px
}

ul.primary li a:hover {
  color: #000
}

.nav-light ul.primary li a:hover {
  color: #333
}

ul.primary li.dropdown a {
  padding-right: 25px
}

ul.dropdown-menu {
  position: absolute;
  z-index: 4;
  min-width: 200px;
  display: none;
  box-shadow: 0 7px 12px rgba(0, 0, 0, .175)
}

ul.dropdown-menu li {
  float: none;
  margin: 0
}

.alux-arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  top: 27px;
  right: 18px;
  position: absolute;
  background: url(img/arrow-white.svg) 50%;
  background-size: 22px 22px;
  transform: rotate(90deg)
}

.nav-light .alux-arrow {
  background: url(img/arrow.svg) 50%;
  background-size: 22px 22px
}

.select .alux-arrow {
  transform: rotate(90deg)
}

ul.primary ul.dropdown-menu li a {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #eee;
  color: #666;
  padding: 13px 20px
}

ul.primary ul.dropdown-menu li a:hover {
  color: #000;
  background: #eee
}

ul.primary li:hover ul {
  display: block
}

ul.primary li:hover a {
  background: #fff;
  color: #666
}

ul.primary li:hover>a {
  color: #000
}

.nav-double .nav-container {
  flex: 1
}

.nav-double ul.primary--left {
  float: left
}

.nav-double ul.primary--right {
  float: right
}

@media (min-width:768px) {
  .alux-arrow {
    top: 28px;
    right: 6px;
    background-size: 18px 18px
  }

  .fixed-nav-spacer {
    padding-top: 69px
  }
}

@media (max-width:767px) {
  .nav-header, .nav-wrap, .nav-wrap nav {
    width: 100%
  }

  .nav-wrap {
    margin-top: 0
  }

  .nav-wrap li {
    float: none
  }

  .nav-wrap .dropdown-menu, .nav-wrap .nav-container {
    max-height: 0;
    overflow: hidden
  }

  .tog {
    background: transparent;
    width: 69px;
    height: 69px;
    position: relative;
    float: right
  }

  .tog span {
    display: block;
    width: 36px;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    top: 32px;
    right: 16px;
    background: #fff
  }

  .nav-light .tog span {
    background: #000
  }

  .tog span:first-child {
    transform: translateY(-11px)
  }

  .tog span.span-middle {
    transform: translateY(11px)
  }

  .tog.x span:first-child {
    transform: rotate(45deg)
  }

  .tog.x span.span-middle {
    opacity: 0
  }

  .tog.x span.span-middle, .tog.x span:last-child {
    transform: rotate(-45deg)
  }

  .nav-wrap .dropdown-menu.open, .nav-wrap .nav-container.open {
    max-height: 500px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
  }

  .nav-wrap .dropdown-menu.open {
    max-height: 999px
  }

  ul.primary li a {
    padding: 20px
  }

  .nav-wrap ul.primary li:hover a {
    background: none;
    color: #999
  }

  .nav-wrap ul.primary li a.select {
    background: #262626;
    color: #fff
  }

  .nav-wrap ul.primary li:hover ul {
    display: block;
    color: #fff
  }

  .nav-light.nav-wrap ul.primary li a.select {
    background: #f2f2f2;
    color: #000
  }

  .nav-light.nav-wrap ul.primary li:hover a {
    color: #333
  }

  .nav-wrap ul.dropdown-menu {
    display: block;
    position: static;
    box-shadow: none;
    width: 100%;
    border-bottom: none
  }

  .nav-wrap ul.primary ul.dropdown-menu li a {
    background: #1a1a1a;
    border: none;
    color: #999
  }

  .nav-wrap ul.primary ul.dropdown-menu li a:hover {
    color: #bfbfbf
  }

  .nav-light.nav-wrap ul.primary ul.dropdown-menu li a {
    background: #e6e6e6;
    color: #333
  }

  .dropdown .select .alux-arrow {
    transform: rotate(-90deg)
  }

  .no-pad-menu {
    padding: 0
  }

  .nav-double .nav-container {
    flex: auto
  }

  .nav-double ul.primary--left, .nav-double ul.primary--right {
    float: left;
    width: 100%
  }

  .mobile-footer-menu, .mobile-footer-menu .grid {
    height: 0;
    position: relative;
    z-index: 5
  }

  .mobile-footer-menu .nav-container {
    height: 100vh;
    max-height: 100vh;
    position: fixed;
    top: 0;
    background: #333;
    padding-top: 70px;
    right: -100%
  }

  .nav-light.mobile-footer-menu .nav-container {
    background: #fff
  }

  .mobile-footer-menu .nav-container.open {
    right: 0;
    height: 100vh;
    max-height: 100vh
  }

  .mobile-footer-menu .nav-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5
  }

  .mobile-footer-menu .tog {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 5
  }

  .mobile-footer-menu .spotlight {
    bottom: 16px;
    position: fixed;
    left: 0
  }

  .mobile-footer-menu .grid:after {
    content: "";
    background: #1a1a1a;
    position: fixed;
    height: 70px;
    width: 100%;
    bottom: 0;
    left: 0;
    display: block
  }

  .mobile-footer-menu .nav-container:after {
    content: "";
    width: 100%;
    height: 77px;
    display: block;
    float: left
  }

  .nav-light.mobile-footer-menu .grid:after {
    background: #e6e6e6
  }
}

.img-res {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  vertical-align: middle
}

.animate {
  transition: all .4s
}