﻿
.mobilemenu-main{position:fixed;background-color:rgba(0,0,0,.5);z-index:1005;top:0;left:0;width:100%;height:100%;transition:all 300ms ease-in-out;display:block!important;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;}.mobilemenu-main.active{opacity:1;visibility:visible;pointer-events:auto;}.mobilemenu-main li a svg{width:1em;height:1em;display:inline-block;vertical-align:middle;margin-right:8px;margin-bottom:0.25em;fill:currentColor;}.mobilemenu-main .m-menu{height:100%;background-color:#FFF;margin-left:15%;transform:translateX(100%);transition:all 300ms ease-in-out;}.mobilemenu-main.active .m-menu{transform:translateX(0);}.mobilemenu-main a span{transition:color ease-in-out 300ms;}.mobilemenu-main .gomenu{margin:0;padding:90px 40px;height:100%;overflow-x:hidden;overflow-y:auto;}.mobilemenu-main .gomenu > ul{padding:0px;}.mobilemenu-main ul{margin:0;padding:0;list-style:none;}.mobilemenu-main ul li{list-style:none;margin:0;}.mobilemenu-main .gomenu > ul > li{margin:0;}.mobilemenu-main ul li a{margin:14px 0;display:inline-block;}.mobilemenu-main .gomenu > ul > li > a >span{display:inline-block;position:relative;}.mobilemenu-main .gomenu > ul > li > a >span::after{content:"";display:inline-block;position:relative;height:11px;background-color:#ffe76d;position:absolute;left:0;right:100%;bottom:4px;z-index:-1;transition:right ease-in-out 300ms;}.mobilemenu-main .gomenu > ul > li.current > a >span::after,.mobilemenu-main .gomenu > ul > li > a:hover >span::after,.mobilemenu-main .gomenu > ul > li.active > a >span::after{right:0;}.mobilemenu-main .gomenu ul ul{display:none;}.mobilemenu-main ul li li a{margin:6px 0;display:inline-block;}.mobilemenu-main .gomenu > ul > li > ul{position:relative;padding-left:8px;}.mobilemenu-main .gomenu > ul > li > ul::after{content:"";position:absolute;border-left:2px solid #c72d29;left:0;top:13px;bottom:13px;}.mobilemenu-main .gomenu ul ul ul{padding-left:8px;}.mobilemenu-main .gomenu ul ul ul li::before{content:"";width:3px;height:3px;background-color:currentColor;display:inline-block;margin-right:8px;vertical-align:middle;}.mobilemenu-main .mobileclose{width:24px;height:24px;position:fixed;top:18px;right:34px;z-index:1000;cursor:pointer;border:none;background-color:transparent;}.mobilemenu-main .mobileclose::after{content:"";width:25px;border-bottom:2px solid currentColor;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:50%;left:50%;margin-left:-13px;}.mobilemenu-main .mobileclose::before{content:"";width:25px;border-bottom:2px solid currentColor;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:50%;left:50%;margin-left:-13px;}.mobilemenu-main_info{margin:0 26px;}.mobilemenu-main li{position:relative;}.mobilemenu-main .gomenu li .arrows{position:absolute;width:24px;height:24px;right:0;top:18px;text-align:center;line-height:23px;cursor:pointer;color:#272727;cursor:pointer;border:none;background:none;transition:all 300ms ease-in-out;}.mobilemenu-main .gomenu li .arrows::after{content:"";border-top:2px solid currentColor;border-right:2px solid currentColor;width:9px;height:9px;display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:2px;margin-bottom:1px;}.mobilemenu-main .arrows i{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;}.mobilemenu-main .gomenu ul li li .arrows{top:8px;}.mobilemenu-main .gomenu ul li li li .arrows{top:5px;}.mobilemenu-main .gomenu li .arrows.active{transform:rotate(90deg);}.opne-mobilemenu{overflow:hidden;}html.html-night .mobilemenu-main .m-menu{background-color:#000 !important;}html.html-night .mobilemenu-main a span,html.html-night .mobilemenu-main .arrows,html.html-night .mobilemenu-main .mobileclose{color:#fff!important;}html.html-night .mobilemenu-main .gomenu li > a >span::after{content:none;}html.html-night #Body .mobilemenu-main li.current > a span,html.html-night #Body .mobilemenu-main li:hover > a span,html.html-night #Body .mobilemenu-main li.menu_hover > a span,html.html-night .mobilemenu-main li a:focus,html.html-night .mobilemenu-main li a:hover{color:#ff0!important;}html.html-night #Body .mobilemenu-main .gomenu > ul > li > ul::after{border-color:#ff0!important;}html.html-night #Body .mobilemenu-main a:hover span,html.html-night #Body .mobilemenu-main li.current > a > span,html.html-night #Body .mobilemenu-main li.active > a > span,html.html-night #Body .mobilemenu-main li.subcurrent > a > span{color:#ff0!important;}
