/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_dev/module/css/module.scss ***!
  \**********************************************************************************************************************/
.oo_menu_menu__container {
  display: flex;
  justify-content: space-between;
  gap: 0px 20px; }
  @media screen and (max-width: 920px) {
    .oo_menu_menu__container {
      flex-direction: column-reverse; } }
  @media screen and (max-width: 768px) {
    .oo_menu_menu__container {
      flex-direction: column; } }

.oo_menu_menu__sidebar {
  position: relative; }
  .oo_menu_menu__sidebar__button {
    position: relative;
    border: none;
    background: none;
    color: #fff;
    padding: 0px 10px 0 25px;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer; }
    @media screen and (max-width: 768px) {
      .oo_menu_menu__sidebar__button {
        display: none; } }
    .oo_menu_menu__sidebar__button:before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 17px;
      height: 17px;
      background-color: #fff;
      mask: url(.././img/77f9c1f1c839ff6c779a.svg) no-repeat center center/contain; }
  .oo_menu_menu__sidebar__content {
    display: flex;
    position: absolute;
    left: calc(-1 * var(--theme-gutters) / 2);
    background-color: var(--theme-color-6);
    border-top: 1px solid #494949;
    display: none; }
    @media screen and (max-width: 768px) {
      .oo_menu_menu__sidebar__content {
        display: none; } }
    .oo_menu_menu__sidebar__content__side {
      border-right: 1px solid #494949;
      display: flex;
      flex-direction: column;
      padding-bottom: 16px; }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__sidebar__content__side {
          border-right: none;
          width: 100%; } }
      .oo_menu_menu__sidebar__content__side__item {
        min-width: 340px;
        display: flex; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__sidebar__content__side__item {
            position: relative;
            width: 100%;
            min-width: calc(100% + var(--theme-gutters));
            left: calc(-1 * var(--theme-gutters) / 2); } }
        .oo_menu_menu__sidebar__content__side__item a {
          display: flex;
          padding: 24px 40px;
          font-size: 17px;
          font-weight: 600;
          color: #fff;
          height: auto;
          width: 100%;
          height: 100%;
          transition: opacity 0.2s ease; }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__sidebar__content__side__item a {
              font-size: 15px;
              padding: 24px 35px 24px 20px; } }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__sidebar__content__side__item.has-children a {
            position: relative; }
            .oo_menu_menu__sidebar__content__side__item.has-children a:after {
              content: '';
              position: absolute;
              right: 17px;
              top: 50%;
              transform: translateY(-50%) rotate(-90deg);
              width: 14px;
              height: 14px;
              background-color: #fff;
              mask: url(.././img/56913af8363c6ec8caec.svg) no-repeat center center/contain; } }
        .oo_menu_menu__sidebar__content__side__item:first-child a {
          padding-top: 40px; }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__sidebar__content__side__item:first-child a {
              padding-top: 24px; } }
        .oo_menu_menu__sidebar__content__side__item:last-child {
          flex: 1; }
          .oo_menu_menu__sidebar__content__side__item:last-child a {
            align-items: flex-start; }
            @media screen and (max-width: 768px) {
              .oo_menu_menu__sidebar__content__side__item:last-child a {
                border-bottom: 1px solid #494949; } }
        .oo_menu_menu__sidebar__content__side__item:not(:last-child) {
          border-bottom: 1px solid #494949; }
        .oo_menu_menu__sidebar__content__side__item.dimmed a {
          opacity: 0.5; }
      @media screen and (min-width: 769px) {
        .oo_menu_menu__sidebar__content__side:hover > *:not(:hover) a {
          opacity: 0.5; } }
    .oo_menu_menu__sidebar__content__childs {
      padding: 25px 50px; }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__sidebar__content__childs {
          padding: 0; } }
      @media screen and (min-width: 769px) {
        .oo_menu_menu__sidebar__content__childs:not(.open) {
          display: none; } }
      @media screen and (min-width: 769px) {
        .oo_menu_menu__sidebar__content__childs:hover {
          display: block; } }
      .oo_menu_menu__sidebar__content__childs__group {
        min-width: 240px; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__sidebar__content__childs__group {
            min-width: 100%;
            position: fixed;
            display: none; } }
        @media screen and (min-width: 769px) {
          .oo_menu_menu__sidebar__content__childs__group:not(.open) {
            display: none; } }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__sidebar__content__childs__group.mobile-open {
            opacity: 1;
            visibility: visible;
            z-index: 100000000;
            background: var(--theme-color-6);
            display: block;
            height: 100vh;
            top: 0;
            left: 0; } }
        .oo_menu_menu__sidebar__content__childs__group ul {
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          flex-direction: column; }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__sidebar__content__childs__group ul {
              max-height: calc(100vh - 114px);
              overflow: auto; }
              .oo_menu_menu__sidebar__content__childs__group ul:after {
                content: "";
                display: block;
                height: 80px;
                min-height: 80px;
                width: 100%; } }
          .oo_menu_menu__sidebar__content__childs__group ul li {
            position: relative; }
            @media screen and (min-width: 769px) {
              .oo_menu_menu__sidebar__content__childs__group ul li:before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                display: block;
                width: 5px;
                height: 5px;
                background-color: #fff;
                border-radius: 100%; } }
            .oo_menu_menu__sidebar__content__childs__group ul li a {
              display: block;
              font-size: 16px;
              color: #fff;
              font-weight: 600;
              padding: 9px 0px 9px 15px;
              transition: opacity 0.2s ease; }
              @media screen and (max-width: 768px) {
                .oo_menu_menu__sidebar__content__childs__group ul li a {
                  display: flex;
                  font-weight: 600;
                  color: #fff;
                  height: auto;
                  width: 100%;
                  height: 100%;
                  transition: opacity 0.2s ease;
                  font-size: 15px;
                  padding: 24px 20px; } }
            .oo_menu_menu__sidebar__content__childs__group ul li.view_all {
              display: none; }
              @media screen and (max-width: 768px) {
                .oo_menu_menu__sidebar__content__childs__group ul li.view_all {
                  display: block;
                  color: var(--theme-color-1) !important; } }
            .oo_menu_menu__sidebar__content__childs__group ul li:last-child {
              flex: 1; }
              .oo_menu_menu__sidebar__content__childs__group ul li:last-child a {
                align-items: flex-start;
                border-bottom: 1px solid #494949;
                color: var(--theme-color-1); }
            @media screen and (max-width: 768px) {
              .oo_menu_menu__sidebar__content__childs__group ul li:not(:last-child) {
                border-bottom: 1px solid #494949; } }
          @media screen and (min-width: 769px) {
            .oo_menu_menu__sidebar__content__childs__group ul:hover > *:not(:hover) a {
              opacity: 0.5; } }
        .oo_menu_menu__sidebar__content__childs__group__top {
          position: relative;
          display: none;
          align-items: center;
          justify-content: space-between;
          gap: 10px;
          height: 80px;
          min-height: 80px;
          margin: 0px auto;
          border-bottom: 1px solid #fff; }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__sidebar__content__childs__group__top {
              display: flex; } }
          .oo_menu_menu__sidebar__content__childs__group__top .parent_label {
            color: #fff;
            font-size: 15px;
            font-weight: 600;
            text-align: center; }
          .oo_menu_menu__sidebar__content__childs__group__top .back_to_parent {
            position: relative;
            width: 40px;
            min-width: 40px;
            height: 40px;
            border-radius: 4px;
            border: 1px solid #fff;
            cursor: pointer; }
            .oo_menu_menu__sidebar__content__childs__group__top .back_to_parent:before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-color: #fff;
              mask-image: url(.././img/56913af8363c6ec8caec.svg);
              mask-position: center;
              mask-repeat: no-repeat;
              mask-size: contain;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%) rotate(90deg); }
          .oo_menu_menu__sidebar__content__childs__group__top .close_mobile_menu {
            position: relative;
            width: 40px;
            min-width: 40px;
            height: 40px;
            border-radius: 4px;
            background-color: #fff;
            cursor: pointer; }
            .oo_menu_menu__sidebar__content__childs__group__top .close_mobile_menu:before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-color: #000;
              mask-image: url(.././img/3c7ed28f725ac569ab71.svg);
              mask-position: center;
              mask-repeat: no-repeat;
              mask-size: contain;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
  @media screen and (min-width: 769px) {
    .oo_menu_menu__sidebar.open .oo_menu_menu__sidebar__button:before {
      width: 16px;
      height: 16px;
      mask-image: url(.././img/3c7ed28f725ac569ab71.svg); }
    .oo_menu_menu__sidebar.open .oo_menu_menu__sidebar__content {
      display: flex; } }

@media screen and (max-width: 768px) {
  .oo_menu_menu__main {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .oo_menu_menu__main__nav {
    display: none; } }

.oo_menu_menu__main__content {
  display: none; }
  @media screen and (max-width: 768px) {
    .oo_menu_menu__main__content {
      display: flex;
      position: relative;
      border-top: none;
      left: 0;
      width: 100%; } }
  .oo_menu_menu__main__content__side {
    border-right: 1px solid #494949;
    display: flex;
    flex-direction: column;
    padding-bottom: 16px; }
    @media screen and (max-width: 768px) {
      .oo_menu_menu__main__content__side {
        border-right: none;
        width: 100%; } }
    .oo_menu_menu__main__content__side__item {
      min-width: 340px;
      display: flex; }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__main__content__side__item {
          position: relative;
          width: 100%;
          min-width: calc(100% + var(--theme-gutters));
          left: calc(-1 * var(--theme-gutters) / 2); } }
      .oo_menu_menu__main__content__side__item a {
        display: flex;
        padding: 24px 40px;
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        height: auto;
        width: 100%;
        height: 100%;
        transition: opacity 0.2s ease; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__main__content__side__item a {
            font-size: 15px;
            padding: 24px 35px 24px 20px; } }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__main__content__side__item.has-children a {
          position: relative; }
          .oo_menu_menu__main__content__side__item.has-children a:after {
            content: '';
            position: absolute;
            right: 17px;
            top: 50%;
            transform: translateY(-50%) rotate(-90deg);
            width: 14px;
            height: 14px;
            background-color: #fff;
            mask: url(.././img/56913af8363c6ec8caec.svg) no-repeat center center/contain; } }
      .oo_menu_menu__main__content__side__item:first-child a {
        padding-top: 40px; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__main__content__side__item:first-child a {
            padding-top: 24px; } }
      .oo_menu_menu__main__content__side__item:last-child {
        flex: 1; }
        .oo_menu_menu__main__content__side__item:last-child a {
          align-items: flex-start; }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__main__content__side__item:last-child a {
              border-bottom: 1px solid #494949; } }
      .oo_menu_menu__main__content__side__item:not(:last-child) {
        border-bottom: 1px solid #494949; }
      .oo_menu_menu__main__content__side__item.dimmed a {
        opacity: 0.5; }
    @media screen and (min-width: 769px) {
      .oo_menu_menu__main__content__side:hover > *:not(:hover) a {
        opacity: 0.5; } }
  .oo_menu_menu__main__content__childs {
    padding: 25px 50px; }
    @media screen and (max-width: 768px) {
      .oo_menu_menu__main__content__childs {
        padding: 0; } }
    @media screen and (min-width: 769px) {
      .oo_menu_menu__main__content__childs:not(.open) {
        display: none; } }
    @media screen and (min-width: 769px) {
      .oo_menu_menu__main__content__childs:hover {
        display: block; } }
    .oo_menu_menu__main__content__childs__group {
      min-width: 240px; }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__main__content__childs__group {
          min-width: 100%;
          position: fixed;
          display: none; } }
      @media screen and (min-width: 769px) {
        .oo_menu_menu__main__content__childs__group:not(.open) {
          display: none; } }
      @media screen and (max-width: 768px) {
        .oo_menu_menu__main__content__childs__group.mobile-open {
          opacity: 1;
          visibility: visible;
          z-index: 100000000;
          background: var(--theme-color-6);
          display: block;
          height: 100vh;
          top: 0;
          left: 0; } }
      .oo_menu_menu__main__content__childs__group ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__main__content__childs__group ul {
            max-height: calc(100vh - 114px);
            overflow: auto; }
            .oo_menu_menu__main__content__childs__group ul:after {
              content: "";
              display: block;
              height: 80px;
              min-height: 80px;
              width: 100%; } }
        .oo_menu_menu__main__content__childs__group ul li {
          position: relative; }
          @media screen and (min-width: 769px) {
            .oo_menu_menu__main__content__childs__group ul li:before {
              content: '';
              position: absolute;
              left: 0;
              top: 50%;
              transform: translateY(-50%);
              display: block;
              width: 5px;
              height: 5px;
              background-color: #fff;
              border-radius: 100%; } }
          .oo_menu_menu__main__content__childs__group ul li.view_all {
            display: none;
            border-bottom: 1px solid #494949; }
            @media screen and (max-width: 768px) {
              .oo_menu_menu__main__content__childs__group ul li.view_all, .oo_menu_menu__main__content__childs__group ul li.view_all a {
                display: block;
                color: var(--theme-color-1) !important; } }
          .oo_menu_menu__main__content__childs__group ul li a {
            display: block;
            font-size: 16px;
            color: #fff;
            font-weight: 600;
            padding: 9px 0px 9px 15px;
            transition: opacity 0.2s ease; }
            @media screen and (max-width: 768px) {
              .oo_menu_menu__main__content__childs__group ul li a {
                display: flex;
                font-weight: 600;
                color: #fff;
                height: auto;
                width: 100%;
                height: 100%;
                transition: opacity 0.2s ease;
                font-size: 15px;
                padding: 24px 20px; } }
          @media screen and (max-width: 768px) {
            .oo_menu_menu__main__content__childs__group ul li:not(:last-child) {
              border-bottom: 1px solid #494949; } }
        @media screen and (min-width: 769px) {
          .oo_menu_menu__main__content__childs__group ul:hover > *:not(:hover) a {
            opacity: 0.5; } }
      .oo_menu_menu__main__content__childs__group__top {
        position: relative;
        display: none;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        height: 80px;
        min-height: 80px;
        margin: 0px auto;
        border-bottom: 1px solid #fff; }
        @media screen and (max-width: 768px) {
          .oo_menu_menu__main__content__childs__group__top {
            display: flex; } }
        .oo_menu_menu__main__content__childs__group__top .parent_label {
          color: #fff;
          font-size: 15px;
          font-weight: 600;
          text-align: center; }
        .oo_menu_menu__main__content__childs__group__top .back_to_parent_main {
          position: relative;
          width: 40px;
          min-width: 40px;
          height: 40px;
          border-radius: 4px;
          border: 1px solid #fff;
          cursor: pointer; }
          .oo_menu_menu__main__content__childs__group__top .back_to_parent_main:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-color: #fff;
            mask-image: url(.././img/56913af8363c6ec8caec.svg);
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: contain;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg); }
        .oo_menu_menu__main__content__childs__group__top .close_mobile_menu_main {
          position: relative;
          width: 40px;
          min-width: 40px;
          height: 40px;
          border-radius: 4px;
          background-color: #fff;
          cursor: pointer; }
          .oo_menu_menu__main__content__childs__group__top .close_mobile_menu_main:before {
            content: '';
            display: block;
            width: 16px;
            height: 16px;
            background-color: #000;
            mask-image: url(.././img/3c7ed28f725ac569ab71.svg);
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: contain;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }

.oo_menu_menu__main__item {
  position: relative;
  transition: opacity 0.2s ease; }
  .oo_menu_menu__main__item > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    text-decoration: none;
    color: #fff;
    font-size: 15px; }
  .oo_menu_menu__main__item__children {
    display: block;
    position: absolute;
    width: 100%;
    min-width: 300px;
    left: 50%;
    transform: translateX(-50%) translateY(0px);
    background-color: var(--theme-color-6);
    padding: 10px 30px 20px 30px;
    max-height: calc(100vh - 400px);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease; }
    .oo_menu_menu__main__item__children a {
      display: block;
      padding: 10px;
      color: #fff;
      font-size: 15px;
      transition: opacity 0.2s ease; }
    .oo_menu_menu__main__item__children:has(a:hover) > a:not(:hover) {
      opacity: 0.5; }
  .oo_menu_menu__main__item:last-child .oo_menu_menu__main__item__children {
    right: calc(-1 * var(--theme-gutters) / 2 + 10px);
    left: initial;
    transform: translateX(0) translateY(0px); }
  .oo_menu_menu__main__item.has-children > a {
    padding-right: 20px; }
    .oo_menu_menu__main__item.has-children > a:after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 11px;
      height: 11px;
      background-color: #fff;
      mask: url(.././img/56913af8363c6ec8caec.svg) no-repeat center center/contain; }
  .oo_menu_menu__main__item.has-children:hover > a:after {
    transform: translateY(-50%) rotate(180deg); }
  .oo_menu_menu__main__item.has-children:hover .oo_menu_menu__main__item__children {
    opacity: 1;
    visibility: visible; }

.oo_menu_menu__main__items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 30px; }
  @media screen and (max-width: 920px) {
    .oo_menu_menu__main__items {
      justify-content: space-between; } }
  .oo_menu_menu__main__items:has(.oo_menu_menu__main__item:hover) .oo_menu_menu__main__item:not(:hover) {
    opacity: 0.5; }

.oo_menu_menu__mobile_button {
  display: none; }
  @media screen and (max-width: 768px) {
    .oo_menu_menu__mobile_button {
      display: block;
      width: auto;
      margin: 20px 0; } }
  .oo_menu_menu__mobile_button a {
    color: #fff; }