.mp-menu
{
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	width:75%;
	height:100%;
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	transform:translate(-100%,0);
    
    /*
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	transition:all .5s ease
    */
}

.mp-menu a
{
	color:rgb(0,0,0);
	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:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	transform:translate(-100%,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 .1s 0.3s,height .1s .3s;
	-moz-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
	transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
    */
    
	z-index:-1
}

.mp-level.mp-level-overlay::after
{
	width:100%;
	height:100%;
	opacity:1;
    
    /*
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	transition:opacity .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 .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
*/

.mp-overlap .mp-level.mp-level-open
{
	box-shadow:1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform:translate(-40px,0);
	-moz-transform:translate(-40px,0);
	transform:translate(-40px,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:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0)
}

.mp-cover .mp-level.mp-level-open
{
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0)
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open)
{
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	transform:translate(-100%,0)
}

.mp-menu ul
{
	margin:0;
	padding:0;
	list-style:none
}

.mp-menu h2
{
	margin:0;
	padding:1em 1em 1em 12px;
	color:#455a64;
	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 .1s .3s;
	-moz-transition:opacity 0.3s,-moz-transform .1s .3s;
	transition:opacity 0.3s,transform .1s .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 .3s;
	-moz-transition:-moz-transform 0.3s,opacity .3s;
	transition:transform 0.3s,opacity .3s;
    */
    
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0)
}

.mp-menu ul li > a
{
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	display:block;
	padding:.7em 1em .7em 1.8em;
	outline:none;
	font-size:1em;
    
    /*
	-webkit-transition:background 0.3s,box-shadow .3s;
	-moz-transition:background 0.3s,box-shadow .3s;
	transition:background 0.3s,box-shadow .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:.8em;
	padding:1em;
	position:relative;
	box-shadow:inset 0 1px rgba(0,0,0,0.1);
    
    /*
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
	transition:background .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;
}
*/