html.mm-opened,
    html.mm-opened body {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%
    }
    
    html.mm-opened body {
        height: auto
    }
    
    .mm-opened #mm-blocker,
    .mm-opened .mm-fixed-bottom,
    .mm-opened .mm-fixed-top,
    .mm-opened .mm-menu,
    .mm-opened .mm-menu.mm-horizontal>.mm-panel {
        -webkit-transition: none .4s ease;
        transition: none .4s ease;
        -webkit-transition-property: top, right, bottom, left, border;
        transition-property: top, right, bottom, left, border
    }
    
    #mm-blocker {
        position: absolute;
        z-index: 999;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        background: url(about:blank)
    }
    
    .mm-blocking #mm-blocker,
    .mm-opened #mm-blocker {
        display: block
    }
    
    .mm-opened.mm-opening .mm-menu {
        left: 0
    }
    
    .mm-opened #mm-blocker {
        left: 50%
    }
    
    .mm-menu .mm-hidden {
        display: none
    }
    
    .mm-fixed-bottom,
    .mm-fixed-top {
        position: fixed;
        left: 0
    }
    
    .mm-fixed-top {
        top: 0
    }
    
    .mm-fixed-bottom {
        bottom: 0
    }
    
    .mm-opened {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%
    }
    
    .mm-menu.mm-current {
        display: block
    }
    
    .mm-menu {
        position: fixed;
        z-index: 100;
        top: 0;
        left: -50%;
        overflow: hidden;
        width: 50%;
        height: 100%;
        padding: 0
    }
    
    .mm-menu>.mm-panel {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 20px;
        background: inherit;
        -webkit-overflow-scrolling: touch
    }
    
    .mm-menu>.mm-panel.mm-opened {
        left: 0
    }
    
    .mm-menu>.mm-panel.mm-subopened {
        left: -40%
    }
    
    .mm-menu>.mm-panel.mm-highest {
        z-index: 1
    }
    
    .mm-menu>.mm-panel.mm-hidden {
        display: block;
        visibility: hidden
    }
    
    .mm-menu .mm-list {
        padding: 20px 0
    }
    
    .mm-menu>.mm-list {
        padding: 20px 0 40px 0
    }
    
    .mm-panel>.mm-list {
        margin-right: -20px;
        margin-left: -20px
    }
    
    .mm-panel>.mm-list:first-child {
        padding-top: 0
    }
    
    .mm-list,
    .mm-list>li {
        display: block;
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .mm-list a,
    .mm-list a:hover {
        text-decoration: none
    }
    
    .mm-list>li {
        position: relative
    }
    
    .mm-list>li>a,
    .mm-list>li>span {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: inherit
    }
    
    .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        content: "";
        border-bottom-width: 1px;
        border-bottom-style: solid
    }
    
    .mm-list>li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
        position: relative;
        left: auto;
        width: auto;
        margin-left: 20px
    }
    
    .mm-list a.mm-subopen {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        padding: 0
    }
    
    .mm-list a.mm-subopen::before {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        content: "";
        border-left-width: 1px;
        border-left-style: solid
    }
    
    .mm-list a.mm-subopen.mm-fullsubopen {
        width: 100%
    }
    
    .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: 0
    }
    
    .mm-list a.mm-subopen+a,
    .mm-list a.mm-subopen+span {
        margin-right: 40px;
        padding-right: 5px
    }
    
    .mm-list>li.mm-selected>a.mm-subopen {
        background: 0 0
    }
    
    .mm-list>li.mm-selected>a.mm-fullsubopen+a,
    .mm-list>li.mm-selected>a.mm-fullsubopen+span {
        margin-right: 0;
        padding-right: 45px
    }
    
    .mm-list a.mm-subclose {
        margin-top: -20px;
        padding-top: 30px;
        text-indent: 20px
    }
    
    .mm-list>li.mm-label {
        font-size: 10px;
        line-height: 25px;
        overflow: hidden;
        padding-right: 5px;
        white-space: nowrap;
        text-indent: 20px;
        text-transform: uppercase;
        text-overflow: ellipsis
    }
    
    .mm-list>li.mm-spacer {
        padding-top: 40px
    }
    
    .mm-list>li.mm-spacer.mm-label {
        padding-top: 25px
    }
    
    .mm-list a.mm-subclose:before,
    .mm-list a.mm-subopen:after {
        position: absolute;
        bottom: 50%;
        display: block;
        width: 7px;
        height: 7px;
        margin-bottom: -5px;
        content: "";
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: 2px solid transparent
    }
    
    .mm-list a.mm-subopen:after {
        right: 18px;
        border-top: 0;
        border-left: 0
    }
    
    .mm-list a.mm-subclose:before {
        left: 22px;
        margin-bottom: -15px;
        border-right: 0;
        border-bottom: 0
    }
    
    .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.mm-opened>a.mm-subopen {
        height: 40px
    }
    
    .mm-menu.mm-vertical .mm-list>li.mm-opened>a.mm-subopen:after {
        top: 16px;
        right: 16px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    
    .mm-ismenu {
        background: #333
    }
    
    .mm-menu {
        color: rgba(255, 255, 255, .6)
    }
    
    .mm-menu .mm-list>li:after {
        border-color: rgba(0, 0, 0, .15)
    }
    
    .mm-menu .mm-list>li>a.mm-subclose {
        color: rgba(255, 255, 255, .3);
        background: rgba(0, 0, 0, .1)
    }
    
    .mm-menu .mm-list>li>a.mm-subclose:before,
    .mm-menu .mm-list>li>a.mm-subopen:after {
        border-color: rgba(255, 255, 255, .3)
    }
    
    .mm-menu .mm-list>li>a.mm-subopen:before {
        border-color: rgba(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, .1)
    }
    
    .mm-menu .mm-list>li.mm-label {
        background: rgba(255, 255, 255, .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, .05)
    }
    
    @media all and (min-width:880px) {
        .mm-menu {
            left: -440px;
            width: 440px
        }
        .mm-opened.mm-opening #mm-blocker,
        .mm-opened.mm-opening .mm-fixed-bottom,
        .mm-opened.mm-opening .mm-fixed-top {
            left: 440px
        }
    }
    
    .mm-opened.mm-front .mm-fixed-bottom,
    .mm-opened.mm-front .mm-fixed-top,
    .mm-opened.mm-opening.mm-front .mm-fixed-bottom,
    .mm-opened.mm-opening.mm-front .mm-fixed-top {
        right: auto;
        left: 0
    }
    
    .mm-opened.mm-front .mm-fixed-top,
    .mm-opened.mm-opening.mm-front .mm-fixed-top {
        top: 0
    }
    
    .mm-opened.mm-front .mm-fixed-bottom,
    .mm-opened.mm-opening.mm-front .mm-fixed-bottom {
        bottom: 0
    }
    
    .mm-bottom.mm-menu,
    .mm-top.mm-menu {
        left: 0;
        width: 100%;
        height: 50%
    }
    
    .mm-top.mm-menu {
        top: -50%;
        bottom: auto
    }
    
    .mm-top.mm-opened.mm-menu {
        top: 0
    }
    
    .mm-top.mm-opened #mm-blocker {
        top: 50%;
        bottom: auto;
        left: 0
    }
    
    .mm-menu.mm-bottom {
        top: auto;
        bottom: -50%
    }
    
    .mm-bottom.mm-opened .mm-menu {
        bottom: 0
    }
    
    .mm-bottom.mm-opened #mm-blocker {
        top: auto;
        bottom: 50%;
        left: 0
    }
    
    .mm-right .mm-menu {
        right: -50%;
        left: auto
    }
    
    .mm-right.mm-opened.mm-opening .mm-menu {
        right: 0;
        left: auto
    }
    
    .mm-right.mm-opened.mm-opening #mm-blocker {
        right: 50%;
        left: auto
    }
    
    @media all and (min-height:1100px) {
        .mm-menu.mm-top {
            top: -880px;
            height: 880px
        }
        .mm-top.mm-opened.mm-opening #mm-blocker {
            top: 880px
        }
        .mm-menu.mm-bottom {
            bottom: -880px;
            height: 880px
        }
        .mm-bottom.mm-opened.mm-opening #mm-blocker {
            bottom: 880px
        }
    }
    
    .mm-menu.mm-right {
        right: -440px;
        left: auto
    }
    
    @media all and (min-width:880px) {
        .mm-menu.mm-right {
            width: 440px
        }
    }
    
    .mm-menu.mm-front,
    .mm-menu.mm-next {
        -webkit-transition: none .4s ease;
        transition: none .4s ease;
        -webkit-transition-property: top, right, bottom, left, -webkit-transform;
        transition-property: top, right, bottom, left, transform
    }
    
    .mm-front #mm-blocker {
        z-index: 0
    }
    
    .mm-menu.mm-front {
        box-shadow: 0 0 15px rgba(0, 0, 0, .5)
    }
    
    .mm-opening .mm-menu.mm-front,
    .mm-opening .mm-menu.mm-next {
        left: 0
    }
    
    .mm-menu.mm-top.mm-front,
    .mm-menu.mm-top.mm-next {
        left: 0
    }
    
    .mm-opening .mm-menu.mm-top.mm-front,
    .mm-opening .mm-menu.mm-top.mm-next {
        top: 0;
        left: 0
    }
    
    .mm-menu.mm-right.mm-front,
    .mm-menu.mm-right.mm-next {
        left: auto
    }
    
    .mm-opening .mm-menu.mm-right.mm-front,
    .mm-opening .mm-menu.mm-right.mm-next {
        right: 0;
        left: auto
    }
    
    .mm-menu.mm-bottom.mm-front,
    .mm-menu.mm-bottom.mm-next {
        top: auto;
        left: 0
    }
    
    .mm-opening .mm-menu.mm-bottom.mm-front,
    .mm-opening .mm-menu.mm-bottom.mm-next {
        bottom: 0;
        left: 0
    }
    
    .mm-menu.mm-front,
    .mm-menu.mm-next {
        left: -50%
    }
    
    .mm-ismenu.mm-light {
        background: #f3f3f3
    }
    
    .mm-menu.mm-light {
        color: rgba(0, 0, 0, .6)
    }
    
    .mm-menu.mm-light .mm-list>li:after {
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-light .mm-list>li>a.mm-subclose {
        color: rgba(0, 0, 0, .3);
        background: rgba(255, 255, 255, .6)
    }
    
    .mm-menu.mm-light .mm-list>li>a.mm-subclose:before,
    .mm-menu.mm-light .mm-list>li>a.mm-subopen:after {
        border-color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-light .mm-list>li>a.mm-subopen:before {
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-light .mm-list>li.mm-selected>a:not(.mm-subopen),
    .mm-menu.mm-light .mm-list>li.mm-selected>span {
        background: rgba(255, 255, 255, .6)
    }
    
    .mm-menu.mm-light .mm-list>li.mm-label {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
    .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened>ul {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-light .mm-search input {
        color: rgba(0, 0, 0, .6);
        background: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-light li.mm-noresults {
        color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-light em.mm-counter {
        color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-light .mm-list li.mm-label>div>div {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-light .mm-header {
        color: rgba(0, 0, 0, .3);
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-light .mm-header a:before {
        border-color: rgba(0, 0, 0, .3)
    }
    
    .mm-ismenu.mm-white {
        background: #fff
    }
    
    .mm-menu.mm-white {
        color: rgba(0, 0, 0, .6)
    }
    
    .mm-menu.mm-white .mm-list>li:after {
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-white .mm-list>li>a.mm-subclose {
        color: rgba(0, 0, 0, .3);
        background: rgba(0, 0, 0, .08)
    }
    
    .mm-menu.mm-white .mm-list>li>a.mm-subclose:before,
    .mm-menu.mm-white .mm-list>li>a.mm-subopen:after {
        border-color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-white .mm-list>li>a.mm-subopen:before {
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-white .mm-list>li.mm-selected>a:not(.mm-subopen),
    .mm-menu.mm-white .mm-list>li.mm-selected>span {
        background: rgba(0, 0, 0, .08)
    }
    
    .mm-menu.mm-white .mm-list>li.mm-label {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>a.mm-subopen,
    .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened>ul {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-white .mm-search input {
        color: rgba(0, 0, 0, .6);
        background: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-white li.mm-noresults {
        color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-white em.mm-counter {
        color: rgba(0, 0, 0, .3)
    }
    
    .mm-menu.mm-white .mm-list li.mm-label>div>div {
        background: rgba(0, 0, 0, .03)
    }
    
    .mm-menu.mm-white .mm-header {
        color: rgba(0, 0, 0, .3);
        border-color: rgba(0, 0, 0, .1)
    }
    
    .mm-menu.mm-white .mm-header a:before {
        border-color: rgba(0, 0, 0, .3)
    }
    
    .mm-ismenu.mm-black {
        background: #000
    }
    
    .mm-menu.mm-black {
        color: rgba(255, 255, 255, .6)
    }
    
    .mm-menu.mm-black .mm-list>li:after {
        border-color: rgba(255, 255, 255, .2)
    }
    
    .mm-menu.mm-black .mm-list>li>a.mm-subclose {
        color: rgba(255, 255, 255, .3);
        background: rgba(255, 255, 255, .25)
    }
    
    .mm-menu.mm-black .mm-list>li>a.mm-subclose:before,
    .mm-menu.mm-black .mm-list>li>a.mm-subopen:after {
        border-color: rgba(255, 255, 255, .3)
    }
    
    .mm-menu.mm-black .mm-list>li>a.mm-subopen:before {
        border-color: rgba(255, 255, 255, .2)
    }
    
    .mm-menu.mm-black .mm-list>li.mm-selected>a:not(.mm-subopen),
    .mm-menu.mm-black .mm-list>li.mm-selected>span {
        background: rgba(255, 255, 255, .25)
    }
    
    .mm-menu.mm-black .mm-list>li.mm-label {
        background: rgba(…