.mml1 ul{
line-height:1em;margin:0px;padding:0px;list-style:none;
}

@media all and (min-width: 720px) {


.rmm{
  display: flex;
  justify-content: center;
  align-items: center;

}

#rmm-toggled-controls{
display:none;
}

.mml2{
  display: flex;
  justify-content: center;
  align-items: center;
}

.mml1 ul.menu--level-1{
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
margin:0px 0px;
}

.menu--level-1 ul{
    left: -99999em;
    top: -99999em;
    position: absolute;
 max-width:500px;
    min-width: 100%;
white-space: nowrap;
}

li.mfocus > ul.menu--level-2,
li.mhover > ul.menu--level-2,
li a:focus + ul.menu--level-2,
li a:hover + ul.menu--level-2,
li:hover > ul.menu--level-2{
left:0px;top:40px;z-index: 498;
}


li.mfocus > ul.menu--level-3,
li.mhover > ul.menu--level-3,
li a:focus + ul.menu--level-3,
li a:hover + ul.menu--level-3,
li:hover > ul.menu--level-3{
left:100%; 
top: -10px;
}


.mml1 ul.menu--level-3,
.mml1 ul.menu--level-2{
  background: #fff;
border-top:5px solid rgba(255,212,77,1);
border-bottom:5px solid rgba(255,212,77,1);
   text-align: left;
  padding:0px; 
-webkit-box-shadow: 0px 27px 27px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 27px 27px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 27px 27px 0px rgba(0, 0, 0, 0.1);
}

.menu__item--level-1{
	display:inline-block;
	vertical-align:middle;
	margin: 0px 20px 0px ;
	padding: 0px 0px 0px 0px;
	position: relative;
	font-size: var(--menusize);
	line-height: 1.2em;
}


span.menu__link,
a.menu__link{
text-transform:uppercase;
	text-decoration: none;
	display: block;
	position:relative;
	-webkit-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-moz-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-o-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-ms-transition: .3s color ease-in-out,  .3s background ease-in-out;
	transition: .3s color ease-in-out,  .3s background ease-in-out;

}

span.menu__link--level-1,
a.menu__link--level-1{
	color: var(--link); 
	padding: 5px 0px 5px;font-weight: 400;
}

span.menu__link--level-1.menu__link--active-trail,
span.menu__link--level-1.is-active,
a.menu__link--level-1.menu__link--active-trail,
a.menu__link--level-1.is-active{
color:var(--linkhhover);
}


li:hover span.menu__link--level-1,
span.menu__link--level-1:focus,
span.menu__link--level-1:hover,
li:hover a.menu__link--level-1,
a.menu__link--level-1:focus,
a.menu__link--level-1:hover{
color:var(--linkhhover);
}


.menu--level-2 li{
	text-align:left;
	display: block;
	position: relative;padding:0px;margin:0px;
}

.menu--level-2 li:last-child{border:none;}

.menu--level-2 a{
  color: var(--link);
    font-size: 0.9em;
    line-height: 1em;
    padding: 10px 10px;
    font-weight: 400;
}

.menu--level-2 a.menu__link--active-trail,
.menu--level-2 a.is-active{
color:var(--linkhhover);
}

 li.menu__item--level-2:hover .menu--level-2 ,
.menu--level-2 a:focus,
.menu--level-2 a:hover{
color:var(--linkhhover);
}


.rmm-fixed.oblibene{
}

}


@media all and (max-width: 720px) {

 .shade{
opacity:0;
}

.mactive .shade{
content:"";display:block;
position:fixed;top:0px;left:0px;width:100%;height:100%;
background:#fff;
opacity:0.65;
z-index: 10000;
   -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}



/*=================================
	button
=================================*/




.rmm-toggled-controls{
	z-index: 10001;
	position:absolute;
	    right: 10px;
    top: -10px;
display:block;text-decoration:none;
	cursor: pointer; 
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	-ms-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	padding: 0px ;
}



.rmm-button {
    position: relative;
    display: inline-block;vertical-align:middle;
    height: 60px;
    width: 60px;
-webkit-transition: .3s all ease-in-out;
-moz-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
-ms-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
.rmm-button span {
	background:var(--link);
	top: 50%;
	position: absolute;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 30px; 
	height:3px;
	-moz-transition:  all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition:  all .2s ease-in;
	-webkit-transition:  all .2s ease-in;
	transition: all .2s ease-in;
	display: block;left:15px;
}
.rmm-button  .icon-bar.top {
	margin-top: -9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.last {
	margin-top: 9px;
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.rmm-button  .icon-bar.mid {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mactive .rmm-button .icon-bar.mid {
	opacity: 0;
	filter: alpha(opacity=0);
}
.mactive .rmm-button  .icon-bar.top {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(45deg);
	-o-transform:  translateY(-50%) rotate(45deg);
	-ms-transform:  translateY(-50%) rotate(45deg);
	-webkit-transform:  translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.mactive .rmm-button .icon-bar.last {
	margin-top: 0;
	-moz-transform:  translateY(-50%) rotate(-45deg);
	-o-transform:  translateY(-50%) rotate(-45deg);
	-ms-transform:  translateY(-50%) rotate(-45deg);
	-webkit-transform:  translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg); 
}

.mactive .rmm-button span {
	background:#000;
}


/*=================================
	obal
=================================*/



.mml1{
    width: 100vw;
    position: absolute;
    top: -100vh;
    left: 0px;
    overflow: hidden;
    -moz-transition: top .5s ease-in-out;
    -o-transition: top .5s ease-in-out;
    -ms-transition: top .5s ease-in-out;
    -webkit-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
    padding: 0px;
    z-index: 10000;
    background:var(--bgLightPurple);
padding-top:0px;

overflow: scroll;
max-height: 100vh;
overflow: auto;
overflow-y: auto;
}

.mactive .mml1{
    top: -15px;
}

.mml2{
    margin: auto;
    padding: 50px 20px;
}

span.menu__link,
a.menu__link{
	text-decoration: none;
	display: block;
	position:relative;
	-webkit-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-moz-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-o-transition: .3s color ease-in-out,  .3s background ease-in-out;
	-ms-transition: .3s color ease-in-out,  .3s background ease-in-out;
	transition: .3s color ease-in-out,  .3s background ease-in-out;
	color: var(--menulink); 

}

a.menu__link{
font-size: var(--menusize);
line-height: 1.2em;
}

span.menu__link.is-active,
span.menu__link--active-trail,
a.menu__link.is-active,
a.menu__link--active-trail{
    color: var(--linkhhover);
}

a.menu__link:focus,
a.menu__link:hover{
outline:0;
outline:none;
color: var(--linkhhover);
}

.menu--level-1 li{
padding:10px 0px; 
}

.menu--level-1 li:last-child{
border:none;padding-bottom:0px;
}

.mml1 ul.menu--level-3,
.mml1 ul.menu--level-2{
    padding: 0px 0px 0px 20px;
}

.rmm-fixed.oblibene {
  right: calc(var(--centerpadding) + 95px);
  top: 15px;
}




}