/*
**
*/


/****************************************/


.om-menu-inner {
	font-size: 14px;
	position:relative;
	z-index:9999999;
}
	.om-menu-inner ul {
		list-style:none;
		margin:0;
		padding:0;
		border-top: 1px solid #464646;
	}
		.om-menu-inner li {
			border-bottom: 1px solid #464646;
			border-top: 1px solid #242424;
		}
			.om-menu-inner li > span {
				display:block;
				color: #606060;
				background: #202020;
				padding: 1em 2em;
			}
			.om-menu-inner a,
			.om-menu-inner a:visited {
				display: block;
				color: #ccc;
				padding: 0.75em 1em;
				text-decoration:none;
			}
			.om-menu-inner a:hover {
				color: #ccc;
				background: none;
				text-decoration:none;
			}
			.om-menu-inner a:active {
				color: #fff;
				background: #444;
			}
			.om-menu-inner a.om-touched {
				color: #fff;
				background: #444;
			}
	.om-menu-inner ul ul a {
		padding-left: 3em;
	}
	.om-menu-inner ul ul ul a {
		padding-left: 5em;
	}
		.om-menu-inner ul ul li:last-child {
			border-bottom:0;
		}
	.om-menu-inner p {
		text-align:center;
		margin: 0;
		padding: 1em 0;
	}


/****************************************/

.om-container,
.om-pusher {
	height: 100%;
}

.om-container {
	position:relative;
	overflow:hidden;
}

.om-pusher {
	position:relative;
	left:0;
	z-index: 99;
	height: 100%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	background: #fff;
}

.om-push-me {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.noscroll {
	position:fixed;
	overflow:hidden;
}

.om-menu-icon {
	float:left;
	display:block;
	position:absolute;
	top:0;
	left:2%;
	width:10%;
	height:100%;
	background: url('./img/om_menu_button.png') center center no-repeat;
	text-indent:-9999px;
}
.om-menu-icon-linechecker {
	left: auto;
	right: 2%;
	background: none;
	background-size: contain;
}

.om-menu {
	position: fixed;
	top: 0;
	z-index: 100;
	visibility: hidden;
	width: 240px;
	height: 100%;
	opacity: 1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	
	overflow: auto;

	color: #ccc;
	background: #333;
	-webkit-box-shadow: rgba(0, 0, 0, 0.247059) -1.5em 0 1.5em -0.75em inset;
	box-shadow: rgba(0, 0, 0, 0.247059) -1.5em 0 1.5em -0.75em inset;

	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
	.om-menu-inner {
	}
	.om-menu.om-menu-left {
		left: 0;
	}
	.om-menu.om-menu-right {
		right:0;
		-webkit-box-shadow: rgba(0, 0, 0, 0.247059) 1.5em 0 1.5em -0.75em inset;
		box-shadow: rgba(0, 0, 0, 0.247059) 1.5em 0 1.5em -0.75em inset;
	}

/* Effect 1: Slide in on top */
.om-effect-1.om-menu {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
	.om-effect-1.om-menu.om-menu-right {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	.om-effect-1.om-menu.om-menu-top {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	.om-effect-1.om-menu.om-menu-bottom {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
.om-effect-1.om-menu-open .om-effect-1.om-menu.om-open-this {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}


/* Effect 2: Reveal */
.om-effect-2.om-menu-open .om-pusher,
.om-effect-2.om-menu-open .om-push-me {
	-webkit-transform: translate3d(240px, 0, 0);
	transform: translate3d(240px, 0, 0);
}
	.om-effect-2.om-menu {
		z-index: 1;
	}
	.om-effect-2.om-menu-open.om-push-left .om-pusher {
		-webkit-transform: translate3d(240px, 0, 0);
		transform: translate3d(240px, 0, 0);
	}
	.om-effect-2.om-menu-open.om-push-right .om-pusher {
		-webkit-transform: translate3d(-240px, 0, 0);
		transform: translate3d(-240px, 0, 0);
	}
	.om-effect-2.om-menu-open.om-push-right .om-push-me {
		-webkit-transform: translate3d(-240px, 0, 0);
		transform: translate3d(-240px, 0, 0);
	}
	.om-effect-2.om-menu-open.om-push-top .om-pusher {
		-webkit-transform: translate3d(0, 240px, 0);
		transform: translate3d(0, 240px, 0);
	}
	.om-effect-2.om-menu-open.om-push-bottom .om-pusher {
		-webkit-transform: translate3d(0, -240px, 0);
		transform: translate3d(0, -240px, 0);
	}
.om-effect-2.om-menu-open .om-effect-2.om-menu.om-open-this {
	visibility: visible;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}


/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .om-pusher,
.no-js .om-pusher {
	/* padding-left: 240px; */
	padding-left: 0px;
	padding-right: 0px;
}


/* Scroller styles */
.om-scrollbarV {
	position:absolute;
	z-index:100;
	width:8px;bottom:7px;top:2px;right:1px
}
	.om-scrollbarV > div {
		position:absolute;
		z-index:100;
		width:100%;
		opacity: 0.75;
		position:absolute;
		z-index:100;
		width:100%;
	
		background: #333;
		border:0px solid #333;
	
		-webkit-background-clip:padding-box;
		-moz-background-clip:padding-box;
		-o-background-clip:padding-box;
		background-clip:padding-box;
		
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
		
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-o-border-radius:4px;
		border-radius:4px;
	}




