/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */:root{
	--mm-ocd-width:80%;
	--mm-ocd-min-width:200px;
	--mm-ocd-max-width:250px
}
body.mm-ocd-opened{
	overflow-y:hidden;
	-ms-scroll-chaining:none;
	overscroll-behavior:none
}
.mm-ocd{
	position:fixed;
	top:0;
	right:0;
	bottom:100%;
	left:0;
	z-index:9999;
	overflow:hidden;
	-ms-scroll-chaining:none;
	overscroll-behavior:contain;
	background:rgba(0,0,0,0);
	-webkit-transition-property:bottom,background-color;
	-o-transition-property:bottom,background-color;
	transition-property:bottom,background-color;
	-webkit-transition-duration:0s,.3s;
	-o-transition-duration:0s,.3s;
	transition-duration:0s,.3s;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-delay:.45s,.15s;
	-o-transition-delay:.45s,.15s;
	transition-delay:.45s,.15s
}
.mm-ocd--open{
	bottom:0;
	background:rgba(0,0,0,0.25);
	-webkit-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s
}
.mm-ocd__content{
	position:absolute;
	top:0;
	bottom:0;
	z-index:2;
	width:80%;
	width:var(--mm-ocd-width);
	min-width:200px;
	min-width:var(--mm-ocd-min-width);
	max-width:250px;
	max-width:var(--mm-ocd-max-width);
	background:#fff;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform;
	-webkit-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease
}
.mm-ocd--left .mm-ocd__content{
	left:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
.mm-ocd--right .mm-ocd__content{
	right:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
.mm-ocd--open .mm-ocd__content{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.mm-ocd__backdrop{
	position:absolute;
	top:0;
	bottom:0;
	z-index:3;
	width:calc(100% - 80%);
	width:calc(100% - var(--mm-ocd-width));
	min-width:calc(100% - 250px);
	min-width:calc(100% - var(--mm-ocd-max-width));
	max-width:calc(100% - 200px);
	max-width:calc(100% - var(--mm-ocd-min-width));
	background:rgba(3,2,1,0)

}
.mm-ocd--left .mm-ocd__backdrop{
	right:0
}
.mm-ocd--right .mm-ocd__backdrop{
	left:0
}
.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{
	display:block;
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
:root{
	--mm-spn-item-height:50px;
	--mm-spn-item-indent:20px;
	--mm-spn-line-height:24px
}
.mm-spn{
	width:100%;
	height:100%;
	-webkit-tap-highlight-color:transparent;
	-webkit-overflow-scrolling:touch;
	overflow:hidden;
	-webkit-clip-path:inset(0 0 0 0);
	clip-path:inset(0 0 0 0);
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
.mm-spn ul{
	-webkit-overflow-scrolling:touch;
	position:fixed;
	top:0;
	left:100%;
	bottom:0;
	z-index:2;
	width:130%;
	padding-right:30%;
	line-height:24px;
	line-height:var(--mm-spn-line-height);
	overflow:visible;
	overflow-y:auto;
	background:inherit;
	-webkit-transition:left .3s ease 0s;
	-o-transition:left .3s ease 0s;
	transition:left .3s ease 0s;
	cursor:default
}
.mm-spn ul:after{
	content:"";
	display:block;
	height:50px;
	height:var(--mm-spn-item-height)
}
.mm-spn>ul{
	left:0
}
.mm-spn ul.mm-spn--open{
	left:0
}
.mm-spn ul.mm-spn--parent{
	left:-30%;
	overflow-y:hidden
}
.mm-spn li{
	position:relative;
	background:inherit;
	cursor:pointer
}
.mm-spn li:before{
	content:"";
	display:block;
	position:absolute;
	top:25px;
	top:calc(var(--mm-spn-item-height)/3);
	right:25px;
	
	z-index:0;
	width:5px;
	height:5px;
	border-top:2px solid #111111;
	border-right:2px solid  #111111;
	-webkit-transform:rotate(45deg) translate(0,-50%);
	-ms-transform:rotate(45deg) translate(0,-50%);
	transform:rotate(45deg) translate(0,-50%);
}
.mm-spn li:after{
	content:"";
	display:block;
	margin-left:20px;
	margin-left:var(--mm-spn-item-indent);
	border-top:0px solid;
	opacity:.15
}
.mm-spn a,.mm-spn span{
	position:relative;
	z-index:1;
	padding:5px 5px 5px 25px;
	/*padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)*/
	color: #111111;
	font-size: 16px;
}

.mm-spn a:first-letter,.mm-spn span:first-letter{
	text-transform: uppercase;
	
}

.mm-spn a{
	background:inherit;
	color:inherit;
	text-decoration:none
}
.mm-spn a:not(:last-child){
	width:calc(100% - 50px);
	width:calc(100% - var(--mm-spn-item-height))
}
.mm-spn a:not(:last-child):after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	border-right:0px solid;
	opacity:.15
}
.mm-spn span{
	background:0 0
}
.mm-spn.mm-spn--navbar{
	cursor:pointer
}
.mm-spn.mm-spn--navbar:before{
	content:'';
	display:block;
	position:absolute;
	top:25px;
	top:calc(var(--mm-spn-item-height)/ 2);
	left:25px;
	/*left:var(--mm-spn-item-indent);*/
	width:6px;
	height:6px;
	margin-top:2px;
	border-top:2px solid #111111;
	border-left:2px solid #111111;
	-webkit-transform:rotate(-45deg) translate(50%,-50%);
	-ms-transform:rotate(-45deg) translate(50%,-50%);
	transform:rotate(-45deg) translate(50%,-50%);
	opacity: 1;
}

.mm-spn.mm-spn--navbar.mm-spn--main{
	cursor:default
}

.mm-spn.mm-spn--navbar.mm-spn--main:before{
	display: none;
}
.mm-spn.mm-spn--navbar.mm-spn--main .test{
	cursor: pointer;
	content:'\00d7';
	display:block;
	position:absolute;
	top:15px;
	background-color: #fff;
	left:22px;
	text-align: center;
	/*left:var(--mm-spn-item-indent);*/
	width:18px;
	height:18px;
	margin-top:0px;
	border-top:0px solid #111111;
	border-left:0px solid #111111;
	-webkit-transform:rotate(-0deg) translate(0%,-0%);
	-ms-transform:rotate(-0deg) translate(0%,-0%);
	transform:rotate(-0deg) translate(0%,-0%);
	opacity: 1;
	font-size: 30px;
	color: #111111;
	z-index: 10000;
}


.mm-spn.mm-spn--navbar .test{
	display: none;
}
.mm-spn.mm-spn--navbar:after{
	content:attr(data-mm-spn-title);
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50px;
	height:var(--mm-spn-item-height);
	padding:0 40px;
	padding:0 calc(var(--mm-spn-item-indent) * 2);
	line-height:50px;
	line-height:var(--mm-spn-item-height);
	opacity:1;
	text-align: left;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	color:#111111;
	font-size: 14px;
}
.mm-spn.mm-spn--navbar.mm-spn--main:after{
	padding-left:25px;
	/*padding-left:var(--mm-spn-item-indent)*/
}
.mm-spn.mm-spn--navbar ul{
	top:51px;
	top:calc(var(--mm-spn-item-height) + 1px)
}
.mm-spn.mm-spn--navbar ul:before{
	content:'';
	display:block;
	position:fixed;
	top:inherit;
	z-index:2;
	width:100%;
	border-top:0px solid currentColor;
	opacity:.15
}
.mm-spn.mm-spn--light{
	color:#111111;
	background:#f3f3f3
}
.mm-spn.mm-spn--dark{
	color:#ddd;
	background:#333
}
.mm-spn.mm-spn--vertical{
	overflow-y:auto
}
.mm-spn.mm-spn--vertical ul{
	width:100%;
	padding-right:0;
	position:static
}
.mm-spn.mm-spn--vertical ul ul{
	display:none;
	padding-left:20px;
	padding-left:var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--vertical ul ul:after{
	height:25px;
	height:calc(var(--mm-spn-item-height)/ 2)
}
.mm-spn.mm-spn--vertical ul.mm-spn--open{
	display:block
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{
	-webkit-transform:rotate(135deg) translate(-50%,0);
	-ms-transform:rotate(135deg) translate(-50%,0);
	transform:rotate(135deg) translate(-50%,0)
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{
	content:none;
	display:none
}