/*
	jQuery.mmenu iconPanels addon CSS
*/
.mm-iconpanel .mm-panel
{
    -webkit-transition-property: left, -webkit-transform;
       -moz-transition-property: transform, left, -moz-transform;
         -o-transition-property: left, -o-transform;
            transition-property: left, -webkit-transform;
            transition-property: transform, left;
            transition-property: transform, left, -webkit-transform, -moz-transform, -o-transform;
}
.mm-iconpanel .mm-panel.mm-opened
{
    border-color: inherit; 
    border-left: 1px solid;
}
.mm-iconpanel .mm-panel.mm-subopened
{
    left: -40px;

    overflow-y: hidden;

    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0
{
    left: 0;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1
{
    left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2
{
    left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3
{
    left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4
{
    left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5
{
    left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6
{
    left: 240px;
}

.mm-subblocker
{
    display: block;

    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease; 

    opacity: 0;
    background: inherit;
}

.mm-subopened .mm-subblocker
{
    position: absolute;
    z-index: 3; 
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;

    opacity: .6;
}
