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

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

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


 .mml1 {
    text-align: center;
    padding: 0px 0px;
    margin: 0px 0px 0px;
  }

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


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

  span.menu__link, a.menu__link {
    font-weight: 500;
    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: #fff;
  }

li:focus > a.menu__link, 
li:focus > span.menu__link, 


li:hover > a.menu__link, 
li:hover > span.menu__link, 
span.menu__link:focus, 
.mhover > a,
span.menu__link:hover, a.menu__link:focus, a.menu__link:hover {
    color: #fdb706;
  }

}

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


.region-header .mml1 ul{
line-height:1em;margin:0px;padding:0px;list-style:none;
font-family: 'Chillax',Arial,Helvetica,"Nimbus Sans L",sans-serif;
}

#block-drualas-theme-hlavninavigace{position:static;}


.mactive .shade{
content:"";display:block;
position:fixed;top:0px;left:0px;width:100%;height:100%;
background:#000000;
opacity:0.65;
z-index: 10000;
}


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

.region-header .rmm-toggled-controls{
	z-index: 10001;
	position:fixed;
	right:10px;
top: 13px;	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 ;
}

.region-header .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;


    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #fdb706;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.2);

}
.region-header .rmm-button span {
	background:#0b1e33;
	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;
}
.region-header .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%);
}
.region-header .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%);
}
.region-header .rmm-button  .icon-bar.mid {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mactive .region-header  .rmm-button .icon-bar.mid {
	opacity: 0;
	filter: alpha(opacity=0);
}
.mactive .region-header  .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 .region-header  .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 .region-header  .rmm-button span {
	background:#0b1e33;
}

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

.region-header  .mml1{
    width: 100%;
    position: fixed;
    top: -100vh;
    left: 0%;
    overflow: hidden;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0px;
    z-index: 1000;
    background-repeat:no-repeat;
background-color:#0b1e33;
padding-top:0px;

overflow: scroll;
max-height: 100vh;
overflow: auto;
overflow-y: auto;
    display: flex;
    justify-content: end;
    align-items: center;
}

.mactive .region-header  .mml1{
    top: 0px;
}


.region-header .mml2{
    margin: auto;
    padding: 100px 20px 50px;
}

.region-header .menu--level-2,
.region-header .menu--level-3{
display:none;
}

.region-header .open > ul{
padding: 0px 0px;
margin-bottom:15px;
display:block;
} 

.region-header .menu--level-1 span.menu__link,
.region-header .menu--level-1 a{
    cursor: pointer;
    display: block;
    text-decoration: none;
    -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;
    position: relative;
    color: #fff; font-weight:500;
}

.region-header .menu--level-1 .button a{
display:inline-block;
vertical-align:top;}


.region-header .menu--level-1 .button{
margin-bottom:10px;}


.region-header  span.menu__link--level-1,
.region-header  a.menu__link--level-1{
font-size: var(--menu);
line-height: 1.5em;
    padding: 10px 0px;
}

.region-header .open > span.menu__link--level-1,
.region-header .open > a.menu__link--level-1{
}

.region-header .menu--level-2 a{
    font-weight: 400;
    font-size:  var(--menu);
color:#041E42;
    padding: 10px 20px;
}

.region-header .menu--level-3 a{
    padding: 5px 20px 5px 40px;
}

.region-header .menu--level-1 span.is-active,
.region-header .menu--level-1 span.menu__link--active-trail,
.region-header .menu--level-1 a.is-active,
.region-header .menu--level-1 a.menu__link--active-trail{
 color:#fdb706;
}

 .region-header .menu--level-1 a:focus,
.region-header .menu--level-1 a:hover{
outline:0;
outline:none;
color:#fdb706;
}

.region-header  a.menu__link--has-children:after {
content: "";
width: 12px;
height:8px;
    background: url(../images/menu/sipka-horni-menu.svg) no-repeat center center;
    background-size: 100% 100%;
display: inline-block;
vertica-align:middle;
margin-left:10px;
 
}
.region-header  a.menu__link--has-children:focus:after,
.region-header  a.menu__link--has-children:hover:after,
.region-header .menu--level-1 span.is-active.menu__link--has-children:after,
.region-header .menu--level-1 span.menu__link--active-trail.menu__link--has-children:after,
.region-header .menu--level-1 a.is-active.menu__link--has-children:after,
.region-header .menu--level-1 a.menu__link--active-trail.menu__link--has-children:after{
background-image: url(../images/menu/sipka-horni-menu-h.svg);
}

 

.region-header  li.open > a.menu__link--has-children:after { 
    background: url(../images/menu/sipka-horni-menu-a.svg) no-repeat center center;
    background-size: 100% 100%;
}

 .region-header  li.open > a.menu__link--has-children:focus:after,

.region-header  li.open > a.menu__link--has-children:hover:after,
.region-header .menu--level-1 li.open > span.is-active.menu__link--has-children:after,
.region-header .menu--level-1 li.open > span.menu__link--active-trail.menu__link--has-children:after,
.region-header .menu--level-1 li.open > a.is-active.menu__link--has-children:after,
.region-header .menu--level-1 li.open > a.menu__link--active-trail.menu__link--has-children:after{
background-image: url(../images/menu/sipka-horni-menu-a-h.svg);
}



.region-header .menu--level-1 {
    text-align: center;
} 

 

 


.region-header  .mml1{
  background-size: 100px auto, 100px auto, 100px auto;
  background-position: 90% 90%, center 50px , 2% 90%;
}




}