.mobile_menu {
  --nav-height-inner: 3.2em;
  position:fixed;
  z-index:100;
  display:none
}
.mobile_menu .inner {
  height:100%;
  background:#fefefe;
  overflow-y:scroll
}

.mobile_menu .logo{
	width:6em;
	height:auto;
}
.mobile_menu .logo .image_container{
	margin: 0 0 2em;
}

.mobile_menu.active.position_left {
  box-shadow:2px 0 5px 0 rgba(0,0,0,.5)
}
.mobile_menu.active.position_top {
  box-shadow:0 2px 5px 0 rgba(0,0,0,.5)
}
.mobile_menu.active.position_right {
  box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)
}
.mobile_menu.active.position_bottom {
  box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)
}
.mobile_menu.active.no_shadow {
  box-shadow:none!important
}
.mobile_menu_trigger {
  display:none;
  cursor:pointer;
  z-index: 100;
  width: 4em;
  float: right;
  position: relative;
}
.mobile_menu_wrapper {
  position:relative;
  width:100%;
  overflow:hidden
}
.mobile_menu_overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  z-index:99
}
.mobile_menu_overlay.background {
  background:rgba(0,0,0,.5)
}
.mobile_menu li.submenu_hide>ul {
  display:none
}
.mobile_menu li.submenu_show>ul {
  display:block
}
body.ie8 .mobile_menu,
body.ie8 .mobile_menu_trigger,
body.ie9 .mobile_menu,
body.ie9 .mobile_menu_trigger {
  display:none!important
}

.mobile_menu ul.level_1 {
	font-size:1.2em;
}

.mobile_menu ul.level_2 {
  display:none;
}

.mobile_menu .trail ul.level_2,
.mobile_menu .active ul.level_2{
  display:block;
	font-size:0.9em;
	margin-left:0.8em;
	margin-top: -2px;
	margin-bottom: 0;

}

.mobile_menu li.trail,
.mobile_menu li.active {
  background-color: #eee;
}

.mobile_menu nav ul li {
min-height: var(--nav-height-inner);
margin-top:-2px;
}

.mobile_menu nav ul li:first-child {

margin-top:0;
}

.mobile_menu nav ul li a, .mobile_menu nav ul li strong {
	line-height: 1.25;
  margin-bottom: 0;
  display: flex;
  flex-flow:row;
  justify-content: flex-start;
  align-items: center;
}

#header nav, .mod_mobile_menu{
	background-color:var(--color-background-transparent);
	border-top:var(--border-height1) solid var(--color-border);
	border-bottom:var(--border-height1)  solid var(--color-border);
	height:var(--nav-height);
    line-height:2.1;
    font-family: 'Poppins';
    font-weight:600;
	box-sizing:border-box;
	overflow:visible;
	font-size:1.2em;
}

.mod_mobile_menu{
		background-color:transparent;
	border-top:0;

	margin-top: -4.9em;
    padding-bottom: 1em;
    box-sizing: content-box;
    display:none;
}	

.mobile_menu_trigger{

	padding-right:1em;
}

.mobile_menu_trigger span{
height: 4px;
  width: 2.5em;
  margin-bottom: 2px;
  content: "";
  display: block;
  float: right;
  clear: right;
  background-color: var(--color-text-highlight);
  margin-right: 2.7vw;
  margin-top:2px;
  transition: all 0.5s ease-in-out 0.5s;
}

.mobile_menu_trigger span.text{
background-color: transparent;
  height: auto;
  margin-top: 0.1em;
  line-height: 1;
  font-size: 0.85em;
  color: var(--color-text-highlight);
  text-transform: uppercase;
  text-align: center;
  width: 2.9em;
}

.mobile_menu_trigger span:first-child{
	margin-top:0.5em;
}

.mobile_menu.active .menu-toggler span:first-child, .mobile_menu_trigger.active span:first-child {
  transform: rotate(45deg) translateY(0.3em) translateX(0.3em) scaleX(0.9);
  transform-origin: center;
  transition: all 0.5s ease-in-out 0.5s;
}

.mobile_menu.active .menu-toggler span:nth-child(2), .mobile_menu_trigger.active span:nth-child(2) {
  opacity: 0;
  transition: all 0.5s ease-in-out 0.5s;
}

.mobile_menu.active .menu-toggler span:nth-child(3), .mobile_menu_trigger.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-0.5em) translateX(0.45em) scaleX(0.9);
  transform-origin: center;
  transition: all 0.5s ease-in-out 0.5s;
}

.mobile_menu {
    font-family: 'Poppins';
    font-weight:600;
	font-size:1.2em;

}

.mobile_menu .inner{
		padding:2em;
}