#mobile-menu {
}

.dnnform {
    position: relative;
}

#hamburger {
    display: none;
    z-index: 20;
    position: absolute;
    top: 4px;
    right: 65px;
    outline: none;
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.indar ~ #hamburger {
    top: 50px;
}

#Body #hamburger.dnnEditable {
    top: 54px;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background: #ba122b;
    content: '';
    display: block;
    width: 30px;
    height: 5px;
    position: absolute;
    left: 20px;
}

#hamburger:before {
    top: 10px;
}

#hamburger span {
    top: 20px;
}

#hamburger:after {
    top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    -moz-transition: none 0.5s ease 0.5s;
    -o-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}

html.mm-opening nav#mobile-menu {
    display: block !important;
    z-index: 20;
}

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
    top: 20px;
}

html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}

html.mm-opening #hamburger:before {
    -moz-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    -o-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}

html.mm-opening #hamburger:after {
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -o-transform: rotate( -45deg );
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.mm-list {
    font-size: 17px !important;
}

.mm-menu {
    background: #fff;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6);
}

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > *, .mm-menu em.mm-counter {
        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(0,0,0,.05);
            tap-highlight-color: rgba(0,0,0,.05);
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.05);
        }

        .mm-menu .mm-divider, .mm-menu .mm-fixeddivider span, .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,.03);
        }

    .mm-menu label.mm-check:before {
        border-color: rgba(0,0,0,.6);
    }

    .mm-menu.mm-shadow-page:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

    .mm-menu .mm-search input {
        background: rgba(0,0,0,.05);
        color: rgba(0,0,0,.6);
    }

    .mm-menu .mm-indexer a, .mm-menu .mm-noresultsmsg {
        color: rgba(0,0,0,.3);
    }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(0,0,0,.05);
    }

    .mm-menu label.mm-toggle {
        background: rgba(0,0,0,.1);
    }

        .mm-menu label.mm-toggle:before {
            background: #fff;
        }

    .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963;
    }

    .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
        border-color: rgba(0,0,0,.3);
    }

    .mm-menu .mm-list > li > a.mm-subclose {
        background: rgba(0,0,0,.1);
        color: rgba(0,0,0,.3);
    }

    .mm-menu > a {
        position: absolute;
        top: 0px;
        z-index: 10;
        background: white;
        width: 100%;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

        .mm-menu > a img {
            height: 25px;
        }

    .mm-menu > ul {
        margin-top: 36px;
    }

@media only screen and (max-width: 767px) {
    #hamburger {
        display: block;
    }

    .main-menu {
        display: none;
    }
}