вот меню стили
/*--- Меню ---*/
.float-right {float: right !important;color: #a7a7a7;}
@media only screen and (min-width:951px) {
#sidebar-nav {width: auto!important;left: 0!important;position: relative!important;top: 0!important;bottom: 0px;z-index: 3000;}
#nav > ul {display: block;padding-left: 50px;}
#nav > ul > li {display: inline-block;}
#nav > ul > li > a {font-family: 'LeagueGothic';position: relative;display: block;padding: 14px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;color: #fff;font-size: 18px;text-transform: uppercase;}
#nav > ul > li:hover {color: #fff;background-color: #333;}
#nav > ul > li.nav-sub-item ul {background-color: #222;position: absolute;top: -999em;border-left: 5px solid transparent;border-right: 5px solid transparent;opacity: 0;display: flex!important;flex-direction: column; flex-wrap: wrap;max-height: 574px;}
#nav > ul > li.nav-sub-item:hover ul {z-index: 99;transition: all 2s linear;opacity: 1;top: auto;transition: 0.5s opacity;}
#nav > ul > li.nav-sub-item ul > li {page-break-inside: avoid;break-inside: avoid;max-width: 200px;}
#nav > ul > li.nav-sub-item ul > li:hover {background-color: #333;}
#nav > ul > li.nav-sub-item ul > li a {color: #fff;display: block;padding: 10px 20px;min-width: 200px;max-width: 200px;}
.sidebar nav ul .nav-sub-item > a::after {content: "\F140";display: inline-block;font: normal normal normal 24px/1 "Material Design Icons";font-size: 1rem;position: relative;right: -0.1rem;top: .1rem;float: right;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;-o-transition: -o-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s,-o-transform .3s;}
#nav li.magic {height: 0;margin: 0;padding: 0;visibility: collapsed;}
.nav-sub-item ul > li.magic:nth-child(45), .nav-sub-item ul > li.magic:nth-child(46), .nav-sub-item ul > li.magic:nth-child(47), .nav-sub-item ul > li.magic:nth-child(48) {width: 600px;max-width: 1000px!important;}
.nav-sub-item ul > li.magic2 {width: 400px;max-width: 1000px!important;}
}
@media only screen and (max-width:950px){
.menu-overlay {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;z-index: 99;display: none;}
.sidebar{position:fixed;top:56px;bottom:0;width:300px;background-color:#222;}
.sidebar-mask{cursor:url('/templates/Animes/images/cursor-nav-close.png') 24 24, pointer;z-index:999!important;}
.sidebar.right{right:-300px;text-align:right;}
.sidebar.left{left:-300px;}
.sidebar a{text-decoration:none;display:block;}
.sidebar .wrapper{position:relative;height:100%;width:100%;padding:1em;padding-top:1.5em;overflow-y:auto;-webkit-box-sizig:border-box -moz-box-sizing:border-box;box-sizing:border-box;}
.sidebar nav{margin-bottom:24px;}
.sidebar nav ul li{margin:4px 0;}
.sidebar nav ul li ul li{padding:0;margin:0;}
.sidebar nav ul li ul{display:none;}
.sidebar nav ul, .sidebar nav ul ul{margin:0;padding:0px;list-style-type:none;}
.sidebar nav ul .nav-sub-item > a::after{content:"\F140";display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:1rem;position:relative;right:.4rem;top:.4rem;float:right;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s,-o-transform .3s;}
.sidebar nav ul .nav-sub-item > a.open::after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.sidebar nav ul .nav-sub-item > a.open{background-color:#fff;color:#3C4858;}
.sidebar nav ul .nav-item > a.active{background-color:rgba(255, 255, 255, 0.09);}
.sidebar nav ul a{color:#fff;display:block;padding:10px;font-size:.9rem;transition:background-color 0.5s ease;}
.sidebar nav ul a:hover,.sidebar nav ul a:focus{text-decoration:none;}
.sidebar nav ul a:hover,.sidebar nav ul a:active{background-color:rgba(255, 255, 255, 0.09);color: #DDD;}
.sidebar nav ul ul a{color:#fff;background-color:#222222;font-size:0.9rem;padding-left:20px;}
}
@media only screen and (max-width:590px){
.sidebar.left {top: 110px!important;}
}
@media only screen and (min-width:950px){.nav_mobile-btn,.nav_mobile,.nav_mobile-mask{display:none!important}}
.nav_mobile-btn i.has-dropdown-icon{display:inline-block;margin-left:4px;width:4px;height:8px;padding-top:2px;border-top-width:1px;border-top-style:solid;margin-right:-8px}
.nav_mobile-btn i.has-dropdown-icon:before{content:'';display:block;width:100%;height:4px;border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}
.nav_mobile-btn{position:relative;display:block;text-align:center;z-index:2;color:#fff;font-size:20px;padding:7px 10px;line-height:1;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile-btn:hover{}
.nav_mobile-btn span{font-size: 28px;line-height: 20px;}
.nav_mobile .nav_mobile-btn{background:#333;color:#fff;float:right;margin:0 0 30px}
.nav_mobile{z-index:9999;height:100%;width:100%;background:#f7f7f7;position:fixed;top:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile .content{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.nav_mobile .content_inwrap{position:relative;min-height:100%;padding:30px 30px 100px}
.nav_mobile-open .nav_mobile{opacity:1;visibility:visible}
.nav_mobile .menu{font-size:13px;font-weight:400;font-style:normal;line-height:1.2em;text-transform:uppercase;letter-spacing:0.15em;overflow:hidden;width:100%;margin-bottom:30px}
.nav_mobile-title {font-size:26px}
.nav_mobile .menu ul{padding:0;margin:0;list-style:none}
.nav_mobile .menu li{margin:0;padding:0}
.nav_mobile .menu a{position:relative;display:inline-block;padding:5px 0;color:#333;font-size:17px}
.nav_mobile .menu a:hover{color:#333}
.nav_mobile .menu a:after{content:"";display:block;margin:5px auto 0;border-top:1px solid #333;margin-left:0;width:0;-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-webkit-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-moz-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-ms-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );-o-transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 );transition:all 0.3s cubic-bezier( 0.4,0,0.3,1 )}
.nav_mobile .menu a:hover{text-decoration:none}
.nav_mobile .menu a:hover:after{width:100%}
.nav_mobile .menu > ul > li ul{padding-bottom:10px;padding-left:20px}
.nav_mobile .menu > ul > li ul a{color:#777}
.nav_mobile .menu > ul > li ul a:hover{color:#333}
.nav_mobile .menu > ul > li ul ul{padding-top:10px;padding-bottom:10px}
@media only screen and (min-width:600px) and (max-width:1170px){
.nav_mobile .menu>ul{-webkit-columns:330px 2;-webkit-columns:330px 2;-moz-columns:330px 2;columns:330px 2;-webkit-column-gap:40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.nav_mobile .menu > ul li{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}}
/** -------- HEADER,TOPLINE ------ **/
.head_top{background-color:#fff; position: relative;z-index: 99;}
.head_bot{background-color:#151617; position: relative;z-index: 99;}
.head_top-in{height:50px}
.head_bot-in{height:80px}
.head_top-in,.head_bot-in{padding:0 20px 0 20px}
.logotype{vertical-align:middle;margin-left:20px;font-size:29px;text-transform:uppercase;font-weight: bold;}
.logotype span{font-size:18px;color:#eb3344}
.logotype img{width:44px;vertical-align:top;}
.head_elem{margin-left:30px;margin-bottom: 7px;}
.head_elem .links{list-style:none;padding:0;margin:0;display:inline-block;vertical-align:middle}
.head_elem .links li{display:inline-block}
.head_elem .links li a{font-size:18px;margin-right:12px;color:#919391}
.head_elem .links li a:hover{color:#dc3545}
.head_elem .links li:first-child a{font-size:12px}
.mega_menu > ul{display:block;padding-left:50px}
.mega_menu > ul > li{display:inline-block}
.mega_menu > ul > li:hover{color:#fff;background-color:#333}
.mega_menu > ul > li:hover > a{color:#fff}
.mega_menu > ul > li:hover .menu{max-height:9999px;opacity:1;z-index:999}
.mega_menu > ul > li > a{position:relative;display:block;padding:14px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;color:#fff;font-size:18px}
.mega_menu > ul .menu{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;max-height:0;opacity:0;overflow:hidden;width:100%;left:0;text-align:center;position:absolute;background-color:#fff;z-index:9;border-color:#efeff0;-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-webkit-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-moz-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-ms-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);-o-box-shadow:0 0 15px 0 rgba(28,25,44,0.05);box-shadow:0 0 15px 0 rgba(28,25,44,0.05)}
.mega_menu > ul .menu .menu_inner{padding:12px 25px 25px;width:20%;display:table-cell;vertical-align:top;}
.mega_menu > ul .menu .menu_inner.mi_left li{display:inline-block;white-space:normal;word-break:break-all;text-align:left;margin:5px 0 10px;padding:0 0 0 20px;margin-top:5px;float:left}
.mega_menu > ul .menu .menu_inner.mi_left li a{display:inline-block;vertical-align:middle;margin-right:10px;padding:0;font-size:15px;font-weight:500;line-height:30px;height:30px}
.mega_menu > ul .menu .menu_inner.mi_right li{white-space:normal;word-break:break-all;display:block;width:100%;float:left;text-align:left}
.mega_menu > ul .menu .menu_inner.mi_right li a{font-size:13px;font-weight:400;color:#8f95a3;height:30px;line-height:30px;padding:0 20px;display:block}
.mega_menu > ul .menu .menu_inner.mi_right li a:hover{background-color:#f6f7f8}
.mega_menu > ul .menu .menu_inner .menu_subtitle{color:#151617}
.mega_menu > ul > li > a .badge{top:6px;right:0;width:21px;height:20px;font-size:13px}