/*
	jQuery.mmenu popup extension CSS
*/
.mm-menu.mm-popup
{
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;

    height: 80%;
    min-height: 140px;
    max-height: 880px;

    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); 

    opacity: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
}

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

html.mm-popup .mm-slideout
{
    z-index: 0; 

    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

html.mm-popup #mm-blocker
{
    z-index: 1; 

    -webkit-transition-delay: 0s !important;
       -moz-transition-delay: 0s !important;
         -o-transition-delay: 0s !important;
            transition-delay: 0s !important;
}

html.mm-popup .mm-menu
{
    z-index: 2;
}
