.menu {
  width: 100%;
  height: 0;
  background-color: #fff;
  z-index: 4;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: scaleY(0);
  transform-origin: top;
  transition: 0.3s ease-in-out; }
  .menu .menu-background {
    background-image: url(../images/index/menu-vector.png);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto; }
  @media (max-width: 1279px) {
    .menu .menu-background {
      background-image: none; } }
  .menu .menu__content {
    display: flex;
    justify-content: space-between;
    min-height: calc(100vh - 221px); }
    .menu .menu__content .menu__columns {
      width: 100%;
      max-width: 1460px;
      padding: 40px 40px 40px 40px;
      background-color: #F2F3F5;
      display: grid;
      gap: 60px;
      grid-template-columns: repeat(3, 1fr); }
      .menu .menu__content .menu__columns .menu__column .menu__column-title {
        color: #293484;
        font-weight: 500;
        font-size: 18px;
        line-height: 130%;
        margin: 0;
        display: block;
        position: relative;
        transition: 0.3s ease-in-out;
        text-transform: uppercase; }
        .menu .menu__content .menu__columns .menu__column .menu__column-title:hover {
          color: #F94141; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__columns .menu__column .menu__column-title {
          font-size: 15px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__columns .menu__column .menu__column-title {
          font-size: 15px;
          padding: 18px 30px;
          border-bottom: 2px solid #DFE1EA; }
          .menu .menu__content .menu__columns .menu__column .menu__column-title::after {
            content: '';
            display: block;
            position: absolute;
            background-image: url(../images/icon/arrow-right-blue.svg);
            width: 15px;
            height: 10.5px;
            right: 32px;
            top: 23px; } }
      @media (max-width: 767px) {
        .menu .menu__content .menu__columns .menu__column .menu__column-title {
          padding: 18px 30px 18px 17px; }
          .menu .menu__content .menu__columns .menu__column .menu__column-title::after {
            right: 17px; } }
      .menu .menu__content .menu__columns .menu__column ul {
        padding: 0;
        margin-bottom: 0;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 12px; }
        .menu .menu__content .menu__columns .menu__column ul li {
          display: block; }
        .menu .menu__content .menu__columns .menu__column ul a {
          color: #757583;
          font-weight: 400;
          font-size: 18px;
          line-height: 140%;
          text-transform: unset; }
        @media (max-width: 1599px) {
          .menu .menu__content .menu__columns .menu__column ul a {
            font-size: 15px; } }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__columns .menu__column ul {
          gap: 11px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__columns .menu__column ul {
          display: none; } }
    @media (max-width: 1279px) {
      .menu .menu__content .menu__columns {
        padding: 0;
        margin-top: 30px;
        grid-template-columns: repeat(1, 1fr);
        gap: 0; } }
    @media (max-width: 767px) {
      .menu .menu__content .menu__columns {
        margin-top: 20px; } }
    .menu .menu__content .menu__sidebar {
      display: block;
      width: 100%;
      max-width: 460px; }
      .menu .menu__content .menu__sidebar .menu__support {
        background-color: #fff;
        padding-top: 40px;
        padding-left: 35px;
        padding-bottom: 20px;
        border-bottom: 2px solid #EEEFF6; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__support {
          padding-left: 20px;
          padding-bottom: 15px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__sidebar .menu__support {
          padding-left: 30px;
          padding-bottom: 15px; } }
      @media (max-width: 767px) {
        .menu .menu__content .menu__sidebar .menu__support {
          padding-left: 10px;
          padding-bottom: 17px;
          padding-top: 45px; } }
      .menu .menu__content .menu__sidebar .menu__support-text {
        font-weight: 400;
        line-height: 145%;
        color: #757583; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__support-text {
          font-size: 14px; } }
      .menu .menu__content .menu__sidebar .menu__support-link {
        font-weight: 500;
        font-size: 28px;
        line-height: 140%;
        margin-top: 10px;
        display: block;
        letter-spacing: 0.5px;
        color: #293484;
        transition: 0.3s ease-in-out; }
        .menu .menu__content .menu__sidebar .menu__support-link:hover {
          color: #F94141; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__support-link {
          font-size: 26px; } }
      @media (max-width: 767px) {
        .menu .menu__content .menu__sidebar .menu__support-link {
          letter-spacing: -0.5px; } }
      .menu .menu__content .menu__sidebar .menu__lang {
        display: flex;
        gap: 32px;
        padding: 25px 35px;
        background-color: #fff;
        font-size: 20px; }
        .menu .menu__content .menu__sidebar .menu__lang a {
          color: #293484;
          transition: 0.3s ease-in-out; }
          .menu .menu__content .menu__sidebar .menu__lang a:hover {
            color: #F94141; }
        .menu .menu__content .menu__sidebar .menu__lang a.active {
          color: #EA1F29;
          text-decoration: underline; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__lang {
          font-size: 18px;
          padding: 25px 20px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__sidebar .menu__lang {
          font-size: 16px; } }
      @media (max-width: 767px) {
        .menu .menu__content .menu__sidebar .menu__lang {
          padding: 21px 11px;
          gap: 21px; } }
      .menu .menu__content .menu__sidebar .menu__feedback {
        color: #fff;
        background-color: #293484;
        height: 135px;
        font-weight: 500;
        font-size: 18px;
        line-height: 140%;
        text-transform: uppercase;
        padding: 10px 17px;
        display: flex;
        align-items: end;
        position: relative;
        z-index: 3;
        transition: 0.3s ease-in-out;
        /* &:hover {
            background-color: $main-color-blue-hover;
        } */ }
        .menu .menu__content .menu__sidebar .menu__feedback::after {
          display: block;
          content: '';
          width: 18px;
          height: 18px;
          position: absolute;
          top: 7px;
          right: 10px; }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__feedback {
          height: 110px;
          font-size: 16px;
          padding: 5px 10px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__sidebar .menu__feedback {
          font-size: 12px;
          height: 84px; } }
      .menu .menu__content .menu__sidebar .menu__socials {
        padding: 26px 36px 0 36px;
        transition: 0.3s ease-in-out; }
        .menu .menu__content .menu__sidebar .menu__socials svg {
          width: 35px; }
          .menu .menu__content .menu__sidebar .menu__socials svg path {
            transition: 0.3s ease-in-out; }
          .menu .menu__content .menu__sidebar .menu__socials svg:hover path {
            fill: #F94141; }
        @media (max-width: 1599px) {
          .menu .menu__content .menu__sidebar .menu__socials svg {
            width: 28px; } }
        .menu .menu__content .menu__sidebar .menu__socials .menu__socials-text {
          font-weight: 400;
          line-height: 145%;
          color: #757583; }
        @media (max-width: 1599px) {
          .menu .menu__content .menu__sidebar .menu__socials .menu__socials-text {
            font-size: 14px; } }
        .menu .menu__content .menu__sidebar .menu__socials ul {
          padding: 0;
          margin-bottom: 0;
          display: flex;
          gap: 24px;
          margin-top: 15px; }
          .menu .menu__content .menu__sidebar .menu__socials ul li {
            display: block; }
        @media (max-width: 1599px) {
          .menu .menu__content .menu__sidebar .menu__socials ul {
            gap: 19px;
            margin-top: 17px; } }
        @media (max-width: 1599px) {
          .menu .menu__content .menu__sidebar .menu__socials ul {
            gap: 19px;
            margin-top: 13px; } }
      @media (max-width: 1599px) {
        .menu .menu__content .menu__sidebar .menu__socials {
          padding: 26px 20px 0 20px; } }
      @media (max-width: 1279px) {
        .menu .menu__content .menu__sidebar .menu__socials {
          padding: 18px 20px 15px 30px;
          border-bottom: 2px solid #EEEFF6; } }
      @media (max-width: 767px) {
        .menu .menu__content .menu__sidebar .menu__socials {
          padding: 24px 20px 18px 12px; } }
    @media (max-width: 1599px) {
      .menu .menu__content .menu__sidebar {
        max-width: 360px; } }
    @media (max-width: 1279px) {
      .menu .menu__content .menu__sidebar {
        max-width: 100%; } }
  @media (max-width: 1279px) {
    .menu .menu__content {
      flex-direction: column;
      height: auto; } }
  .menu .menu__footer {
    display: flex;
    justify-content: space-between;
    padding: 40px 460px 40px 50px;
    height: 135px;
        /* .menu__trophies {
            width: 184px;

            img {
                width: 100%;
            }
        } */ }
    .menu .menu__footer .menu__trophies {
      display: flex;
      gap: 14px;
      height: 32px; }
      .menu .menu__footer .menu__trophies img {
        width: 100%; }
    @media (max-width: 767px) {
      .menu .menu__footer .menu__trophies {
        height: 20px;
        gap: 11px;
        max-width: 160px; } }
    @media (max-width: 767px) {
      .menu .menu__footer .menu__trophies {
        width: 145px; } }
    .menu .menu__footer .menu__legal {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .menu .menu__footer .menu__legal a {
        font-weight: 400;
        font-size: 16px;
        line-height: 145%;
        color: #757583;
        transition: 0.3s ease-in-out; }
        .menu .menu__footer .menu__legal a:hover {
          color: #F94141; }
      @media (max-width: 1599px) {
        .menu .menu__footer .menu__legal a {
          font-size: 12px; } }
    @media (max-width: 1279px) {
      .menu .menu__footer .menu__legal {
        gap: 5px; } }
    @media (max-width: 767px) {
      .menu .menu__footer .menu__legal {
        gap: 8px;
        margin-top: 15px; } }
  @media (max-width: 1599px) {
    .menu .menu__footer {
      padding: 40px 367px 40px 50px; } }
  @media (max-width: 1279px) {
    .menu .menu__footer {
      padding: 48px 180px 40px 30px; } }
  @media (max-width: 767px) {
    .menu .menu__footer {
      flex-direction: column;
      padding: 40px 20px 20px 20px; } }

@media (max-width: 1279px) {
  .menu {
    background-image: none; } }
.menu-modal-active {
  overflow: hidden;
  padding-right: 15px;
  /* @media (max-width: 767px) {
      .container-shortcut-header {
          right: 0;
      }
  } */ }
  .menu-modal-active .menu {
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    opacity: 1;
    visibility: visible;
    transform: scaleY(1); }
  @media (max-width: 1279px) {
    .menu-modal-active .menu {
      height: calc(100vh - 135px); } }
  @media (max-width: 767px) {
    .menu-modal-active .menu {
      height: calc(100vh - 165px); } }
  .menu-modal-active .menu::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */ }
  .menu-modal-active .container-header {
    right: 15px;
    background-color: #fff;
    /* .main-header {
        background-color: #fff;
    } */ }
    @media (max-width: 1280px) {
      .menu-modal-active .container-header .main-header {
        padding-bottom: 15px; } }
    .menu-modal-active .container-header .header__burger-menu {
      transform: translate(7px, 10px); }
      .menu-modal-active .container-header .header__burger-menu .burger-icon {
        background-color: #293484; }
        .menu-modal-active .container-header .header__burger-menu .burger-icon:first-child {
          transform: rotate(45deg) translateY(9.5px); }
        .menu-modal-active .container-header .header__burger-menu .burger-icon:last-child {
          transform: rotate(-45deg) translateY(-9.5px); }
        @media (max-width: 1599px) {
          .menu-modal-active .container-header .header__burger-menu .burger-icon:first-child {
            transform: rotate(45deg) translateY(7.5px); }
          .menu-modal-active .container-header .header__burger-menu .burger-icon:last-child {
            transform: rotate(-45deg) translateY(-7.5px); } }
      .menu-modal-active .container-header .header__burger-menu:hover .burger-icon {
        background-color: #f55555; }
    @media (max-width: 767px) {
      .menu-modal-active .container-header .header__burger-menu {
        transform: translate(5px, 0px); } }
    .menu-modal-active .container-header .header__logo {
      padding-left: 15px;
      padding-top: 8px; }
      .menu-modal-active .container-header .header__logo img {
        width: 74px;
        height: 74px; }
      @media (max-width: 1599px) {
        .menu-modal-active .container-header .header__logo img {
          width: 64px;
          height: 64px; } }
      @media (max-width: 767px) {
        .menu-modal-active .container-header .header__logo img {
          width: 48px;
          height: 48px; } }
    .menu-modal-active .container-header .header__link {
      opacity: 0;
      visibility: hidden;
      transform: scale(0);
      position: absolute; }
    .menu-modal-active .container-header .header__menu-link {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
      position: relative; }
    .menu-modal-active .container-header .header-top-right {
      flex-direction: row-reverse;
      align-items: flex-start; }
      .menu-modal-active .container-header .header-top-right .header-top-right__icons {
        margin-top: 30px;
        margin-right: 15px; }
        .menu-modal-active .container-header .header-top-right .header-top-right__icons .icon-btn {
          color: #293484; }
          .menu-modal-active .container-header .header-top-right .header-top-right__icons .icon-btn svg path {
            fill: #293484; }
          .menu-modal-active .container-header .header-top-right .header-top-right__icons .icon-btn:hover {
            color: #f55555; }
            .menu-modal-active .container-header .header-top-right .header-top-right__icons .icon-btn:hover svg path {
              fill: #f55555; }
      @media (max-width: 767px) {
        .menu-modal-active .container-header .header-top-right .header-top-right__icons {
          margin-top: 15px; } }
      .menu-modal-active .container-header .header-top-right .site-link {
        height: 86px;
        width: 136px; }
      @media (max-width: 1599px) {
        .menu-modal-active .container-header .header-top-right .site-link {
          width: 100px;
          height: 80px; } }
      @media (max-width: 767px) {
        .menu-modal-active .container-header .header-top-right .site-link {
          width: 100%;
          height: 50px; } }
  @media (max-width: 767px) {
    .menu-modal-active .container-header {
      right: 0; } }
  .menu-modal-active .container-shortcut-header {
    /* @media (max-width: 767px) {
        .header__burger-menu {
            transform: translateY(40px);
        }
    } */ }
    .menu-modal-active .container-shortcut-header .header__burger-menu .burger-icon {
      background-color: #293484; }
      .menu-modal-active .container-shortcut-header .header__burger-menu .burger-icon:first-child {
        transform: rotate(45deg) translateY(8px); }
      .menu-modal-active .container-shortcut-header .header__burger-menu .burger-icon:last-child {
        transform: rotate(-45deg) translateY(-8px); }
    .menu-modal-active .container-shortcut-header .header__burger-menu:hover .burger-icon {
      background-color: #f55555; }

@media (max-width: 767px) {
  .menu-modal-active {
    padding-right: 0; } }

/*# sourceMappingURL=menu.css.map */