/*
	jQuery.mmenu columns addon CSS
*/
.mm-menu.mm-columns {
  -webkit-transition-property : width, max-width, -webkit-transform;
          transition-property : width, max-width, -webkit-transform;
          transition-property : transform, width, max-width;
          transition-property : transform, width, max-width, -webkit-transform;
}
.mm-menu.mm-columns .mm-panels > .mm-panel {
  width : 100%;
  left : auto;
  display : none;
  -webkit-transition-property : width, -webkit-transform;
          transition-property : width, -webkit-transform;
          transition-property : transform, width;
          transition-property : transform, width, -webkit-transform;
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
  border-left : 1px solid;
  border-color : inherit;
  display : block;
  -webkit-transform : translate3d(0, 0, 0);
          transform : translate3d(0, 0, 0);
}
.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
  -webkit-transform : translate3d(100%, 0, 0);
          transform : translate3d(100%, 0, 0);
  z-index : 2;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
  -webkit-transform : translate3d(0%, 0, 0);
          transform : translate3d(0%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
  display : block;
  -webkit-transform : translate3d(-100%, 0, 0);
          transform : translate3d(-100%, 0, 0);
}

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

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

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

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

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
  -webkit-transform : translate3d(-100%, 0, 0);
          transform : translate3d(-100%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
  display : block;
  -webkit-transform : translate3d(-200%, 0, 0);
          transform : translate3d(-200%, 0, 0);
}

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

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

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

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

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
  width : 100%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
  -webkit-transform : translate3d(-200%, 0, 0);
          transform : translate3d(-200%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
  display : block;
  -webkit-transform : translate3d(-300%, 0, 0);
          transform : translate3d(-300%, 0, 0);
}

.mm-menu.mm-columns-2 {
  width : 80%;
  min-width : 140px;
  max-width : 880px;
}

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

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

@media all and (min-width: 1100px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform : translate3d(-880px, 0, 0);
            transform : translate3d(-880px, 0, 0);
  }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
  width : 50%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
  -webkit-transform : translate3d(-300%, 0, 0);
          transform : translate3d(-300%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
  display : block;
  -webkit-transform : translate3d(-400%, 0, 0);
          transform : translate3d(-400%, 0, 0);
}

.mm-menu.mm-columns-3 {
  width : 80%;
  min-width : 140px;
  max-width : 1320px;
}

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

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

@media all and (min-width: 1650px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform : translate3d(-1320px, 0, 0);
            transform : translate3d(-1320px, 0, 0);
  }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
  width : 33.34%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
  -webkit-transform : translate3d(-400%, 0, 0);
          transform : translate3d(-400%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
  display : block;
  -webkit-transform : translate3d(-500%, 0, 0);
          transform : translate3d(-500%, 0, 0);
}

.mm-menu.mm-columns-4 {
  width : 80%;
  min-width : 140px;
  max-width : 1760px;
}

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

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

@media all and (min-width: 2200px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform : translate3d(-1760px, 0, 0);
            transform : translate3d(-1760px, 0, 0);
  }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
  width : 25%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
  -webkit-transform : translate3d(-500%, 0, 0);
          transform : translate3d(-500%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
  display : block;
  -webkit-transform : translate3d(-600%, 0, 0);
          transform : translate3d(-600%, 0, 0);
}

.mm-menu.mm-columns-5 {
  width : 80%;
  min-width : 140px;
  max-width : 2200px;
}

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

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

@media all and (min-width: 2750px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform : translate3d(-2200px, 0, 0);
            transform : translate3d(-2200px, 0, 0);
  }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
  width : 20%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
  -webkit-transform : translate3d(-600%, 0, 0);
          transform : translate3d(-600%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*='mm-columns-']) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
  display : block;
  -webkit-transform : translate3d(-700%, 0, 0);
          transform : translate3d(-700%, 0, 0);
}

.mm-menu.mm-columns-6 {
  width : 80%;
  min-width : 140px;
  max-width : 2640px;
}

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

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

@media all and (min-width: 3300px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform : translate3d(-2640px, 0, 0);
            transform : translate3d(-2640px, 0, 0);
  }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
  width : 16.67%;
}