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

.nav-collapse ul {
   display: block;

   width: 100%;
   margin: 0;
   padding: 0;

   list-style: none;
}

.nav-collapse > ul > li {
   display: block;

   width: 100%;
}

.js .nav-collapse {
   position: absolute;

   display: block;
   clip: rect(0 0 0 0);
   zoom: 1;

   max-height: 0;
}

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

.nav-toggle {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;

   -webkit-tap-highlight-color: rgba(0,0,0,0);
   -webkit-touch-callout: none;
        -o-user-select: none;
}

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

.fixed {
   position: fixed;
   top: 0;
   left: 0;

   width: 100%;
}

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

.nav-collapse,
.nav-collapse > ul {
   float: left;

   width: 100%;

   list-style: none;
}

.nav-collapse > ul > li {
   float: left;

   width: 100%;
}

@media screen and (min-width: 992px) {
   .nav-collapse > ul > li {
      width: auto;

      *width: auto; /* IE7 Hack */
      _width: auto; /* IE6 Hack */
   }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
   font-family: 'responsivenav';
   font-weight: normal;
   font-style: normal;

   src: url('../fonts/responsivenav.eot');
   src: url('/static/font/responsivenav.eot') format('embedded-opentype'),
   url('/static/font/responsivenav.ttf') format('truetype'),
   url('/static/font/responsivenav.woff') format('woff'),
   url('') format('svg');
}

.nav-toggle {
   position: absolute;
   z-index: 999;
   top: -80px;
   right: 0;

   overflow: hidden;

   width: 70px;
   height: 55px;

   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   text-decoration: none;
   text-indent: -999px;

   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-touch-callout: none;
}

.nav-toggle:before {
   font-family: 'responsivenav', sans-serif;
   font-size: 28px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   line-height: 55px;

   position: absolute;
   top: 0;
   left: 0;

   width: 100%;

   content: '≡';
   text-align: center;
   text-indent: 0;
   text-transform: none;

   color: #000000;

   speak: none;
}

.nav-toggle.active::before {
   font-size: 24px;

   content: 'x';
}