.mbody {
	overflow:hidden;
}


.mmenu{
	position:fixed;
	left:0px;
	top:0px;
	height:100vh;
	width:100%;
	font-size:20px;
	display:none;
	z-index:1000;

	font-family:PFDinTextCondProMedium;
//	font-family:Arial;
}

.mmenu .mheader{
	position:absolute;
	display:block;
	width:100%;
	height:70px;
	background:#000;
	color:#fff;
	font-size:16px;
	line-height:120%;

	-webkit-box-shadow: 0px -6px 20px 15px rgba(34, 60, 80, 0.35);
	-moz-box-shadow: 0px -6px 20px 15px rgba(34, 60, 80, 0.35);
	box-shadow: 0px -6px 20px 15px rgba(34, 60, 80, 0.35);
}

.mmenu .mheader a{
	text-decoration:none;
	color:#fff;
}

.mmenu .mcontainer{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#333;
	color:#000;
	overflow-Y:auto;
	padding-top:70px;
	box-sizing:border-box;
}

.mmenu .mblock{
	width:100%;
	box-sizing:border-box;
	background-color:#fff;
}

.mmenu .mblock > DIV{
	width:100%;
	padding:10px 60px;
	box-sizing:border-box;
	position:relative;
	background:#fff;
}

.mmenu .mblock > DIV.title{
	padding:16px 60px;
	background:#858585;
	color:#fff;
	text-transform:uppercase;
}

.mmenu .mblock > DIV.title SVG{
	fill:#fff;
}

.mmenu .mblock > DIV:last-child{
	border:none;
}

.mmenu .mblock > DIV > SPAN.arr{
	display:block;
	float:right;
	width:60px;
	margin-left:0px;
	margin-right:-60px;
	text-align:center;
}

.mmenu .mblock > DIV.title > SPAN.arr{
	float:left;
	margin-right:0px;
	margin-left:-60px;
	transform: scaleX(-1);
}

.mmenu .mfooter{
	display:block;
	box-sizing:border-box;
	padding:16px;
	padding-bottom:150px;
	width:100%;
	color:#fff;
	font-size:16px;
}