@-ms-viewport {  width: device-width; }
@viewport {  width: device-width; }
[hidden] { display: none; }
svg:not(:root) { overflow: hidden; }


.close-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  padding-top: 0px;
  border: 0;
  outline: none;
  background: white url("/images/cross2.svg") left center no-repeat;
  background-size: 1.875em 1.875em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1.0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
  background-image: url("/images/cross2.png");
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1.0;
}


.nav-btn {
  display: block;
  width: 2.625em;
  height: 2.25em;
  padding: 0;
  padding-top: 0px;
  border: 0;
  outline: none;
  background: white url("/images/menu2.svg") left center no-repeat;
  background-size: 1.875em 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 1.0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .nav-btn {
  background-image: url("/images/menu2.png");
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1.0;
}


#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}




#nav .close-btn { display: none; }
#nav .block { z-index: 2; }

#nav ul:before, #nav ul:after {
  content: "";
  display: table;
}

#top {
  z-index: 100;
  position: relative;
}

#top .nav-btn {
  position: fixed;
  top: 5px;
  left: 1%;
}



@media screen and (min-width: 771px) { 

 .nav-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  
  

  #nav .close-btn {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
  }
  
}


@media screen and (max-width: 770px) {
	
#nav {
	z-index: 200;
    position: absolute;
    top: 0;
	overflow: hidden;
	overflow: overflow;
	width: 100%;
    padding-top: 0em;
  }
  
  #nav:not(:target) {
    z-index: 1;
    height: 0;
  }
  
  #nav:target .close-btn {
    display: block;
  }
  
  #nav .close-btn {
  position: fixed;
  top: 5px;
  left: 1%;
  }
  
  
 #nav li.is-active:after {
  z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
  }
   
}