.mp-menu{position: absolute;top: 0;left: 0;z-index: 9999;width: 75%;height: 100%;-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.mp-menu a{color: rgba(0,0,0,0.4);text-decoration:none!important}
.mp-menu.open {left:75%;}
.mp-level{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #eceff1;-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
.mp-level::after,.mp-level::before{position: absolute;top: 0;right: 0;width: 0;height: 0;content: '';opacity: 0}
.mp-level::after{background: #455a64;-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s}
.mp-level::after{z-index: -1}
.mp-level.mp-level-overlay::after{width: 100%;height: 100%;opacity: 1;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s}
.mp-level.mp-level-overlay{cursor: pointer}
.mp-level.mp-level-overlay.mp-level::before{width: 100%;height: 100%;background: transparent;opacity: 1}
.mp-level{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s}
.mp-overlap .mp-level.mp-level-open{box-shadow: 1px 0 2px rgba(0,0,0,0.2);-webkit-transform: translate3d(-40px, 0, 0);-moz-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0)}
.mp-menu > .mp-level,.mp-menu > .mp-level.mp-level-open,.mp-menu.mp-overlap > .mp-level,.mp-menu.mp-overlap > .mp-level.mp-level-open{box-shadow: none;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.mp-cover .mp-level.mp-level-open{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open){-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
.mp-menu ul{margin: 0;padding: 0;list-style: none}
.mp-menu h2{margin: 0;padding: 1em 1em 1em 12px;color:#455a64;text-shadow: 0 0 1px rgba(0,0,0,0.1);font-weight: 300;font-size: 1.6em}
.mp-menu.mp-overlap h2::before{position: absolute;top: 0;right: 0;margin-right: 8px;font-size: 75%;line-height: 1.8;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;transition: opacity 0.3s, transform 0.1s 0.3s;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);transform: translateX(-100%)}
.mp-menu.mp-cover h2{text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 16px}
.mp-overlap .mp-level.mp-level-overlay > h2::before{opacity: 1;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;-moz-transition: -moz-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0)}
.mp-menu ul li > a{display: block;padding: 0.7em 1em 0.7em 1.8em;outline: none;box-shadow: inset 0 -1px rgba(0,0,0,0.2);text-shadow: 0 0 1px rgba(255,255,255,0.1);font-size: 1em;-webkit-transition: background 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, box-shadow 0.3s;transition: background 0.3s, box-shadow 0.3s}
.mp-menu ul li::before{position: absolute;left: 10px;z-index: -1;color: rgba(0,0,0,0.2);line-height: 3.5}
.mp-level > ul > li:first-child > a{box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);}
.mp-menu ul li a:hover,.mp-level > ul > li:first-child > a:hover{color:#fefefe;background: #455a64;box-shadow: inset 0 -1px rgba(0,0,0,0)}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,.mp-level.mp-level-overlay > ul > li:first-child > a{box-shadow: inset 0 -1px rgba(0,0,0,0)}
.mp-level > ul > li:first-child > a:hover,.mp-level.mp-level-overlay > ul > li:first-child > a{box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0)}
.mp-back{background: rgba(0,0,0,0.1);outline: none;color: #fff;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;display: block;font-size: 0.8em;padding: 1em;position: relative;box-shadow: inset 0 1px rgba(0,0,0,0.1);-webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s}
.mp-back::after{position: absolute;right: 10px;font-size: 1.3em;color: rgba(0,0,0,0.3)}
.mp-menu .mp-level.mp-level-overlay > .mp-back,.mp-menu .mp-level.mp-level-overlay > .mp-back::after{background: transparent;box-shadow: none;color: transparent}
.no-js .mp-pusher{padding-left: 75%}
.no-csstransforms3d .mp-menu .mp-level,.no-js .mp-menu .mp-level{display: none}
.no-csstransforms3d .mp-menu > .mp-level,.no-js .mp-menu > .mp-level{display: block}
.mp-lightbox{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 5000;}
/*
_body.is-blurred #wrapper {
  -webkit-filter: url("#blur");
          filter: url("#blur");
  -webkit-filter: blur(3px);
          filter: blur(3px);
  -webkit-transition: -webkit-filter 500ms linear;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
*/