/*
	jQuery.mmenu oncanvas CSS
*/
.mm-hidden {
  display : none !important;
}

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

.mm-menu {
  box-sizing : border-box;
  background : inherit;
  display : block;
  padding : 0;
  margin : 0;
  position : absolute;
  right : 0;
  left : 0;
  top : 0;
  bottom : 0;
  z-index : 0;
}

.mm-panels, .mm-panels > .mm-panel {
  background : inherit;
  border-color : inherit;
  box-sizing : border-box;
  margin : 0;
  position : absolute;
  right : 0;
  left : 0;
  top : 0;
  bottom : 0;
  z-index : 0;
}

.mm-panels {
  overflow : hidden;
}

.mm-panel {
  -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;
  -webkit-transform : translate3d(-100%, 0, 0);
          transform : translate3d(-100%, 0, 0);
}
.mm-panel.mm-opened {
  -webkit-transform : translate3d(0%, 0, 0);
          transform : translate3d(0%, 0, 0);
}
.mm-panel.mm-subopened {
  -webkit-transform : translate3d(30%, 0, 0);
          transform : translate3d(30%, 0, 0);
}
.mm-panel.mm-highest {
  z-index : 1;
}

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling : touch;
  overflow : scroll;
  overflow-x : hidden;
  overflow-y : auto;
  padding : 0 20px;
}
.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top : 40px;
}
.mm-panels > .mm-panel:before, .mm-panels > .mm-panel:after {
  content : '';
  display : block;
  height : 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform : none !important;
      -ms-transform : none !important;
          transform : none !important;
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
  display : none;
  padding : 10px 10px 10px 0;
}
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
  border-color : transparent;
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
  display : block;
}

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {
  height : 40px;
  bottom : auto;
}
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after {
  top : 16px;
  bottom : auto;
}

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
  -webkit-transform : rotate(-45deg);
      -ms-transform : rotate(-45deg);
          transform : rotate(-45deg);
  left : 19px;
}

.mm-btn {
  box-sizing : border-box;
  width : 40px;
  height : 40px;
  position : absolute;
  top : 0;
  z-index : 1;
}

.mm-clear:before, .mm-clear:after, .mm-close:before, .mm-close:after {
  content : '';
  border : 2px solid transparent;
  display : block;
  width : 5px;
  height : 5px;
  margin : auto;
  position : absolute;
  top : 0;
  bottom : 0;
  -webkit-transform : rotate(45deg);
      -ms-transform : rotate(45deg);
          transform : rotate(45deg);
}

.mm-clear:before, .mm-close:before {
  border-left : none;
  border-bottom : none;
  left : 20px;
}

.mm-clear:after, .mm-close:after {
  border-right : none;
  border-top : none;
  left : 25px;
}

.mm-prev:before, .mm-next:after, .mm-arrow:after {
  content : '';
  border : 2px solid transparent;
  display : block;
  width : 8px;
  height : 8px;
  margin : auto;
  position : absolute;
  top : 0;
  bottom : 0;
  -webkit-transform : rotate(45deg);
      -ms-transform : rotate(45deg);
          transform : rotate(45deg);
}

.mm-prev:before {
  border-left : none;
  border-bottom : none;
  right : 23px;
}

.mm-next:after, .mm-arrow:after {
  border-top : none;
  border-right : none;
  left : 23px;
}

.mm-navbar {
  border-bottom : 1px solid;
  border-color : inherit;
  text-align : center;
  line-height : 20px;
  height : 40px;
  padding : 0 40px;
  margin : 0;
  position : absolute;
  top : 0;
  right : 0;
  left : 0;
}
.mm-navbar > * {
  display : block;
  padding : 10px 0;
}
.mm-navbar a, .mm-navbar a:hover {
  text-decoration : none;
}
.mm-navbar .mm-title {
  text-overflow : ellipsis;
  white-space : nowrap;
  overflow : hidden;
}
.mm-navbar .mm-btn:first-child {
  padding-right : 20px;
  right : 0;
}
.mm-navbar .mm-btn:last-child {
  text-align : left;
  padding-left : 20px;
  left : 0;
}

.mm-panel .mm-navbar {
  display : none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display : block;
}

.mm-listview, .mm-listview > li {
  list-style : none;
  display : block;
  padding : 0;
  margin : 0;
}

.mm-listview {
  font : inherit;
  font-size : 14px;
  line-height : 20px;
}
.mm-listview a, .mm-listview a:hover {
  text-decoration : none;
}
.mm-listview > li {
  position : relative;
}
.mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before {
  border-color : inherit;
}
.mm-listview > li > a, .mm-listview > li > span {
  text-overflow : ellipsis;
  white-space : nowrap;
  overflow : hidden;
  color : inherit;
  display : block;
  padding : 10px 20px 10px 10px;
  margin : 0;
}
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
  padding-left : 50px;
}
.mm-listview > li:not(.mm-divider):after {
  content : '';
  border-bottom-width : 1px;
  border-bottom-style : solid;
  display : block;
  position : absolute;
  right : 0;
  left : 0;
  bottom : 0;
}
.mm-listview > li:not(.mm-divider):after {
  right : 20px;
}
.mm-listview .mm-next {
  background : rgba(3, 2, 1, 0);
  width : 50px;
  padding : 0;
  position : absolute;
  left : 0;
  top : 0;
  bottom : 0;
  z-index : 2;
}
.mm-listview .mm-next:before {
  content : '';
  border-right-width : 1px;
  border-right-style : solid;
  display : block;
  position : absolute;
  top : 0;
  bottom : 0;
  right : 0;
}
.mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-left : 50px;
}
.mm-listview .mm-next.mm-fullsubopen {
  width : 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
  border-right : none;
}
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
  padding-left : 50px;
  margin-left : 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin : 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top : -20px;
}

.mm-listview .mm-inset {
  list-style : inside disc;
  padding : 0 40px 15px 10px;
  margin : 0;
}
.mm-listview .mm-inset > li {
  padding : 5px 0;
}

.mm-listview .mm-divider {
  text-overflow : ellipsis;
  white-space : nowrap;
  overflow : hidden;
  font-size : 10px;
  text-transform : uppercase;
  text-indent : 20px;
  line-height : 25px;
}

.mm-listview .mm-spacer {
  padding-top : 40px;
}
.mm-listview .mm-spacer > .mm-next {
  top : 40px;
}
.mm-listview .mm-spacer.mm-divider {
  padding-top : 25px;
}

.mm-menu {
  background : #F3F3F3;
  border-color : rgba(0, 0, 0, 0.1);
  color : rgba(0, 0, 0, 0.7);
}
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
  color : rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-btn:before, .mm-menu .mm-btn:after {
  border-color : rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview {
  border-color : rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after {
  border-color : rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color : rgba(255, 255, 255, 0.5);
          tap-highlight-color : rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background : rgba(255, 255, 255, 0.5);
}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
  background : rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-divider {
  background : rgba(0, 0, 0, 0.05);
}