/*
**
*/

@charset "UTF-8";
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

.om-container { z-index: 1; position: relative; }
.om-active body { overflow-x: hidden; overflow:hidden; }

.om-menu-container {
	font-size: 0.875em;
	display:none;
	position: fixed;
	z-index:2;
	overflow-y: scroll;
	overflow-x: hidden; 
	top: 0; 
	left: -140px;
	width: 240px; 
	height: 100%; 
	background: #777;
	-webkit-overflow-scrolling:true;
	/*
	-webkit-box-shadow: inset -6.5em 0 7.5em -6.75em rgba(0, 0, 0, 0.25); 
	-moz-box-shadow: inset -6.5em 0 7.5em -6.75em rgba(0, 0, 0, 0.25); 
	box-shadow: inset -6.5em 0 7.5em -6.75em rgba(0, 0, 0, 0.25); 
	*/
}
	.om-menu-container .inner {
		-webkit-overflow-scrolling:true;
	}
	.om-menu-container ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		.om-menu-container li {
			margin:0;
			padding:0;
			border-top: 1px solid rgba(255, 255, 255, 0.1);
		}
		.om-menu-container li:last-child {
			border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
		}
	.om-menu-container a,
	.om-menu-container a:visited {
		display:block;
		color: #fff;
		text-decoration:none;
		padding:0.75em 1em;
	}
	.om-menu-container ul:first-child > li > a {
		background: #545454;
	}
	.om-menu-container ul ul {
		display:none;
	}
	.om-menu-container li a:hover {
		background: #005DB5;
	}
	.om-menu-container li.open ul {
		display:block;
	}
	.om-menu-container a.selected {
		color: #fff;
		background: #656565;
	}
	.om-menu-container ul ul a {
		padding-left: 1.5em;
	}
		.om-menu-container ul ul li:last-child {
			border-bottom:0;
		}

.om_menu_button {
	float:left;
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:10%;
	height:100%;
	background: url('./img/om_menu_button.png') center center no-repeat;
}

.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;
}

@media screen and (max-width: 961px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 

	.om_menu_button {
		display:block;
	}

	.om-advanced .om-container,
	.om-advanced .mobileheader,
	.om-advanced .om-menu-container,
	.om-advanced .om-object { 
		-webkit-transition: -webkit-transform 500ms ease; 
		-moz-transition: -moz-transform 500ms ease; 
		-o-transition: -o-transform 500ms ease; 
		transition: transform 500ms ease; 
		-webkit-transform: translate3d(0, 0, 0); 
		-moz-transform: translate3d(0, 0, 0); 
		-ms-transform: translate3d(0, 0, 0); 
		-o-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0); 
		-webkit-backface-visibility: hidden; 
		-moz-backface-visibility: hidden; 
		-ms-backface-visibility: hidden; 
		-o-backface-visibility: hidden; 
		backface-visibility: hidden;
	}
	.om-advanced .om-container {
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
	.om-advanced .om-menu-container { 
		display: block;
		left: 0px; 
		-webkit-transform: translate3d(-240px, 0, 0); 
		-moz-transform: translate3d(-240px, 0, 0); 
		-ms-transform: translate3d(-240px, 0, 0); 
		-o-transform: translate3d(-240px, 0, 0); 
		transform: translate3d(-240px, 0, 0); 
		-webkit-backface-visibility: hidden; 
		-moz-backface-visibility: hidden; 
		-ms-backface-visibility: hidden; 
		-o-backface-visibility: hidden; 
		backface-visibility: hidden;
	}
		.om-advanced .om-menu-container .inner {
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); 
			opacity: 0.7; 
			-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; 
			-webkit-transition-delay: ease, 0s; 
			-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; 
			-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; 
			transition: opacity 300ms 100ms ease, transform 500ms ease; 
			-webkit-transform-origin: 100% 50%; 
			-moz-transform-origin: 100% 50%; 
			-ms-transform-origin: 100% 50%; 
			-o-transform-origin: 100% 50%; 
			transform-origin: 100% 50%; 
			-webkit-transform: translate3d(70%, 0, 0) scaleX(0.9) scaleY(0.9); 
			-moz-transform: translate3d(70%, 0, 0) scaleX(0.9) scaleY(0.9); 
			-ms-transform: translate3d(70%, 0, 0) scaleX(0.9) scaleY(0.9); 
			-o-transform: translate3d(70%, 0, 0) scaleX(0.9) scaleY(0.9); 
			transform: translate3d(70%, 0, 0) scaleX(0.9) scaleY(0.9);
		}
	
	.om-advanced.om-active .om-container {
	}
	.om-advanced.om-active .om-container,
	.om-advanced.om-active .mobileheader,
	.om-advanced.om-active .om-object { 
		-webkit-transform: translate3d(240px, 0, 0); 
		-moz-transform: translate3d(240px, 0, 0); 
		-ms-transform: translate3d(240px, 0, 0); 
		-o-transform: translate3d(240px, 0, 0); 
		transform: translate3d(240px, 0, 0);
	}
	.om-advanced.om-active .om-menu-container .inner { 
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
		opacity: 1; 
		-webkit-transform: translate3d(0, 0, 0); 
		-moz-transform: translate3d(0, 0, 0); 
		-ms-transform: translate3d(0, 0, 0); 
		-o-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0);
	}
	.om-advanced.om-active .om-menu-container { 
		-webkit-transform: translate3d(0px, 0, 0); 
		-moz-transform: translate3d(0px, 0, 0); 
		-ms-transform: translate3d(0px, 0, 0); 
		-o-transform: translate3d(0px, 0, 0); 
		transform: translate3d(0px, 0, 0); 
	}

}