/** * ============================================================================= * codefog mobile menu * ========================================================================== */
 .mod_mobile_menu {
	 -ms-flex-item-align: center;
	 align-self: center;
	 padding-top: 24px;
}
 .mobile_menu_trigger .nav-mobile i {
	 padding: 8px 10px;
	 background-color: #3e3685;
	 border-radius: 4px;
	 color: #fff;
	 font-size: 26px;
}
 .mobile_menu {
	 z-index: 999999;
	 transition: All 0.25s ease;
}
 .mobile_menu_trigger:hover {
	 cursor: pointer;
}
 .mobile_menu_overlay {
	 z-index: 99999;
}
 .mobile_menu {
	 width: 80% !important;
	 min-width: 140px;
	 max-width: 300px;
}
 .mobile_menu .inner {
	 background: #363636;
	 color: #fff;
	 overflow: unset;
}
 .mobile_menu #mainmobil li > a, .mobile_menu #mainmobil li > strong {
	 color: inherit;
	 display: block;
	 padding: 10px 10px 10px 20px;
	 margin: 0;
	 border-bottom-width: 1px;
	 border-bottom-style: solid;
	 border-color: rgba(0, 0, 0, 0.30);
	 font-size: 16px;
	 text-decoration: none;
	 font-weight: #999;
	 z-index: 9999;
}
 #mainmobil > ul > li.fab:before, #mainmobil > ul > li.fab a:before {
	 display: none;
}
 #mainmobil > ul > li.fab a {
	 font-family: OpenSans, Arial, sans-serif;
	 font-weight: normal;
	 -moz-osx-font-smoothing: auto;
	 -webkit-font-smoothing: auto;
}
 .mobile_menu #mainmobil li > strong.trail, .mobile_menu #mainmobil li > a.trail {
	 color: #ccc;
}
 .mobile_menu #mainmobil li > strong.active {
	 background: rgba(0, 0, 0, 0.3);
	 color: #ccc;
}
 .mobile_menu #mainmobil li:hover {
	 background: rgba(0, 0, 0, 0.5);
	 color: #fff;
}
 .mobile_menu #mainmobil ul {
	 margin-bottom: 0;
	 font: inherit;
	 font-size: 16px;
	 line-height: 1.5;
}
 .mobile_menu #mainmobil ul ul li {
	 padding-left: 10px;
}
 .mobile_menu #mainmobil li {
	 position: relative;
	 display: block;
}
 .mobile_menu #mainmobil li.submenu_hide > strong:before, .mobile_menu #mainmobil li.submenu_hide > a:before {
	 content: "\f054";
	 position: absolute;
	 top: 14px;
	 right: 10px;
	 display: block;
	 font-size: 12px;
	 font-family: Font Awesome\ 5 Free;
	 font-weight: 900;
	 color: #fff;
}
 .mobile_menu #mainmobil li.submenu_show > strong:before, .mobile_menu #mainmobil li.submenu_show > a:before {
	 content: "\f078";
	 position: absolute;
	 top: 14px;
	 right: 10px;
	 display: block;
	 font-size: 12px;
	 font-family: Font Awesome\ 5 Free;
	 font-weight: 900;
	 color: #fff;
}
 .mobile_menu #mainmobil li.active.submenu_show > strong:before, .mobile_menu #mainmobil li.active.submenu_show > a:before {
	 color: #ccc;
}