/* 



  --clr-base: #181818;
  --clr-dark: #000;
  --clr-att: #37F713;
  --clr-att-hover: #C0F743;
  --clr-light: #78787A;
  --clr-border: #D1D1D1;
  --clr-attention: #FF5E0D;



 */
 .no-ptop {
    padding-top: 0 !important;
  }
  .no-pbottom {
    padding-bottom: 0 !important;
  }
  .ftitle {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .ftitle * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .page-title.title-small {
    font-size: 20px;
    line-height: 1.2;
  }
  .item-tile-video {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 1;
    height: 500px;
    background: #ccc;
  }
  .item-tile-video iframe,
  .item-tile-video object,
  .item-tile-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .item-tile-video .tile-img {
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .item-tile-video .tile-bg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
  }
  .item-tile-video .btn-action-ico {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    margin: auto;
  }
  .item-tile-video:after {
    content: "";
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .item-tile-video.active .tile-bg,
  .item-tile-video.active img,
  .item-tile-video.active .tile-img,
  .item-tile-video.active .btn-action-ico,
  .item-tile-video.active:after {
    display: none;
  }
  .item-tile-info-plus {
    line-height: 1.375;
  }
  .item-tile-info-plus .tile-ico {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .item-tile-info-plus .tile-title {
    font-weight: bold;
    margin-bottom: 4px;
  }
  .item-tile-about-inst {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #999;
  }
  .item-tile-about-inst .tile-photo-wrap {
    display: none;
  }
  .item-tile-about-inst .tile-total {
    display: block;
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #EFEFEF;
  }
  .item-tile-button {
    aspect-ratio: 1;
    border: 2px solid var(--clr-att);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    padding: 18px;
    text-align: right;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--clr-base);
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .item-tile-button:hover {
    color: var(--clr-att);
  }
  .section-padding {
    padding: 50px 0;
  }
  .info-action-box {
    padding: 50px 0;
    line-height: 22px;
  }
  .info-action-box .action-wrap {
    margin: 30px 0 0 0;
  }
  .info-action-box .action-wrap .btn {
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    height: 45px;
    letter-spacing: normal;
  }
  .info-action-box .action-wrap .btn.button-border:not(:hover) {
    border-color: var(--clr-base);
  }
  .info-action-box .h3-title,
  .info-action-box p {
    margin-bottom: 0.875em;
    margin-top: 0;
  }
  .info-action-box .h3-title:last-child,
  .info-action-box p:last-child {
    margin-bottom: 0;
  }
  .about-story-box {
    padding: 50px 0;
    background: #181818;
  }
  .about-story-box .title-box {
    font-size: 16px;
    line-height: 22px;
    color: #999;
    margin-bottom: 30px;
  }
  .about-story-box .title-box .page-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    color: #fff !important;
  }
  .about-story-box .title-box .inner-title {
    font-weight: bold;
    color: #EFEFEF;
    margin: 0 0 20px 0;
    font-size: 1em;
    max-width: 450px;
  }
  .about-story-box .title-box p {
    max-width: 450px;
  }
  .about-collabe-box {
    padding: 80px 0 50px 0;
  }
  .about-collabe-box .title-box.title-text-att .page-title:before {
    opacity: 1;
  }
  .about-collabe-box .action-inner-wrap {
    text-align: center;
    margin-top: 30px;
  }
  .about-collabe-box .action-inner-wrap .btn {
    height: 45px;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: 0.01em;
  }
  .about-collabe-box .action-inner-wrap .btn.button-border {
    border-color: var(--clr-base);
    border-radius: 0;
  }
  .about-collabe-box .action-inner-wrap .btn.button-border:hover {
    background-color: var(--clr-base);
    color: #fff !important;
  }
  .about-collabe-box .items-inner-wrap {
    margin-bottom: 50px;
  }
  .about-collabe-box .items-inner-wrap:last-child,
  .about-collabe-box .items-inner-wrap:has(+.action-inner-wrap) {
    margin-bottom: 0;
  }
  .about-collabe-box .items-inner-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .about-collabe-box .items-wrap {
    margin: 0 -10px -20px -10px;
  }
  .about-collabe-box .item-wrap {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .about-collabe-box .item-wrap .elm-photo {
    aspect-ratio: inherit;
    height: 420px;
  }
  .about-future-box {
    padding: 70px 0 50px 0;
    background: var(--clr-base);
    color: #999;
    line-height: 1.375;
  }
  .about-future-box p,
  .about-future-box .text-wrap,
  .about-future-box .photo-wrap {
    margin-bottom: 30px;
  }
  .about-future-box .photo-inner-wrap {
    margin-bottom: 30px;
  }
  .about-future-box .info-wrap {
    margin-bottom: 30px;
  }
  .about-future-box .bottom-wrap {
    padding-right: 30px;
  }
  .about-future-box .bottom-wrap .elm-photo {
    max-width: 563px;
    margin-bottom: 0;
  }
  .about-future-box .title-box.title-text-att .page-title {
    color: #fff;
    opacity: 1;
  }
  .about-awards-box {
    padding: 50px 0;
  }
  .about-awards-box .title-box .page-title {
    font-size: 24px;
    line-height: 28px;
  }
  .about-awards-box .items-wrap {
    margin: 0 -10px -20px -10px;
  }
  .about-awards-box .item-wrap {
    padding: 10px 10px;
    margin-bottom: 20px;
    line-height: 1.375;
  }
  .about-awards-box .item-wrap:has(.elm-photo, .item-tile-button) {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    text-align: left;
  }
  .about-awards-box .items-inner-wrap {
    margin-bottom: 20px;
  }
  .about-awards-box .items-inner-wrap:last-child {
    margin-bottom: 0;
  }
  .about-awards-box .award-title {
    display: block;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .about-inst-box {
    padding: 50px 0;
    position: relative;
    background: #181818;
  }
  .about-inst-box .title-box {
    color: #fff;
  }
  .about-inst-box .title-box .page-title {
    color: inherit;
    font-size: 24px;
    line-height: 28px;
  }
  .about-inst-box .title-box .page-title:before {
    color: var(--clr-att);
    opacity: 0.2;
  }
  .about-inst-box .items-wrap {
    margin: 0 -10px;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .about-inst-box .item-wrap {
    padding: 0 10px;
    width: 50%;
    max-width: 170px;
    margin-bottom: 30px;
  }
  .about-inst-box .wrap-main {
    width: 100%;
    margin-bottom: 0;
    max-width: 100%;
    padding: 0 45px;
  }
  .about-tiles-box {
    padding: 50px 0;
  }
  .about-tiles-box .slider-wrap {
    margin: 0 -10px;
    overflow: visible;
  }
  .about-tiles-box .sl-wrap {
    padding: 0 10px;
    width: 310px;
  }
  .about-locations-box {
    padding: 50px 0;
    background: #181818;
    color: #fff;
  }
  .about-locations-box .title-inner-wrap {
    margin-bottom: 0;
    color: inherit;
  }
  .about-locations-box .slider-main-box .slider-pagination-wrap {
    bottom: auto;
    top: 360px;
    transform: translatey(-100%);
    z-index: 10;
  }
  .about-locations-box .slider-main-box .btn-action-ico.ico-arrow {
    top: 180px;
  }
  .about-locations-box .sl-info-wrap {
    margin-top: 20px;
  }
  .about-locations-box .slider-wrap {
    overflow: hidden;
    position: relative;
    margin: 0;
  }
  .about-locations-box .slider-wrap .sl-wrap {
    padding: 0;
  }
  .about-locations-box .slider-wrap .elm-photo {
    height: 360px;
    border-radius: 2.5rem;
  }
  .about-locations-box .map-inner-wrap {
    margin-top: -130px;
    margin-bottom: -100px;
    margin-right: 0;
    margin-left: -15px;
  }
  .about-locations-box .map-inner-wrap .elm-photo {
    width: 1268px;
    margin-left: -15px;
  }
  .about-locations-box .location-info {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #999;
    margin-bottom: 15px;
  }
  .about-locations-box .location-action {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.11px;
  }
  .about-locations-box .location-action a {
    color: #EFEFEF;
  }
  .about-locations-box .location-action a:hover {
    color: #fff;
  }
  .about-locations-box .location-title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #EFEFEF;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px;
    padding: 0 0 0 20px;
  }
  .about-locations-box .location-title:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/icons/location.svg) center no-repeat;
    background-size: 100% auto;
    top: 50%;
    left: -5px;
    margin-top: -12px;
  }
  .about-locations-box .location-title a {
    color: #EFEFEF;
  }
  .about-locations-box .location-title a:hover {
    color: #fff;
  }
  .about-locations-box .page-title {
    color: inherit;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .about-locations-box .page-title * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .about-video-box {
    padding: 80px 0 50px 0;
    line-height: 1.375;
  }
  .about-video-box .info-inner-wrap {
    margin-bottom: 30px;
  }
  .about-who-box {
    padding: 80px 0 50px 0;
    position: relative;
    background: #181818;
    color: #fff;
  }
  .about-who-box .title-box {
    color: #fff;
  }
  .about-who-box .h3-title,
  .about-who-box h3 {
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 1em;
    line-height: inherit;
  }
  .title-box.title-text-att {
    margin-bottom: 30px;
  }
  .title-box.title-text-att .page-title {
    font-size: 18px;
    line-height: 22px;
    color: inherit;
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .title-box.title-text-att .page-title * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .title-box.title-text-att .page-title:before {
    font-size: 2.66666667em;
    line-height: 1.16666667;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #37F713;
    font-family: "TT Norms", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    color: transparent;
    margin-top: -16px;
    left: 0.3em;
    opacity: 0.4;
  }
  .line-slider-box .sl-title.title-main {
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 20px;
    color: #000;
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #fff;
    text-stroke-color: #fff;
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .line-slider-box .sl-title.title-main * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .line-slider-box .sl-wrap {
    padding-top: 7px;
    padding-bottom: 8px;
  }
  .line-slider-box .sl-wrap img.h20 {
    height: 20px;
  }
  .abourt-teams-box {
    padding: 50px 0;
    font-size: 16px;
    line-height: 1.375;
    background: #fff;
  }
  .abourt-teams-box .title-box {
    margin-bottom: 30px;
  }
  .abourt-teams-box .title-box .page-title:before {
    white-space: nowrap;
  }
  .abourt-teams-box p,
  .abourt-teams-box .elm-photo,
  .abourt-teams-box .info-wrap {
    margin-bottom: 30px;
  }
  .abourt-teams-box p:last-child,
  .abourt-teams-box .elm-photo:last-child,
  .abourt-teams-box .info-wrap:last-child {
    margin-bottom: 0;
  }
  .abourt-teams-box .inner-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0 0 10px 0;
  }
  .abourt-teams-box .inner-subtitle {
    display: block;
    font-size: 11px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 10px 0;
    letter-spacing: 0.11px;
    color: #999;
  }
  .main-top-box.section-about .inner-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 700px;
  }
  .main-top-box.section-about .top-title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 22px;
  }
  .main-top-box.section-about .top-title:last-child {
    margin-bottom: 0;
  }
  .main-top-box .bg-photo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    aspect-ratio: inherit;
  }
  .main-top-box .bg-photo:before {
    display: none;
  }
  .main-top-box .top-title .title-att {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .main-top-box .top-title .title-att * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .main-top-box .buttons-wrap {
    text-align: center;
  }
  .title-box.max-750 {
    max-width: 750px;
  }
  .title-box .icons-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 5px;
  }
  .title-box .icons-list .elm-ico {
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 10px 0 0;
  }
  .title-box .icons-list .elm-ico.ico-small {
    width: 28px;
    height: 28px;
  }
  .info-pluses-box {
    margin-bottom: 50px;
  }
  .info-pluses-box .items-wrap {
    margin: 0 -20px -40px -20px;
  }
  .info-pluses-box .item-wrap {
    padding: 0 20px;
    width: 100%;
    margin-bottom: 40px;
  }
  .bg-actions-box {
    padding: 50px 0 30px 0;
    position: relative;
    line-height: 1.375;
    color: #EFEFEF;
  }
  .bg-actions-box .bg-inner-wrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100dvw;
    min-width: var(--min);
    transform: translateX(-50%);
    background: var(--clr-base);
  }
  .bg-actions-box .bg-inner-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .bg-actions-box .page-title,
  .bg-actions-box p,
  .bg-actions-box .action-wrap,
  .bg-actions-box .title-box {
    margin-bottom: 20px;
    color: inherit;
  }
  .bg-actions-box .btn {
    width: 100%;
    height: 45px;
    border-radius: 0;
    font-size: 11px;
    letter-spacing: 0.01em;
    font-weight: bold;
    text-transform: uppercase;
  }
  .bg-actions-box .btn.button-border.button-att:not(:hover) {
    color: var(--clr-att) !important;
  }
  .questions-box .title-box {
    margin-bottom: 20px;
  }
  .info-icons-box {
    margin-bottom: 45px;
  }
  .info-icons-box .title-box {
    line-height: 1.375;
  }
  .info-icons-box .title-box .page-title {
    margin-bottom: 30px;
  }
  .top-bg-box {
    position: relative;
    margin-bottom: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    min-height: 200px;
    padding: 30px 0;
    color: #fff;
  }
  .top-bg-box .bg-inner-wrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100dvw;
    min-width: var(--min);
    transform: translateX(-50%);
    background: #000;
  }
  .top-bg-box .bg-inner-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
  }
  .top-bg-box .title-inner-wrap {
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
  }
  .top-bg-box .h1-title {
    text-align: center;
    color: inherit;
    text-transform: uppercase;
    margin: 0 auto;
    padding: 0 50px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .top-bg-box .h1-title * {
    font-family: 'Press Start 2P', cursive;
    font-weight: 400;
  }
  .slider-main-box .sl-wrap ~ .sl-wrap {
    display: block;
  }
  .slider-main-box .slider-pagination-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .slider-main-box .slider-pagination {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    padding: 10px 10px 5px 10px;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.2);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 20;
    width: auto;
  }
  .slider-main-box .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .slider-main-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px 5px 2px !important;
    background: #EFEFEF;
    opacity: 1;
  }
  .slider-main-box .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .slider-main-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--clr-att);
  }
  .slider-main-box .btn-action-ico.ico-arrow {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #00000020;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -16px;
  }
  .slider-main-box .btn-action-ico.ico-arrow:hover {
    background: #00000040;
  }
  .slider-main-box .btn-action-ico.ico-arrow:before {
    background-image: url(../img/icons/arrow-slider-main.svg);
    background-size: 32px auto;
  }
  .slider-main-box .btn-action-ico.ico-arrow-next {
    left: auto;
    right: 10px;
  }
  @media (max-width: 1023px) {
    .about-collabe-box .items-scroll-wrap {
      margin-left: calc(var(--paddingContainer) * -1);
      margin-right: calc(var(--paddingContainer) * -1);
      padding-left: var(--paddingContainer);
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .about-collabe-box .items-scroll-wrap::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    .about-collabe-box .item-wrap {
      width: 310px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .about-collabe-box .items-wrap {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
    }
    .about-inst-box .wrap-main {
      -ms-flex-order: 1;
          order: 1;
    }
    .about-inst-box .item-tile-about-inst-main {
      max-width: 360px;
      margin: 0 auto;
    }
  }
  @media (min-width: 640px) {
    .about-future-box .info-inner-wrap {
      margin: 0 -2rem;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .about-future-box .bottom-wrap {
      width: 100%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .about-future-box .info-wrap {
      padding: 0 2rem;
      margin: 0;
      width: 50%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .about-future-box .info-wrap + .info-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
    }
    .about-awards-box .item-wrap {
      width: 50%;
      padding-top: 0;
      padding-bottom: 0;
      display: block;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: right;
    }
    .about-awards-box .items-wrap:has(.item-tile-button) {
      -ms-flex-pack: end;
          justify-content: flex-end;
    }
  }
  @media (min-width: 768px) {
    .item-tile-info-plus .tile-title {
      margin-bottom: 10px;
    }
    .info-action-box .info-wrap {
      max-width: 500px;
    }
    .info-action-box .action-wrap {
      margin-top: 4rem;
    }
    .info-action-box .action-wrap .btn {
      width: auto;
      padding: 0 6rem;
      height: 6.5rem;
    }
    .about-future-box .box-inner-wrap {
      display: -ms-flexbox;
      display: flex;
      margin: 0 -2rem;
    }
    .about-future-box .photo-inner-wrap {
      width: 45%;
      padding: 0 2rem;
    }
    .about-future-box .info-inner-wrap {
      width: 55%;
      padding: 0 2rem;
      margin: 0;
    }
    .about-future-box .info-wrap {
      padding: 0 2rem 0 0;
    }
    .about-future-box .info-wrap + .info-wrap {
      padding: 0 0 0 2rem;
    }
    .about-awards-box .item-wrap {
      width: 33.33%;
    }
    .about-locations-box .inner-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .about-locations-box .map-inner-wrap {
      -ms-flex-order: 3;
          order: 3;
      width: calc(100% - 38rem);
      margin-left: 0;
    }
    .about-locations-box .map-inner-wrap .elm-photo {
      width: 1268px;
      margin: 0 0 0 12rem;
    }
    .about-locations-box .title-inner-wrap {
      width: 100%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -ms-flex-order: 1;
          order: 1;
      margin: 0;
      padding: 0;
    }
    .about-locations-box .info-inner-wrap {
      -ms-flex-order: 2;
          order: 2;
      width: 38rem;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: 0;
      padding: 0;
    }
    .main-top-box.section-about .inner-wrap {
      min-height: 73.8rem;
    }
    .main-top-box.section-about .top-title {
      font-size: 2.6rem;
      line-height: 1.23076923;
      margin: 0 auto;
      max-width: 23.07692308em;
    }
    .info-pluses-box .item-wrap {
      max-width: 300px;
      width: 33.33%;
    }
    .bg-actions-box .actions-wrap {
      margin: 0 -20px 0 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .bg-actions-box .action-wrap {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 0 20px 0 0;
    }
    .bg-actions-box .btn {
      width: auto;
      padding: 0 30px;
      min-width: 252px;
    }
  }
  @media (min-width: 1024px) {
    .item-tile-about-inst {
      font-size: 16px;
      line-height: 18px;
      min-height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
    }
    .item-tile-about-inst .tile-info-wrap {
      width: 100%;
      -ms-flex: 1;
          flex: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 15px 0;
    }
    .item-tile-about-inst .tile-photo-wrap {
      display: block;
      width: 100%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .item-tile-about-inst .tile-total {
      font-size: 36px;
      line-height: 42px;
      margin-bottom: 5px;
    }
    .item-tile-about-inst .tile-photo {
      border-radius: 10px;
    }
    .info-action-box {
      padding: 10rem 0;
    }
    .section-padding {
      padding: 8rem 0;
    }
    .about-story-box {
      padding: 17rem 0 10rem 0;
    }
    .about-story-box .title-box {
      margin-bottom: 40px;
    }
    .about-story-box .title-box .page-title {
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 40px;
    }
    .about-story-box .title-box.title-text-att .page-title:before {
      left: 3em;
    }
    .about-collabe-box {
      padding: 17rem 0 10rem 0;
    }
    .about-collabe-box .items-inner-title {
      font-size: 32px;
      line-height: 40px;
    }
    .about-collabe-box .items-inner-wrap {
      margin-bottom: 40px;
    }
    .about-collabe-box .action-inner-wrap {
      margin-top: 40px;
    }
    .about-collabe-box .items-wrap {
      margin: 0 -5px -10px -5px;
    }
    .about-collabe-box .item-wrap {
      padding: 0 5px;
      margin-bottom: 10px;
      width: 33.33%;
    }
    .about-collabe-box .item-wrap .elm-photo {
      height: auto;
      aspect-ratio: 380/500;
    }
    .about-collabe-box .action-inner-wrap .btn {
      height: 65px;
      padding: 0 65px;
    }
    @supports (display: grid) {
      .about-collabe-box .section-grid01 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
        -ms-grid-columns: 2fr 1fr 1fr 2fr;
            grid-template-columns: 2fr 1fr 1fr 2fr;
      }
      .about-collabe-box .section-grid01 .item-wrap {
        width: 100%;
      }
      .about-collabe-box .section-grid01 .item-wrap .elm-photo {
        aspect-ratio: inherit;
        height: 245px;
      }
      .about-collabe-box .section-grid01 .wrap-first {
        -ms-grid-row: span 2;
            grid-row: span 2;
      }
      .about-collabe-box .section-grid01 .wrap-first .elm-photo {
        height: 500px;
      }
      .about-collabe-box .section-grid01 .wrap-last {
        -ms-grid-row: span 2;
            grid-row: span 2;
      }
      .about-collabe-box .section-grid01 .wrap-last .elm-photo {
        height: 500px;
      }
      .about-collabe-box .section-grid02 {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
        -ms-grid-columns: 40% 22% 38%;
            grid-template-columns: 40% 22% 38%;
      }
      .about-collabe-box .section-grid02 .item-wrap {
        width: 100%;
      }
      .about-collabe-box .section-grid02 .item-wrap .elm-photo {
        aspect-ratio: inherit;
        height: 245px;
      }
      .about-collabe-box .section-grid02 .wrap-first {
        -ms-grid-row: span 2;
            grid-row: span 2;
      }
      .about-collabe-box .section-grid02 .wrap-first .elm-photo {
        height: 500px;
      }
      .about-collabe-box .section-grid02 .wrap-last {
        -ms-grid-row: span 2;
            grid-row: span 2;
      }
      .about-collabe-box .section-grid02 .wrap-last .elm-photo {
        height: 500px;
      }
    }
    .about-future-box {
      padding: 16rem 0 10rem 0;
    }
    .about-future-box .title-box {
      margin-bottom: 5.5rem;
    }
    .about-awards-box {
      padding: 10rem 0;
    }
    .about-awards-box:has(+.info-action-box) {
      padding-bottom: 0;
    }
    .about-awards-box .item-wrap {
      width: 25%;
    }
    .about-awards-box .title-box .page-title {
      font-size: 32px;
      line-height: 40px;
    }
    .about-awards-box .award-title {
      font-size: 36px;
      line-height: 42px;
      margin-bottom: 20px;
    }
    .about-inst-box {
      padding: 10rem 0;
    }
    .about-inst-box .title-box .page-title {
      font-size: 32px;
      line-height: 40px;
    }
    .about-inst-box .items-wrap {
      margin: 0 -15px;
    }
    .about-inst-box .item-wrap {
      padding: 0 15px;
      width: 230px;
      max-width: inherit;
      margin: 0;
    }
    .about-inst-box .wrap-main {
      width: calc(100% - 920px);
    }
    .about-inst-box .item-tile-about-inst-main {
      max-width: inherit;
      margin: -10px -15px;
      width: auto;
    }
    .about-locations-box {
      padding: 10rem 0;
    }
    .about-locations-box .title-inner-wrap {
      margin-bottom: 4rem;
    }
    .about-locations-box .page-title {
      font-size: 26px;
      line-height: 32px;
      margin: 0;
    }
    .about-locations-box .slider-wrap .elm-photo {
      aspect-ratio: inherit;
      height: 500px;
    }
    .about-locations-box .slider-main-box .slider-pagination-wrap {
      top: 500px;
    }
    .about-locations-box .slider-main-box .btn-action-ico.ico-arrow {
      top: 250px;
    }
    .info-pluses-box {
      margin-bottom: 8rem;
    }
    .info-pluses-box .title-box {
      margin-bottom: 30px;
    }
    .about-video-box {
      padding: 14.6rem 0 10rem 0;
    }
    .about-video-box .title-box.title-text-att .page-title:before {
      left: 2.9em;
    }
    .about-video-box .box-inner-wrap {
      display: -ms-flexbox;
      display: flex;
    }
    .about-video-box .video-inner-wrap {
      -ms-flex-order: 1;
          order: 1;
      width: 50%;
      padding: 0 2rem 0 0;
      margin: 0;
    }
    .about-video-box .info-inner-wrap {
      -ms-flex: 1;
          flex: 1;
      padding-left: 2rem;
      -ms-flex-order: 2;
          order: 2;
    }
    .about-video-box .item-tile-video {
      height: 274px;
    }
    .abourt-teams-box {
      padding: 10rem 0;
    }
    .abourt-teams-box .info-inner-wrap {
      display: -ms-flexbox;
      display: flex;
      margin: 0 -2rem;
    }
    .abourt-teams-box .info-wrap {
      padding: 0 2rem;
      margin: 0;
      width: 33.33%;
    }
    .about-who-box {
      padding: 17.4rem 0 10rem 0;
    }
    .title-box.title-text-att {
      margin-bottom: 5rem;
    }
    .title-box.title-text-att .page-title {
      font-size: 26px;
      line-height: 32px;
    }
    .title-box.title-text-att .page-title:before {
      font-size: 96px;
      line-height: 112px;
      left: 2.4em;
      margin-top: -0.5em;
    }
    .bg-actions-box {
      padding: 8rem 0 6rem 0;
    }
    .bg-actions-box .btn {
      height: 65px;
    }
    .top-bg-box {
      min-height: 30rem;
      padding: 8rem 0;
      margin-bottom: 8.5rem;
    }
    .top-bg-box .h1-title {
      font-size: 26px;
      line-height: 32px;
    }
    .info-icons-box .title-box .page-title {
      margin-bottom: 20px;
    }
    .info-icons-box .title-box p {
      max-width: 35em;
    }
  }
  @media (min-width: 1024px) and (max-width: 1099px) {
    .about-inst-box .item-wrap {
      width: 180px;
      padding: 0 10px;
    }
    .about-inst-box .wrap-main {
      width: calc(100% - 760px);
    }
    .about-inst-box .items-wrap {
      margin: 0 -10px;
    }
    .about-inst-box .item-tile-about-inst-main {
      margin: -10px auto;
    }
  }
  @media (min-width: 1100px) and (max-width: 1199px) {
    .about-inst-box .item-wrap {
      width: 210px;
      padding: 0 10px;
    }
    .about-inst-box .wrap-main {
      width: calc(100% - 840px);
    }
    .about-inst-box .items-wrap {
      margin: 0 -10px;
    }
    .about-inst-box .item-tile-about-inst-main {
      margin: -10px auto;
    }
  }
  /* brand about page */
  .item-tile-photo {
    color: #181818;
  }
  .item-tile-photo .tile-title {
    margin: 20px 15px 0 15px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
  }
  .item-tile-photo:hover {
    color: #181818;
  }
  .brand-about-box {
    padding: 0 15px;
    position: relative;
  }
  .brand-about-box .items-wrap {
    margin: 0 -1px 0 0;
  }
  .brand-about-box .items-full {
    margin-left: -15px;
    margin-right: -16px;
  }
  .brand-about-box .item-wrap {
    width: 100%;
    padding: 0 1px 0 0;
    margin-bottom: 40px;
  }
  .brand-about-box .wrap-half {
    width: 50%;
  }
  .brand-about-box .info-inner-wrap {
    padding: 0px 0 50px 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #181818;
  }
  .brand-about-box .title-wrap {
    padding-top: 10px;
  }
  .brand-about-box .action-wrap,
  .brand-about-box .info-wrap {
    margin-top: 30px;
  }
  .brand-about-box .action-wrap:first-child,
  .brand-about-box .info-wrap:first-child {
    margin-top: 0;
  }
  .brand-about-box .action-wrap .btn,
  .brand-about-box .info-wrap .btn {
    width: 100%;
    height: 45px;
    padding: 0 49px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
  }
  .brand-about-box .action-wrap .btn:not(:hover),
  .brand-about-box .info-wrap .btn:not(:hover) {
    border-color: #181818;
    color: #181818;
  }
  .brand-about-box .h1-title {
    font-family: 'Press Start 2P', cursive;
    display: block;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #37F713;
    text-align: center;
  }
  .brand-about-box .h1-title:last-child {
    margin-bottom: 0;
  }
  .brand-about-box .h1-title * {
    font-family: 'Press Start 2P', cursive;
  }
  .brand-about-box .subtitle,
  .brand-about-box .h1-title .subtitle {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #181818;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-family: "TT Norms", sans-serif;
  }
  .brand-about-box .subtitle *,
  .brand-about-box .h1-title .subtitle * {
    font-family: "TT Norms", sans-serif;
  }
  .brand-about-box .subtitle:last-child,
  .brand-about-box .h1-title .subtitle:last-child {
    margin-bottom: 0;
  }
  .brand-about-box .no-mbottom {
    padding-bottom: 1px !important;
  }
  .brand-about-box p {
    margin: 0;
    padding: 0;
  }
  @media (max-width: 1023px) {
    .brand-about-box .scroll-outer-wrap {
      position: relative;
    }
    .brand-about-box .scroll-outer-wrap:before {
      content: "";
      display: none;
      width: 24px;
      height: 24px;
      background: rgba(255, 255, 255, 0.4) url(../img/icons/arrow-button.svg) center no-repeat;
      background-size: 24px auto;
      -webkit-backdrop-filter: blur(2px);
              backdrop-filter: blur(2px);
      position: absolute;
      top: 15px;
      right: 10px;
      z-index: 3;
      pointer-events: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
    }
    .brand-about-box .items-mobile-scroll {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      margin-left: -15px;
      margin-right: -16px;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .brand-about-box .items-mobile-scroll::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
    .brand-about-box .items-mobile-scroll .item-wrap {
      width: 196px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      min-width: 33.33dvw;
    }
    .brand-about-box .items-mobile-scroll:has(.item-wrap:nth-child(4)) .item-wrap {
      min-width: 25dvw;
    }
  }
  @media (max-width: 655px) {
    .brand-about-box .scroll-outer-wrap:before {
      display: block;
    }
  }
  @media (min-width: 1024px) {
    .item-tile-photo .tile-title {
      margin: 25px 0 0 0;
      padding: 0 25px;
      font-size: 16px;
      line-height: 22px;
    }
    .brand-about-box {
      padding: 0;
    }
    .brand-about-box .info-inner-wrap {
      padding-top: 45px;
      padding-bottom: 100px;
      padding-left: 30px;
      padding-right: 30px;
    }
    .brand-about-box .h1-title {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 15px;
    }
    .brand-about-box .subtitle {
      font-size: 32px;
      line-height: 40px;
      font-weight: 500;
      margin-bottom: 15px;
    }
    .brand-about-box .info-wrap {
      margin-left: auto;
      margin-right: auto;
      max-width: 700px;
      margin-top: 40px;
    }
    .brand-about-box .info-wrap.w600 {
      max-width: 600px;
    }
    .brand-about-box .info-wrap.w620 {
      max-width: 620px;
    }
    .brand-about-box .info-wrap.w720 {
      max-width: 720px;
    }
    .brand-about-box .action-wrap {
      margin-top: 40px;
    }
    .brand-about-box .action-wrap .btn {
      width: auto;
      min-width: 287px;
      height: 65px;
      font-size: 14px;
      letter-spacing: 0.28px;
    }
    .brand-about-box .items-wrap {
      margin: 0 -1px 0 0;
    }
    .brand-about-box .item-wrap {
      margin-bottom: 55px;
    }
    .brand-about-box .wrap-half,
    .brand-about-box .wrap-half-d {
      width: 50%;
    }
    .brand-about-box .wrap-four {
      width: 25%;
    }
  }
  /* end brand about page */
  /* animate button */
  .btn.button-animate {
    background: none;
    border: none;
    border-radius: 0;
    color: #fff !important;
    text-transform: uppercase;
    filter: none;
  }
  .btn.button-animate.button-text-dark {
    color: #000 !important;
  }
  .btn.button-animate.button-border-light:before,
  .btn.button-animate.button-border-light:after {
    border-color: #fff;
  }
  .btn.button-animate:hover {
    background: none;
    border: none;
    color: #fff;
    filter: none;
  }
  .btn.button-animate:hover:before,
  .btn.button-animate:hover:after {
    width: 50%;
  }
  .btn.button-animate:before,
  .btn.button-animate:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    border: 2px solid var(--clr-att);
    transition: all ease-in-out 0.3s;
  }
  .btn.button-animate:before {
    left: 0;
    border-right: none;
  }
  .btn.button-animate:after {
    right: 0;
    border-left: none;
  }
  /* end animate button */
  /* orders styles */
  .btn-action-ico.ico-copy:before {
    background-image: url(../img/icons/copy.svg);
  }
  .text-alert {
    color: #FF0D0D;
  }
  .elm-scale-panel {
    display: block;
    position: relative;
  }
  .elm-scale-panel .scale-panel-labels {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .elm-scale-panel .scale-panel {
    height: 7px;
    border-radius: 4px;
    background: currentColor;
    position: relative;
    overflow: hidden;
  }
  .elm-scale-panel .scale-panel:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background: var(--clr-att);
    transition: all ease 0.2s;
  }
  .elm-scale-panel .scale-label {
    white-space: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 10px 0 0 0;
  }
  .elm-scale-panel .scale-panel {
    display: block;
    position: relative;
    overflow: hidden;
    height: 5px;
    border-radius: 3px;
    background-color: currentColor;
  }
  .elm-scale-panel .scale-panel:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    border-radius: 3px;
    background-color: var(--clr-att);
  }
  .elm-scale-panel .scale-panel[data-scale="01"]:before {
    width: 1%;
  }
  .elm-scale-panel .scale-panel[data-scale="02"]:before {
    width: 2%;
  }
  .elm-scale-panel .scale-panel[data-scale="03"]:before {
    width: 3%;
  }
  .elm-scale-panel .scale-panel[data-scale="04"]:before {
    width: 4%;
  }
  .elm-scale-panel .scale-panel[data-scale="05"]:before {
    width: 5%;
  }
  .elm-scale-panel .scale-panel[data-scale="06"]:before {
    width: 6%;
  }
  .elm-scale-panel .scale-panel[data-scale="07"]:before {
    width: 7%;
  }
  .elm-scale-panel .scale-panel[data-scale="08"]:before {
    width: 8%;
  }
  .elm-scale-panel .scale-panel[data-scale="09"]:before {
    width: 9%;
  }
  .elm-scale-panel .scale-panel[data-scale="1"]:before {
    width: 1%;
  }
  .elm-scale-panel .scale-panel[data-scale="2"]:before {
    width: 2%;
  }
  .elm-scale-panel .scale-panel[data-scale="3"]:before {
    width: 3%;
  }
  .elm-scale-panel .scale-panel[data-scale="4"]:before {
    width: 4%;
  }
  .elm-scale-panel .scale-panel[data-scale="5"]:before {
    width: 5%;
  }
  .elm-scale-panel .scale-panel[data-scale="6"]:before {
    width: 6%;
  }
  .elm-scale-panel .scale-panel[data-scale="7"]:before {
    width: 7%;
  }
  .elm-scale-panel .scale-panel[data-scale="8"]:before {
    width: 8%;
  }
  .elm-scale-panel .scale-panel[data-scale="9"]:before {
    width: 9%;
  }
  .elm-scale-panel .scale-panel[data-scale="10"]:before {
    width: 10%;
  }
  .elm-scale-panel .scale-panel[data-scale="11"]:before {
    width: 11%;
  }
  .elm-scale-panel .scale-panel[data-scale="12"]:before {
    width: 12%;
  }
  .elm-scale-panel .scale-panel[data-scale="13"]:before {
    width: 13%;
  }
  .elm-scale-panel .scale-panel[data-scale="14"]:before {
    width: 14%;
  }
  .elm-scale-panel .scale-panel[data-scale="15"]:before {
    width: 15%;
  }
  .elm-scale-panel .scale-panel[data-scale="16"]:before {
    width: 16%;
  }
  .elm-scale-panel .scale-panel[data-scale="17"]:before {
    width: 17%;
  }
  .elm-scale-panel .scale-panel[data-scale="18"]:before {
    width: 18%;
  }
  .elm-scale-panel .scale-panel[data-scale="19"]:before {
    width: 19%;
  }
  .elm-scale-panel .scale-panel[data-scale="20"]:before {
    width: 20%;
  }
  .elm-scale-panel .scale-panel[data-scale="21"]:before {
    width: 21%;
  }
  .elm-scale-panel .scale-panel[data-scale="22"]:before {
    width: 22%;
  }
  .elm-scale-panel .scale-panel[data-scale="23"]:before {
    width: 23%;
  }
  .elm-scale-panel .scale-panel[data-scale="24"]:before {
    width: 24%;
  }
  .elm-scale-panel .scale-panel[data-scale="25"]:before {
    width: 25%;
  }
  .elm-scale-panel .scale-panel[data-scale="26"]:before {
    width: 26%;
  }
  .elm-scale-panel .scale-panel[data-scale="27"]:before {
    width: 27%;
  }
  .elm-scale-panel .scale-panel[data-scale="28"]:before {
    width: 28%;
  }
  .elm-scale-panel .scale-panel[data-scale="29"]:before {
    width: 29%;
  }
  .elm-scale-panel .scale-panel[data-scale="30"]:before {
    width: 30%;
  }
  .elm-scale-panel .scale-panel[data-scale="31"]:before {
    width: 31%;
  }
  .elm-scale-panel .scale-panel[data-scale="32"]:before {
    width: 32%;
  }
  .elm-scale-panel .scale-panel[data-scale="33"]:before {
    width: 33%;
  }
  .elm-scale-panel .scale-panel[data-scale="34"]:before {
    width: 34%;
  }
  .elm-scale-panel .scale-panel[data-scale="35"]:before {
    width: 35%;
  }
  .elm-scale-panel .scale-panel[data-scale="36"]:before {
    width: 36%;
  }
  .elm-scale-panel .scale-panel[data-scale="37"]:before {
    width: 37%;
  }
  .elm-scale-panel .scale-panel[data-scale="38"]:before {
    width: 38%;
  }
  .elm-scale-panel .scale-panel[data-scale="39"]:before {
    width: 39%;
  }
  .elm-scale-panel .scale-panel[data-scale="40"]:before {
    width: 40%;
  }
  .elm-scale-panel .scale-panel[data-scale="41"]:before {
    width: 41%;
  }
  .elm-scale-panel .scale-panel[data-scale="42"]:before {
    width: 42%;
  }
  .elm-scale-panel .scale-panel[data-scale="43"]:before {
    width: 43%;
  }
  .elm-scale-panel .scale-panel[data-scale="44"]:before {
    width: 44%;
  }
  .elm-scale-panel .scale-panel[data-scale="45"]:before {
    width: 45%;
  }
  .elm-scale-panel .scale-panel[data-scale="46"]:before {
    width: 46%;
  }
  .elm-scale-panel .scale-panel[data-scale="47"]:before {
    width: 47%;
  }
  .elm-scale-panel .scale-panel[data-scale="48"]:before {
    width: 48%;
  }
  .elm-scale-panel .scale-panel[data-scale="49"]:before {
    width: 49%;
  }
  .elm-scale-panel .scale-panel[data-scale="50"]:before {
    width: 50%;
  }
  .elm-scale-panel .scale-panel[data-scale="51"]:before {
    width: 51%;
  }
  .elm-scale-panel .scale-panel[data-scale="52"]:before {
    width: 52%;
  }
  .elm-scale-panel .scale-panel[data-scale="53"]:before {
    width: 53%;
  }
  .elm-scale-panel .scale-panel[data-scale="54"]:before {
    width: 54%;
  }
  .elm-scale-panel .scale-panel[data-scale="55"]:before {
    width: 55%;
  }
  .elm-scale-panel .scale-panel[data-scale="56"]:before {
    width: 56%;
  }
  .elm-scale-panel .scale-panel[data-scale="57"]:before {
    width: 57%;
  }
  .elm-scale-panel .scale-panel[data-scale="58"]:before {
    width: 58%;
  }
  .elm-scale-panel .scale-panel[data-scale="59"]:before {
    width: 59%;
  }
  .elm-scale-panel .scale-panel[data-scale="60"]:before {
    width: 60%;
  }
  .elm-scale-panel .scale-panel[data-scale="61"]:before {
    width: 61%;
  }
  .elm-scale-panel .scale-panel[data-scale="62"]:before {
    width: 62%;
  }
  .elm-scale-panel .scale-panel[data-scale="63"]:before {
    width: 63%;
  }
  .elm-scale-panel .scale-panel[data-scale="64"]:before {
    width: 64%;
  }
  .elm-scale-panel .scale-panel[data-scale="65"]:before {
    width: 65%;
  }
  .elm-scale-panel .scale-panel[data-scale="66"]:before {
    width: 66%;
  }
  .elm-scale-panel .scale-panel[data-scale="67"]:before {
    width: 67%;
  }
  .elm-scale-panel .scale-panel[data-scale="68"]:before {
    width: 68%;
  }
  .elm-scale-panel .scale-panel[data-scale="69"]:before {
    width: 69%;
  }
  .elm-scale-panel .scale-panel[data-scale="70"]:before {
    width: 70%;
  }
  .elm-scale-panel .scale-panel[data-scale="71"]:before {
    width: 71%;
  }
  .elm-scale-panel .scale-panel[data-scale="72"]:before {
    width: 72%;
  }
  .elm-scale-panel .scale-panel[data-scale="73"]:before {
    width: 73%;
  }
  .elm-scale-panel .scale-panel[data-scale="74"]:before {
    width: 74%;
  }
  .elm-scale-panel .scale-panel[data-scale="75"]:before {
    width: 75%;
  }
  .elm-scale-panel .scale-panel[data-scale="76"]:before {
    width: 76%;
  }
  .elm-scale-panel .scale-panel[data-scale="77"]:before {
    width: 77%;
  }
  .elm-scale-panel .scale-panel[data-scale="78"]:before {
    width: 78%;
  }
  .elm-scale-panel .scale-panel[data-scale="79"]:before {
    width: 79%;
  }
  .elm-scale-panel .scale-panel[data-scale="80"]:before {
    width: 80%;
  }
  .elm-scale-panel .scale-panel[data-scale="81"]:before {
    width: 81%;
  }
  .elm-scale-panel .scale-panel[data-scale="82"]:before {
    width: 82%;
  }
  .elm-scale-panel .scale-panel[data-scale="83"]:before {
    width: 83%;
  }
  .elm-scale-panel .scale-panel[data-scale="84"]:before {
    width: 84%;
  }
  .elm-scale-panel .scale-panel[data-scale="85"]:before {
    width: 85%;
  }
  .elm-scale-panel .scale-panel[data-scale="86"]:before {
    width: 86%;
  }
  .elm-scale-panel .scale-panel[data-scale="87"]:before {
    width: 87%;
  }
  .elm-scale-panel .scale-panel[data-scale="88"]:before {
    width: 88%;
  }
  .elm-scale-panel .scale-panel[data-scale="89"]:before {
    width: 89%;
  }
  .elm-scale-panel .scale-panel[data-scale="90"]:before {
    width: 90%;
  }
  .elm-scale-panel .scale-panel[data-scale="91"]:before {
    width: 91%;
  }
  .elm-scale-panel .scale-panel[data-scale="92"]:before {
    width: 92%;
  }
  .elm-scale-panel .scale-panel[data-scale="93"]:before {
    width: 93%;
  }
  .elm-scale-panel .scale-panel[data-scale="94"]:before {
    width: 94%;
  }
  .elm-scale-panel .scale-panel[data-scale="95"]:before {
    width: 95%;
  }
  .elm-scale-panel .scale-panel[data-scale="96"]:before {
    width: 96%;
  }
  .elm-scale-panel .scale-panel[data-scale="97"]:before {
    width: 97%;
  }
  .elm-scale-panel .scale-panel[data-scale="98"]:before {
    width: 98%;
  }
  .elm-scale-panel .scale-panel[data-scale="99"]:before {
    width: 99%;
  }
  .elm-scale-panel .scale-panel[data-scale="100"]:before {
    width: 100%;
  }
  .elm-status.bg-att {
    background-color: var(--clr-att);
    color: var(--clr-base);
  }
  .elm-status.bg-gray {
    background: rgba(24, 24, 24, 0.15);
    color: var(--clr-base);
  }
  .item-tile-order {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    font-size: 1em;
    line-height: inherit;
    color: var(--clr-base);
  }
  .item-tile-order .tile-photo-wrap {
    width: 70px !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .item-tile-order .tile-info-wrap {
    padding-left: 15px;
    display: block;
    -ms-flex: 1;
        flex: 1;
    max-width: calc(100% - 70px);
  }
  .item-tile-order .tile-info-wrap p {
    margin: 0 0 2px 0;
  }
  .item-tile-order .tile-info-wrap p:last-child {
    margin-bottom: 0;
  }
  .item-tile-order .tile-title {
    display: block;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1em;
    line-height: inherit;
    text-transform: uppercase;
    font-weight: bold;
  }
  .elm-message {
    font-size: 14px;
    line-height: 1.28571429;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 15px;
    background: rgba(24, 24, 24, 0.05);
  }
  .elm-message.type-second {
    border-radius: 15px;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.375;
  }
  .elm-message.color-alert {
    background: rgba(255, 13, 13, 0.1);
  }
  .elm-message .message-text {
    display: block;
    margin-bottom: 10px;
  }
  .elm-message .message-action {
    text-align: right;
  }
  .elm-message .message-title {
    font-weight: bold;
    font-size: 1em;
    line-height: inherit;
    margin: 0 0 10px 0;
  }
  .elm-message .message-button {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--clr-base);
    text-transform: uppercase;
  }
  .elm-message .message-button:hover {
    color: var(--clr-att);
  }
  .catalog-menu-box .catalog-menu-inner-filter {
    padding-bottom: 16px;
    padding-top: 16px;
    display: block;
    width: 100%;
    clear: both;
  }
  .catalog-menu-box .catalog-menu-inner-filter .frm-row {
    margin: 0 -11px;
  }
  .catalog-menu-box .catalog-menu-inner-filter .frm-field {
    width: auto;
    padding: 0 11px;
    margin-bottom: 12px;
  }
  .catalog-menu-box .form-input {
    height: 26px;
    border-radius: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    background-image: url(../img/icons/arrow-select.png);
    background-size: 16px auto;
    background-position: right 4px center;
    background-repeat: no-repeat;
    padding: 0 30px 0 7px;
    font-size: 9px;
    font-weight: 500;
    color: #000;
    width: auto;
  }
  .catalog-menu-box select.form-input:required:invalid {
    color: #000;
  }
  .tiles-orders-box {
    margin-bottom: 30px;
  }
  .tiles-orders-box .message-inner-wrap {
    margin-bottom: 15px;
  }
  .tiles-orders-box .section-inner-wrap {
    margin-bottom: 15px;
    border-radius: 15px;
    border: 1px solid rgba(24, 24, 24, 0.2);
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    position: relative;
    overflow: hidden;
  }
  .tiles-orders-box .section-inner-wrap:last-child {
    margin-bottom: 0;
  }
  .tiles-orders-box .section-inner-wrap.section-open {
    border-color: rgba(24, 24, 24, 0.2);
    background-color: #fff;
  }
  .tiles-orders-box .section-inner-wrap.section-open .section-title-wrap {
    padding-right: 30px;
  }
  .tiles-orders-box .section-inner-wrap.section-open .section-title-wrap:before {
    display: none;
  }
  .tiles-orders-box .section-inner-wrap.section-open .section-content-wrap {
    display: block;
  }
  .tiles-orders-box .section-content-wrap {
    padding: 0 20px 20px 20px;
    display: none;
  }
  .tiles-orders-box .section-info-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -10px;
  }
  .tiles-orders-box .section-info-inner {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 20px 0;
    padding: 0 10px;
  }
  .tiles-orders-box .section-info-content {
    padding-left: 34px;
    display: block;
  }
  .tiles-orders-box .section-info-title {
    position: relative;
    padding-left: 34px;
    font-size: 1em;
    line-height: inherit;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .tiles-orders-box .section-info-title .elm-ico {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12px;
  }
  .tiles-orders-box .section-actions-wrap {
    margin: 0 -10px 5px -10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tiles-orders-box .section-action-wrap {
    padding: 0 10px;
    margin-bottom: 15px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .tiles-orders-box .section-orders-title {
    font-size: 1em;
    line-height: inherit;
    font-weight: bold;
    margin: 0 0 20px 0;
  }
  .tiles-orders-box .section-title-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    padding: 20px;
    cursor: pointer;
  }
  .tiles-orders-box .section-title-wrap.active ~ .section-content-wrap {
    display: block;
  }
  .tiles-orders-box .section-title-wrap.active:before {
    rotate: 0deg;
  }
  .tiles-orders-box .section-title-wrap:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/icons/arrow-toggle.svg) center no-repeat;
    background-size: 100% auto;
    rotate: 180deg;
    transition: all ease 0.2s;
    top: 22px;
    right: 20px;
    z-index: 2;
  }
  .tiles-orders-box .section-title-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    -ms-flex-order: 2;
        order: 2;
  }
  .tiles-orders-box .section-title-status {
    -ms-flex-order: 1;
        order: 1;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 10px;
  }
  .tiles-orders-box .section-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin: 0 5px 0 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: calc(100% - 24px);
    -ms-flex-order: 1;
        order: 1;
  }
  .tiles-orders-box .section-title-button {
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-order: 2;
        order: 2;
  }
  .tiles-orders-box .section-title-date {
    display: block;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 5px;
    -ms-flex-order: 3;
        order: 3;
  }
  .tiles-orders-box .elm-status {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
  }
  .tiles-orders-box .elm-row {
    margin-bottom: 4px;
    max-width: 250px;
  }
  .tiles-orders-box .elm-row:last-child {
    margin-bottom: 0;
  }
  .tiles-orders-box .elm-row,
  .tiles-orders-box .elm-row .row-title,
  .tiles-orders-box .elm-row .row-value {
    font-size: 1em;
    line-height: inherit;
    font-weight: 400;
  }
  .tiles-orders-box .elm-row .row-value {
    font-weight: 500;
  }
  .tiles-orders-box .elm-row .row-value b {
    font-weight: bold;
  }
  .tiles-orders-box p {
    margin-bottom: 5px;
  }
  .tiles-orders-box p:last-child {
    margin-bottom: 0;
  }
  .tiles-orders-box .btn {
    width: 100%;
    border-radius: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.28px;
  }
  .tiles-orders-box .items-wrap {
    margin: 0;
  }
  .tiles-orders-box .item-wrap {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
  }
  .tiles-orders-box .item-wrap:last-child {
    margin-bottom: 0;
  }
  .info-panel-box {
    margin-bottom: 30px;
    display: block;
    position: relative;
    border-radius: 15px;
    font-size: 16px;
    line-height: 1.375;
    color: #EFEFEF;
    padding: 20px;
    background: var(--clr-base);
  }
  .info-panel-box .title-inner-wrap {
    margin-bottom: 28px;
  }
  .info-panel-box .title-inner {
    display: block;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: inherit;
    color: var(--clr-att);
  }
  .info-panel-box p {
    margin-bottom: 15px;
  }
  .side-box {
    margin-bottom: 30px;
    display: block;
    position: relative;
  }
  .side-box .slider-main-box .slider-wrap {
    border-radius: 15px;
    margin: 0;
  }
  .side-box .slider-main-box .sl-wrap {
    padding: 0;
  }
  .side-box .slider-main-box .elm-photo {
    aspect-ratio: 310/400;
  }
  .content-outer-wrap.section-order .side-wrap {
    display: none;
  }
  @media (min-width: 768px) {
    .tiles-orders-box .section-action-wrap {
      width: auto;
    }
    .tiles-orders-box .section-info-inner {
      width: 50%;
    }
    .tiles-orders-box .btn {
      height: 55px;
      padding: 0 32px;
    }
  }
  @media (min-width: 1024px) {
    .elm-message {
      display: -ms-flexbox;
      display: flex;
    }
    .elm-message .message-text {
      -ms-flex: 1;
          flex: 1;
      margin: 0;
    }
    .elm-message .message-action {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding-left: 10px;
    }
    .catalog-menu-box .catalog-menu-inner-filter {
      padding-bottom: 0;
    }
    .catalog-menu-box .catalog-menu-inner-filter .frm-row {
      margin: 0 -16px;
    }
    .catalog-menu-box .catalog-menu-inner-filter .frm-field {
      padding: 0 16px;
      margin-bottom: 32px;
    }
    .catalog-menu-box .form-input {
      height: 40px;
      padding: 0 60px 0 11px;
      border-radius: 4px;
      font-size: 16px;
      background-size: 24px auto;
      background-position: right 12px center;
    }
    .tiles-orders-box {
      margin-bottom: 100px;
    }
    .tiles-orders-box .message-inner-wrap {
      margin-bottom: 30px;
    }
    .tiles-orders-box .section-inner-wrap {
      margin-bottom: 30px;
    }
    .tiles-orders-box .section-inner-wrap:last-child {
      margin-bottom: 0;
    }
    .tiles-orders-box .section-title-wrap {
      padding: 30px 60px 30px 30px;
    }
    .tiles-orders-box .section-title-wrap:before {
      top: 44px;
      right: 30px;
      margin-top: -12px;
    }
    .tiles-orders-box .section-title-inner {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-order: 1;
          order: 1;
    }
    .tiles-orders-box .section-title-status {
      -ms-flex-order: 2;
          order: 2;
      width: auto;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding-left: 30px;
    }
    .tiles-orders-box .section-content-wrap {
      margin-top: -10px;
      padding: 0 30px 30px 30px;
    }
    .content-outer-wrap.section-order .side-wrap {
      display: block;
      width: 310px;
      padding: 0;
      margin: 0;
    }
    .content-outer-wrap.section-order .content-wrap {
      padding: 0 50px 0 0;
      -ms-flex: 1;
          flex: 1;
      max-width: calc(100% - 310px);
    }
    .side-panel-wrap {
      width: 100%;
      position: sticky;
      top: 20px;
    }
    .wrap:has(.side-panel-wrap) {
      overflow: visible;
    }
  }
  /* end orders styles */
  /* lk styles 333333 */
  .item-tile-lk-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    min-height: 100%;
    font-size: 14px;
    line-height: normal;
    color: var(--clr-base);
    border-radius: 15px;
    background: rgba(24, 24, 24, 0.05);
    padding: 15px;
  }
  .item-tile-lk-total.tile-second {
    display: block;
    line-height: 1.42857143;
  }
  .item-tile-lk-total.tile-second .tile-total {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
  }
  .item-tile-lk-total .tile-total {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 10px 0 0;
    font-size: 20px;
  }
  .item-tile-lk-total .tile-total-small {
    font-size: 16px;
  }
  .item-tile-lk-info-toggle {
    font-size: 14px;
    line-height: 18px;
    color: var(--clr-base);
    border: 1px solid #D1D1D1;
    transition: all ease 0.2s;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
  }
  .item-tile-lk-info-toggle:hover {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
  }
  .item-tile-lk-info-toggle:has(.active) {
    border-color: #999;
    background-color: transparent;
  }
  .item-tile-lk-info-toggle:has(.active) .tile-content-block {
    display: block;
  }
  .item-tile-lk-info-toggle .tile-content-block {
    padding: 0 15px 15px 15px;
  }
  .item-tile-lk-info-toggle .btn {
    border: none;
    border-radius: 0;
    margin: 0;
  }
  .item-tile-lk-info-toggle .btn.active .button-title-info {
    display: block;
  }
  .item-tile-lk-info-toggle .btn.active .button-ico {
    display: block;
  }
  .item-tile-lk-info-toggle .btn .button-title-info {
    display: none;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .item-tile-lk-info-toggle .btn.button-gray.button-border {
    text-transform: none;
  }
  .item-tile-lk-info-toggle .btn.button-gray.button-border.active {
    padding-right: 120px;
    background-color: transparent;
  }
  .item-tile-lk-info-toggle .btn.button-gray.button-border.active:hover {
    background-color: transparent;
  }
  .item-tile-lk-info-toggle .btn.button-arrow.active:before {
    rotate: 180deg;
  }
  .item-tile-lk-info-toggle .btn .button-ico {
    display: none;
  }
  .item-tile-lk-info-toggle .btn.button-icons {
    text-align: left;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    cursor: default;
  }
  .item-tile-lk-info-toggle .btn.button-icons .button-title {
    -ms-flex: 1;
        flex: 1;
  }
  .item-tile-lk-info-toggle .btn.button-icons .button-ico {
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    border-radius: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    transition: all ease 0.2s;
  }
  .item-tile-lk-info-toggle .btn.button-icons .button-ico.ico-att:hover {
    background-color: #19D900;
  }
  .item-tile-lk-info-toggle .tile-content-block {
    display: none;
  }
  .item-tile-lk-info {
    background: #f3f3f3;
    border-radius: 15px;
    padding: 20px;
    font-size: 16px;
    line-height: 20px;
  }
  .item-tile-lk-info .tile-row {
    display: -ms-flexbox;
    display: flex;
  }
  .item-tile-lk-info .tile-row-title {
    -ms-flex: 1;
        flex: 1;
  }
  .item-tile-lk-info .tile-row-action {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: 500;
  }
  .item-tile-lk-info .tile-row-action a:not(:hover) {
    color: inherit;
  }
  .item-tile-lk-info .tile-title {
    font-weight: bold;
  }
  .item-tile-lk-info .tile-action {
    font-weight: 500;
  }
  .item-tile-lk-info .tile-action a:not(:hover) {
    color: inherit;
  }
  .item-tile-lk-info .tile-action,
  .item-tile-lk-info .tile-title,
  .item-tile-lk-info .tile-text,
  .item-tile-lk-info .tile-row {
    margin-bottom: 10px;
  }
  .item-tile-lk-info .tile-action:last-child,
  .item-tile-lk-info .tile-title:last-child,
  .item-tile-lk-info .tile-text:last-child,
  .item-tile-lk-info .tile-row:last-child {
    margin-bottom: 0;
  }
  .item-tile-lk-info .tile-row {
    margin-bottom: 15px;
  }
  .btn.button-clear {
    border: none;
    background-color: transparent;
    color: var(--clr-base);
    outline: none !important;
    box-shadow: none !important;
  }
  .btn.button-clear:hover {
    background-color: transparent;
    color: var(--clr-att);
  }
  .btn.button-alert {
    color: #FF0D0D;
  }
  .btn.button-alert:hover {
    color: var(--clr-base);
  }
  .btn.button-auto-height {
    height: auto;
    min-height: 54px;
    padding-top: 14px;
    padding-bottom: 14px;
    white-space: normal;
  }
  .btn.button-gray {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: var(--clr-base);
  }
  .btn.button-gray.button-border:not(:hover) {
    border-color: #D1D1D1;
  }
  .btn.button-gray:hover,
  .btn.button-gray.active {
    box-shadow: none;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: var(--clr-base);
  }
  .btn.button-gray:hover .button-ico,
  .btn.button-gray.active .button-ico {
    filter: none;
  }
  .btn.button-arrow,
  .btn.button-check {
    text-align: left;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-right: 40px;
  }
  .btn.button-arrow:before,
  .btn.button-check:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    background: url(../img/icons/arrow-toggle.svg) center no-repeat;
    background-size: 100% auto;
    rotate: 90deg;
    top: 50%;
    right: 10px;
    margin-top: -12px;
  }
  .btn.button-arrow.arrow-down:before,
  .btn.button-check.arrow-down:before {
    rotate: 180deg;
  }
  .btn.button-check {
    padding-right: 50px;
  }
  .btn.button-check:before {
    background-image: url(../img/icons/check.svg);
    rotate: 0deg;
    right: 16px;
  }
  .btn .button-ico.ico-att {
    background-color: var(--clr-att);
    border-radius: 5px;
  }
  .btn .button-sticker {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 15px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: normal;
    color: var(--clr-base);
    background: var(--clr-att);
    margin: 0 10px;
  }
  .btn .button-sticker:first-child {
    margin-left: 0;
  }
  .btn .button-sticker:last-child {
    margin-right: 0;
  }
  .text-succefull {
    color: #37F713;
  }
  .btn-action-ico.ico-close-main:before {
    background-image: url(../img/icons/close-main.svg);
    background-size: 26px auto;
  }
  .btn-action-ico.ico-close-large:before {
    background-image: url(../img/icons/close-large.svg);
  }
  .btn-action-ico.ico-password-toggle:before {
    background-image: url(../img/icons/password-hidden.svg);
    opacity: 0.6;
  }
  .btn-action-ico.ico-password-toggle:after {
    background-image: url(../img/icons/password-showed.svg);
    opacity: 0.6;
    display: none;
  }
  .btn-action-ico.ico-password-toggle:hover:before,
  .btn-action-ico.ico-password-toggle:hover:after {
    opacity: 1;
  }
  .btn-action-ico.ico-password-toggle.active:before {
    display: none;
  }
  .btn-action-ico.ico-password-toggle.active:after {
    display: block;
  }
  .btn-action-ico.ico-clear:before {
    background-image: url(../img/icons/clear.svg);
    opacity: 0.6;
  }
  .btn-action-ico.ico-clear:hover:before {
    opacity: 1;
  }
  .frm-field-cpt {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .frm-field-cpt .field-code {
    width: 180px;
    margin: 0 10px 10px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .frm-field-cpt .field-button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 10px;
  }
  .frm-field-cpt .elm-photo {
    aspect-ratio: inherit;
    height: 40px;
    border: 1px solid #000;
    background-color: #fff;
  }
  .frm-field-cpt .btn {
    border-radius: 0;
    height: 40px;
    padding: 0 48px;
    padding: 0 3rem;
    font-size: 14px;
    min-width: 170px;
    font-weight: bold;
  }
  .frm-field-input-action {
    display: block;
    position: relative;
    line-height: 1;
  }
  .frm-field-input-action.inp-valid .button-field-clear,
  .frm-field-input-action.inp-valid .button-password-toggle {
    display: block;
  }
  .frm-field-input-action.active .btn-action-ico.ico-password-toggle:before {
    display: none;
  }
  .frm-field-input-action.active .btn-action-ico.ico-password-toggle:after {
    display: block;
  }
  .frm-field-input-action:has(.button-password-toggle, .button-field-clear) .form-input {
    padding-right: 60px;
  }
  .frm-field-input-action .button-field-clear,
  .frm-field-input-action .button-password-toggle {
    display: none;
    width: 24px;
    height: 24px;
    z-index: 2;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    cursor: pointer;
  }
  .frm-field-input-action .button-field-clear + .button-password-toggle,
  .frm-field-input-action .button-password-toggle + .button-password-toggle {
    margin-right: 30px;
  }
  .form-input.input-line {
    border-radius: 0;
    border: none;
    background: #fff;
    border-bottom: 1px solid var(--clr-base);
    padding: 0;
    color: var(--clr-base);
  }
  .form-input.input-line.input-error {
    border-bottom-color: #FF0D0D;
  }
  .form-input.input-line.input-valid {
    border-bottom-color: #37F713;
  }
  .form-input-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .form-input-text.input-line {
    border-bottom-color: transparent;
  }
  .frm-field-message {
    display: block;
    position: relative;
    font-weight: 500;
  }
  .frm-field-message.type-main {
    padding: 15px;
    background: #f0f0f0;
  }
  .frm-field-message.type-main.text-alert {
    background: rgba(255, 13, 13, 0.1);
  }
  .frm-field-message.type-main.text-succefull {
    background: #ccf6c4;
  }
  .info-panel-box .title-inner-wrap {
    display: -ms-flexbox;
    display: flex;
  }
  .info-panel-box .title-inner:first-child {
    -ms-flex: 1;
        flex: 1;
  }
  .info-panel-box .title-inner + .title-inner {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 10px;
    width: auto;
    color: inherit;
    text-align: right;
  }
  .lk-bonus-info-box {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
  }
  .lk-bonus-info-box.type-no-border .section-info-wrap {
    border: none;
  }
  .lk-bonus-info-box.type-no-border .section-info-wrap:last-child {
    border: none;
  }
  .lk-bonus-info-box .items-wrap {
    margin: 0 -8px -16px -8px;
  }
  .lk-bonus-info-box .item-wrap {
    padding: 0 8px;
    margin-bottom: 16px;
    width: 100%;
  }
  .lk-bonus-info-box .section-info-wrap {
    display: block;
    border-top: 1px solid var(--clr-base);
  }
  .lk-bonus-info-box .section-info-wrap:last-child {
    border-bottom: 1px solid var(--clr-base);
  }
  .lk-bonus-info-box .section-content-wrap {
    padding-bottom: 14px;
    display: block;
  }
  .lk-bonus-info-box .section-title-wrap {
    display: block;
    position: relative;
    padding-bottom: 14px;
    padding-top: 14px;
    padding-right: 40px;
  }
  .lk-bonus-info-box .section-title-wrap:not(:has(.section-button-close)) {
    padding-right: 0;
  }
  .lk-bonus-info-box .section-title-wrap .section-button-close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px;
    z-index: 3;
  }
  .lk-bonus-info-box p,
  .lk-bonus-info-box ul {
    margin-bottom: 10px;
  }
  .lk-bonus-info-box p:last-child,
  .lk-bonus-info-box ul:last-child {
    margin-bottom: 0;
  }
  .lk-bonus-info-box li {
    margin: 0;
  }
  .lk-bonus-info-box .h1-title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 20px 0;
    font-weight: bold;
  }
  .lk-bonus-info-box .h2-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
  .lk-bonus-info-box .h3-title {
    font-size: 1em;
    line-height: inherit;
    font-weight: bold;
    margin: 0;
  }
  .lk-tiles-box {
    margin-bottom: 40px;
  }
  .lk-tiles-box .info-panel-box {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    min-height: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .lk-tiles-box .item-tile-lk-info-toggle {
    margin-bottom: 10px;
  }
  .lk-tiles-box .item-tile-lk-info-toggle:last-child {
    margin-bottom: 0;
  }
  .lk-tiles-box .item-tile-lk-info-toggle .btn {
    margin: 0;
  }
  .lk-tiles-box .item-tile-lk-info-toggle .btn:hover {
    background-color: transparent;
  }
  .lk-tiles-box .items-wrap {
    margin: 0 -8px -16px -8px;
  }
  .lk-tiles-box .item-wrap {
    padding: 0 8px;
    margin-bottom: 16px;
    width: 100%;
  }
  .lk-tiles-box .wrap-desktop {
    display: none;
  }
  .lk-tiles-box .photo-card {
    border-radius: 20px;
  }
  .lk-tiles-box .item-tile-lk-info {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 15px;
  }
  .lk-tiles-box .item-tile-lk-info:last-child {
    margin-bottom: 0;
  }
  .lk-tiles-box .btn {
    border-radius: 15px;
    padding-left: 15px;
    font-size: 16px;
    text-transform: none;
    line-height: 22px;
    letter-spacing: normal;
    width: 100%;
    margin-bottom: 15px;
  }
  .lk-tiles-box .btn:last-child {
    margin-bottom: 0;
  }
  .lk-tiles-box .btn:last-child {
    margin-bottom: 0;
  }
  .lk-tiles-box .btn.button-icons {
    text-transform: uppercase;
    text-align: left;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    cursor: default;
  }
  .lk-tiles-box .btn.button-icons .button-title {
    -ms-flex: 1;
        flex: 1;
  }
  .lk-tiles-box .btn.button-icons .button-ico {
    width: 40px;
    height: 40px;
    margin: 0 0 0 10px;
    border-radius: 10px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    transition: all ease 0.2s;
  }
  .lk-tiles-box .btn.button-icons .button-ico.ico-att:hover {
    background-color: #19D900;
  }
  .lk-section-video-box {
    margin-bottom: 40px;
  }
  .lk-section-video-box .video-inner-wrap {
    max-width: 690px;
  }
  .lk-section-video-box .item-tile-video {
    aspect-ratio: 690/400;
    height: auto;
  }
  .lk-section-form-box {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.375;
  }
  .lk-section-form-box .page-section-box {
    max-width: 604px;
    padding: 29px;
    border-color: var(--clr-base);
    margin-bottom: 30px;
  }
  .lk-section-form-box .page-section-box:last-child {
    margin-bottom: 0;
  }
  .lk-section-form-box .page-section-box .frm-field {
    margin-bottom: 20px;
  }
  .lk-section-form-box .page-section-box .field-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
  }
  .lk-section-form-box .page-section-box .field-title a {
    text-transform: none;
    color: inherit;
  }
  .lk-section-form-box .page-section-box .field-title a:hover {
    color: var(--clr-att);
  }
  .lk-section-form-box .page-section-box .field-half {
    width: 50%;
    min-width: 240px;
  }
  .lk-section-form-box .page-section-box .section-title-wrap {
    border: none;
    padding: 0;
    margin: 0 0 20px 0;
    border-radius: 0;
    background: none;
  }
  .lk-section-form-box .page-section-box .section-title-wrap:last-child {
    margin-bottom: 0;
  }
  .lk-section-form-box .page-section-box .section-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-transform: none;
  }
  .lk-section-form-box .page-section-box .title-inner {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    text-transform: none;
  }
  .lk-section-form-box .edit-active .form-input-text {
    display: none;
  }
  .lk-section-form-box .edit-active .form-input-text + .frm-field-input-action {
    display: block;
  }
  .lk-section-form-box .form-input-text + .frm-field-input-action {
    display: none;
  }
  .lk-section-form-box .frm-inner-wrap {
    max-width: 500px;
  }
  .lk-section-form-box .frm-row,
  .lk-section-form-box .frm-row-submit {
    margin: 0 -10px;
  }
  .lk-section-form-box .frm-row-submit:last-child .frm-field:last-child {
    margin-bottom: 0;
  }
  .lk-section-form-box .frm-row-submit .btn {
    width: 100%;
  }
  .lk-section-form-box .frm-row-submit .btn.button-alert {
    text-transform: none;
    width: auto;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: normal;
    height: auto;
  }
  .lk-section-form-box .frm-field {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 40px;
  }
  .lk-section-form-box .frm-field:has([required]) .field-title:before {
    content: "*";
    display: inline;
    margin-right: 5px;
    color: #FF0D0D;
  }
  .lk-section-form-box .frm-field-cpt {
    margin-top: 10px;
  }
  .lk-section-form-box .field-select-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .lk-section-form-box .field-select-line .frm-select {
    margin: 10px 30px 10px 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .lk-section-form-box .field-check {
    margin-bottom: 20px;
  }
  .lk-section-form-box .form-input {
    height: 42px;
    font-size: 16px;
  }
  .lk-section-form-box .field-title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #747474;
    margin: 0;
  }
  .lk-section-form-box .field-title b {
    font-weight: bold;
  }
  .lk-section-form-box .field-title a:hover {
    color: var(--clr-base);
  }
  .lk-section-form-box .frm-field-message {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
  .lk-section-form-box .frm-field-message.type-main {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .lk-section-form-box .frm-select label {
    font-weight: 400;
  }
  .lk-section-form-box p {
    margin-bottom: 20px;
  }
  .lk-section-form-box b {
    font-weight: 500;
  }
  .lk-section-form-box a:not(.btn) {
    color: inherit;
  }
  .lk-section-form-box a:hover {
    color: var(--clr-att);
  }
  body.popup-open {
    overflow: hidden;
  }
  .popup-outer-box {
    display: none;
    padding: 15px 15px;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: fixed;
    z-index: 100;
    background: rgba(24, 24, 24, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .popup-outer-box.active {
    display: -ms-flexbox;
    display: flex;
  }
  .popup-outer-box.popup-small {
    padding: 15px;
  }
  .popup-outer-box.popup-small .popup-box {
    width: 494px;
  }
  .popup-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 580px;
    max-width: 100%;
    max-height: 100%;
    background-color: #fff;
    z-index: 20;
    border-radius: 15px;
    padding: 30px;
  }
  .popup-box:has(.btn-popup-close) .popup-title-wrap {
    padding-right: 30px;
  }
  .popup-box .popup-title-wrap,
  .popup-box .popup-footer-wrap {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .popup-box .popup-title-wrap {
    margin-bottom: 30px;
  }
  .popup-box .popup-content-wrap {
    width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
  }
  .popup-box .popup-content-wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .popup-box .btn-popup-close {
    position: absolute;
    top: 42px;
    right: 42px;
    margin: -20px -20px 0 0;
  }
  .popup-box .popup-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
  }
  .popup-box .frm-popup .field-info {
    font-size: 16px;
    line-height: 1.375;
  }
  .popup-box .frm-popup .field-title {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #747474;
    margin: 0 0 5px 0;
  }
  .popup-box .frm-popup .frm-field-message {
    margin-top: 10px;
  }
  .popup-box .frm-popup:last-child {
    margin-bottom: -15px;
  }
  .popup-box .frm-popup .frm-row,
  .popup-box .frm-popup .frm-row-submit {
    margin: 0 -10px;
  }
  .popup-box .frm-popup .frm-row-submit .btn {
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.28px;
    border-radius: 0;
    padding: 0 30px;
    min-width: 150px;
  }
  .popup-box .frm-popup .frm-row-submit .frm-field {
    margin-bottom: 15px;
  }
  .popup-box .frm-popup .frm-field {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 100%;
  }
  @media (max-width: 1023px) {
    .lk-section-form-box .page-section-box .m-center {
      text-align: center;
    }
  }
  @media (min-width: 768px) {
    .lk-bonus-info-box .item-wrap {
      width: 50%;
    }
    .lk-bonus-info-box .col-3 .item-wrap {
      width: 33.33%;
    }
    .lk-tiles-box .item-wrap {
      width: 50%;
    }
    .popup-box {
      padding: 40px;
    }
    .popup-box .popup-title-wrap {
      margin-bottom: 40px;
    }
    .popup-box .frm-popup .field-half {
      width: 50%;
    }
    .popup-box .frm-popup .field-line {
      width: auto;
    }
    .popup-box .frm-popup .frm-field {
      margin-bottom: 30px;
    }
    .popup-box .frm-popup .frm-row-submit .btn {
      height: 55px;
    }
    .popup-box .btn-popup-close {
      top: 52px;
      right: 52px;
    }
  }
  @media (min-width: 1024px) {
    .item-tile-lk-total {
      font-size: 16px;
      line-height: 1.25;
      text-align: center;
      display: block;
      padding: 20px;
    }
    .item-tile-lk-total .tile-total {
      width: 100%;
      font-size: 24px;
      margin: 0 0 10px 0;
    }
    .item-tile-lk-total.tile-second {
      font-size: 16px;
      line-height: 1.25;
      text-align: center;
      display: block;
      padding: 20px;
    }
    .item-tile-lk-total.tile-second .tile-total {
      width: 100%;
      font-size: 24px;
      margin: 0 0 10px 0;
    }
    .lk-bonus-info-box {
      margin-bottom: 60px;
    }
    .lk-bonus-info-box .section-title-wrap {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .lk-bonus-info-box .section-content-wrap {
      padding-bottom: 20px;
    }
    .lk-bonus-info-box .item-wrap {
      width: 25%;
    }
    .lk-bonus-info-box .col-3 .item-wrap {
      width: 25%;
    }
    .lk-bonus-info-box .h2-title {
      font-size: 18px;
    }
    .lk-tiles-box {
      margin-bottom: 60px;
    }
    .lk-tiles-box .wrap-mobile {
      display: none;
    }
    .lk-tiles-box .item-wrap {
      width: 35.5%;
      -ms-flex-direction: column;
          flex-direction: column;
    }
    .lk-tiles-box .item-wrap:last-child {
      width: 35%;
    }
    .lk-tiles-box .wrap-desktop {
      display: -ms-flexbox;
      display: flex;
      width: 29.5%;
    }
    .lk-tiles-box .btn {
      padding-left: 19px;
    }
    .lk-tiles-box .btn.button-icons {
      padding-left: 19px;
      padding-right: 19px;
    }
    .lk-tiles-box .btn.button-icons.button-auto-height {
      min-height: 80px;
    }
    .lk-tiles-box .btn.button-auto-height {
      min-height: 50px;
    }
    .lk-section-video-box {
      margin-bottom: 60px;
    }
    .lk-section-form-box {
      margin-bottom: 60px;
    }
    .lk-section-form-box .page-section-box {
      padding: 39px;
      margin-bottom: 40px;
    }
    .lk-section-form-box .page-section-box .title-inner {
      padding-bottom: 10px;
    }
    .lk-section-form-box .page-section-box .frm-field {
      margin-bottom: 30px;
    }
    .lk-section-form-box .frm-row-submit .btn {
      width: auto;
      height: 55px;
      padding: 0 30px;
      font-size: 14px;
      letter-spacing: 0.28px;
      min-width: 150px;
    }
  }
  /* end lk styles */
  

.bonus_card.back_side {
    display: none;
    background: #181818;
    height: 230px;
    border: 15px;
}

.back_side--title {
    position: absolute;
    top: 14%;
    left: 7%;
    width: auto;
}

.back_side--subtitle {
    position: absolute;
    top: 14%;
    right: 0%;
    width: auto;
}

.back_side--description {
    position: absolute;
    bottom: 18%;
    left: 8%;
    font-size: 20px;
}

.back_side--progress {
    position: absolute;
    bottom: 14%;
    left: 8%;
    font-size: 20px;
}

.back_side--values {
    position: absolute;
    bottom: 10%;
    left: 8%;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}