/** * ============================================================================= * mainmenu * ========================================================================== */
 .mainmenu {
	/*display: none;
	*/
}
 .mainmenu ul {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 flex-grow: 1;
	 margin: 0;
}
 .mainmenu li {
	 position: relative;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 height:90px;
	 background-color:#202020;
}
 .mainmenu li.navright {
	 margin-left: auto;
}
 .mainmenu ul > li a, .mainmenu ul > li strong {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 height: 100%;
	 position: relative;
	 padding: 16px 12px;
	 color: #666;
	 text-decoration: none;
	 font-size: 14px;
	 font-weight: normal;
	 line-height: 1.5;
	 text-transform: uppercase;
	 white-space: nowrap;
	 letter-spacing: 1px;
	 -webkit-transition: All 0.4s ease;
	 transition: All 0.4s ease;
}
.home .mainmenu ul > li a, .home .mainmenu ul > li strong {
	 color: #666;
}
.home .js--is-fixed .mainmenu ul > li a, .home .js--is-fixed .mainmenu ul > li strong {
	 color: #666;
}
 .mainmenu ul li.submenu a:after, .mainmenu ul li.submenu strong:after {
	 content: "\f107";
	 margin-left: 5px;
	 text-decoration: none;
	 font-size: 11px;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
}
 .mainmenu > ul > li {
	 margin-left: 0;
	 transition: All 0.4s ease;
}
 .mainmenu > ul > li.first {
	 margin-left: 0;
}
 .mainmenu > ul > li:hover > a, .mainmenu > ul > li > a.trail, .mainmenu > ul li > a.active, .mainmenu > ul > li > strong {
	 color: #fff !important;
	 text-decoration: none;
	 transition: All 0.4s ease;
}
 .home .js--is-fixed .mainmenu > ul > li:hover, .home .js--is-fixed .mainmenu > ul > li.trail, .home .js--is-fixed .mainmenu > ul li.active, .mainmenu > ul > li:hover, .mainmenu > ul > li.trail, .mainmenu > ul li.active, .mainmenu > ul li.forward {
	 background-color: #8c3477;
	 transition: All 0.3s ease;
}
 .mainmenu > ul > li.fab:before, .mainmenu > ul > li.fab a span {
	 display: none;
}
 .mainmenu > ul > li.fab a {
	 font-size: 0;
	 width: 45px;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 .mainmenu > ul > li.fab a:before {
	 font-size: 14px;
}
 .mainmenu ul ul, .mainmenu ul ul ul {
	 display: none;
	 position: absolute;
	 top: -32768px;
	 left: -32768px;
	 width: 0;
	 height: 0;
	 float: none;
	 box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	 z-index: 100;
}
 @keyframes fadeInUpNavi {
	 from {
		 opacity: 0;
		 transform: translate3d(0, 40px, 0);
	}
	 to {
		 opacity: 1;
		 transform: none;
	}
}
 .mainmenu li:hover ul.level_2 {
	 display: block;
	 top: 100%;
	 left: 0;
	 width: auto;
	 min-width: 120px;
	 height: auto;
	 padding: 0px !important;
	 /*background-color: #fff;
	 box-shadow: 0 0 3px rgba(0, 0, 0, .2);*/
	 z-index: 99;
	 animation-duration: 0.2s;
	 animation-fill-mode: both;
	 animation-name: fadeInUpNavi;
}
 .mainmenu ul ul li:hover ul.level_3, .mainmenu ul ul ul li:hover ul.level_4 {
	 display: block;
	 left: 100%;
	 top: 0;
	 width: auto;
	 min-width: 120px;
	 height: auto;
	 padding: 0px !important;
	 /*background-color: #fff;
	 box-shadow: 0 0 3px rgba(0, 0, 0, .2);*/
	 z-index: 99;
	 animation-duration: 0.2s;
	 animation-fill-mode: both;
	 animation-name: fadeInUpNavi;
}
 .mainmenu ul li.last ul li:hover ul.level_3, .mainmenu ul li.last ul li:hover ul.level_4 {
	 left: auto;
	 right: 100%;
}
 .mainmenu ul ul li {
	 width: 100%;
	 display: block;
	 position: relative;
	 border-bottom: 1px solid rgba(0, 0, 0, .07);
	 line-height: 30px;
	 max-height:45px;
	 padding: 0 !important;
	 background-color: #fff;
	 margin-left:0px !important;
}

 .mainmenu ul ul > li a, .mainmenu ul ul > li strong {
	 padding: 8px 8px;
	 font-size: 14px;
	 text-transform: none;
}
.home .mainmenu ul ul > li a, .mainmenu ul ul > li strong {
	 padding: 8px 8px;
	 font-size: 14px;
	 text-transform: none;
	 color:#666;
}
 .mainmenu ul ul > li.submenu > a:after, .mainmenu ul ul > li.submenu > strong:after {
	 display: block;
	 position: absolute;
	 right: 8px;
	 top: 50%;
	 transform: translateY(-9px);
	 content: "\f105";
	 margin-left: 5px;
	 margin-top: 1px;
	 text-decoration: none;
	 font-size: 12px;
	 line-height: inherit;
	 font-family: "Font Awesome 5 Free";
	 font-weight: 900;
}
 .mainmenu ul li.last ul > li.submenu > a:after, .mainmenu ul li.last ul > li.submenu > strong:after {
	 right: auto;
	 left: 8px;
	 margin-left: 0;
	 content: "\f104";
}
 .mainmenu > ul ul li:hover > a, .mainmenu > ul ul li > a.trail, .mainmenu > ul ul li > a.active, .mainmenu > ul ul li > strong {
	 background-color: #666;
	 color: #fff !important;
}
 .mainmenu ul ul li a:after, .mainmenu ul ul li strong:after {
	 display: none;
}
 @media (min-width: 992px) {
	 .mainmenu {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		 overflow: visible;
		 -webkit-box-flex: 1;
		 -ms-flex-positive: 1;
		 flex-grow: 1;
	}
	 .mod_quicknav.quickmobile, .mod_mobile_menu {
		 display: none;
	}
}



/** * ============================================================================= * submenu left right * ========================================================================== */
 nav.submenulr .invisible {
	 font-size: 0;
	 padding: 0;
	 margin: 0;
	 background-color: transparent;
}
 .submenulr {
	 margin-bottom: 20px;
}
 .submenulr ul {
	 margin-bottom: 0;
}
 .submenulr li {
	 display: block;
	 position: relative;
	 margin-bottom: 2px;
}
 .submenulr li.submenu {
	 margin-bottom: 0;
}
 .submenulr ul ul {
	 margin-top: 6px;
	 margin-left: 10px;
}
 .submenulr a, .submenulr strong {
	 display: block;
	 position: relative;
	 border-radius: 0;
	 padding: 10px 12px 10px 12px;
	 background-color: #fff;
	 font-size: 15px;
	 color: #ccc;
	 text-decoration: none;
	 transition: All 0.4s ease;
}
 .submenulr a.active, .submenulr a:hover, .submenulr strong {
	 background-color: #fff;
	 color: #999;
	 text-decoration: none;
	 transition: All 0.4s ease;
}
/** * ============================================================================= * header navi * ========================================================================== */
/*.headernavi {
	 display: none;
}
*/
 @media (min-width: 768px) {
	 .headernavi ul {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
		 margin-bottom: 0;
	}
	 .headernavi a {
		 padding: 8px;
		 font-size: 14px;
		 text-decoration: none;
		 text-transform: uppercase;
	}
	 .headernavi strong {
		 padding: 8px;
		 font-size: 14px;
		 font-weight: normal;
		 text-transform: uppercase;
	}
	 .headernavi {
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
	}
}