.wrapper .menu-96 {
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
  z-index: 11;
  text-align: center;
  padding: 20px 2px;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  display: flex;
  width: 100%;
  max-width: 1200px;
  justify-content: center; }
  .wrapper .menu-96 .menu-button {
    box-sizing: border-box;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 50px;
    min-height: 50px;
    padding: 10px 15px;
    background: #333;
    color: #fff;
    font-size: 17px; }
  .wrapper .menu-96 .menu-scroll {
    display: flex;
    width: 100%;
    justify-content: inherit; }
    .wrapper .menu-96 .menu-scroll > ul {
      padding: 0;
      margin: 0;
      list-style: none;
      box-sizing: border-box;
      display: flex;
      flex-flow: row nowrap;
      width: 100%;
      justify-content: inherit;
      align-items: flex-start; }
      .wrapper .menu-96 .menu-scroll > ul > li.menu-item {
        padding: 0;
        margin: 0;
        display: flex;
        -webkit-flex: 0 1 auto;
        -moz-flex: 0 1 auto;
        flex: 0 1 auto;
        box-sizing: border-box;
        position: relative; }
        .wrapper .menu-96 .menu-scroll > ul > li.more-button {
          display: none;
          margin-left: auto;
          position: relative; }
          .wrapper .menu-96 .menu-scroll > ul > li.more-button.disabled, .wrapper .menu-96 .menu-scroll > ul > li.more-button .menu-item-image {
            display: none; }
          .wrapper .menu-96 .menu-scroll > ul > li.more-button > a {
            padding: 5px 10px;
            margin: 2px 0 2px 2px;
            cursor: pointer;
            display: flex;
            background: #333;
            box-sizing: border-box;
            text-decoration: none;
            color: #fff;
            font-size: 16px;
            line-height: 1.4;
            align-items: center; }
          .wrapper .menu-96 .menu-scroll > ul > li.more-button > ul {
            left: auto;
            right: 0; }
        .wrapper .menu-96 .menu-scroll > ul > li.menu-item > a {
          padding: 8px 16px;
          cursor: pointer;
          display: flex;
          flex-direction: row;
          box-sizing: border-box;
          text-decoration: none;
          color: #000;
          font-size: 14px;
          line-height: 1.4;
          align-items: center;
          width: 100%;
          position: relative;
          font-style: normal;
          text-transform: none;
          border: 2px solid transparent;
          border-radius: 20px; }
          .wrapper .menu-96 .menu-scroll > ul > li.menu-item > a:hover, .wrapper .menu-96 .menu-scroll > ul > li.menu-item > a.hover {
            border-color: #b8b8b8; }
        .wrapper .menu-96 .menu-scroll > ul > li.has-child > a {
          padding-right: 30px; }
          .wrapper .menu-96 .menu-scroll > ul > li.has-child > a:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 13px;
            width: 0;
            height: 0;
            margin-top: -4px;
            border-style: solid;
            border-color: #333 transparent transparent;
            border-width: 8px 5px 0 5px; }
        .wrapper .menu-96 .menu-scroll > ul > li.menu-item > a .menu-item-text {
          box-sizing: border-box;
          flex-grow: 1; }
      .wrapper .menu-96 .menu-scroll > ul ul {
        padding: 10px 0;
        margin: 5px 0 0;
        position: absolute;
        top: 100%;
        left: 0;
        background: #f3f3f3;
        list-style: none;
        width: 200px;
        display: none;
        z-index: 10;
        box-sizing: border-box;
        text-align: left; }
        .wrapper .menu-96 .menu-scroll > ul ul > li {
          padding: 0;
          margin: 0;
          display: block;
          position: relative; }
          .wrapper .menu-96 .menu-scroll > ul ul > li > a {
            padding: 8px 15px;
            cursor: pointer;
            display: block;
            border-radius: 0px;
            box-sizing: border-box;
            text-decoration: none;
            color: #000;
            font-size: 14px;
            line-height: 1.4;
            position: relative; }
            .wrapper .menu-96 .menu-scroll > ul ul > li > a:hover, .wrapper .menu-96 .menu-scroll > ul ul > li > a.hover {
              background: #8b8b8b;
              color: #fff; }
        .wrapper .menu-96 .menu-scroll > ul ul ul {
          position: absolute;
          left: 100%;
          top: 0; }

.wrapper .side-panel .menu-96 {
  padding: 20px;
  margin: 0;
  z-index: 13;
  flex-direction: column;
  width: auto;
  left: 0;
  top: 0;
  position: relative;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  display: flex; }
  .wrapper .side-panel .menu-96 .menu-scroll > ul {
    display: block; }
    .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item {
      flex-direction: column; }
      .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item > a {
        width: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        justify-content: flex-start;
        text-align: left;
        font-weight: 500; }
        .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item > a:hover, .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item > a.hover {
          background: #fa0;
          color: #000; }
          @media (max-width: 1024px) {
    .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item > a:hover, .wrapper .side-panel .menu-96 .menu-scroll > ul > li.menu-item > a.hover {
      background: #b3b3b3;
      color: #fff;
      border-radius: 0; } }
    .wrapper .side-panel .menu-96 .menu-scroll > ul ul {
      position: static;
      width: auto;
      display: block;
      text-align: left; }
      .wrapper .side-panel .menu-96 .menu-scroll > ul ul ul {
        position: static;
        width: auto; }