@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.menu-button { color: #fff; width: 80px; height: 80px; margin: 0; padding: 0; position: absolute; overflow: hidden; }

.menu-button button {
	border: none;
	background: transparent;
	color: #fff;
	padding: 1.5em;
	display: block; 
	cursor: pointer;
	margin: 0;
	font-size: 0.8em;
	width: 80px; height: 80px; display: block;	
}

.menu-button button span { visibility: hidden; position: absolute; }

.menu-button button:hover { }
.menu-button button.active { }

.menu-button button.disabled { pointer-events: none; }

.menu-button button:before {
	  color: #fff;
		font-family: 'fontawesome' !important;
		font-size: 42px; font-style: normal; font-weight: normal; text-align: center;  
    content: "\f0c9";
		position: absolute;
	  top: 20px; left: 0 !important; width: 80px; height: 80px;
	  speak: none;  
 
	 -webkit-font-smoothing: antialiased;
	  padding-left: 0px;
}

.menu-button button.active:before {
	  color: #fff;
		font-family: 'fontawesome' !important;
		font-size: 42px; font-style: normal; font-weight: normal; text-align: center;  
    content: "\f00d";
		position: absolute;
	  top: 20px; left: 0 !important; width: 80px; height: 80px;
	  speak: none;  
 
	 -webkit-font-smoothing: antialiased;
	  padding-left: 0px;
}