@media screen and (max-width: 550px) {
  #mm-clone-mainNavigation {
    width: 100% !important; } }

li .we-mega-menu-li.hideitem {
  display: none; }

#mm-clone-mainNavigation {
  z-index: 50;
  background-color: #12284c;
  max-width: 550px; }
  #mm-clone-mainNavigation input[type="text"] {
    width: 100%;
    min-height: 47px;
    padding: 0 15px; }
  @media screen and (min-width: 68.75rem) {
    #mm-clone-mainNavigation {
      display: none; } }
  #mm-clone-mainNavigation .mm-navbar {
    background-color: #12284c;
    padding: 2px; }
  #mm-clone-mainNavigation #mm-1 .mm-navbar {
    display: none; }
  #mm-clone-mainNavigation .mm-panels {
    background-color: #12284c;
    overflow: auto; }
    #mm-clone-mainNavigation .mm-panels > .mm-panel {
      background-color: #12284c; }
      #mm-clone-mainNavigation .mm-panels > .mm-panel .megamenu-sub a.mm-btn.mm-btn_next.mm-listitem__btn {
        display: none; }
      #mm-clone-mainNavigation .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item {
        float: none; }
        #mm-clone-mainNavigation .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item .mm-listitem--opened > .mm-listitem__btn {
          display: none; }
  #mm-clone-mainNavigation .mm-btn:after,
  #mm-clone-mainNavigation .mm-btn:before {
    border-color: #fff; }
  #mm-clone-mainNavigation select {
    background-color: #12284c;
    color: white;
    width: 50%;
    border: 0;
    font-weight: bold; }

@media screen and (min-width: 68.75rem) {
  #mm-0 {
    display: none; } }

@media screen and (min-width: 68.75rem) {
  .topLvl {
    display: flex; } }

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
  color: #ffffff; }

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

#mainNavigation {
  display: none;
  background-color: #F2F2F2 !important; }
  @media screen and (min-width: 68.75rem) {
    #mainNavigation {
      display: block; } }
  #mainNavigation .temp_block2del {
    display: none; }

.navbar-toggle {
  display: block;
  position: absolute;
  top: 11px; }
  @media screen and (min-width: 68.75rem) {
    .navbar-toggle {
      display: none; } }

.megamenu {
  display: none; }
  @media screen and (min-width: 68.75rem) {
    .megamenu {
      display: block; } }

.megamenu,
.mm-panels > .mm-panel {
  color: #12284c;
  background-color: #F2F2F2;
  margin: 0;
  padding: 0.5556rem 0;
  position: relative;
  z-index: 500; }
  .megamenu ul.topLvl,
  .mm-panels > .mm-panel ul.topLvl {
    position: relative;
    margin: 0 auto;
    clear: right; }
    .megamenu ul.topLvl a.mmaLink.mm-listitem__text,
    .mm-panels > .mm-panel ul.topLvl a.mmaLink.mm-listitem__text {
      white-space: normal; }
    .megamenu ul.topLvl.mm-listview .mm-btn,
    .mm-panels > .mm-panel ul.topLvl.mm-listview .mm-btn {
      text-transform: uppercase; }
    @media screen and (min-width: 68.75rem) {
      .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent,
      .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent {
        background-color: #323232; }
        .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a, .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent span,
        .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a,
        .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent span {
          color: #ffffff !important; }
        .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a.mmaLink:after,
        .megamenu ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent span.mmaLink:after,
        .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent a.mmaLink:after,
        .mm-panels > .mm-panel ul.topLvl li.megamenu-li.mmenu-item.mm-menu_selected-parent span.mmaLink:after {
          content: '';
          background-image: url(../svg/accordion_icon-white.svg); } }
    .megamenu ul.topLvl > li.megamenu-li.mmenu-item,
    .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item {
      color: #ffffff;
      background-color: #12284c;
      margin-right: 0.1111rem;
      font-family: "Montserrat", "Tajawal", "Arial", sans-serif;
      font-style: normal;
      font-weight: 700; }
      @media screen and (min-width: 68.75rem) {
        .megamenu ul.topLvl > li.megamenu-li.mmenu-item,
        .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item {
          background-color: #ffffff;
          cursor: pointer;
          color: #12284c;
          float: left;
          text-align: center;
          flex: 1; }
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(en),
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(en) {
            padding: 0 16px;
            flex: none; } }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(en),
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(en) {
        font-size: 0.9444rem; }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(fr),
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(fr) {
        font-size: 0.85rem; }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(es),
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(es) {
        font-size: 0.85rem; }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item:lang(ar),
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:lang(ar) {
        font-weight: 800; }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .mmaLink,
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .mmaLink {
        text-decoration: none;
        text-transform: uppercase;
        margin: 0.8rem 5px;
        display: block;
        padding: 0.3rem 0; }
        @media screen and (min-width: 68.75rem) {
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .mmaLink,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .mmaLink {
            color: #12284c; } }
      @media screen and (min-width: 68.75rem) {
        .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover,
        .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop,
        .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover {
          background-color: #12284c;
          color: #ffffff; }
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop > .mmaLink:after, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover > .mmaLink:after,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop > .mmaLink:after,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover > .mmaLink:after {
            background-image: url("../svg/accordion_icon-white.svg"); } }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item.selectedTop .mmaLink, .megamenu ul.topLvl > li.megamenu-li.mmenu-item:hover .mmaLink,
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item.selectedTop .mmaLink,
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item:hover .mmaLink {
        color: #ffffff; }
      .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub,
      .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub {
        display: block;
        visibility: hidden;
        position: absolute;
        margin: 0;
        z-index: 50;
        height: auto;
        max-height: 0;
        transition: max-height 0.30s ease-out;
        overflow: hidden; }
        @media screen and (min-width: 68.75rem) {
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub {
            padding: 0 50% 2.444444444rem;
            width: 200%;
            left: -50%; } }
        .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active,
        .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active {
          display: block;
          visibility: visible;
          background-color: #12284c;
          max-height: 650px;
          transition: max-height 0.30s ease-in; }
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active a.mmaLink,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub.active a.mmaLink {
            color: #ffffff; }
        .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li,
        .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li {
          color: #ffffff;
          box-sizing: border-box;
          float: none;
          width: 80%;
          margin-left: 1rem; }
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block {
            width: 220px; }
          @media screen and (min-width: 68.75rem) {
            .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li,
            .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li {
              margin-left: 0;
              float: left;
              width: 20%;
              padding: 0 15px; }
              .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block,
              .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block {
                float: right; } }
          .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a,
          .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a {
            text-transform: uppercase;
            margin-top: 2.055555515rem;
            min-height: 1.5rem; }
            @media screen and (min-width: 68.75rem) {
              .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a,
              .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li > a {
                margin-top: 0;
                min-height: 4.055555515rem; } }
  .megamenu .mmTitle,
  .mm-panels > .mm-panel .mmTitle {
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 0.3888888888rem;
    font-weight: bold; }
  .megamenu .arrow-down,
  .mm-panels > .mm-panel .arrow-down {
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 14px solid #12284c; }
  .megamenu .mmCoverContainer,
  .mm-panels > .mm-panel .mmCoverContainer {
    display: block;
    background-color: #ffffff;
    min-height: 240px;
    padding: 0 0.55555rem 0.55555rem;
    width: 100%;
    max-width: 280px;
    text-align: center; }
    .megamenu .mmCoverContainer .mmTeaser,
    .mm-panels > .mm-panel .mmCoverContainer .mmTeaser {
      color: #12284c;
      padding: 0.55555rem 0;
      font-weight: bold;
      text-align: left;
      white-space: normal; }
      .megamenu .mmCoverContainer .mmTeaser:lang(ar),
      .mm-panels > .mm-panel .mmCoverContainer .mmTeaser:lang(ar) {
        line-height: 1.6; }
    .megamenu .mmCoverContainer img,
    .mm-panels > .mm-panel .mmCoverContainer img {
      padding-top: 0.55555rem;
      padding-bottom: 0.55555rem; }
    .megamenu .mmCoverContainer .button,
    .mm-panels > .mm-panel .mmCoverContainer .button {
      color: #12284c;
      padding-top: 0.55555rem;
      border: solid 2px #f5333f;
      display: block;
      text-align: center;
      margin: auto; }
    .megamenu .mmCoverContainer .button:hover,
    .mm-panels > .mm-panel .mmCoverContainer .button:hover {
      background: #f5333f;
      text-decoration: none;
      color: #ffffff; }
  .megamenu .megamenu-li,
  .mm-panels > .mm-panel .megamenu-li {
    list-style: none;
    box-sizing: border-box;
    font-family: "Open Sans", "Tajawal", "Arial", sans-serif;
    font-size: 1rem;
    line-height: 1.11; }
    @media screen and (min-width: 68.75rem) {
      .megamenu .megamenu-li,
      .mm-panels > .mm-panel .megamenu-li {
        line-height: 1.11; } }
    .megamenu .megamenu-li .megamenu-sub,
    .mm-panels > .mm-panel .megamenu-li .megamenu-sub {
      left: 0;
      margin: 0;
      width: 100%;
      z-index: 99; }
      .megamenu .megamenu-li .megamenu-sub > .megamenu-li,
      .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li {
        color: #ffffff;
        box-sizing: border-box;
        padding: 0.1rem 0.5rem 0.69rem 0.1rem; }
        @media screen and (min-width: 68.75rem) {
          .megamenu .megamenu-li .megamenu-sub > .megamenu-li,
          .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li {
            float: left; } }
        .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li,
        .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li {
          float: none;
          padding-top: 0;
          margin-left: 20px; }
          @media screen and (min-width: 68.75rem) {
            .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li,
            .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li {
              margin-left: 0; }
              .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item,
              .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item {
                margin-left: 20px;
                padding-top: 0; }
                .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item a,
                .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul > .megamenu-li .megamenu-sub li.megamenu-li.mmenu-item a {
                  line-height: 1.11; } }
        .megamenu .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink,
        .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink {
          display: block;
          text-decoration: none;
          text-transform: none; }
          @media screen and (min-width: 68.75rem) {
            .megamenu .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink,
            .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li > a.mmaLink {
              padding-top: 1.38rem; } }
        .megamenu .megamenu-li .megamenu-sub > .megamenu-li a.mmaLink:hover,
        .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li a.mmaLink:hover {
          text-decoration: underline; }
        .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul,
        .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul {
          padding-top: 0; }
          .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li,
          .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li {
            padding: 0.6667rem 0; }
            .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a,
            .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a {
              font-size: 0.8889rem;
              font-weight: normal;
              text-transform: none; }
              @media screen and (min-width: 68.75rem) {
                .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a,
                .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a {
                  padding: 0; } }
  @media screen and (min-width: 68.75rem) {
    .megamenu span.mmaLink:after,
    .mm-panels > .mm-panel span.mmaLink:after {
      background-image: url("../svg/accordion_icon.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      height: 14px;
      position: relative;
      right: -4px;
      top: 8px;
      transform: translateY(-50%);
      transition: transform 200ms ease-in-out;
      width: 10px;
      will-change: transform;
      display: inline-block;
      transform: translateY(-50%) rotate(0deg); }
    .megamenu:lang(ar) span.mmaLink:after,
    .mm-panels > .mm-panel:lang(ar) span.mmaLink:after {
      right: auto;
      left: -4px; }
    .megamenu .selectedTop span.mmaLink:after,
    .mm-panels > .mm-panel .selectedTop span.mmaLink:after {
      transform: translateY(-50%) rotate(-180deg); }
    .megamenu .megamenu-sub span.mmaLink:after,
    .mm-panels > .mm-panel .megamenu-sub span.mmaLink:after {
      display: none; } }

@media screen and (min-width: 68.75rem) {
  [dir="rtl"] .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li,
  [dir="rtl"] .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li {
    float: right;
    margin-right: 0;
    margin-left: inherit; } }

[dir="rtl"] .megamenu ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block,
[dir="rtl"] .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item > .megamenu-sub > .megamenu-li.block {
  float: left; }

[dir="rtl"] .megamenu ul.topLvl .mmTeaser,
[dir="rtl"] .mm-panels > .mm-panel ul.topLvl .mmTeaser {
  text-align: right; }

[dir="rtl"] .megamenu .megamenu-li .megamenu-sub > .megamenu-li ul li a,
[dir="rtl"] .mm-panels > .mm-panel .megamenu-li .megamenu-sub > .megamenu-li ul li a {
  line-height: 1.5 !important; }

@media screen and (min-width: 68.75rem) {
  [dir="rtl"] .megamenu-sub .megamenu-li {
    line-height: 1.5 !important; } }

[dir="rtl"] a.mmaLink:after {
  right: 4px; }

#mm-clone-mainNavigation {
  margin-top: 55px;
  width: clamp(var(--mm-min-size), var(--mm-size), var(--mm-max-size_overide)); }
  #mm-clone-mainNavigation input[type="text"] {
    color: #0b1e3e;
    background-color: #F2F2F2;
    font-weight: bold; }
  #mm-clone-mainNavigation input::-webkit-input-placeholder {
    color: #666666;
    font-weight: bold; }
  #mm-clone-mainNavigation input::-moz-placeholder {
    color: #666666;
    font-weight: bold; }
  #mm-clone-mainNavigation input:-ms-input-placeholder {
    color: #666666;
    font-weight: bold; }
  #mm-clone-mainNavigation input::-ms-input-placeholder {
    color: #666666;
    font-weight: bold; }
  #mm-clone-mainNavigation input::placeholder {
    color: #666666;
    font-weight: bold; }

html:lang(es) .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item,
html:lang(fr) .mm-panels > .mm-panel ul.topLvl > li.megamenu-li.mmenu-item {
  font-size: 0.85rem; }

.mmCoverContainer button.button {
  width: 100%; }

.megamenu-li.mmenu-item.mm-opened.mm-listitem_opened, .megamenu-sub.row .megamenu-li.mmenu-item {
  text-align: left; }

[dir="rtl"] .megamenu-li.mmenu-item.mm-opened.mm-listitem_opened, [dir="rtl"] .megamenu-sub.row .megamenu-li.mmenu-item {
  text-align: right; }

.mm-menu {
  --mm-color-border: rgba(0, 0, 0, 0)!important;
  --mm-color-button: rgba(0, 0, 0, 0)!important;
  --mm-color-text: rgba(0, 0, 0, 0)!important;
  --mm-color-text-dimmed: rgba(0, 0, 0, 0)!important;
  --mm-color-background: #f3f3f3;
  --mm-color-background-highlight: rgba(0, 0, 0, 0)!important;
  --mm-color-background-emphasis: rgba(255, 255, 255, 0)!important;
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0)!important; }

:root {
  --mm-max-size_overide: 550px;
  --mb-button-size: 60px;
  --mb-bar-width: 0.6;
  --mb-bar-height: 4px;
  --mb-bar-spacing: 10px;
  --mb-animate-timeout: 0.4s;
  --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; }

.mburger {
  background: 0 0;
  border: none;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  height: var(--mb-button-size);
  padding: 0 0 0 var(--mb-button-size);
  margin: 0;
  line-height: var(--mb-button-size);
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer; }
  .mburger.mburger--collapse {
    margin-top: -15px; }

.mburger b {
  display: block;
  position: absolute;
  left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
  width: calc(var(--mb-button-size) * var(--mb-bar-width));
  height: var(--mb-bar-height);
  border-radius: calc(var(--mb-bar-height)/ 2);
  background: currentColor;
  color: inherit;
  opacity: 1; }

.mburger b:nth-of-type(1) {
  bottom: calc(50% + var(--mb-bar-spacing));
  transition: bottom .2s ease, transform .2s ease, width .2s ease; }

.mburger b:nth-of-type(2) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transition: opacity .2s ease; }

.mburger b:nth-of-type(3) {
  top: calc(50% + var(--mb-bar-spacing));
  transition: top .2s ease, transform .2s ease, width .2s ease; }

.mm-wrapper--opened .mburger b:nth-of-type(1) {
  bottom: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(45deg); }

.mm-wrapper--opened .mburger b:nth-of-type(2) {
  opacity: 0; }

.mm-wrapper--opened .mburger b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg); }

.mburger--collapse b:nth-of-type(1) {
  transition: bottom .2s ease, margin .2s ease, transform .2s ease;
  transition-delay: .2s, 0s, 0s; }

.mburger--collapse b:nth-of-type(2) {
  transition: top .2s ease, opacity 0s ease;
  transition-delay: .3s, .3s; }

.mburger--collapse b:nth-of-type(3) {
  transition: top .2s ease, transform .2s ease; }

.mm-wrapper--opened .mburger--collapse b:nth-of-type(1) {
  bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
  margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
  transform: rotate(45deg);
  transition-delay: calc(var(--mb-animate-timeout) + .1s), calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s); }

.mm-wrapper--opened .mburger--collapse b:nth-of-type(2) {
  top: calc(50% + var(--mb-bar-spacing));
  opacity: 0;
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mm-wrapper--opened .mburger--collapse b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg);
  transition-delay: calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s); }

.mburger--spin b:nth-of-type(1) {
  transition-delay: .2s, 0s; }

.mburger--spin b:nth-of-type(2) {
  transition-duration: 0s;
  transition-delay: .2s; }

.mburger--spin b:nth-of-type(3) {
  transition-delay: .2s, 0s; }

.mm-wrapper--opened .mburger--spin b:nth-of-type(1) {
  transform: rotate(135deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mm-wrapper--opened .mburger--spin b:nth-of-type(2) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper--opened .mburger--spin b:nth-of-type(3) {
  transform: rotate(225deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mburger--squeeze b:nth-of-type(1) {
  transition-delay: .1s, 0s; }

.mburger--squeeze b:nth-of-type(2) {
  transition-delay: .1s; }

.mburger--squeeze b:nth-of-type(3) {
  transition-delay: .1s, 0s; }

.mm-wrapper--opened .mburger--squeeze b:nth-of-type(1) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s); }

.mm-wrapper--opened .mburger--squeeze b:nth-of-type(2) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper--opened .mburger--squeeze b:nth-of-type(3) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s); }

.mburger--tornado b:nth-of-type(1) {
  transition: bottom .2s ease, transform .2s ease;
  transition-delay: .2s; }

.mburger--tornado b:nth-of-type(2) {
  transition: opacity 0s ease, transform .2s ease;
  transition-delay: .1s, .1s; }

.mburger--tornado b:nth-of-type(3) {
  transition: top .2s ease, transform .2s ease;
  transition-delay: 0s; }

.mm-wrapper--opened .mburger--tornado b:nth-of-type(1) {
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper--opened .mburger--tornado b:nth-of-type(2) {
  opacity: 0;
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-animate-timeout) + .4s), calc(var(--mb-animate-timeout) + .1s); }

.mm-wrapper--opened .mburger--tornado b:nth-of-type(3) {
  transform: rotate(-225deg);
  transition-delay: calc(var(--mb-animate-timeout) + .2s); }

.mm-listitem--vertical > .mm-panel {
  position: static;
  width: 100%;
  padding: 10px 0 10px 20px;
  transform: none !important;
  transition: none !important; }

.mm-listitem {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap; }

.mm-listitem a,
.mm-listitem a:hover {
  text-decoration: none; }