/*
JQuery Simple MobileMenu
https://github.com/Position2/jQuery-Simple-MobileMenu
*/
/*Main style


Element {
  position: fixed;
  z-index: 1000;
  top: 145px;
  right: 20px;
  color: #fff;
}


*/
body.mmactive {
  overflow: hidden;
}


.mobile_menu {
  display: none;
  position: relative;

  
}
.sm_menu_outer.active .mobile_menu {
  display: block; height: 100%;
}
.sm_menu_outer {
	
  height: calc(100vh - 124px); 
    height: calc(100vh - 200px); 
    
/*  height: 100vh;  124 header 76 metanavsticky */
  overflow-y: scroll;
  overflow-x: hidden;
  position: fixed;
  right: 0;

 /*   bottom: 0;  bottom: 76px;*/
 top:124px;

  z-index: -9;
  width: 100%;
  opacity: 0;
 background-color: #fff;   /* background-color: transparent; */
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  padding: 20px 0px 0px 0px;
}
.sm_menu_outer.active {
  opacity: 1;
  z-index: 999;
}


.sm_menu_outer .mobile_menu  li{ padding-left:20px; padding-right: 20px;}



.sm_menu_outer .mobile_menu a {
  color:  var(--brand-rot); /* background-color:#fff;border-radius:5px;
*/  display: block;
	padding: 10px 20px 10px 25px;	
	height:42px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
  text-decoration: none; 
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

.sm_menu_outer .mobile_menu a:hover { background-color:  var(--brand-rot);color:#fff; border-radius:8px;}
 

.sm_menu_outer .mobile_menu li.back a {
  padding: 10px 20px 10px 40px;
  
border-radius:8px;
 background-color:  var(--brand-rot); color:#fff;
 background-image:url('../images/chevron_left_white.svg');
 background-repeat:no-repeat;
 background-size:20px auto; 
background-position: left 20px center;
text-align:right; 
  /*-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);*/

}



/*Sub Menu anim */
.sm_menu_outer .mobile_menu .submenu {
  background-color: #ffffff;
 
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width:  100% ;
  z-index: 999; 
}

.sm_menu_outer .mobile_menu .submenu {  height: calc(100vh - 200px); /* 124 header + 76 metanavsticky */ padding-bottom: 30px;}

.sm_menu_outer .mobile_menu li.active>.submenu {
  right: 0;
}
.sm_menu_outer .mobile_menu li {
  list-style-type: none;
  padding-bottom: 5px;background-color: #fff;
 
}

.sm_menu_outer .mobile_menu li.hasChild>a {
 background-image:url('../images/chevron_right.svg');
 background-repeat:no-repeat;
 background-size:20px auto;
background-position: right 20px center;  
}
  
.sm_menu_outer .mobile_menu li.hasChild>a:hover {
 background-image:url('../images/chevron_right_white.svg');
}




/*.sm_menu_outer .mobile_menu li .submenu li a {background-color:#fff;color: var(--brand-rot); }

.sm_menu_outer .mobile_menu li .submenu li a:hover  { }
.sm_menu_outer .mobile_menu li .submenu li.back a {
background-color: var(--brand-rot);
border-radius:8px;

color: #fff;
background-image:url('../images/chevron_left_white.svg');
background-repeat:no-repeat;
background-size:16px auto;
background-position: left 20px center; 
text-align:right; 
}

  
.sm_menu_outer .mobile_menu li .submenu li.back a:hover {background-color: var(--brand-rot);color: #fff;}*/



/*Hamburger Animation */
#sm_menu_ham {
  cursor: pointer;
 
  position: fixed;
 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  width: 36px; height: 20px;
 top: 45px;
  right: 16px; 
  
  z-index: 9999;
}

.scrolled #sm_menu_ham {top:-80px; }

#sm_menu_ham span {
  background-color:  var(--brand-rot);
  border-radius: 3px;
  display: block;
  height: 3px;
  left: 0;
  opacity: 1;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  width: 30px;
}
#sm_menu_ham span:nth-child(1) {
  top: 0;
}
#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
  top: 9px;
}
#sm_menu_ham span:nth-child(4) {
  top: 18px;
}
#sm_menu_ham.open span:nth-child(1) {
  left: 50%;
 top: 14px;
  width: 0;
}
#sm_menu_ham.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#sm_menu_ham.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sm_menu_ham.open span:nth-child(4) {
  left: 50%;
  top: 18px;
  width: 0;
}





@media (min-width: 380px) {
}
 
@media (min-width: 1024px) {
  #sm_menu_ham,
  .sm_menu_outer {
    display: none;
  }
 
}