.nav-header
{
	text-align: center;
	background: #777;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
  position: fixed;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	padding: 0 50px;
	z-index:9999;
}


.nav-header a
{
	background: center center no-repeat transparent;
	/*background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );*/
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}

.nav-header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}


	#hamburger{display: block;width: 40px;height: 36px;margin: 20px;position: fixed;top: -18px;left: 0;z-index: 2;}
	#hamburger:before,
	#hamburger:after,
	#hamburger span{background: #fff ;content: '';display: block;width: 30px;height: 6px;position: absolute;left: 5px;}
	#hamburger:before{top: 5px;}
	#hamburger:after{bottom: 5px;}
	#hamburger span{top: 50%;margin-top: -3px;}
	
	/* Hamburger animation */
	#hamburger:before,
	#hamburger:after,
	#hamburger span{transition: none 0.5s ease 0.5s;transition-property: transform, top, bottom, left, opacity;}
	html.mm-opening #hamburger span{left: -50px;opacity: 0;}
	html.mm-opening #hamburger:before{transform: rotate( 45deg );top: 15px;}
	html.mm-opening #hamburger:after{transform: rotate( -45deg );bottom: 15px;}