nav:not(.mm-menu)
{
	/*display: none;*/
}


.header
{
	background: #efefef;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100%;
	height: 0px;
	padding: 0 50px;
}

@media (max-width: 355px) {
.header
{

	height: 0px;
	
}
}

.header.mm-slideout
{
	position: fixed;
	top: 0;
	left: 0;
}
.header a
{
	color:black;
	font-size:20px;
	
	position: absolute;
	top: 10px;
	left: 10px;
	display: none;
}

@media (max-width: 1000px) {
.header a
{

	display: block;
}

}

.header.mm-fixed + .content
{
	background-position: 25px 55px;
}



html.mm-opened.mm-effect-zoom-menu body
{
	background: #f3f3f3;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-dark body
{
	 background: #333;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-black body
{
	background: #000;
}
html.mm-opened.mm-effect-zoom-menu.mm-theme-white body
{
	background: #fff;
}
html.mm-opened.mm-effect-zoom-menu .mm-page
{
	background-color: #fff;
}

.mm-menu:not( .mm-offcanvas )
{
	z-index: 10;
}
.mm-menu:not( .mm-offcanvas ) + #page
{
	display: none;
}
.mm-menu li .fa
{
	margin: 0 20px 0 5px;
	font-size: 16px;
	width: 12px;
	text-align: center;
}
.mm-tileview li[class*="mm-tile"] .fa
{
	margin: 0;
	line-height: 0;
}
.mm-tileview li[class*="mm-tile"] .fa + span
{
	display: none;
}

.mm-menu .buttonbar-item:after
{
	content: none !important;
	display: none !important;
}


/* */ 

.mm-menu.mm-theme-black {
				background: #f29400;
				/*background: linear-gradient(135deg, #f99 10%,#c6f 90%);*/
			}
			.mm-menu > .mm-navbars-top
			{
				background: rgba( 255, 255, 255, 0.2 );
			}
			.mm-panels,
			.mm-panels > .mm-panel {
				background: none;
			}
			.mm-navbar.mm-hasbtns {
				border: none;
				padding-left: 0 !important;
			}
			
			.mm-panels > .mm-panel::before
			{
				height: 40px;font-size:55px;
			}
			.mm-listview li > a,
			.mm-listview li > span {
				color: rgba( 255, 255, 255, 1 );
				font-size:14px;
				
				
			}
			
 
			
			.mm-listview > li > a,
			.mm-listview > li > span {
				font-size: 16px;
				padding: 15px 10px 15px 40px;
				
			}
			.mm-listview > li > a:hover {
				background: rgba( 255, 255, 255, 0.1 );
				
			}
			.mm-listview .mm-inset {
				padding-left: 50px;
			}
			.mm-listview .mm-inset a:hover {
				text-decoration: underline;
			}
			
			.mm-theme-black.mm-menu .mm-btn::after, .mm-theme-black.mm-menu .mm-btn::before {
			   border-color: rgba(255,255,255,1);
			   
			   
			}