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

.mm-slideout {
  -webkit-transition : -webkit-transform 0.4s ease;
          transition : -webkit-transform 0.4s ease;
          transition :         transform 0.4s ease;
          transition :         transform 0.4s ease, -webkit-transform 0.4s ease;
  z-index : 1;
}

html.mm-opened {
  overflow-x : hidden;
  position : relative;
}

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

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

#mm-blocker {
  background : rgba(3, 2, 1, 0);
  display : none;
  width : 100%;
  height : 100%;
  position : fixed;
  top : 0;
  right : 0;
  z-index : 2;
}

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

.mm-menu.mm-offcanvas {
  z-index : 0;
  display : none;
  position : fixed;
}
.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);
          transform : translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-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);
            transform : translate3d(-440px, 0, 0);
  }
}