.mm-menu.mm-horizontal > .mm-panel{transition: transform 0.4s ease;}
.mm-menu .mm-hidden{display: none;}
.mm-wrapper{overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.mm-menu{background: inherit; display: block; overflow: hidden; padding: 0;}
.mm-menu > .mm-panel{background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px 0; transform: translate(100%, 0);}
.mm-menu > .mm-panel.mm-opened{transform: translate(0%, 0);}
.mm-menu > .mm-panel.mm-subopened{transform: translate(-30%, 0);}
.mm-menu > .mm-panel.mm-highest{z-index: 1;}
.mm-menu .mm-list{padding: 20px 0;}
.mm-menu > .mm-list{padding-bottom: 0;}
.mm-menu > .mm-list:after{content: ''; display: block; height: 40px;}
.mm-panel > .mm-list:first-child{padding-top: 0;}
.mm-list, .mm-list > li{list-style: none; display: block; padding: 0; margin: 0;}
.mm-list{font: inherit; font-size: 14px;}
.mm-list a, .mm-list a:hover{text-decoration: none;}
.mm-list a:hover{text-decoration: none; background:#911A1C;}
.mm-list > li{position: relative;}
.mm-list > li > a, .mm-list > li > span{font-family: 'bebas_neuebold'; font-weight: normal; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0;}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0;}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width: auto; position: relative; left: auto;}
.mm-list a.mm-subopen{background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2;}
.mm-list a.mm-subopen:before{content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0;}
.mm-list a.mm-subopen.mm-fullsubopen{width: 100%;}
.mm-list a.mm-subopen.mm-fullsubopen:before{border-left: none;}
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span{padding-right: 5px; margin-right: 40px;}
.mm-list > li.mm-selected > a.mm-subopen{background: transparent;}
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span{padding-right: 45px; margin-right: 0;}
.mm-list a.mm-subclose{text-indent: 20px; padding-top: 30px; margin-top: -20px;}
.mm-list > li.mm-label{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px;}
.mm-list > li.mm-spacer{padding-top: 40px;}
.mm-list > li.mm-spacer.mm-label{padding-top: 25px;}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before{content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%;}
.mm-list a.mm-subopen:after{border-top: none; border-left: none; right: 18px;}
.mm-list a.mm-subclose:before{border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px;}
.mm-menu.mm-vertical .mm-list .mm-panel{display: none; padding: 10px 0 10px 10px;}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color: transparent;}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{display: block;}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen{height: 40px;}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after{top: 16px; bottom: auto;}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{transform: rotate(45deg);}
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen{height: 25px;}
html.mm-opened .mm-page{box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}
.mm-menu{background: #333333; color:#ffffff; font-weight:700; }
.mm-menu .mm-list > li:after{border-color:#fff;}
.mm-menu .mm-list > li > a.mm-subclose{background: #000; color:#fff }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color: rgba(255, 255, 255, 0.3);}
.mm-menu .mm-list > li > a.mm-subopen:before{border-color: rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{background: rgba(0, 0, 0, 0.1);}
.mm-menu .mm-list > li.mm-label{background: rgba(255, 255, 255, 0.05);}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul{background: rgba(255, 255, 255, 0.05);}
.mm-page{box-sizing: border-box; position: relative;}
.mm-slideout{transition: transform 0.4s ease;}
html.mm-opened{overflow: hidden; position: relative;}
html.mm-opened body{overflow: hidden;}
html.mm-background .mm-page{background: inherit;}
#mm-blocker{background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;}
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker{display: block;}
.mm-menu.mm-offcanvas{display: none; position: fixed;}
.mm-menu.mm-current{display: block; margin: 0 0 0 0; }
.mm-menu{width: 80%; min-width: 140px; max-width: 440px;}
html.mm-opening .mm-slideout{transform: translate(80%, 0);}

@media all and (max-width: 175px){
    html.mm-opening .mm-slideout{transform: translate(140px, 0);}
}
@media all and (min-width: 550px){
    html.mm-opening .mm-slideout{transform: translate(440px, 0);}
}