/*
	jQuery.mmenu effects extension CSS
*/
.mm-menu.mm-effect-menu-zoom
{
    -webkit-transition: -webkit-transform .4s ease;
       -moz-transition:         transform .4s ease, -moz-transform .4s ease;
         -o-transition:      -o-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition:         transform .4s ease;
            transition:         transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom
{
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
       -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
            transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom
{
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
       -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
            transform: scale(1, 1) translate3d(0%, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom
{
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
       -moz-transform: scale(.7, .7) translate3d(30%, 0, 0);
            transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
       -moz-transform-origin: right center;
        -ms-transform-origin: right center;
         -o-transform-origin: right center;
            transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom
{
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
       -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
            transform: scale(1, 1) translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-menu-slide
{
    -webkit-transition: -webkit-transform .4s ease;
       -moz-transition:         transform .4s ease, -moz-transform .4s ease;
         -o-transition:      -o-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition:         transform .4s ease;
            transition:         transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide
{
    -webkit-transform: translate3d(-30%, 0, 0);
       -moz-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide
{
    -webkit-transform: translate3d(0%, 0, 0);
       -moz-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide
{
    -webkit-transform: translate3d(30%, 0, 0);
       -moz-transform: translate3d(30%, 0, 0);
            transform: translate3d(30%, 0, 0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide
{
    -webkit-transform: translate3d(0%, 0, 0);
       -moz-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

.mm-menu.mm-effect-menu-fade
{
    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease; 

    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-menu-fade
{
    opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel
{
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
       -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
            transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened
{
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
       -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
            transform: scale(1, 1) translate3d(0%, 0, 0);
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened
{
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
       -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
            transform: scale(.7, .7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened
{
    -webkit-transform: translate3d(-100%, 0, 0);
       -moz-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li
{
    -webkit-transition: none .4s ease;
       -moz-transition: none .4s ease;
         -o-transition: none .4s ease;
            transition: none .4s ease;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(1)
{
    -webkit-transition-delay: 50ms;
       -moz-transition-delay: 50ms;
         -o-transition-delay: 50ms;
            transition-delay: 50ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(2)
{
    -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
         -o-transition-delay: 100ms;
            transition-delay: 100ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(3)
{
    -webkit-transition-delay: 150ms;
       -moz-transition-delay: 150ms;
         -o-transition-delay: 150ms;
            transition-delay: 150ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(4)
{
    -webkit-transition-delay: 200ms;
       -moz-transition-delay: 200ms;
         -o-transition-delay: 200ms;
            transition-delay: 200ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(5)
{
    -webkit-transition-delay: 250ms;
       -moz-transition-delay: 250ms;
         -o-transition-delay: 250ms;
            transition-delay: 250ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(6)
{
    -webkit-transition-delay: 300ms;
       -moz-transition-delay: 300ms;
         -o-transition-delay: 300ms;
            transition-delay: 300ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(7)
{
    -webkit-transition-delay: 350ms;
       -moz-transition-delay: 350ms;
         -o-transition-delay: 350ms;
            transition-delay: 350ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(8)
{
    -webkit-transition-delay: 400ms;
       -moz-transition-delay: 400ms;
         -o-transition-delay: 400ms;
            transition-delay: 400ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(9)
{
    -webkit-transition-delay: 450ms;
       -moz-transition-delay: 450ms;
         -o-transition-delay: 450ms;
            transition-delay: 450ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(10)
{
    -webkit-transition-delay: 500ms;
       -moz-transition-delay: 500ms;
         -o-transition-delay: 500ms;
            transition-delay: 500ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(11)
{
    -webkit-transition-delay: 550ms;
       -moz-transition-delay: 550ms;
         -o-transition-delay: 550ms;
            transition-delay: 550ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(12)
{
    -webkit-transition-delay: 600ms;
       -moz-transition-delay: 600ms;
         -o-transition-delay: 600ms;
            transition-delay: 600ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(13)
{
    -webkit-transition-delay: 650ms;
       -moz-transition-delay: 650ms;
         -o-transition-delay: 650ms;
            transition-delay: 650ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(14)
{
    -webkit-transition-delay: 700ms;
       -moz-transition-delay: 700ms;
         -o-transition-delay: 700ms;
            transition-delay: 700ms;
}
.mm-menu[class*='mm-effect-listitems-'] .mm-listview > li:nth-child(15)
{
    -webkit-transition-delay: 750ms;
       -moz-transition-delay: 750ms;
         -o-transition-delay: 750ms;
            transition-delay: 750ms;
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li
{
    -webkit-transition-property: opacity, -webkit-transform;
       -moz-transition-property: transform, opacity, -moz-transform;
         -o-transition-property: opacity, -o-transform;
            transition-property: opacity, -webkit-transform;
            transition-property: transform, opacity;
            transition-property: transform, opacity, -webkit-transform, -moz-transform, -o-transform;
    -webkit-transform: translate3d(50%, 0, 0);
       -moz-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);

    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 1;
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li
{
    -webkit-transition-property: opacity;
       -moz-transition-property: opacity;
         -o-transition-property: opacity;
            transition-property: opacity;

    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li
{
    opacity: 1;
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li
{
    top: -25%; 

    -webkit-transition-property: opacity, top;
       -moz-transition-property: opacity, top;
         -o-transition-property: opacity, top;
            transition-property: opacity, top;

    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li
{
    top: 0; 

    opacity: 1;
}
