/* General styles for all menus */
div#navigation-mobile nav.cbp-spmenu {
	background: #6c6d6f;
	/*position: fixed;*/
	position: absolute;
}

div#navigation-mobile nav.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 2.2em;
	padding-left: 3px;
}

div#navigation-mobile nav.cbp-spmenu a:hover {
	background: #b6b7b7;
}

div#navigation-mobile nav.cbp-spmenu a:active {
	background: #afdefa;
	color: #6c6d6f;
}
/* Orientation-dependent styles for the content of the menu */
div#navigation-mobile nav.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 9999;
}

div#navigation-mobile nav.cbp-spmenu-vertical a {
	border-bottom: 1px solid #ffffff;
}

div#navigation-mobile nav.cbp-spmenu-vertical ul.sublevel a {
	border-bottom: none;
}

/* Vertical menu that slides from the left or right */
div#navigation-mobile nav.cbp-spmenu-left {
	left: -240px;
	z-index: 99999;
}

div#navigation-mobile nav.cbp-spmenu-open {
	left: 0px;
}


/* Push classes applied to the body */
.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

div#navigation-mobile nav.cbp-spmenu-push-toright {
	left: 240px;
}

div#navigation-mobile nav.cbp-spmenu-push-toleft {
	left: -240px;
}
    
/* Transitions */
div#navigation-mobile nav.cbp-spmenu,
div#navigation-mobile nav.cbp-spmenu-push {
 transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99) ease;
 transition: transform .2s cubic-bezier(.16, .68, .43, .99) ease;
 transition: transform .2s cubic-bezier(.16, .68, .43, .99) ease, -webkit-transform .2s cubic-bezier(.16, .68, .43, .99) ease;
}


@media screen and (max-height: 10px) {
	div#navigation-mobile nav.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	div#navigation-mobile nav.cbp-spmenu-left,
    div#navigation-mobile nav.cbp-spmenu-push-toleft {
		left: -190px;
	}
	
	div#navigation-mobile nav.cbp-spmenu-right {
		right: -190px;
	}

	div#navigation-mobile nav.cbp-spmenu-push-toright {
		left: 190px;
	};
}