/* navtoggle */
.navtoggle-toggler {
  display: none;
  overflow: hidden;
  padding: 4px 20px;
  position: relative;
  z-index: 1002;
  }
.navtoggle-toggler,
.navtoggle-toggler:hover,
.navtoggle-toggler:focus {
  color: #505050;
  background: none;
  border: none;  
  }
  .navtoggle-toggler span {
    display: block;
    position: absolute;
    left: -100%;
    }
  .navtoggle-toggler:before {
    display: block;
    content: '\2261'; /* burger */
    font-family: "mm-icons";
    font-size: 2em;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    speak: none;
    }
.navtoggle-targetopen {
  display: block;
  }

@media all and (max-width: 767px) {
  html.navtoggle-open,
  html.navtoggle-open > body {
    overflow: hidden;
    }

  body {
    overflow: hidden;
    }
   
  .navtoggle-toggler {
    display: block;
    }
  
  .navtoggle-target-active {
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    }
  
  .navtoggle-target-active.navtoggle-target {
    display: block;
    }
    
  /* open nav styling */
  .navtoggle-target {
    z-index: 1001;
    position: fixed;
    left: 0;
    top: 0;
    padding: 6em 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    text-align: left;
    clear: both;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    
    -webkit-transform: translateX(-100%) translate3d(0,0,0);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    }
  .navtoggle-targetopen {
    
    -webkit-transform: translateX(0) translate3d(0,0,0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    }
    .navtoggle-target > *:last-child {
      padding-bottom: 5em;
    }
}