/*! responsive-nav.js 1.0.32 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;
}

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

.nav-toggle {

  position:relative;
  z-index:9999;
  
  top: 20px;
  
  font: bold 34px Sans-Serif;
  text-rendering: geometricPrecision;
  color:#042B1D;  

  content: "";
  display: block;
  width: 16px;
  height: 0;
  -webkit-box-shadow: 1px 10px 1px 1px #042B1D,1px 16px 1px 1px #042B1D,1px 22px 1px 1px #042B1D;
  box-shadow: 0 10px 0 1px #042B1D,0 16px 0 1px #042B1D,0 22px 0 1px #042B1D; 
  
  -webkit-appearance: button;
  cursor:pointer;
  padding:0;
  float: right;
  margin:0 5px 0 0;
  
  -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;  
  
}

.nav-toggle:hover { text-decoration:none; }

.nav-clear {
	clear:both;
	height:0px;
	line-height:0px;
}

@media screen and (min-width: 768px) {
  // normal view
  .nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
  }  
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
  .js-nav-active nav { 
    height:354px; 
  }
}