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



@media all and (min-width: 721px) {
 
.mml1 {
text-align:center;
padding:0px 20px;
}

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

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

.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:-20px;top:22px;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: #16253f;
   text-align: left;
  padding:20px 20px 20px; 
-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);

-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.menu__item--level-1{
	display:inline-block;
	vertical-align:middle;
	margin: 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	position: relative;
}

 


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

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;
}

span.menu__link--level-1,
a.menu__link--level-1{
	color: #2b2f40;
	font-size: 16px;
	line-height: 22px;
	padding: 10px 20px ;font-weight: 600;
}


ul.menu--level-1 > li:nth-last-child(2) a{
color:#5e141d;border:2px solid #5e141d;
}

ul.menu--level-1 > li:nth-last-child(2){
margin-left:20px;
}

ul.menu--level-1 > li:nth-last-child(2) a:hover,
ul.menu--level-1 > li:nth-last-child(2) a:focus{
background:#5e141d;color:white;
}

/*
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:#9f3441;
}
*/

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:#9f3441;
}

/*span.menu__link--level-1.menu__link--has-children:after,
a.menu__link--level-1.menu__link--has-children:after{
	content:"";
	width: 10px;
	height: 6px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;	
	background: url(../images/menu/down.svg) top  left  no-repeat;
	background-size:100% auto;
}
*/

li.menu__link--level-1.mhover > span.menu__link--has-children:after,
li.menu__link--level-1.mfocus > span.menu__link--has-children:after,
span.menu__link--level-1.menu__link--has-children:focus:after,
span.menu__link--level-1.menu__link--has-children:hover:after,
li.menu__item--level-1:hover > span.menu__link--has-children:after,

a.menu__link--level-1.menu__link--has-children.menu__link--active-trail:after,
a.menu__link--level-1.menu__link--has-children.is-active:after,


li.menu__link--level-1.mhover > a.menu__link--has-children:after,
li.menu__link--level-1.mfocus > a.menu__link--has-children:after,
a.menu__link--level-1.menu__link--has-children:focus:after,
a.menu__link--level-1.menu__link--has-children:hover:after,
li.menu__item--level-1:hover > a.menu__link--has-children:after{
	background: url(../images/menu/down-a.svg) top  left  no-repeat;
	background-size:100% auto;
}


.menu--level-2 a{
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  padding: 6px 0px;
    font-weight: 400;
}

.menu--level-2 a.menu__link--active-trail,
.menu--level-2 a.is-active{
color:#9f3441;
}

 li.menu__item--level-2:hover .menu--level-2 ,
.menu--level-2 a:focus,
.menu--level-2 a:hover{
color:#9f3441;
}


.menu--level-2 a.menu__link--has-children:after{
	content:"";
	width: 6px;
	height: 11px;
	display: block;
	background: url(../images/menu/right.svg) top  left  no-repeat;
	background-size:100% auto;
	position: absolute;
	top:8px;
	right:15px;
}

.menu--level-2 li:hover > a.menu__link--has-children:after,
.menu--level-2 li.mhover > a.menu__link--has-children:after,
.menu--level-2 li.mactive > a.menu__link--has-children:after,
.menu--level-2 a.is-active.menu__link--has-children:after,
.menu--level-2 a.menu__link--active-trail.menu__link--has-children:after,
.menu--level-2 a.menu__link--has-children:hover:after,
.menu--level-2 a.menu__link--has-children:focus:after{
	background-image: url(../images/menu/right-a.svg) ;
}

 
 

/****** user *******/

.menu--level-1 .menu--account ul{
    position: static;
}

.menu--level-1 .menu--account h2{display:none;}

.menu--level-1 .menu--account a {
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
text-decoration:none;
    line-height: 22px;
    padding: 0px 0px;
    font-weight: 700;
  }

.menu--level-1 .menu--account a[href='/user']{
  background: url(../images/person.svg) no-repeat 0px center;
  background-size: 16px auto;
	padding-left:25px;
}

.menu--level-1 .menu--account a[href='/user/logout']{
  background: url(../images/logout-g.svg) no-repeat 0px center;
  background-size: 16px auto;
	padding-left:25px;
}


.menu--level-1 .menu--account a[href='/user/login']{
  text-decoration: none;
  display: inline-block;
  background: url(../images/lock.svg) no-repeat 20px center;
  background-size: 16px auto;
  border: 1px solid #a2c415;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 6px 20px 6px 45px;
}


.menu--level-1 .menu--account a.active,
.menu--level-1 .menu--account li a:focus,
.menu--level-1 .menu--account a:hover {
    color: #a2c415;
  }



.menu__item--level-1.user-menu{
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.menu--level-1 .menu--account li{

    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
}



/****** user *******/

.menu__item--level-1.kontakty-menu{
padding-right:0px;
     order: -1;
    width: 100%;
margin-bottom:15px;display:none;

}

.mkontakti{
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    font-size: 16px;
    line-height: 24px;

}

.mkontakti a {
    color: #16253f;
    padding: 0px 0px;
    padding-left: 0px;
    margin: 0px 10px;
    text-decoration: none;
    display: block;
    position: relative;
 
  }

.mkontakti a:focus,
.mkontakti a:hover {
/*color:#9f3441;*/
color:#16253f;
text-decoration:underline;
}

.mkontakti a.mtel {
    background: url(../images/phone-b.svg) no-repeat 3px center;    
    background-size: 12px auto;
    padding-left: 19px;
}

.mkontakti a.mmail {
    background: url(../images/mail-b.svg) no-repeat left center;
    background-size: 14px auto;
    padding-left: 20px;
}

.mkontakti a.mtel:hover,
.mkontakti a.mtel:focus {
    background-image: url(../images/phone-b.svg) ;    
}

.mkontakti a.mmail:hover,
.mkontakti a.mmail:focus {
    background-image: url(../images/mail-b.svg) ;
}


}


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

.mkontakti{
    display: block;
  }

.mkontakti a{
    font-size: 14px;
  }

.mkontakti a.mmail  {
    background-size: 16px auto;
    padding-left: 26px;
  }

.mkontakti a.mtel {
    background-size: 14px auto;
    padding-left: 26px;
  }

}*/
 
 

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

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


/*=================================
	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:#5e141d;
	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:#5e141d;
}

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

.mml1{
    width: 100%;
    position: absolute;
    top: 80px;
    left: -100%;
    overflow: hidden;
    -moz-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    -ms-transition: left .5s ease-in-out;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    padding: 0px;
    z-index: 100000;
    background:#2b2f40;
padding-top:0px;

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

.mactive .mml1{
    left: 0px;
}

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

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

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

.menu--level-1 span.menu__link,
.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: #ffffff; font-weight:700;
}

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


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


span.menu__link--level-1,
a.menu__link--level-1{
font-size: 18px;
line-height: 25px;
    padding: 10px 0px;
text-transform:uppercase;
}

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

.menu--level-2 a{
    font-weight: 400;
    font-size: 16px;
color:#ffffff;
    padding: 10px 20px;
}

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

/*
.menu--level-1 span.is-active,
.menu--level-1 span.menu__link--active-trail,
.menu--level-1 a.is-active,
.menu--level-1 a.menu__link--active-trail{
color:#9f3441;
}
*/
 
.menu--level-1 a:hover{
outline:0;
outline:none;
color:#9f3441;
}

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;
 
}

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

 header a:focus {
  color: #9f3441;
}

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%;
}

 
li.open > a.menu__link--has-children:hover:after,
.menu--level-1 li.open > span.is-active.menu__link--has-children:after,
.menu--level-1 li.open > span.menu__link--active-trail.menu__link--has-children:after,
.menu--level-1 li.open > a.is-active.menu__link--has-children:after,
.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);
}



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


.menu--level-1 .menu--account ul{
    position: static;margin-top:30px;
}

.menu--level-1 .menu--account h2{display:none;}

.menu--level-1 .menu--account a {
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 0px;
    font-weight: 700;text-decoration:none;
  }


.menu--level-1 .menu--account a[href='/user']{
  background: url(../images/person.svg) no-repeat 0px center;
  background-size: 16px auto;
	padding-left:25px;
}

.menu--level-1 .menu--account a[href='/user/logout']{
  background: url(../images/logout-g.svg) no-repeat 0px center;
  background-size: 16px auto;
	padding-left:25px;
}


.menu--level-1 .menu--account a[href='/user/login']{
  text-decoration: none;
  display: inline-block;
  background: url(../images/lock.svg) no-repeat 20px center;
  background-size: 16px auto;
  border: 1px solid #a2c415;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 6px 20px 6px 45px;
}


.menu--level-1 .menu--account a.active,
.menu--level-1 .menu--account li a:focus,
.menu--level-1 .menu--account a:hover {
    color: #a2c415;
  }


.menu__item--level-1.user-menu{
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.menu--level-1 .menu--account li{

    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

/****** kontakty *******/

.menu__item--level-1.kontakty-menu{
margin-top:20px;
    background: #3b4056;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


.mkontakti a {
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 0px;
    margin: 5px 10px;
    text-decoration: none;
    display: block;
    position: relative;
 
  }

.mkontakti a:focus,
.mkontakti a:hover {
color:#9f3441;
}


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

.mkontakti a.mtel {
    background: url(../images/phone-w.svg) no-repeat 3px center;    
    background-size: 14px auto;
    padding-left: 25px;
}

.mkontakti a.mmail {
    background: url(../images/mail-w.svg) no-repeat left center;
    background-size: 20px auto;
    padding-left: 30px;
}

.mkontakti a.mtel:hover,
.mkontakti a.mtel:focus {
    background-image: url(../images/phone-b.svg) ;    
}

.mkontakti a.mmail:hover,
.mkontakti a.mmail:focus {
    background-image: url(../images/mail-b.svg) ;
}

}