/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}




/* new nav styles */


@media screen and (min-width: 46.25em) {
  
}


.nav-collapse.disable-pointer-events {
     pointer-events: none ! important;
}

.nav-collapse {
     font-family: "proxima-nova-extra-condensed",sans-serif;
     z-index: 1;
}

.nav-collapse, .nav-collapse * {
     box-sizing: border-box;
}

.nav-collapse, .nav-collapse ul {
     float: left;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     width: 100%;
}

@media screen and (min-width: 46.25em) {
  .nav-collapse, .nav-collapse ul { text-align: center; }
}

.nav-collapse li {
     display: block;
     float: left;
     width: 100%;
}

@media screen and (min-width: 46.25em) {
  .nav-collapse li { float: none; display: inline-block; width: auto; margin-left: 0.4em; margin-right: 0.2em; }
}

.nav-collapse a {
     background: #31929e none repeat scroll 0% 0%;
     border-bottom: 1px solid white;
     color: white;
     float: left;
     font-size: 112.5%;
     font-weight: 400;
     letter-spacing: 2px;
     padding: 0.5em 1em;
     text-decoration: none;
     text-transform: uppercase;
     width: 100%;
}

.nav-collapse a:focus {
     background: #ca2d09 none repeat scroll 0% 0%;
     outline: medium none;
}

@media screen and (min-width: 46.25em) {
  .nav-collapse a { margin: 0px; padding: 1.96em 0.7em 0.5em; font-size: 1.1em; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: #37302a; border: 0px none; transition: background 0.5s ease 0s; }
  .nav-collapse a:hover, .nav-collapse a:focus { background: #e7e5e3 none repeat scroll 0% 0%; }
}

@media screen and (min-width: 46.25em) {
  .nav-collapse .active a { color: white; background: #31929e none repeat scroll 0% 0%; }
  .nav-collapse .active a:hover { text-decoration: none; }
  .nav-collapse .active a:focus { background: #ca2d09 none repeat scroll 0% 0%; }
}

.js .nav-collapse {
     clip: rect(0px, 0px, 0px, 0px);
     display: block;
     max-height: 0px;
     overflow: hidden;
     position: absolute;
}

@media screen and (min-width: 46.25em) {
  .js .nav-collapse { position: relative ! important; max-height: none; }
}

.nav-collapse.opened {
     max-height: 9999px;
}

.nav-toggle {
     -moz-user-select: none;
     background: #31929e url("/images/hamburger.gif") no-repeat scroll 50% 33%;
     display: block;
     float: right;
     height: 55px;
     overflow: hidden;
     text-indent: -9999px;
     width: 70px;
}

@media not all, screen and (min--moz-device-pixel-ratio: 1.3), not all, not all, screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle { background-image: url("/images/hamburger-retina.gif"); background-size: 100px 100px ! important; }
}

@media screen and (min-width: 46.25em) {
  .nav-toggle { display: none; }
}