html.mmenu-opened {
	width: 100%; height: 100%; overflow: hidden;
}
html.mmenu-opened body {
	width: 100%; height: 100%; overflow: hidden;
}
html.mmenu-opened body {
	position: relative;
}
.mmenu {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; display: none; position: absolute; z-index: 0; -ms-overflow-x: hidden; -ms-overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.mmenu {
	font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 20px; -webkit-text-size-adjust: none;
}
.mmenu * {
	font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 20px; -webkit-text-size-adjust: none;
}
.mmenu ul {
	margin: 0px; padding: 0px; display: block;
}
.mmenu li {
	margin: 0px; padding: 0px; display: block;
}
.mmenu li > a {
	margin: 0px; padding: 0px; display: block;
}
.mmenu li > span {
	margin: 0px; padding: 0px; display: block;
}
.mmenu > ul {
	padding: 10px 0px 40px;
}
.mmenu .mmenu-hidden {
	display: none;
}
html.mmenu-left .mmenu > ul > li {
	padding-right: 65px;
}
html.mmenu-right .mmenu > ul > li {
	padding-left: 65px;
}
html.mmenu-opened .mmenu-opened.mmenu {
	display: block;
}
html.mmenu-opened .mmenu-wrap {
	position: absolute; z-index: 1; min-height: 100%; box-sizing: border-box; box-shadow: 0px 0px 20px rgba(0,0,0,0.8); background-color: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#mmenu-blocker {
	display: none;
}
html.mmenu-opened #mmenu-blocker {
	background: rgba(255, 255, 255, 0.1); top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 2;
}
html.mmenu-opened .mmenu-wrap {
	transition:left 0.5s, right 0.5s, margin 0.5s; -webkit-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease; -moz-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
}
html.mmenu-opened #mmenu-blocker {
	transition:left 0.5s, right 0.5s, margin 0.5s; -webkit-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease; -moz-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
}
html.mmenu-opened.mmenu-left .mmenu-wrap {
	left: 0%; margin-left: 0px;
}
html.mmenu-opened.mmenu-left #mmenu-blocker {
	left: 0%; margin-left: 0px;
}
html.mmenu-opening.mmenu-left .mmenu-wrap {
	left: 100%; margin-left: -65px;
}
html.mmenu-opening.mmenu-left #mmenu-blocker {
	left: 100%; margin-left: -65px;
}
html.mmenu-opened.mmenu-right .mmenu-wrap {
	right: 0%; margin-right: 0px;
}
html.mmenu-opened.mmenu-right #mmenu-blocker {
	right: 0%; margin-right: 0px;
}
html.mmenu-opening.mmenu-right .mmenu-wrap {
	right: 100%; margin-right: -65px;
}
html.mmenu-opening.mmenu-right #mmenu-blocker {
	right: 100%; margin-right: -65px;
}
.mmenu {
	background: rgb(51, 51, 51);
}
.mmenu * {
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
.mmenu li {
	border-width: 1px medium; border-style: solid none; border-color: rgb(68, 68, 68) currentColor rgb(17, 17, 17); border-image: none; position: relative;
}
.mmenu li:first-child {
	border-top-width: 0px;
}
.mmenu li > a {
	line-height: 70px; text-indent: 20px; overflow: hidden; padding-right: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.mmenu li > span {
	line-height: 70px; text-indent: 20px; overflow: hidden; padding-right: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.mmenu li > a {
	color: rgb(153, 153, 153); text-decoration: none;
}
.mmenu li > span {
	color: rgb(153, 153, 153); text-decoration: none;
}
.mmenu li > a:hover {
	color: rgb(153, 153, 153); text-decoration: none;
}
.mmenu li.mmenu-selected > a {
	background: rgb(34, 34, 34);
}
.mmenu li.mmenu-selected > span {
	background: rgb(34, 34, 34);
}
.mmenu li.mmenu-selected > a.mmenu-subopen {
	background: none;
}
.mmenu a.mmenu-subopen {
	padding: 0px; top: 0px; width: 40px; height: 40px; right: 65px; border-left-color: rgb(17, 17, 17); border-left-width: 1px; border-left-style: solid; position: absolute; z-index: 2;
}
html.mmenu-right .mmenu a.mmenu-subopen {
	right: 0px;
}
.mmenu ul ul a.mmenu-subopen {
	right: 0px;
}
.mmenu a.mmenu-fullsubopen.mmenu-subopen {
	width: 100%;
}
.mmenu a.mmenu-subopen + a {
	padding-right: 45px;
}
.mmenu a.mmenu-subopen + span {
	padding-right: 45px;
}
.mmenu a.mmenu-subclose {
	background: rgb(34, 34, 34); text-indent: 40px; padding-top: 10px; margin-top: -10px;
}
.mmenu-vertical.mmenu ul ul {
	padding: 0px 10px 10px; display: none;
}
.mmenu-vertical.mmenu li.mmenu-opened > ul {
	display: block;
}
.mmenu-vertical.mmenu ul ul li:last-child {
	border-bottom-width: 0px;
}
.mmenu-horizontal.mmenu {
	width: 200%;
}
.mmenu-horizontal.mmenu ul {
	transition:margin-left 0.5s; width: 50%; margin-left: 0%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: margin-left 0.5s ease; -moz-transition: margin-left 0.5s ease;
}
.mmenu-horizontal.mmenu ul.mmenu-submenu {
	display: none;
}
.mmenu-horizontal.mmenu ul.mmenu-opened.mmenu-submenu {
	display: block;
}
.mmenu-horizontal.mmenu ul.mmenu-subopened {
	height: 100%; overflow: hidden; margin-left: -50%;
}
.mmenu li.mmenu-label {
	background: rgb(68, 68, 68); color: rgb(204, 204, 204); text-transform: uppercase; line-height: 20px; text-indent: 20px; font-size: 11px;
}
.mmenu em.mmenu-counter {
	background: rgb(85, 85, 85); padding: 0px; border-radius: 5px; top: 10px; height: 20px; text-align: center; right: 105px; color: rgb(153, 153, 153); line-height: 22px; text-indent: 0px; font-size: 11px; font-style: normal; font-weight: bold; display: block; position: absolute; min-width: 20px; box-shadow: 0px 0px 2px rgba(0,0,0,0.3); text-shadow: none;
}
.mmenu em.mmenu-counter + a.mmenu-subopen {
	padding-left: 35px;
}
.mmenu em.mmenu-counter + a.mmenu-subopen + a {
	padding-right: 80px;
}
.mmenu em.mmenu-counter + a.mmenu-subopen + span {
	padding-right: 80px;
}
.mmenu em.mmenu-counter + a.mmenu-fullsubopen + a {
	padding-right: 70px;
}
.mmenu em.mmenu-counter + a.mmenu-fullsubopen + span {
	padding-right: 70px;
}
html.mmenu-right .mmenu em.mmenu-counter {
	right: 40px;
}
.mmenu-vertical.mmenu ul ul em.mmenu-counter {
	right: 40px;
}
.mmenu a.mmenu-subopen::after {
	border-width: medium 4px 4px medium; border-style: none solid solid none; border-color: currentColor rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) currentColor; border-image: none; width: 6px; height: 6px; display: block; position: absolute; content: "";
}
.mmenu a.mmenu-subclose::before {
	border-width: medium 4px 4px medium; border-style: none solid solid none; border-color: currentColor rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) currentColor; border-image: none; width: 6px; height: 6px; display: block; position: absolute; content: "";
}
.mmenu a.mmenu-subopen::after {
	top: 16px; right: 16px; transform: rotate(315deg); -webkit-transform: rotate( 315deg );
}
.mmenu a.mmenu-subclose::before {
	left: 20px; top: 25px; transform: rotate(135deg); -webkit-transform: rotate( 135deg );
}
.mmenu-vertical.mmenu li.mmenu-opened > a.mmenu-subopen::after {
	transform: rotate(45deg); -webkit-transform: rotate( 45deg );
}
html.mmenu-right .mmenu a.mmenu-subclose::before {
	left: 85px;
}
@media all and (min-width:500px)
{
.mmenu-vertical.mmenu {
	width: 500px;
}
html.mmenu-right .mmenu-vertical.mmenu {
	left: auto; right: 0px;
}
.mmenu-horizontal.mmenu {
	width: 1000px;
}
html.mmenu-right .mmenu-horizontal.mmenu {
	left: auto; right: -500px;
}
html.mmenu-opening.mmenu-left .mmenu-wrap {
	left: 500px;
}
html.mmenu-opening.mmenu-left #mmenu-blocker {
	left: 500px;
}
html.mmenu-opening.mmenu-right .mmenu-wrap {
	right: 500px;
}
html.mmenu-opening.mmenu-right #mmenu-blocker {
	right: 500px;
}
}