/*
	jQuery.mmenu offCanvas addon CSS
*/
.mm-page
{
    position: relative; 

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.mm-slideout
{
    z-index: 1; 

    -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
{
    position: relative; 

    overflow-x: hidden;
}

html.mm-blocking
{
    overflow: hidden;
}
html.mm-blocking body
{
    overflow: hidden;
}

html.mm-background .mm-page
{
    background: inherit;
}

#mm-blocker
{
    position: fixed;
    z-index: 2; 
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(3, 2, 1, 0);
}

html.mm-blocking #mm-blocker
{
    display: block;
}

.mm-menu.mm-offcanvas
{
    position: fixed; 
    z-index: 0;

    display: none;
}
.mm-menu.mm-offcanvas.mm-current
{
    display: block;
}

.mm-menu
{
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening .mm-slideout
{
    -webkit-transform: translate3d(80%, 0, 0);
       -moz-transform: translate3d(80%, 0, 0);
            transform: translate3d(80%, 0, 0);
}

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

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