html, body, .scroller {max-height:100%;min-height:100%}
#mp-menu {display:block}
.scroller {overflow-y:scroll}
.scroller, .scroller-inner {position:relative}
.container {
	position:relative;
	overflow:hidden
}
.menu-trigger {display:none;position:absolute;width:2rem;height:2rem}
.mp-pusher {
	position:relative;
	right:0;
	height:100%
}
.mp-menu {
	position:absolute;
	top:0;
	right:0;
	text-align:left;
	z-index:1;
	width:300px;
	height:100%;
	-webkit-transform:translate3d(100%,0,0);
	-moz-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
}
.mp-level {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--header-top);
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0);
}
.mp-level button {
	background:#1976D2;
	background:var(--header);
	color:#fff;
	padding:.2rem;
	border:0;
	border-radius:var(--colt);
	font-size:1.2rem;
	-moz-transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1) 0s;
	-webkit-transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1) 0s;
	-o-transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1) 0s;
	transition:box-shadow .2s cubic-bezier(.4, 0, .2, 1) 0s;
}
.mp-level li .searchmenunav {
	border:1px solid #eee!important;
	border-radius:1.5rem;
	box-shadow:inset 0 -1px rgba(0,0,0,.1);
}
.mp-level li .searchmenunav:hover {border:1px solid #fff!important}
.mp-level li .searchmenunav svg {height:32px;margin:0;width:32px}
.mp-level input {
	background:var(--header-top) !important;
	border:0 !important;
	color:#fff!important;
	margin:0 0 0 3px;
	outline:medium none;
	padding:.1rem;
	height:100%;
	width:200px
}
.mp-level input:hover,.mp-level input:focus {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none
}
.mp-level li svg {fill:#eee!important}
.mp-level li .social svg {height:20px;margin:0;width:20px}
.mp-pusher::after, .mp-level::after, .mp-level::before {
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	content:'';
	opacity:0;
}
.mp-pusher::after, .mp-level::after {
	background:rgba(0,0,0,.7);
	-webkit-transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition:opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {z-index:-1}
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	transition:opacity 0.3s;
	z-index:1;
}
.mp-level.mp-level-overlay {cursor:pointer}
.mp-level.mp-level-overlay.mp-level::before {
	width:100%;
	height:100%;
	background:transparent;
	opacity:1;
}
.mp-pusher, .mp-level {
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;
	z-index:2
}
.mp-overlap .mp-level.mp-level-open {
	box-shadow:1px 0 2px rgba(0,0,0,.2);
	-webkit-transform:translate3d(-40px,0,0);
	-moz-transform:translate3d(-40px,0,0);
	transform:translate3d(-40px,0,0);
}
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow:none;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform:translate3d(100%, 0, 0);
	-moz-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0);
}
.mp-menu ul {
	display:block;
	list-style:none;
	margin:0;
	padding:0
}
.mp-menu p {
	margin:0;
	color:#fff;
	font-weight:300;
	font-size:2rem;
	padding:1rem;
	text-shadow:0 0 1px rgba(0,0,0,.1);
}
.mp-menu.mp-overlap p::before {
	position:absolute;
	top:0;
	right:0;
	margin-right:8px;
	font-size:75%;
	line-height:1.8;
	opacity:0;
	-webkit-transition:opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition:opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition:opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
}
.mp-menu.mp-cover p {
	font-weight:300;
	font-size:.875rem;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:left;
}
.mp-overlap .mp-level.mp-level-overlay > p::before {
	opacity:1;
	-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
	-moz-transition:-moz-transform 0.3s, opacity 0.3s;
	transition:transform 0.3s, opacity 0.3s;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	transform:translateX(0);
}
.mp-menu ul li > a, .mp-menu ul li [class^='col-'] {
	color:#fff;
	display:block;
	outline:none;
	box-shadow:inset 0 -1px rgba(0,0,0,.1);
	font-size:1rem;
	font-weight:300;
	line-height:1;
	padding:.8rem 1rem .8rem 1.5rem;
	text-shadow:0 0 1px rgba(255,255,255,.1);
	text-transform:uppercase;
}
.mp-level .theme-switch::before {
	display:inline-block;
	font-size:1.2rem;
	margin:0;
	padding:.25rem .5rem 0 0
}
.mp-menu ul li .theme-switch::after {content:""!important}
.mp-menu ul li::before, .mp-menu ul li.dark::before {
	color:rgba(255,255,255,.68);
	margin:.75rem 0;
	position:absolute;
	right:1rem;
	width:.875rem;
	z-index:-1
}
.mp-level > ul > li:first-child > a {box-shadow:inset 0 -1px rgba(0,0,0,.1), inset 0 1px rgba(0,0,0,.1)}
.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover, .mp-level > ul > li.active {
	background:rgba(0,0,0,.2);
	box-shadow:inset 0 -1px rgba(0,0,0,0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow:inset 0 -1px rgba(0,0,0,0)
}
.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow:inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0)
}
.mp-back {
	background:rgba(0,0,0,.1);
	outline:none;
	color:#fff !important;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:300;
	display:block;
	font-size:.75rem;
	padding:1rem 1.2rem;
	position:relative;
	box-shadow:inset 0 1px rgba(0,0,0,.1);
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
	text-align:right
}
.mp-back::after {
	color:#eee;
	height:1.4rem;
	width:1.4rem;
	font-size:1.2rem;
	content:"←";
	position:absolute;
	left:1.2rem;
	top:.4rem
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background:transparent;
	box-shadow:none;
	color:transparent
}
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher {padding-left:0;}
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level {display:none;}
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level {display:block;}
.mp-close {
	color:rgba(255,255,255,.68) !important;
	display:block;
	font-size:1.5rem;
	outline:medium none;
	padding:.4rem 1rem;
	position:absolute;
	right:1px;
	top:1px;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s ease 0s;
}
.mp-close:hover  {
	background:#f44336;
	color:#fff;
	top:1px;
	right:1px
}
.inainte::before {content:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 20c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l8.646-8.646-8.646-8.646c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l9 9c0.195 0.195 0.195 0.512 0 0.707l-9 9c-0.098 0.098-0.226 0.146-0.354 0.146z'%3E%3C/path%3E%3C/svg%3E")}
@media only screen and (max-width:320px) {
	.meniu_top p {border-bottom:none}
}