/*
	jQuery.mmenu columns addon CSS
*/
.mm-menu.mm-columns {
  -webkit-transition-property: width, max-width, -webkit-transform;
  transition-property: width, max-width, -webkit-transform;
  -o-transition-property: width, max-width, -o-transform;
  -moz-transition-property: transform, width, max-width, -moz-transform;
  transition-property: transform, width, max-width;
  transition-property: transform, width, max-width, -webkit-transform, -moz-transform, -o-transform; }
  .mm-menu.mm-columns .mm-panels > .mm-panel {
    width: 100%;
    right: auto;
    display: none;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, -o-transform;
    -moz-transition-property: transform, width, -moz-transform;
    transition-property: transform, width;
    transition-property: transform, width, -webkit-transform, -moz-transform, -o-transform; }
    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
      border-right: 1px solid;
      border-color: inherit;
      display: block;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-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);
      -moz-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);
  -moz-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);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

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

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

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

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