/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top, .mm-menu.mm-bottom {
  width : 100%;
  min-width : 100%;
  max-width : 100%;
}

.mm-menu.mm-right {
  right : auto;
  left : 0;
}

.mm-menu.mm-bottom {
  top : auto;
  bottom : 0;
}

html.mm-right.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-right.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-right.mm-opening .mm-slideout {
    -webkit-transform : translate3d(440px, 0, 0);
       -moz-transform : translate3d(440px, 0, 0);
            transform : translate3d(440px, 0, 0);
  }
}

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  -webkit-transform : none !important;
     -moz-transform : none !important;
      -ms-transform : none !important;
       -o-transform : none !important;
          transform : none !important;
  z-index : 0;
}

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

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

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition : -webkit-transform 0.4s ease;
          transition : -webkit-transform 0.4s ease;
       -o-transition :      -o-transform 0.4s ease;
     -moz-transition :         transform 0.4s ease, -moz-transform 0.4s ease;
          transition :         transform 0.4s ease;
          transition :         transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease;
  -webkit-transform : translate3d(100%, 0, 0);
     -moz-transform : translate3d(100%, 0, 0);
          transform : translate3d(100%, 0, 0);
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform : translate3d(-100%, 0, 0);
     -moz-transform : translate3d(-100%, 0, 0);
          transform : translate3d(-100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform : translate3d(0, -100%, 0);
     -moz-transform : translate3d(0, -100%, 0);
          transform : translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  -webkit-transform : translate3d(0, 100%, 0);
     -moz-transform : translate3d(0, 100%, 0);
          transform : translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform : translate3d(0, 0, 0);
     -moz-transform : translate3d(0, 0, 0);
          transform : translate3d(0, 0, 0);
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
  height : 80%;
  min-height : 140px;
  max-height : 880px;
}