.mp__overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.mp__panel{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:101;
	padding:0 5px 0 5px;
	text-align:center;
	background:#666;
	display:none;
}
.mp__panel:after{
	content:'';
	display: table;
	clear: both;
}

.mp__button-main{
	width:34px;
	height:34px;
	margin:3px;
	background:none;
	border:none;
	padding:4px;
	border-radius:3px;
	cursor:pointer;
	outline:none;
	float:right;
}
.mp__line{position:relative;display:block;}
.mp__line:after,
.mp__line:before{content:"";position:absolute;left:0;top:-9px;}
.mp__line:after{top:9px;}
.mp__line,
.mp__line:after,
.mp__line:before{
	width:100%;
	height:2px;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	border-radius:2px;
	background-color:#fff;
}

.mp__button-main.mp--on .mp__line{background-color:transparent;}
.mp__button-main.mp--on .mp__line:before{-webkit-transform:rotate(45deg) translate(6px, 7px);transform:rotate(45deg) translate(6px, 7px);}
.mp__button-main.mp--on .mp__line:after{-webkit-transform:rotate(-45deg) translate(6px, -7px);transform:rotate(-45deg) translate(6px, -7px);}



.mp__button-text{
	margin:6px 6px 3px 3px;
	background:none;
	border:solid 1px #fff;
	padding:6px 4px;
	border-radius:3px;
	cursor:pointer;
	outline:none;
	font-size:14px;
	float:left;
	color:#fff;
}

.mp__button-text--center{
	float: none;

}

.mp--hide{
	display: none;
}




@media only screen and (max-width : 980px) {

	.mp__overlay.mp--on {
		display: block;
	}
	.mp__panel {display: block;} 

	body{
		padding-top: 40px;
	}









}