.mm-hidden { display: none!important; }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu { box-sizing: border-box; background: inherit; display: block; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-panels, .mm-panels > .mm-panel { background: inherit; border-color: inherit; box-sizing: border-box; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-panels { overflow: hidden; }
.mm-panel { -webkit-transform: translate(100%,0); -ms-transform: translate(100%,0); transform: translate(100%,0); -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; }
    .mm-panel.mm-opened { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    .mm-panel.mm-subopened { -webkit-transform: translate(-30%,0); -ms-transform: translate(-30%,0); transform: translate(-30%,0); -webkit-transform: translate3d(-30%,0,0); transform: translate3d(-30%,0,0); }
    .mm-panel.mm-highest { z-index: 1; }
    .mm-panel.mm-noanimation { -webkit-transition: none!important; transition: none!important; }
        .mm-panel.mm-noanimation.mm-subopened { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.mm-panels > .mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; /*padding: 0 20px;*/ }
    .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; }
    .mm-panels > .mm-panel:not(.mm-hidden) { display: block; }
    .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; }
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; }
    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; }
.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next { box-sizing: border-box; height: 40px; bottom: auto; }
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); right: 19px; }
.mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px; }
.mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px; }
.mm-next:after, .mm-prev:before { content: ''; border-top: 2px solid transparent; border-left: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; }
.mm-prev:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 23px; right: auto; }
.mm-next:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: 23px; left: auto; }
.mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
    .mm-navbar > * { display: block; padding: 10px 0; }
    .mm-navbar a, .mm-navbar a:hover { text-decoration: none; }
    .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;text-transform:uppercase; }
    .mm-navbar .mm-btn:first-child { left: 0; }
    .mm-navbar .mm-btn:last-child { text-align: right; right: 0; }
.mm-panel .mm-navbar { display: none; }
.mm-panel.mm-hasnavbar .mm-navbar { display: block; }
.mm-listview, .mm-listview > li { list-style: none; /*display: block;*/ padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 16px; line-height: 20px; }
    .mm-listview a, .mm-listview a:hover { text-decoration: none; }
    .mm-listview > li { position: relative; }
        .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after { border-color: inherit; }
            .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #5c5c5c; display: block;   font: 16px Open Sans;    padding: 18px 15px 17px; margin: 0;text-transform:uppercase; }
            .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
            .mm-listview > li:not(.mm-divider):after { /*left: 20px;*/ }
    .mm-listview .mm-next { background: rgba(3,2,1,0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
        .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
        .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; }
        .mm-listview .mm-next.mm-fullsubopen { width: 100%; }
            .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; }
            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
/*.mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; }*/
    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; }
.mm-menu { background: #f3f3f3; border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.75); }
    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0,0,0,.3); }
    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0,0,0,.3); }
    .mm-menu .mm-listview { border-color: rgba(0,0,0,.1); }
        .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0,0,0,.3); }
        .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255,255,255,.5); tap-highlight-color: rgba(255,255,255,.5); }
        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255,255,255,.5); }
        .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0,0,0,.05); }
    .mm-menu .mm-divider { background: rgba(0,0,0,.05); }
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; z-index: 1; }
html.mm-opened { overflow-x: hidden; position: relative; }
html.mm-blocking { overflow: hidden; }
    html.mm-blocking 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: 2; }
html.mm-blocking #mm-blocker { display: block; }
.mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; }
    .mm-menu.mm-offcanvas.mm-opened { display: block; }
    .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened { z-index: 10; }
.mm-menu.mm-offcanvas { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(80%,0); -ms-transform: translate(80%,0); transform: translate(80%,0); -webkit-transform: translate3d(80%,0,0); transform: translate3d(80%,0,0); }

@media all and (max-width:175px) {
    html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(140px,0); -ms-transform: translate(140px,0); transform: translate(140px,0); -webkit-transform: translate3d(140px,0,0); transform: translate3d(140px,0,0); }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-menu ~ .mm-slideout { -webkit-transform: translate(440px,0); -ms-transform: translate(440px,0); transform: translate(440px,0); -webkit-transform: translate3d(440px,0,0); transform: translate3d(440px,0,0); }
}

.mm-sronly { border: 0!important; clip: rect(1px,1px,1px,1px)!important; -webkit-clip-path: inset(50%)!important; clip-path: inset(50%)!important; white-space: nowrap!important; width: 1px!important; height: 1px!important; padding: 0!important; overflow: hidden!important; position: absolute!important; }