/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
.brz-mm-menu_theme-white {
  --mm-color-border: rgba( 0,0,0, 0.1 );
  --mm-color-button: rgba( 0,0,0, 0.3 );
  --mm-color-text: rgba( 0,0,0, 0.7 );
  --mm-color-text-dimmed: rgba( 0,0,0, 0.3 );
  --mm-color-background: #fff;
  --mm-color-background-highlight: rgba( 0,0,0, 0.06 );
  --mm-color-background-emphasis: rgba( 0,0,0, 0.03 );
  --mm-shadow: 0 0 10px rgba( 0,0,0, 0.2 ); }

.brz-mm-menu_theme-dark {
  --mm-color-border: rgba( 0,0,0, 0.3 );
  --mm-color-button: rgba( 255,255,255, 0.4 );
  --mm-color-text: rgba( 255,255,255, 0.85 );
  --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
  --mm-color-background: #333;
  --mm-color-background-highlight: rgba( 255,255,255, 0.08 );
  --mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
  --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 ); }

.brz-mm-menu_theme-black {
  --mm-color-border: rgba( 255,255,255, 0.25 );
  --mm-color-button: rgba( 255,255,255, 0.4 );
  --mm-color-text: rgba( 255,255,255, 0.75 );
  --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
  --mm-color-background: #000;
  --mm-color-background-highlight: rgba( 255,255,255, 0.2 );
  --mm-color-background-emphasis: rgba( 255,255,255, 0.15 );
  --mm-shadow: none
	; }

:root {
  --mm-line-height: 20px;
  --mm-listitem-size: 44px;
  --mm-navbar-size: 44px;
  --mm-offset-top: 0;
  --mm-offset-right: 0;
  --mm-offset-bottom: 0;
  --mm-offset-left: 0;
  --mm-color-border: rgba(0, 0, 0, 0.1);
  --mm-color-button: rgba(0, 0, 0, 0.3);
  --mm-color-text: rgba(0, 0, 0, 0.75);
  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
  --mm-color-background: #f3f3f3;
  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.brz-mm-hidden {
  display: none !important; }

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

.brz-mm-menu {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: var(--mm-offset-top);
  right: var(--mm-offset-right);
  bottom: var(--mm-offset-bottom);
  left: var(--mm-offset-left);
  z-index: 0;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
  line-height: var(--mm-line-height);
  -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .brz-mm-menu a,
  .brz-mm-menu a:link,
  .brz-mm-menu a:active,
  .brz-mm-menu a:visited,
  .brz-mm-menu a:hover {
    text-decoration: none;
    color: inherit; }

[dir="rtl"] .brz-mm-menu {
  direction: rtl; }

.brz-mm-panel {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  z-index: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -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; }
  .brz-mm-panel:after {
    height: 44px; }
  .brz-mm-panel:not(.brz-mm-hidden) {
    display: block; }
  .brz-mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size); }
  .brz-mm-panel_opened {
    z-index: 1;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }
  .brz-mm-panel_opened-parent {
    -webkit-transform: translate3d(-30%, 0, 0);
            transform: translate3d(-30%, 0, 0); }
  .brz-mm-panel_highest {
    z-index: 2; }
  .brz-mm-panel_noanimation {
    -webkit-transition: none !important;
    transition: none !important; }
    .brz-mm-panel_noanimation.brz-mm-panel_opened-parent {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  .brz-mm-panels > .brz-mm-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }

.brz-mm-panel__content {
  padding: 20px 20px 0; }

.brz-mm-panels {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text); }

[dir='rtl'] .brz-mm-panel:not(.brz-mm-panel_opened) {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }

[dir='rtl'] .brz-mm-panel.brz-mm-panel_opened-parent {
  -webkit-transform: translate3d(30%, 0, 0);
          transform: translate3d(30%, 0, 0); }

.brz-mm-listitem_vertical > .brz-mm-panel {
  display: none;
  width: 100%;
  padding: 10px 0 10px 10px;
  -webkit-transform: none !important;
          transform: none !important; }
  .brz-mm-listitem_vertical > .brz-mm-panel:before, .brz-mm-listitem_vertical > .brz-mm-panel:after {
    content: none;
    display: none; }

.brz-mm-listitem_opened > .brz-mm-panel {
  display: block; }

.brz-mm-listitem_vertical > .brz-mm-listitem__btn {
  height: 44px;
  height: var(--mm-listitem-size);
  bottom: auto; }

.brz-mm-listitem_vertical .brz-mm-listitem:last-child:after {
  border-color: transparent; }

.brz-mm-listitem_opened > .brz-mm-listitem__btn:after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  right: 19px; }

.brz-mm-btn {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50px;
  padding: 0; }
  .brz-mm-btn:before, .brz-mm-btn:after {
    border: 2px solid rgba(0, 0, 0, 0.3);
    border: 2px solid var(--mm-color-button); }

.brz-mm-btn_prev:before, .brz-mm-btn_next:after {
  content: '';
  border-bottom: none;
  border-right: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.brz-mm-btn_prev:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.brz-mm-btn_next:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 23px;
  left: auto; }

.brz-mm-btn_close:before, .brz-mm-btn_close:after {
  content: '';
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.brz-mm-btn_close:before {
  border-right: none;
  border-bottom: none;
  right: 18px; }

.brz-mm-btn_close:after {
  border-left: none;
  border-top: none;
  right: 25px; }

[dir="rtl"] .brz-mm-btn_next:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 23px;
  right: auto; }

[dir="rtl"] .brz-mm-btn_prev:before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  right: 23px;
  left: auto; }

[dir="rtl"] .brz-mm-btn_close:before, [dir="rtl"] .brz-mm-btn_close:after {
  right: auto; }

[dir="rtl"] .brz-mm-btn_close:before {
  left: 25px; }

[dir="rtl"] .brz-mm-btn_close:after {
  left: 18px; }

.brz-mm-navbar {
  min-height: 44px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--mm-navbar-size);
  border-bottom: 1px solid var(--mm-color-border);
  background: var(--mm-color-background);
  color: var(--mm-color-text-dimmed);
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }
  .brz-mm-navbar > * {
    min-height: 44px; }
  @supports ((position: -webkit-sticky) or (position: st