@import url(/fonts/fonts.css);
.page-404 {
  background: url("/elements/404-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
  .page-404.page-404 {
    padding-top: 200px; }
    @media only screen and (max-width: 1025px) {
      .page-404.page-404 {
        background: none;
        padding: 34px 16px 0; } }
    @media only screen and (max-width: 750px) {
      .page-404.page-404 {
        padding: 68px 16px 0; } }
    .page-404.page-404 .main-btn {
      font-size: var(--text-size-14); }
  .page-404__content {
    padding: 100px 0 280px; }
    @media only screen and (max-width: 1025px) {
      .page-404__content {
        padding: 0 0 124px 0;
        min-height: 65vh; } }
    @media only screen and (max-width: 750px) {
      .page-404__content {
        min-height: auto;
        padding: 0 0 190px 0; } }
    @media only screen and (max-width: 1025px) {
      .page-404__content.semicircle::before {
        display: none; } }
    .page-404__content .container {
      position: relative; }
    .page-404__content-title {
      font-size: 68px;
      line-height: 80px;
      font-weight: normal;
      margin-bottom: 24px; }
      @media only screen and (max-width: 1025px) {
        .page-404__content-title {
          font-size: 34px;
          line-height: 33px;
          margin-bottom: 12px; } }
      @media only screen and (max-width: 750px) {
        .page-404__content-title {
          line-height: 50px; } }
    .page-404__content-descr {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 34px;
      color: var(--color-light-blue); }
      @media only screen and (max-width: 1025px) {
        .page-404__content-descr {
          margin-bottom: 24px; } }
      .page-404__content-descr a {
        text-decoration: underline; }
  .page-404__container.container {
    max-width: 606px;
    text-align: center; }

.about-strong {
  display: block;
  font-size: 34px;
  line-height: 50px;
  text-align: left;
  font-weight: normal; }

.about-main-content {
  text-align: center;
  padding-top: 80px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 1025px) {
    .about-main-content {
      padding-top: 48px; } }
  @media only screen and (max-width: 750px) {
    .about-main-content {
      padding-top: 32px; } }
  .about-main-content__logo {
    display: block;
    max-width: 250px;
    max-height: 50px;
    margin: 0 auto 12px; }
    @media only screen and (max-width: 1025px) {
      .about-main-content__logo {
        max-width: 160px;
        max-height: 33px; } }
    @media only screen and (max-width: 750px) {
      .about-main-content__logo {
        margin: 0 auto 18px; } }
  .about-main-content__title {
    font-weight: normal;
    font-size: 34px;
    line-height: 50px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 1025px) {
      .about-main-content__title {
        max-width: 320px;
        font-size: 24px;
        line-height: 28px;
        margin: 0 auto 24px; } }
  .about-main-content__text {
    font-size: 18px;
    line-height: 27px;
    color: var(--color-light-blue);
    margin-bottom: 34px;
    text-align: justify; }
    @media only screen and (max-width: 1025px) {
      .about-main-content__text {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 18px; } }
  .about-main-content__image {
    margin-bottom: 34px; }
    @media only screen and (max-width: 1025px) {
      .about-main-content__image {
        margin-bottom: 18px; } }
    @media only screen and (max-width: 750px) {
      .about-main-content__image {
        margin-bottom: 24px; } }

.our-approach {
  margin-bottom: 20px; }
  .our-approach__descr {
    margin-bottom: 24px; }
    @media only screen and (max-width: 1025px) {
      .our-approach__descr {
        font-size: 18px;
        line-height: 27px;
        text-align: left; } }
  .our-approach .price-quality {
    width: 415px;
    height: 112px;
    margin: 0 auto 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 112px; }
    .our-approach .price-quality span {
      font-size: 24px;
      line-height: 28px; }
    .our-approach .price-quality::before, .our-approach .price-quality::after {
      content: '';
      width: 112px;
      height: 112px;
      position: absolute;
      top: 0; }
    .our-approach .price-quality::before {
      left: 0;
      background-image: url("/elements/price.svg"); }
    .our-approach .price-quality::after {
      right: 0;
      background-image: url("/elements/quality.svg"); }
  .our-approach .about-text {
    color: var(--color-light-blue);
    margin-bottom: 18px;
    text-align: justify; }

.product-line-list {
  background: var(--color-light-gray);
  border: 1px solid var(--border-color);
  border-radius: 10px 10px 40px 40px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 18px 24px 0;
  margin-bottom: 48px; }
  @media only screen and (max-width: 1025px) {
    .product-line-list {
      padding: 18px 18px 10px;
      border-radius: 10px 10px 20px 20px;
      margin-bottom: 24px; } }
  @media only screen and (max-width: 750px) {
    .product-line-list {
      padding: 18px 24px;
      margin-bottom: 34px;
      display: grid;
      grid-template-columns: repeat(5, 48px);
      grid-gap: 14px;
      justify-content: center; } }
  @media only screen and (max-width: 320px) {
    .product-line-list {
      grid-template-columns: repeat(4, 48px); } }
  .product-line-list__item {
    width: 72px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 50%;
    background: #f6f7fc;
    border: 1px solid var(--border-color);
    margin-bottom: 18px;
    padding-bottom: 18px; }
    @media only screen and (max-width: 1025px) {
      .product-line-list__item {
        width: 42px;
        height: 42px;
        margin-bottom: 8px;
        padding-bottom: 10px; } }
    @media only screen and (max-width: 750px) {
      .product-line-list__item {
        width: 48px;
        height: 48px;
        margin-bottom: 0;
        padding-bottom: 12px;
        margin-bottom: 0; } }
    .product-line-list__item:not(:last-child) {
      margin-right: 17px; }
      @media only screen and (max-width: 1025px) {
        .product-line-list__item:not(:last-child) {
          margin-right: 8px; } }
      @media only screen and (max-width: 750px) {
        .product-line-list__item:not(:last-child) {
          margin-right: 0; } }
    .product-line-list__item img {
      display: block;
      max-width: 35px;
      max-height: 37px; }
      @media only screen and (max-width: 1025px) {
        .product-line-list__item img {
          max-width: 20px;
          max-height: 22px; } }
      @media only screen and (max-width: 750px) {
        .product-line-list__item img {
          max-width: 23px;
          max-height: 25px; } }

.secondary-content {
  margin-bottom: 34px; }
  @media only screen and (max-width: 1025px) {
    .secondary-content {
      margin-bottom: 0; } }
  .secondary-content .about-strong {
    font-size: 34px;
    line-height: 50px;
    text-align: justify;
    margin-bottom: 34px; }
    @media only screen and (max-width: 1025px) {
      .secondary-content .about-strong {
        font-size: 18px;
        line-height: 27px; } }
  .secondary-content .about-text {
    color: var(--color-light-blue);
    margin-bottom: 34px;
    text-align: justify; }
    @media only screen and (max-width: 1025px) {
      .secondary-content .about-text {
        margin-bottom: 24px; } }
  .secondary-content__image {
    margin-bottom: 34px; }
    @media only screen and (max-width: 1025px) {
      .secondary-content__image {
        margin-bottom: 24px; } }

.conclusions-content {
  color: var(--color-light-blue); }

.infografics-title {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 48px;
  font-weight: normal; }
  @media only screen and (max-width: 1025px) {
    .infografics-title {
      font-size: 18px;
      line-height: 27px;
      margin-bottom: 24px; } }

.infografics-list {
  display: flex;
  align-items: center;
  margin-bottom: 56px; }
  @media only screen and (max-width: 1025px) {
    .infografics-list {
      margin-bottom: 34px;
      padding-bottom: 0; } }
  @media only screen and (max-width: 750px) {
    .infografics-list {
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 48px 0; } }
  .infografics-list .infografics-list__item-icon {
    background-size: contain;
    background-repeat: no-repeat; }
  .infografics-list__item {
    height: 136px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 1025px) {
      .infografics-list__item {
        height: auto; } }
    .infografics-list__item span {
      display: block; }
    .infografics-list__item-quantity {
      font-size: 68px;
      line-height: 80px; }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item-quantity {
          font-size: 24px;
          line-height: 28px; } }
    .infografics-list__item-text {
      font-size: 24px;
      line-height: 28px;
      color: var(--text-color); }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item-text {
          font-size: 12px;
          line-height: 18px; } }
    .infografics-list__item:first-child {
      display: flex;
      align-items: center;
      margin-right: 25px; }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item:first-child {
          margin-right: 24px; } }
      @media only screen and (max-width: 750px) {
        .infografics-list__item:first-child {
          margin-right: 0; } }
      .infografics-list__item:first-child .infografics-list__item-icon {
        width: 116px;
        height: 116px;
        background-image: url("/elements/planet.svg");
        margin-right: 20px; }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:first-child .infografics-list__item-icon {
            width: 68px;
            height: 68px;
            margin-right: 10px; } }
      .infografics-list__item:first-child .infografics-list__item-text {
        width: 160px; }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:first-child .infografics-list__item-text {
            width: 82px; } }
    .infografics-list__item:nth-of-type(2) {
      display: flex;
      align-items: center;
      margin-right: 44px; }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item:nth-of-type(2) {
          margin-right: 24px; } }
      @media only screen and (max-width: 750px) {
        .infografics-list__item:nth-of-type(2) {
          margin-right: 0; } }
      .infografics-list__item:nth-of-type(2) .infografics-list__item-icon {
        width: 164px;
        height: 94px;
        background-image: url("/elements/ukraine.png"); }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:nth-of-type(2) .infografics-list__item-icon {
            width: 80px;
            height: 46px; } }
        @media only screen and (max-width: 750px) {
          .infografics-list__item:nth-of-type(2) .infografics-list__item-icon {
            width: 70px;
            height: 40px; } }
      .infografics-list__item:nth-of-type(2) .infografics-list__item-text {
        width: 165px; }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:nth-of-type(2) .infografics-list__item-text {
            width: 90px; } }
      .infografics-list__item:nth-of-type(2) .infografics-list__item-right {
        margin-left: -30px; }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:nth-of-type(2) .infografics-list__item-right {
            margin-left: 12px; } }
    .infografics-list__item:nth-of-type(3) {
      padding-left: 44px;
      padding-top: 5px;
      position: relative; }
      @media only screen and (min-width: 1360px) {
        .infografics-list__item:nth-of-type(3)::before {
          content: '';
          width: 1px;
          height: 92%;
          background: var(--text-color);
          position: absolute;
          top: 0;
          left: 0; } }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item:nth-of-type(3) {
          padding-left: 24px; } }
      @media only screen and (max-width: 750px) {
        .infografics-list__item:nth-of-type(3) {
          display: flex;
          justify-content: center;
          align-items: flex-start;
          width: 100%;
          padding-top: 18px;
          padding-left: 0;
          border-top: 1px solid var(--border-color);
          border-left: none;
          margin-top: 18px; } }
      .infografics-list__item:nth-of-type(3) .infografics-list__item-text {
        width: 240px; }
        @media only screen and (max-width: 1025px) {
          .infografics-list__item:nth-of-type(3) .infografics-list__item-text {
            width: 125px; } }
        @media only screen and (max-width: 750px) {
          .infografics-list__item:nth-of-type(3) .infografics-list__item-text {
            width: 120px; } }
    .infografics-list__item-percent {
      font-size: 48px;
      line-height: 57px; }
      @media only screen and (max-width: 1025px) {
        .infografics-list__item-percent {
          font-size: 24px;
          line-height: 28px; } }
      @media only screen and (max-width: 750px) {
        .infografics-list__item-percent {
          margin-right: 16px; } }

.productions-photo-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  margin-bottom: 28px; }
  @media only screen and (max-width: 750px) {
    .productions-photo-list {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 15px; } }
  .productions-photo-list__item {
    border-radius: 20px;
    overflow: hidden; }
    .productions-photo-list__item img {
      display: block;
      width: 100%;
      height: 100%; }

.advantage-list__item {
  display: flex;
  padding: 48px 0; }
  @media only screen and (max-width: 1025px) {
    .advantage-list__item {
      flex-direction: row-reverse; } }
  @media only screen and (max-width: 750px) {
    .advantage-list__item {
      flex-direction: column; } }
  .advantage-list__item:not(:last-child) {
    border-bottom: 1px solid var(--border-color); }
  .advantage-list__item .advantage-photo {
    width: 135px;
    height: 135px;
    margin-bottom: 12px; }
    .advantage-list__item .advantage-photo img {
      display: block;
      width: 100%;
      height: 100%; }
  .advantage-list__item-left-col {
    margin-right: 25px; }
    @media only screen and (max-width: 1025px) {
      .advantage-list__item-left-col {
        margin-right: 0;
        margin-left: 25px; } }
    @media only screen and (max-width: 750px) {
      .advantage-list__item-left-col {
        margin-left: 0;
        margin-bottom: 20px; } }
  .advantage-list__item .advantage-photo-description {
    display: block;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: var(--text-color); }
    @media only screen and (max-width: 750px) {
      .advantage-list__item .advantage-photo-description {
        text-align: left; } }
  .advantage-list__item .advantage-main-description {
    font-size: 34px;
    line-height: 50px; }
    @media only screen and (max-width: 1025px) {
      .advantage-list__item .advantage-main-description {
        font-size: 18px;
        line-height: 27px; } }
    .advantage-list__item .advantage-main-description strong {
      font-weight: 500; }
  .advantage-list__item .advantage-main-details {
    font-size: 18px;
    line-height: 27px;
    color: var(--text-color);
    margin-top: 12px; }
    @media only screen and (max-width: 1025px) {
      .advantage-list__item .advantage-main-details {
        font-size: 14px;
        line-height: 20px; } }

.about-page {
  background-image: url("/elements/denmark-flag.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 88vh;
  margin-bottom: 96px; }
  @media only screen and (max-width: 1025px) {
    .about-page {
      margin-bottom: 66px;
      background-size: 100% 370px; }
      .about-page.page-wrapper {
        padding-top: 0; } }
  @media only screen and (max-width: 750px) {
    .about-page {
      background-size: 100% 150px; } }
  .about-page__content {
    padding-top: 110px;
    overflow: hidden; }
    @media only screen and (max-width: 1025px) {
      .about-page__content {
        padding-top: 64px; } }
    @media only screen and (max-width: 750px) {
      .about-page__content {
        padding-top: 70px;
        overflow: hidden; } }
    .about-page__content.semicircle::before {
      top: 110px;
      height: calc(100vh - 260px);
      border-bottom: none;
      box-shadow: none; }
      @media only screen and (max-width: 1025px) {
        .about-page__content.semicircle::before {
          width: 100%;
          left: 0;
          top: 64px;
          height: 310px; } }
      @media only screen and (max-width: 750px) {
        .about-page__content.semicircle::before {
          width: 140%;
          left: -20%;
          height: 30vh;
          top: 70px; } }
  .about-page .container {
    max-width: 990px;
    position: relative; }
    @media only screen and (max-width: 1025px) {
      .about-page .container {
        max-width: 560px;
        padding: 0 15px; } }
  .about-page .about-text {
    font-size: 18px;
    line-height: 27px;
    text-align: justify; }
    @media only screen and (max-width: 1025px) {
      .about-page .about-text {
        font-size: 14px;
        line-height: 20px; } }
  .about-page .about-image {
    border: 1px solid var(--border-color);
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden; }
    .about-page .about-image > img {
      display: block;
      width: 100%;
      height: auto;
      min-height: 160px; }

.is-loading.is-loading {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.15);
  position: relative;
  overflow: hidden;
  background: var(--border-color); }
  .is-loading.is-loading img {
    opacity: 0; }
  .is-loading.is-loading::before {
    content: '';
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 150px;
    background: linear-gradient(to right, transparent 0%, #E8E8E8 50%, transparent 100%);
    animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    z-index: 2; }

@keyframes load {
  from {
    left: -150px; }
  to {
    left: 100%; } }

.five_columns .is-loading {
  width: 222px;
  min-height: 300px; }
  @media only screen and (max-width: 750px) {
    .five_columns .is-loading {
      width: 160px; } }

.four_columns .is-loading {
  width: 294px;
  min-height: 294px; }
  @media only screen and (max-width: 750px) {
    .four_columns .is-loading {
      width: 160px;
      height: 190px; } }

.three_columns .is-loading {
  width: 400px;
  min-height: 194px; }
  @media only screen and (max-width: 750px) {
    .three_columns .is-loading {
      width: 160px;
      height: 190px; } }

.home-categories {
  padding: 50px 0; }
  @media only screen and (max-width: 1025px) {
    .home-categories {
      padding: 0 0 50px 0; } }
  @media only screen and (max-width: 750px) {
    .home-categories {
      padding: 0 0 34px 0; } }
  .home-categories .section-title {
    text-align: center;
    margin-bottom: 34px; }
  .home-categories__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 12px; }
    @media only screen and (max-width: 1025px) {
      .home-categories__list {
        grid-gap: 8px; } }
    @media only screen and (max-width: 750px) {
      .home-categories__list {
        grid-template-columns: repeat(1, 1fr); } }
    .home-categories__list_item {
      height: 228px;
      z-index: 1; }
      @media only screen and (min-width: 1360px) {
        .home-categories__list_item {
          transition: transform 0.8s ease-in-out;
          will-change: transform; } }
      @media only screen and (max-width: 1025px) {
        .home-categories__list_item {
          width: 136px;
          height: 136px; } }
      @media only screen and (max-width: 750px) {
        .home-categories__list_item {
          width: 100%;
          height: 60px; } }
      .home-categories__list_item a {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        padding: 24px;
        border-radius: 10px;
        background: #ffffff;
        border: 1px solid #f4f4f9;
        transition: all 0.8s;
        position: relative;
        clip-path: circle(100%); }
        .home-categories__list_item a::after {
          content: '';
          position: absolute;
          border: 1px solid transparent;
          border-radius: 50%;
          transition: border 0.5s; }
          @media only screen and (max-width: 1025px) {
            .home-categories__list_item a::after {
              display: none; } }
        @media only screen and (max-width: 1025px) {
          .home-categories__list_item a {
            padding: 12px 20px 12px 19px; } }
        @media only screen and (max-width: 750px) {
          .home-categories__list_item a {
            flex-direction: row;
            justify-content: flex-start;
            padding: 12px; } }
        .home-categories__list_item a > div {
          margin-bottom: 18px;
          transition: transform 0.3s;
          transition-delay: 0.5s; }
          @media only screen and (max-width: 1025px) {
            .home-categories__list_item a > div {
              margin-bottom: 12px; } }
          @media only screen and (max-width: 750px) {
            .home-categories__list_item a > div {
              width: 36px;
              height: 36px;
              margin-bottom: 0;
              margin-right: 18px; }
              .home-categories__list_item a > div div {
                width: 100%;
                height: 100%; } }
        .home-categories__list_item a svg {
          display: block;
          max-width: 100%;
          max-height: 100%; }
          @media only screen and (max-width: 750px) {
            .home-categories__list_item a svg {
              width: 100%;
              height: 100%;
              max-height: 100%; } }
          @media only screen and (max-width: 1025px) {
            .home-categories__list_item a svg {
              max-height: 49px; } }
          .home-categories__list_item a svg path {
            transition: fill 0.5s; }
      .home-categories__list_item:first-child a::after, .home-categories__list_item:nth-of-type(3) a::after, .home-categories__list_item:nth-of-type(4) a::after, .home-categories__list_item:nth-of-type(5) a::after, .home-categories__list_item:nth-of-type(7) a::after, .home-categories__list_item:nth-of-type(10) a::after {
        width: 114px;
        height: 114px;
        top: calc(50% - 58px);
        left: calc(50% - 58px); }
      .home-categories__list_item:nth-of-type(2) a::after, .home-categories__list_item:nth-of-type(6) a::after, .home-categories__list_item:nth-of-type(8) a::after, .home-categories__list_item:nth-of-type(9) a::after {
        width: 90px;
        height: 90px;
        top: calc(50% - 45px);
        left: calc(50% - 45px); }
      .home-categories__list_item-title {
        max-width: 160px;
        height: 59px;
        font-weight: 500;
        font-size: var(--text-size-22);
        line-height: 28px;
        text-align: center;
        transition: color 0.5s, opacity 0.5s;
        position: relative; }
        @media only screen and (max-width: 1025px) {
          .home-categories__list_item-title {
            height: 34px;
            font-size: 14px;
            line-height: 17px; } }
        @media only screen and (max-width: 750px) {
          .home-categories__list_item-title {
            max-width: 100%;
            height: auto;
            font-size: 18px;
            line-height: 27px; } }
        @media only screen and (max-width: 320px) {
          .home-categories__list_item-title {
            font-size: 14px; } }
      @media only screen and (min-width: 1360px) {
        .home-categories__list_item:hover a {
          background: var(--color-primary);
          transform: scale(1.05); }
          .home-categories__list_item:hover a .home-categories__list_item-title {
            color: #ffffff; }
            .home-categories__list_item:hover a .home-categories__list_item-title::after {
              width: 100%; }
          .home-categories__list_item:hover a svg path {
            fill: #ffffff; } }

@media only screen and (min-width: 1360px) {
  .catalog-animate .home-categories__list_item-title {
    transition-delay: 0.5s;
    opacity: 0; }
  .catalog-animate .home-categories__list_item a {
    background: #F6F7FC; }
    .catalog-animate .home-categories__list_item a > div {
      transform: scale(0.8) translateY(20px); }
    .catalog-animate .home-categories__list_item a::after {
      transition-delay: 0.5s;
      border: 1px solid var(--border-color); }
  .catalog-animate .home-categories__list_item:hover a {
    transform: scale(1);
    background: var(--color-primary); }
  .catalog-animate .home-categories__list_item:first-child a,
  .catalog-animate .home-categories__list_item:nth-of-type(3) a,
  .catalog-animate .home-categories__list_item:nth-of-type(4) a,
  .catalog-animate .home-categories__list_item:nth-of-type(5) a,
  .catalog-animate .home-categories__list_item:nth-of-type(7) a,
  .catalog-animate .home-categories__list_item:nth-of-type(10) a {
    clip-path: circle(25%);
    border-radius: 50%; }
  .catalog-animate .home-categories__list_item:nth-of-type(2) a,
  .catalog-animate .home-categories__list_item:nth-of-type(6) a,
  .catalog-animate .home-categories__list_item:nth-of-type(8) a,
  .catalog-animate .home-categories__list_item:nth-of-type(9) a {
    clip-path: circle(19%);
    border-radius: 50%; }
  .catalog-animate .home-categories__list_item:first-child {
    transform: rotate(15deg) translate(-30%, 170%); } }
  @media only screen and (min-width: 1360px) and (max-width: 1550px) {
    .catalog-animate .home-categories__list_item:first-child {
      transform: rotate(15deg) translate(-14%, 173%); } }

@media only screen and (min-width: 1360px) {
    .catalog-animate .home-categories__list_item:first-child a > div {
      transform: scale(0.8) translateY(30px); }
  .catalog-animate .home-categories__list_item:nth-of-type(2) {
    transform: translate(-50%, 110%); }
    .catalog-animate .home-categories__list_item:nth-of-type(2) a > div {
      transform: scale(0.8) translateY(28px); }
  .catalog-animate .home-categories__list_item:nth-of-type(3) {
    transform: rotate(-20deg) translate(-10%, 159%); }
  .catalog-animate .home-categories__list_item:nth-of-type(4) {
    transform: rotate(20deg) translate(60%, 110%); }
  .catalog-animate .home-categories__list_item:nth-of-type(5) {
    transform: rotate(-20deg) translate(-10%, 130%); }
  .catalog-animate .home-categories__list_item:nth-of-type(6) {
    transform: rotate(-13deg) translate(-117%, 108%); } }
  @media only screen and (min-width: 1360px) and (min-width: 1920px) {
    .catalog-animate .home-categories__list_item:nth-of-type(6) {
      transform: rotate(-13deg) translate(-125%, 93%); } }
  @media only screen and (min-width: 1360px) and (max-width: 1550px) {
    .catalog-animate .home-categories__list_item:nth-of-type(6) {
      transform: rotate(-13deg) translate(-93%, 140%); } }

@media only screen and (min-width: 1360px) {
  .catalog-animate .home-categories__list_item:nth-of-type(7) {
    transform: rotate(-8.5deg) translate(-100%, 63%); } }
  @media only screen and (min-width: 1360px) and (min-width: 1920px) {
    .catalog-animate .home-categories__list_item:nth-of-type(7) {
      transform: rotate(-8.5deg) translate(-100%, 56%); } }
  @media only screen and (min-width: 1360px) and (max-width: 1550px) {
    .catalog-animate .home-categories__list_item:nth-of-type(7) {
      transform: rotate(-8.5deg) translate(-98%, 78%); } }

@media only screen and (min-width: 1360px) {
  .catalog-animate .home-categories__list_item:nth-of-type(8) {
    transform: rotate(19deg) translate(-49%, 75%); }
  .catalog-animate .home-categories__list_item:nth-of-type(9) {
    transform: rotate(19deg) translate(90%, 48%); } }
  @media only screen and (min-width: 1360px) and (min-width: 1920px) {
    .catalog-animate .home-categories__list_item:nth-of-type(9) {
      transform: rotate(19deg) translate(90%, 43%); } }
  @media only screen and (min-width: 1360px) and (max-width: 1550px) {
    .catalog-animate .home-categories__list_item:nth-of-type(9) {
      transform: rotate(19deg) translate(88%, 61%); } }

@media only screen and (min-width: 1360px) {
  .catalog-animate .home-categories__list_item:nth-of-type(10) {
    transform: rotate(0deg) translate(64%, 110%); } }
  @media only screen and (min-width: 1360px) and (min-width: 1920px) {
    .catalog-animate .home-categories__list_item:nth-of-type(10) {
      transform: rotate(0deg) translate(64%, 98%); } }
  @media only screen and (min-width: 1360px) and (max-width: 1550px) {
    .catalog-animate .home-categories__list_item:nth-of-type(10) {
      transform: rotate(0deg) translate(56%, 148%); } }

.filter-group-container {
  width: 414px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  display: flex; }
  @media only screen and (max-width: 750px) {
    .filter-group-container {
      width: 100%; } }
  .filter-group-container__content {
    width: 77%;
    background: #fff;
    padding: 74px 22px 50px 23px;
    overflow: auto; }
    .filter-group-container__content::-webkit-scrollbar {
      width: 4px;
      background: var(--background-color);
      border-radius: 2.5px; }
    .filter-group-container__content::-webkit-scrollbar-thumb {
      border-radius: 2.5px;
      background-color: var(--text-color);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
      box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
    @media only screen and (max-width: 1025px) {
      .filter-group-container__content {
        padding: 50px 22px 130px 23px; } }
    @media only screen and (max-width: 750px) {
      .filter-group-container__content {
        width: 85%; }
        .filter-group-container__content.is-open {
          padding: 50px 22px 230px 23px; } }
  .filter-group-container__close {
    width: 23%;
    height: 100%;
    background: var(--color-light-gray);
    display: flex;
    align-items: center;
    justify-content: center; }
    .filter-group-container__close .close-btn {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      background: none; }
      .filter-group-container__close .close-btn::after {
        content: '';
        width: 24px;
        height: 24px;
        background-image: url("/elements/close.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px;
        transition: transform 0.5s;
        position: absolute; }
      @media only screen and (min-width: 1360px) {
        .filter-group-container__close .close-btn:hover {
          transform: rotate(0deg); }
          .filter-group-container__close .close-btn:hover::after {
            transform: rotate(90deg); } }
    @media only screen and (max-width: 750px) {
      .filter-group-container__close {
        width: 15%; } }

.loading-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.filter-group-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 34px; }
  .filter-group-heading__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px; }
  .filter-group-heading .clear-filter {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    transition: color 0.5s; }
    .filter-group-heading .clear-filter:hover {
      color: var(--color-primary); }

.filter-group__item:not(:last-child) {
  margin-bottom: 24px; }

.filter-group__item-name {
  max-width: 272px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 6px; }

.filter-group__item input {
  line-height: 37px; }

.filter-select {
  width: 272px; }
  @media only screen and (max-width: 750px) {
    .filter-select {
      width: 100%; } }
  .filter-select .css-yk16xz-control {
    height: 42px;
    background: var(--color-light-gray);
    border: 1px solid var(--border-color);
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.3s; }
  .filter-select .css-1okebmr-indicatorSeparator {
    display: none; }
  .filter-select .css-1wa3eu0-placeholder {
    font-size: 14px;
    line-height: 17px;
    color: var(--text-color);
    font-weight: normal; }
  .filter-select .css-1uccc91-singleValue,
  .filter-select .css-b8ldur-Input {
    font-size: 14px;
    line-height: 30px;
    color: var(--color-primary); }
  .filter-select .css-1pahdxg-control {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 1px #fff;
    border-radius: 10px;
    transition: border-color 0.3s; }
    @media only screen and (min-width: 1360px) {
      .filter-select .css-1pahdxg-control:hover {
        border-color: var(--color-primary); } }
  .filter-select .css-9gakcf-option,
  .filter-select .css-9gakcf-option:active {
    background-color: var(--color-primary); }
    @media only screen and (max-width: 1025px) {
      .filter-select .css-9gakcf-option,
      .filter-select .css-9gakcf-option:active {
        background-color: var(--color-primary) !important; } }
  .filter-select svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s; }
  .filter-select svg path {
    fill: var(--color-primary); }
  .filter-select .css-1n7v3ny-option {
    transition: background-color 0.3s;
    background-color: var(--color-border); }
  .filter-select .css-26l3qy-menu {
    font-size: 14px;
    border-radius: 10px;
    overflow: hidden; }
    @media only screen and (max-width: 1025px) {
      .filter-select .css-26l3qy-menu > div > div {
        background: transparent; } }
    .filter-select .css-26l3qy-menu > div > div:last-child {
      text-align: right;
      color: var(--text-color);
      font-weight: 500;
      transition: color 0.3s;
      cursor: pointer; }
    .filter-select .css-26l3qy-menu > div > div:hover:last-child {
      color: #000; }

.page-cookie-policy.page-wrapper {
  padding: 150px 0 90px; }
  @media only screen and (max-width: 750px) {
    .page-cookie-policy.page-wrapper {
      padding: 34px 0; } }

.page-cookie-policy .section-title {
  margin-bottom: 24px; }

.slider.five_columns {
  width: 360px; }
  .slider.five_columns .slider__main-big-slider {
    height: 574px; }
    @media only screen and (max-width: 1025px) {
      .slider.five_columns .slider__main-big-slider {
        height: 370px; } }
    @media only screen and (max-width: 750px) {
      .slider.five_columns .slider__main-big-slider {
        height: 100%; } }

.slider.four_columns {
  width: 452px; }
  .slider.four_columns .product__img-box .slick-list {
    position: relative; }
    .slider.four_columns .product__img-box .slick-list::before, .slider.four_columns .product__img-box .slick-list::after {
      content: '';
      width: 50px;
      height: 50px;
      background: #fff;
      position: absolute;
      top: 0;
      z-index: 1;
      pointer-events: none; }
    .slider.four_columns .product__img-box .slick-list::before {
      left: 0; }
    .slider.four_columns .product__img-box .slick-list::after {
      right: 0; }
  .slider.four_columns .slider__main-big-slider {
    height: 491px; }
    @media only screen and (max-width: 1025px) {
      .slider.four_columns .slider__main-big-slider {
        height: 370px; } }
    @media only screen and (max-width: 750px) {
      .slider.four_columns .slider__main-big-slider {
        height: 100%; } }

.slider.three_columns {
  width: 612px; }
  .slider.three_columns .product__img-box .slick-list {
    position: relative; }
    .slider.three_columns .product__img-box .slick-list::before, .slider.three_columns .product__img-box .slick-list::after {
      content: '';
      width: 50px;
      height: 50px;
      background: #fff;
      position: absolute;
      top: 0;
      z-index: 1;
      pointer-events: none; }
    .slider.three_columns .product__img-box .slick-list::before {
      left: 0; }
    .slider.three_columns .product__img-box .slick-list::after {
      right: 0; }
  .slider.three_columns .slider__main-big-slider {
    height: 345px; }
    @media only screen and (max-width: 1025px) {
      .slider.three_columns .slider__main-big-slider {
        height: 310px; } }
    @media only screen and (max-width: 750px) {
      .slider.three_columns .slider__main-big-slider {
        height: 100%; } }
  .slider.three_columns .slider__preview-slider .slick-slide {
    width: 84px;
    height: 48px; }
    .slider.three_columns .slider__preview-slider .slick-slide:not(:last-child) {
      margin-right: 18px; }

@media only screen and (max-width: 750px) {
  .product__img-box {
    margin-bottom: 12px; } }

.product__img-box .slider__main-big-slider:hover {
  cursor: url("/icon/zoom.svg") 1 10, pointer; }

.slider {
  position: sticky;
  top: 125px;
  left: 0; }
  @media only screen and (max-width: 1025px) {
    .slider {
      top: 30px; }
      .slider.slider {
        width: 344px; } }
  @media only screen and (max-width: 750px) {
    .slider {
      position: relative;
      top: 0; }
      .slider.slider {
        width: 100%;
        height: 372px !important; } }
  .slider .slick-arrow {
    background: #000; }
  .slider .slick-list {
    display: flex; }
  .slider .dots-list {
    width: 100%;
    display: flex !important;
    justify-content: center;
    position: absolute;
    bottom: 12px;
    padding: 0 25px; }
    .slider .dots-list > li {
      flex-grow: 1; }
      .slider .dots-list > li:not(:last-child) {
        margin-right: 12px;
        margin-bottom: 12px; }
        @media only screen and (max-width: 750px) {
          .slider .dots-list > li:not(:last-child) {
            margin-bottom: 0; } }
      .slider .dots-list > li button {
        display: block;
        width: 100%;
        height: 2px;
        background: var(--color-border);
        border-radius: 5px;
        border: none;
        outline: none;
        text-indent: -9999px;
        position: relative; }
        .slider .dots-list > li button::before {
          content: '';
          width: 0;
          height: 100%;
          background: var(--color-primary);
          transition: width 0.5s;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
      .slider .dots-list > li.slick-active button::before {
        width: 100%; }
  .slider__main-big-slider {
    height: 100%;
    margin-bottom: 17px;
    border: 1px solid var(--color-border);
    box-shadow: inset 0px 0px 14px rgba(0, 46, 93, 0.04);
    border-radius: 10px; }
    @media only screen and (max-width: 1025px) {
      .slider__main-big-slider {
        max-height: 372px; } }
    .slider__main-big-slider div {
      height: 100%; }
    .slider__main-big-slider img {
      display: block;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; }
    .slider__main-big-slider .slick-slide > div > div {
      display: flex !important;
      justify-content: center;
      align-items: center;
      padding: 48px 28px; }
      @media only screen and (max-width: 1025px) {
        .slider__main-big-slider .slick-slide > div > div {
          padding: 56px; } }
  .slider .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px 0; }
  .slider__preview-slider {
    width: 100%; }
    @media only screen and (max-width: 1025px) {
      .slider__preview-slider {
        display: none; } }
    .slider__preview-slider .slick-list {
      justify-content: center; }
    .slider__preview-slider .slick-slide {
      width: 48px;
      height: 48px;
      box-sizing: border-box;
      border: 1px solid transparent;
      border-radius: 5px;
      opacity: 0.6;
      transition: opacity 0.3s, border 0.3s; }
      .slider__preview-slider .slick-slide:hover {
        opacity: 1; }
      .slider__preview-slider .slick-slide.slick-current {
        border: 1px solid var(--border-color);
        opacity: 1; }
      .slider__preview-slider .slick-slide:not(:last-child) {
        margin-right: 24px; }
      .slider__preview-slider .slick-slide div {
        height: 100%; }
      .slider__preview-slider .slick-slide > div > div {
        padding: 7px;
        display: flex !important;
        justify-content: center;
        align-items: center; }
    .slider__preview-slider img {
      display: block;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; }
  .slider .slick-arrow {
    width: 24px;
    height: 24px;
    top: auto;
    bottom: -65px;
    z-index: 1;
    background-position: center;
    transition: opacity 0.3s; }
    .slider .slick-arrow svg path {
      fill: var(--color-primary); }
    .slider .slick-arrow.slick-disabled {
      opacity: 0.3;
      cursor: auto; }
  .slider .slick-prev {
    left: 0;
    background: url("/icon/arrow-left.svg") no-repeat center; }
    .slider .slick-prev::before {
      content: '';
      display: none; }
  .slider .slick-next {
    right: 0;
    background: url("/icon/arrow-right.svg") no-repeat center; }
    .slider .slick-next::before {
      content: '';
      display: none; }

#app {
  padding: 1rem; }

.sample {
  margin-left: auto;
  margin-right: auto;
  width: 400px; }

.slider.five_columns {
  height: 574px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; }
  .slider.five_columns .slider__main-big-slider {
    margin-bottom: 0; }
  .slider.five_columns .slider__preview-slider {
    height: 100%;
    padding: 60px 0; }
    .slider.five_columns .slider__preview-slider .slick-list {
      min-height: 460px; }
    .slider.five_columns .slider__preview-slider .slick-track {
      display: block; }
    .slider.five_columns .slider__preview-slider .slick-slide {
      float: none;
      margin-right: 0;
      width: 50px;
      height: 100px; }
      .slider.five_columns .slider__preview-slider .slick-slide:not(:last-child) {
        margin-bottom: 18px; }
      .slider.five_columns .slider__preview-slider .slick-slide div {
        height: 100%;
        display: flex !important;
        align-items: center;
        justify-content: center; }
        .slider.five_columns .slider__preview-slider .slick-slide div div {
          padding: 8px 11px; }
          .slider.five_columns .slider__preview-slider .slick-slide div div img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
  .slider.five_columns .slider__main-big-slider {
    width: 290px; }
    @media only screen and (max-width: 1025px) {
      .slider.five_columns .slider__main-big-slider {
        width: 100%; } }
  .slider.five_columns .slider__preview-slider {
    width: 50px; }
  .slider.five_columns .slick-arrow {
    transform: rotate(90deg);
    left: -57px; }
  .slider.five_columns .slick-prev {
    top: 0; }
  .slider.five_columns .slick-next {
    top: auto;
    bottom: 0; }

.product-popup {
  display: flex;
  align-self: center;
  flex-direction: column;
  justify-self: center;
  width: 930px;
  max-height: 95vh;
  background: #fff;
  padding: 34px 200px;
  margin: auto;
  position: relative;
  border: 1px solid var(--color-border);
  box-shadow: inset 0px 0px 14px rgba(0, 46, 93, 0.04);
  border-radius: 10px; }
  @media only screen and (max-width: 1025px) {
    .product-popup {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100vh;
      justify-content: center;
      padding: 85px 100px 115px;
      border-radius: 0; } }
  @media only screen and (max-width: 750px) {
    .product-popup {
      padding: 110px 16px 100px; } }
  .product-popup .slider__main-big-slider {
    display: contents; }
    .product-popup .slider__main-big-slider div {
      height: 100%;
      display: flex;
      align-items: center; }
    .product-popup .slider__main-big-slider .slick-slide {
      justify-content: center; }
    .product-popup .slider__main-big-slider .slick-slide > div > div {
      padding: 48px 0 79px; }
      @media only screen and (max-width: 1025px) {
        .product-popup .slider__main-big-slider .slick-slide > div > div {
          padding: 96px 0; } }
      @media only screen and (max-width: 750px) {
        .product-popup .slider__main-big-slider .slick-slide > div > div {
          padding: 52px 0; } }
    .product-popup .slider__main-big-slider img {
      max-height: 62vh; }
      @media only screen and (max-width: 1025px) {
        .product-popup .slider__main-big-slider img {
          max-height: 100%; } }
  .product-popup .slick-arrow {
    width: 36px;
    height: 36px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 1; }
    .product-popup .slick-arrow::before {
      display: none; }
    .product-popup .slick-arrow.slick-prev {
      left: 24px;
      background-image: url("/icon/prev-popup.svg"); }
    .product-popup .slick-arrow.slick-next {
      right: 24px;
      background-image: url("/icon/next-popup.svg"); }
    .product-popup .slick-arrow.slick-disabled {
      opacity: 0.3;
      cursor: auto; }
    @media only screen and (max-width: 750px) {
      .product-popup .slick-arrow {
        display: none !important; } }
  .product-popup .close-modal {
    width: 21px;
    height: 21px;
    background-image: url("/icon/close-menu.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 32px;
    top: 32px;
    transition: transform 0.3s; }
    @media only screen and (min-width: 1360px) {
      .product-popup .close-modal:hover {
        transform: rotate(90deg); } }
    .product-popup .close-modal__text {
      display: none; }
      @media only screen and (max-width: 1025px) {
        .product-popup .close-modal__text {
          display: block;
          font-weight: 500;
          font-size: var(--text-size-14);
          line-height: 27px;
          color: var(--color-primary);
          position: relative; } }
    @media only screen and (max-width: 1025px) {
      .product-popup .close-modal {
        width: 100%;
        height: 51px;
        padding: 12px 70px;
        top: 0;
        left: 0;
        border: 1px solid var(--border-color);
        background-image: none;
        text-align: left; }
        .product-popup .close-modal::before {
          content: '';
          width: 24px;
          height: 24px;
          background-image: url("/icon/back-arrow.svg");
          background-size: 15px 16px;
          background-repeat: no-repeat;
          background-position: center;
          position: absolute;
          left: 28px;
          top: calc(50% - 12px); } }
  .product-popup .download-btn {
    max-width: 200px;
    margin: 0 auto; }
    @media only screen and (max-width: 1025px) {
      .product-popup .download-btn {
        padding: 13px 18px; } }
  .product-popup .slider__preview-slider .slick-list {
    padding: 0;
    display: flex; }
  .product-popup .slider__preview-slider .slick-track {
    display: flex;
    justify-content: center; }
  .product-popup .slider__preview-slider .slick-slide.slick-active {
    border: 1px solid var(--border-color);
    opacity: 1; }
  @media only screen and (max-width: 1025px) {
    .product-popup .slider__preview-slider {
      display: block; } }
  .product-popup .slick-dots {
    position: initial;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap; }
    .product-popup .slick-dots li {
      width: 48px;
      height: 48px;
      padding: 7px;
      opacity: 0.6;
      border-radius: 5px;
      border: 1px solid transparent;
      transition: opacity 0.3s, border 0.3s;
      margin: 0; }
      .product-popup .slick-dots li:not(:last-child) {
        margin-right: 18px;
        margin-bottom: 10px; }
      .product-popup .slick-dots li.hover, .product-popup .slick-dots li.slick-active {
        opacity: 1; }
      .product-popup .slick-dots li.slick-active {
        border: 1px solid var(--border-color); }
      .product-popup .slick-dots li img {
        width: 100%;
        height: 100%;
        object-fit: contain; }

@media only screen and (max-width: 1025px) {
  .contacts-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 34px;
    padding-bottom: 48px; }
    .contacts-page .gmnoprint {
      display: none; }
    .contacts-page.page-wrapper {
      min-height: calc(100vh - 330px); } }

@media only screen and (max-width: 750px) {
  .contacts-page {
    padding-top: 34px; } }

.contacts-page__container {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .contacts-page__container.container {
    padding: 70px 30px; }
    @media only screen and (max-width: 1025px) {
      .contacts-page__container.container {
        padding: 0 30px; } }
    @media only screen and (max-width: 750px) {
      .contacts-page__container.container {
        padding: 0 15px; } }
  @media only screen and (max-width: 1025px) {
    .contacts-page__container {
      align-items: flex-start;
      padding: 0 30px; } }
  @media only screen and (max-width: 750px) {
    .contacts-page__container {
      flex-direction: column;
      padding: 0 15px; } }

.contacts-page__content {
  width: calc(25% - 12px);
  min-width: 190px; }
  @media only screen and (max-width: 1025px) {
    .contacts-page__content {
      width: 35%; } }
  @media only screen and (max-width: 750px) {
    .contacts-page__content {
      width: 100%;
      margin-bottom: 33px; } }
  .contacts-page__content .section-title {
    margin-bottom: 93px;
    padding-right: 39px; }
    @media only screen and (max-width: 1025px) {
      .contacts-page__content .section-title {
        margin-bottom: 50px;
        line-height: 33px; } }
    @media only screen and (max-width: 750px) {
      .contacts-page__content .section-title {
        margin-bottom: 28px; } }

.contacts-page__map {
  position: relative;
  width: calc(75% - 12px);
  height: 435px;
  overflow: hidden;
  border-radius: 20px;
  margin-left: 24px; }
  @media only screen and (max-width: 1025px) {
    .contacts-page__map {
      height: 260px;
      width: 61.6%;
      margin-left: 0; } }
  @media only screen and (max-width: 750px) {
    .contacts-page__map {
      width: 100%;
      height: 296px;
      margin-left: 0; } }

.contacts-page .contact-text p {
  min-width: 216px; }
  @media only screen and (max-width: 1025px) {
    .contacts-page .contact-text p {
      min-width: auto; } }

.contacts-page .contact-text,
.contacts-page .vestfrost-contacts .hover-underline {
  display: flex;
  color: var(--color-light-blue);
  margin-bottom: 34px; }
  @media only screen and (max-width: 750px) {
    .contacts-page .contact-text,
    .contacts-page .vestfrost-contacts .hover-underline {
      display: flex;
      align-items: center; } }
  @media only screen and (max-width: 1025px) {
    .contacts-page .contact-text,
    .contacts-page .vestfrost-contacts .hover-underline {
      margin-bottom: 18px; } }
  .contacts-page .contact-text svg,
  .contacts-page .vestfrost-contacts .hover-underline svg {
    min-width: 18px;
    margin-top: 5px; }
    @media only screen and (max-width: 750px) {
      .contacts-page .contact-text svg,
      .contacts-page .vestfrost-contacts .hover-underline svg {
        margin-top: 0; } }

@media only screen and (min-width: 1360px) {
  .contacts-page .vestfrost-contacts > a:hover {
    color: var(--color-primary); } }

.contact-text:last-child {
  margin-bottom: 0; }

.map-container {
  border: 1px solid var(--border-color);
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  overflow: hidden; }

.colors-product {
  padding: 18px 0;
  border-bottom: 1px solid var(--color-border); }
  @media only screen and (max-width: 1025px) {
    .colors-product {
      padding: 12px 0; } }
  .colors-product h6 {
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-16);
    line-height: 19px;
    color: var(--color-primary);
    margin-bottom: 12px; }
    @media only screen and (max-width: 1025px) {
      .colors-product h6 {
        font-size: var(--text-size-14); } }
  .colors-product__list {
    display: flex; }
  .colors-product__color {
    width: 36px;
    height: 36px;
    margin-right: 18px; }
    @media only screen and (max-width: 1025px) {
      .colors-product__color {
        width: 24px;
        height: 24px;
        margin-right: 12px; } }
    .colors-product__color a {
      display: block;
      width: 100%;
      height: 100%;
      border: 1px solid transparent;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: border 0.3s; }
      .colors-product__color a:hover {
        border: 1px solid var(--border-color); }
    .colors-product__color-active a {
      border: 1px solid var(--color-primary); }
      .colors-product__color-active a:hover {
        border: 1px solid var(--color-primary); }
    .colors-product__color span {
      display: block;
      width: 80%;
      height: 80%;
      border-radius: 50%; }

.product_catalog {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 18px 0;
  border-top: 1px solid var(--border-color); }
  .product_catalog a {
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-12);
    line-height: 14px;
    color: var(--color-primary);
    margin-right: 20px; }
    .product_catalog a:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 4px;
      right: -13px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent var(--color-primary);
      line-height: 0px;
      _border-color: #000000 #000000 #000000 var(--color-primary);
      _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }

.product-navigation {
  width: 100%;
  height: 40px;
  background: var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center; }
  .product-navigation__list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; }
    @media only screen and (max-width: 1025px) {
      .product-navigation__list {
        padding-bottom: 1px; } }
  @media only screen and (max-width: 1025px) {
    .product-navigation {
      position: fixed;
      bottom: 80px;
      left: 0;
      order: 2;
      z-index: 2;
      overflow: auto;
      justify-content: flex-start; } }
  .product-navigation li:not(:last-child) {
    margin-right: 50px; }
    @media only screen and (max-width: 750px) {
      .product-navigation li:not(:last-child) {
        margin-right: 5px; } }
  .product-navigation li a {
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-12);
    line-height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color);
    padding: 13px 10px;
    transition: color 0.3s, border 0.3s;
    position: relative; }
    .product-navigation li a::after {
      content: '';
      width: 0;
      height: 1px;
      background: var(--color-primary);
      transition: width 0.3s;
      position: absolute;
      bottom: 0;
      left: 0; }
    @media only screen and (max-width: 1025px) {
      .product-navigation li a {
        font-size: var(--text-size-14);
        line-height: 17px;
        padding: 12px 6px; } }
    @media only screen and (min-width: 1360px) {
      .product-navigation li a:hover {
        color: var(--color-primary); } }
  .product-navigation li.active a {
    color: var(--color-primary); }
    .product-navigation li.active a::after {
      width: 100%; }

.compare-buy__btn-box {
  margin-top: 18px;
  display: flex; }
  .compare-buy__btn-box button {
    padding: 9px 18px;
    height: 42px; }
    @media only screen and (max-width: 750px) {
      .compare-buy__btn-box button {
        padding: 9px 12px; } }
  .compare-buy__btn-box .tabStore a {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-10);
    line-height: 15px;
    color: var(--color-primary);
    padding: 8px 10px; }
    .compare-buy__btn-box .tabStore a span {
      white-space: nowrap;
      margin-right: 5px; }

@media only screen and (max-width: 750px) {
  .compare-buy {
    margin-top: 12px; } }

.compare-buy__buy-box {
  position: relative;
  margin-left: 18px; }

.compare-buy__buy-active {
  z-index: 2; }
  .compare-buy__buy-active .btn-primary {
    position: relative;
    z-index: 1; }

.compare-buy__compare-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .compare-buy__compare-btn a {
    margin-top: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-14);
    line-height: 17px;
    color: #94a8bb; }
  .compare-buy__compare-btn span {
    color: var(--color-primary);
    text-decoration: underline; }

.compare-buy__list-shops {
  width: 100%;
  position: absolute;
  top: 23px;
  padding-top: 20px;
  background: var(--color-white);
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.05));
  z-index: -1; }
  .compare-buy__list-shops li:not(:last-child) {
    border-bottom: 1px solid var(--color-border); }
  .compare-buy__list-shops li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 34px;
    padding: 8px 12px;
    overflow: hidden; }
    .compare-buy__list-shops li a img {
      max-width: 100%;
      height: auto;
      display: block;
      transition: transform 0.3s;
      will-change: transform; }
    .compare-buy__list-shops li a:hover img {
      transform: scale(1.1); }
  .compare-buy__list-shops li:first-child {
    display: flex;
    align-items: center;
    justify-content: center; }
    .compare-buy__list-shops li:first-child p {
      font-style: normal;
      font-weight: 500;
      font-size: var(--text-size-10);
      line-height: 15px;
      color: var(--color-light-blue);
      padding: 10px 12px; }

.shop-enter {
  opacity: 0; }

.shop-enter-active {
  opacity: 1;
  transition: opacity 0.3s, transform 0.3s; }

.shop-exit {
  opacity: 1; }

.shop-exit-active {
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s; }

.shop-overlay {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background: transparent;
  z-index: 1; }

.compare-header {
  display: flex; }
  @media only screen and (max-width: 750px) {
    .compare-header {
      margin-top: 24px; } }
  .compare-header .section-title {
    margin-bottom: 18px; }
  .compare-header__btn-shops {
    margin-top: 10px; }
  .compare-header__img-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .compare-header__product-img {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    padding: 18px 20px;
    margin-bottom: 6px;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.04); }
    @media only screen and (max-width: 1025px) {
      .compare-header__product-img {
        padding: 10px 12px; } }
    .compare-header__product-img img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .compare-header .compare-page__keys-column {
    position: relative;
    padding: 48px 0 18px; }
  .compare-header .compare-page__product-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 68px;
    border-bottom: none; }
    @media only screen and (max-width: 1025px) {
      .compare-header .compare-page__product-column {
        padding: 34px 0 48px; }
        .compare-header .compare-page__product-column h3 {
          font-size: var(--text-size-14); } }
    @media only screen and (max-width: 750px) {
      .compare-header .compare-page__product-column {
        padding: 4px 0 48px; } }
    .compare-header .compare-page__product-column h3 {
      font-weight: 500;
      margin-top: 6px;
      padding: 0 9px;
      text-align: center; }
  .compare-header .compare-page__characteristic-title {
    position: absolute;
    bottom: 18px; }
  .compare-header__btn-close {
    position: relative;
    min-width: 24px;
    min-height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--color-border);
    border: 1px solid transparent;
    margin-bottom: 18px; }
    @media only screen and (max-width: 1025px) {
      .compare-header__btn-close {
        margin-bottom: 12px; } }
    .compare-header__btn-close::before, .compare-header__btn-close::after {
      content: '';
      position: absolute;
      background-color: var(--color-primary);
      top: 10px;
      left: 5px;
      height: 1px;
      width: 12px; }
    .compare-header__btn-close::before {
      transform: rotate(45deg); }
    .compare-header__btn-close::after {
      transform: rotate(-45deg); }
    .compare-header__btn-close:hover {
      background: var(--color-primary); }
      .compare-header__btn-close:hover::before, .compare-header__btn-close:hover::after {
        background-color: var(--color-white); }
    @media only screen and (max-width: 1025px) {
      .compare-header__btn-close:hover {
        background-color: var(--color-border); }
        .compare-header__btn-close:hover::before, .compare-header__btn-close:hover::after {
          background-color: var(--color-primary); } }
  .compare-header__btn-shops .compare-buy__buy-box {
    margin: 0; }
  .compare-header__btn-shops .btn-primary {
    border: 1px solid var(--color-border);
    background: var(--color-white);
    color: var(--color-primary);
    outline: none; }
    .compare-header__btn-shops .btn-primary svg path {
      fill: var(--color-primary); }
    .compare-header__btn-shops .btn-primary:hover {
      border: 1px solid var(--color-primary); }
    @media only screen and (max-width: 1025px) {
      .compare-header__btn-shops .btn-primary:hover {
        border: 1px solid var(--color-border); } }
  .compare-header.three_columns .compare-header__product-img {
    width: 114px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    margin: 0 auto; }
    .compare-header.three_columns .compare-header__product-img img {
      width: 90px;
      height: 39px; }
  .compare-header.four_columns .compare-header__product-img {
    margin: 0 48px; }
    @media only screen and (max-width: 1025px) {
      .compare-header.four_columns .compare-header__product-img {
        margin: 0 40px; } }
    @media only screen and (max-width: 750px) {
      .compare-header.four_columns .compare-header__product-img {
        margin: 0 27px; } }
  .compare-header.five_columns .compare-header__product-img {
    margin: 0 69px;
    padding: 10px; }
    @media only screen and (max-width: 1025px) {
      .compare-header.five_columns .compare-header__product-img {
        margin: 0 35px; } }

.info-icon {
  width: 12px;
  height: 12px;
  position: relative;
  padding-right: 16px; }
  @media only screen and (max-width: 1025px) {
    .info-icon {
      z-index: 1; } }
  .info-icon::after {
    content: '';
    width: 12px;
    height: 12px;
    background-image: url("/icon/info.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0; }
  .info-icon__item-descr {
    width: 300px;
    position: absolute;
    top: 200%;
    left: -125%;
    opacity: 0;
    z-index: 1;
    background: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 12px;
    transition: opacity 0.3s;
    pointer-events: none; }
    .info-icon__item-descr::before, .info-icon__item-descr::after {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      width: 0;
      height: 0;
      border-style: solid; }
      @media only screen and (max-width: 1025px) {
        .info-icon__item-descr::before, .info-icon__item-descr::after {
          display: none; } }
    .info-icon__item-descr::before {
      top: -20px;
      border-color: transparent transparent var(--border-color) transparent;
      border-width: 10px; }
    .info-icon__item-descr::after {
      top: -19px;
      border-color: transparent transparent var(--color-white) transparent;
      border-width: 10px; }
    @media only screen and (max-width: 1025px) {
      .info-icon__item-descr {
        max-width: 344px;
        position: fixed;
        top: auto;
        bottom: 118px;
        left: 28px;
        padding: 19px 35px 34px 16px;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px 0px 24px rgba(0, 46, 93, 0.3);
        font-size: 14px;
        line-height: 20px; }
        .info-icon__item-descr .close {
          display: block;
          width: 24px;
          height: 24px;
          position: absolute;
          top: 14px;
          right: 14px;
          background-image: url("/elements/close.svg");
          background-repeat: no-repeat;
          background-size: 14px;
          background-position: center;
          z-index: 1; } }
    @media only screen and (max-width: 750px) {
      .info-icon__item-descr {
        width: 100%;
        max-width: 100%;
        left: 0; } }
    .info-icon__item-descr p {
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-12);
      line-height: 18px;
      color: var(--color-primary);
      opacity: 0.8; }

@media only screen and (max-width: 1025px) {
  .page-wrapper.compare-page {
    padding-top: 0; } }

.rotate-phone {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: var(--color-primary); }
  .rotate-phone__please {
    position: absolute;
    bottom: calc(65% - 135px / 2 - 69.5px);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-family: 'TT Norms', sans-serif; }
  .rotate-phone__phone {
    display: inline-block;
    width: 30px;
    bottom: 24px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 4px;
    position: relative;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: anim-rotate;
    animation-duration: 3s; }
    .rotate-phone__phone:after {
      content: '';
      width: 100%;
      border-bottom: 2px solid #fff;
      position: absolute;
      top: 4px;
      left: 0; }
    .rotate-phone__phone:before {
      content: '';
      width: 100%;
      border-bottom: 2px solid #fff;
      position: absolute;
      bottom: 4px;
      left: 0; }

@keyframes anim-rotate {
  0%,
  10% {
    transform: rotate(0deg); }
  40%,
  60% {
    transform: rotate(90deg); }
  95%,
  100% {
    transform: rotate(0deg); } }

@media only screen and (max-width: 550px) {
  .rotate-phone {
    display: block; } }

.compare-page__container {
  display: flex;
  padding: 0 0 0 30px; }
  @media only screen and (max-width: 750px) {
    .compare-page__container {
      padding: 0; } }

@media only screen and (max-width: 750px) {
  .compare-page .section-title {
    margin-top: 24px;
    margin-left: 16px; } }

.compare-page__isMobile {
  display: none; }

@media only screen and (max-width: 1025px) {
  .compare-page__isMobile {
    display: none; }
  .compare-page__isTabled {
    display: block; } }

@media only screen and (max-width: 750px) {
  .compare-page__isMobile {
    display: block; }
  .compare-page__isTabled {
    display: none; } }

.compare-page__keys-column {
  box-shadow: 17px 4px 28px rgba(0, 0, 0, 0.05);
  min-width: 438px;
  max-width: 438px;
  z-index: 1; }
  @media only screen and (max-width: 1025px) {
    .compare-page__keys-column {
      box-shadow: 15px 10px 10px rgba(0, 0, 0, 0.02);
      min-width: 252px;
      max-width: 252px; } }
  @media only screen and (max-width: 750px) {
    .compare-page__keys-column {
      box-shadow: none;
      min-width: 184px;
      max-width: 184px; } }

.compare-page__product-column {
  min-width: 210px;
  width: 210px;
  max-width: 210px;
  min-height: 59px;
  border-right: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border); }
  @media only screen and (max-width: 1025px) {
    .compare-page__product-column {
      min-width: 150px;
      width: 150px;
      max-width: 150px;
      min-height: 44px; } }
  @media only screen and (max-width: 750px) {
    .compare-page__product-column {
      min-width: 121px;
      width: 121px;
      max-width: 121px;
      min-height: 42px; } }

.compare-page__value-box {
  overflow-y: auto; }
  .compare-page__value-box::-webkit-scrollbar {
    height: 4px;
    background: var(--text-color-textarea);
    border-radius: 2.5px; }
  .compare-page__value-box::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    background-color: var(--text-color);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .compare-page__value-box .compare-page__characteristic-title {
    opacity: 0; }
  .compare-page__value-box .compare-page__characteristic-list {
    color: var(--color-light-blue);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-14);
    line-height: 21px; }
    @media only screen and (max-width: 1025px) {
      .compare-page__value-box .compare-page__characteristic-list {
        font-size: var(--text-size-12);
        line-height: 18px; } }

.compare-page__characteristic-title {
  margin: 50px 0 18px 0;
  font-style: normal;
  font-weight: 500;
  font-size: var(--text-size-18);
  line-height: 27px;
  color: var(--color-primary);
  min-width: 438px;
  max-width: 438px; }
  @media only screen and (max-width: 1025px) {
    .compare-page__characteristic-title {
      min-width: 252px;
      max-width: 252px; } }
  @media only screen and (max-width: 750px) {
    .compare-page__characteristic-title {
      padding-left: 16px;
      min-width: 184px;
      max-width: 184px; } }

.compare-page__header-box {
  position: relative;
  padding-top: 48px; }
  @media only screen and (max-width: 1025px) {
    .compare-page__header-box {
      padding-top: 34px; } }
  @media only screen and (max-width: 750px) {
    .compare-page__header-box {
      padding-left: 16px;
      padding-top: 0;
      margin-top: 24px; } }
  .compare-page__header-box .compare-page__characteristic-title {
    position: absolute;
    bottom: 0; }
    @media only screen and (max-width: 750px) {
      .compare-page__header-box .compare-page__characteristic-title {
        padding-left: 0; } }
  .compare-page__header-box .section-title {
    margin-bottom: 18px; }
    @media only screen and (max-width: 1025px) {
      .compare-page__header-box .section-title {
        margin-bottom: 24px;
        line-height: 33px; } }

.compare-page__keys-column .compare-page__characteristic-list .compare-page__background:nth-child(even) {
  background: var(--color-border); }

.compare-page__characteristic-list .compare-page__background:nth-child(even) .compare-page__value {
  background: var(--color-border); }

.compare-page__characteristic-list .compare-page__keys-title:first-child {
  border-top: 1px solid var(--color-border); }

.compare-page__characteristic-list .compare-page__product-value:first-child .compare-page__value {
  border-top: 1px solid var(--color-border); }

.compare-page__keys-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 17px;
  border-left: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border); }
  @media only screen and (max-width: 1025px) {
    .compare-page__keys-title {
      padding: 12px 16px;
      font-style: normal;
      font-weight: normal;
      font-size: 14px; } }
  @media only screen and (max-width: 750px) {
    .compare-page__keys-title {
      font-size: 12px;
      box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.05); } }
  .compare-page__keys-title.show {
    background: var(--color-border); }
  @media only screen and (min-width: 1026px) {
    .compare-page__keys-title:hover .characteristic-list__item-descr {
      opacity: 1; } }
  @media only screen and (max-width: 1025px) {
    .compare-page__keys-title .characteristic-list__item-descr.show {
      opacity: 1;
      z-index: 2;
      pointer-events: all; } }

.compare-page__title-key {
  position: relative;
  display: flex; }
  @media only screen and (min-width: 1026px) {
    .compare-page__title-key:hover .info-icon__item-descr {
      opacity: 1; } }
  @media only screen and (max-width: 1025px) {
    .compare-page__title-key .info-icon__item-descr.show {
      opacity: 1;
      z-index: 2;
      pointer-events: all; } }
  @media only screen and (max-width: 1025px) {
    .compare-page__title-key .info-icon__item-descr {
      bottom: 79px; } }

.compare-page__product-value {
  display: flex; }

.compare-page__value {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 19px 29px; }
  @media only screen and (max-width: 1025px) {
    .compare-page__value {
      padding: 4px 8px; } }

.compare-page__warning {
  z-index: 2;
  position: fixed;
  transform: translateX(-50%);
  left: 50%;
  bottom: 80px;
  width: 600px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 27px;
  background: #ffbe76;
  border: 1px solid #f0932b;
  box-sizing: border-box;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px; }
  @media only screen and (max-width: 1025px) {
    .compare-page__warning {
      padding: 14px 24px; } }
  .compare-page__warning p {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 148.2%;
    color: #ffffff; }
  .compare-page__warning a {
    padding: 12px 24px;
    background: var(--color-white);
    border-radius: 10px;
    border: 1px solid transparent; }
    .compare-page__warning a:hover {
      border: 1px solid var(--color-primary); }
    @media only screen and (max-width: 1025px) {
      .compare-page__warning a {
        padding: 8px 24px;
        font-weight: 500;
        font-size: var(--text-size-14); }
        .compare-page__warning a:hover {
          border: 1px solid transparent; } }

.footer {
  padding: 56px 0 36px;
  background: var(--color-light-gray);
  border-top: 1px solid #e5e5e5; }
  @media only screen and (max-width: 1025px) {
    .footer {
      padding: 34px 0 21px; } }
  @media only screen and (max-width: 750px) {
    .footer {
      padding: 24px 0 20px 0; } }
  .footer__title {
    font-size: var(--text-size-34);
    line-height: 50px;
    color: var(--color-primary);
    font-weight: normal; }
    @media only screen and (max-width: 1025px) {
      .footer__title {
        font-size: var(--text-size-18);
        line-height: 27px;
        margin-bottom: 4px;
        font-weight: 500; } }
  .footer__catalog-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 530px; }
    .footer__catalog-menu_item {
      margin-right: 18px;
      margin-bottom: 2px; }
      @media only screen and (max-width: 1025px) {
        .footer__catalog-menu_item {
          margin-right: 12px;
          margin-bottom: 3px; } }
      .footer__catalog-menu_item a {
        display: block;
        font-size: var(--text-size-18);
        line-height: 27px;
        color: var(--text-color);
        transition: color 0.3s; }
        @media only screen and (max-width: 1025px) {
          .footer__catalog-menu_item a {
            font-size: var(--text-size-14);
            line-height: 20px; } }
        .footer__catalog-menu_item a:hover {
          color: var(--color-primary); }
  .footer__top-box, .footer__bottom-box, .footer__top-box_left-col {
    display: flex;
    justify-content: space-between; }
  @media only screen and (max-width: 1025px) {
    .footer__bottom-box {
      justify-content: flex-start; } }
  @media only screen and (max-width: 1025px) {
    .footer__bottom-box {
      width: 100%;
      justify-content: space-between; } }
  .footer__top-box_left-col {
    margin-right: 128px; }
    @media only screen and (max-width: 1025px) {
      .footer__top-box_left-col {
        max-width: 440px;
        flex-direction: column;
        margin-right: 24px; } }
    @media only screen and (max-width: 750px) {
      .footer__top-box_left-col {
        display: none; } }
  .footer__bottom-box {
    align-items: center; }
  .footer__top-box {
    margin-bottom: 66px; }
    .footer__top-box .contact-text:not(:last-child) {
      margin-bottom: 22px; }
      @media only screen and (max-width: 1025px) {
        .footer__top-box .contact-text:not(:last-child) {
          margin-bottom: 13px; } }
      @media only screen and (max-width: 750px) {
        .footer__top-box .contact-text:not(:last-child) {
          margin-bottom: 19px; } }
    @media only screen and (max-width: 1025px) {
      .footer__top-box {
        margin-bottom: 34px; } }
  @media only screen and (max-width: 750px) {
    .footer__bottom-box {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 550px) {
    .footer__bottom-box {
      align-items: flex-start; } }
  .footer__bottom-box p,
  .footer__bottom-box span,
  .footer__bottom-box a {
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-16);
    line-height: 19px;
    color: var(--text-color);
    transition: color 0.3s; }
    @media only screen and (max-width: 1025px) {
      .footer__bottom-box p,
      .footer__bottom-box span,
      .footer__bottom-box a {
        font-size: var(--text-size-14);
        line-height: 20px; } }
    @media only screen and (max-width: 750px) {
      .footer__bottom-box p,
      .footer__bottom-box span,
      .footer__bottom-box a {
        width: 136px; } }
  .footer__bottom-box a:hover {
    color: var(--color-primary); }
  @media only screen and (max-width: 750px) {
    .footer__bottom-box .copyright-personal-data {
      width: 160px;
      text-align: right; } }
  @media only screen and (max-width: 320px) {
    .footer__bottom-box .copyright-personal-data {
      text-align: left;
      margin-top: 15px; } }
  .footer__bottom-box .logo-rossery {
    display: flex;
    align-items: center; }
    .footer__bottom-box .logo-rossery span {
      margin-right: 10px; }
    .footer__bottom-box .logo-rossery svg {
      display: block; }
      .footer__bottom-box .logo-rossery svg path {
        transition: fill 0.3s; }
      @media only screen and (max-width: 1025px) {
        .footer__bottom-box .logo-rossery svg {
          width: 70px; } }
    @media only screen and (min-width: 1360px) {
      .footer__bottom-box .logo-rossery:hover svg path {
        fill: var(--color-primary); } }
    @media only screen and (max-width: 550px) {
      .footer__bottom-box .logo-rossery {
        margin-top: 24px; } }
    @media only screen and (max-width: 750px) {
      .footer__bottom-box .logo-rossery {
        width: 210px; }
        .footer__bottom-box .logo-rossery span {
          width: auto;
          margin-right: 6px; } }
  .footer__nav {
    max-width: 310px;
    display: block;
    margin-top: 15px; }
    @media only screen and (max-width: 1025px) {
      .footer__nav {
        display: flex;
        max-width: 100%;
        margin-top: 12px;
        row-gap: 0;
        column-gap: 24px; } }
    .footer__nav-item {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1025px) {
        .footer__nav-item a {
          font-size: var(--text-size-14);
          line-height: 17px;
          font-weight: 500; } }
  .footer .vestfrost-contacts {
    margin-top: 15px; }
    @media only screen and (max-width: 1025px) {
      .footer .vestfrost-contacts {
        max-width: 250px; } }

.main-preloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  background: var(--color-primary);
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-preloader__content {
    display: flex;
    flex-direction: column; }
  .main-preloader__ua {
    width: 50px;
    height: 45px;
    background-image: url("/icon/ua.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    align-self: flex-end;
    transform: scale(0.5) translateX(-100px) translateY(100px) rotate(-45deg);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
    transition-delay: 0.8s; }
  .main-preloader svg path {
    fill: #ffffff; }
  .main-preloader__logo {
    width: 240px;
    height: 50px;
    margin: 0 auto 18px;
    opacity: 0;
    transition: opacity 1s; }
  .main-preloader__text {
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay: 0.8s; }
  .main-preloader.preloader-ready .main-preloader__logo {
    opacity: 1 !important; }
  .main-preloader.preloader-ready .main-preloader__text {
    opacity: 0.5 !important; }
  .main-preloader.preloader-ready .main-preloader__ua {
    transform: scale(1) translateX(-10px) translateY(0) rotate(0) !important;
    opacity: 1 !important; }

.cookie-popup {
  width: 510px;
  position: fixed;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  padding: 17px 23px 17px 67px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-light-gray);
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  z-index: 10; }
  @media only screen and (max-width: 1025px) {
    .cookie-popup {
      bottom: 112px; } }
  @media only screen and (max-width: 750px) {
    .cookie-popup {
      width: calc(100% - 30px);
      left: 16px;
      transform: translateX(0);
      padding: 19px 20px 19px 67px; } }
  .cookie-popup::before {
    content: '';
    width: 32px;
    height: 32px;
    background-image: url("/elements/cookie.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 16px);
    left: 24px; }
  .cookie-popup__text {
    font-size: 18px;
    line-height: 27px;
    margin-right: 12px; }
    @media only screen and (max-width: 750px) {
      .cookie-popup__text {
        font-size: 14px;
        line-height: 20px; } }
  .cookie-popup__link {
    text-decoration: underline;
    margin-left: 5px; }
    @media only screen and (max-width: 750px) {
      .cookie-popup__link {
        display: block;
        font-size: 14px;
        line-height: 20px;
        margin-left: 0; } }
  .cookie-popup .main-btn {
    padding: 8px 24px;
    font-weight: normal; }

.filter-group-container {
  will-change: transform; }

.modal-enter {
  opacity: 0; }

.modal-enter-active {
  opacity: 1;
  transition: opacity 0.3s; }

.modal-exit {
  opacity: 1; }

.modal-exit-active {
  opacity: 0;
  transition: opacity 0.3s; }

@charset "UTF-8";
:root {
  --color-primary: #002e5d;
  --color-light-gray: #fafafa;
  --color-white: #ffffff;
  --text-color: #94a8bb;
  --text-color-textarea: #c0c4d8;
  --color-light-blue: #66829e;
  --background-color: #f8f8f8;
  --color-border: #f4f4f9;
  --border-color: #e5e5e5;
  --color-overlay: rgba(33, 33, 33, 0.5);
  --color-red: #ff6644;
  --text-size-8: 8px;
  --text-size-10: 10px;
  --text-size-12: 12px;
  --text-size-14: 14px;
  --text-size-16: 16px;
  --text-size-18: 18px;
  --text-size-20: 20px;
  --text-size-22: 22px;
  --text-size-24: 24px;
  --text-size-26: 26px;
  --text-size-28: 28px;
  --text-size-32: 32px;
  --text-size-34: 34px;
  --text-size-48: 48px;
  --font-primary: 'TT Norms'; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  background: var(--color-primary); }
  html.loaded {
    background: transparent; }

main,
#__next {
  background: #fff; }

html,
body {
  width: 100%;
  height: 100%; }

body {
  padding: 0;
  margin: 0;
  font: var(--text-size-18) var(--font-primary), sans-serif;
  line-height: 1.5;
  background: #fff;
  color: var(--color-primary);
  letter-spacing: 0.02em; }

div,
p,
a,
span,
em,
strong,
img,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
td,
tr,
form,
fieldset,
label,
select,
input,
textarea,
header,
nav,
section,
article,
aside,
footer,
blockquote {
  padding: 0;
  margin: 0;
  outline: none;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-feature-settings: 'liga' 0 !important;
  font-feature-settings: 'liga1' off !important; }

* {
  font-feature-settings: 'liga' 0 !important;
  font-feature-settings: 'liga1' off !important; }

input {
  -webkit-appearance: none !important; }

select,
input,
textarea {
  font: normal var(--text-size-18) var(--font-primary), sans-serif;
  color: var(--color-primary);
  vertical-align: middle; }

textarea {
  vertical-align: top;
  resize: none; }

:focus {
  outline: none !important; }

input[type='submit'],
button {
  cursor: pointer;
  outline: none !important; }

img,
fieldset {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  font: var(--text-size-18) var(--font-primary), sans-serif;
  color: var(--color-primary);
  text-decoration: none; }

a:hover {
  text-decoration: none; }

ol,
ul,
li {
  padding: 0;
  margin: 0;
  list-style-type: none; }

h1::selection,
h2::selection,
h3::selection,
p::selection,
li::selection,
a::selection,
strong::selection,
span::selection,
blockquote::selection,
img::selection {
  color: #fff;
  background: var(--color-primary);
  /* Цвет фона */ }

::-webkit-scrollbar {
  width: 7px;
  height: 3px; }

::-webkit-scrollbar-track {
  background: #ececec; }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--color-light-blue); }

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary); }

.main-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh; }
  @media only screen and (max-width: 1025px) {
    .main-wrapper {
      padding-bottom: 80px; }
      .main-wrapper.ProductPage {
        padding-bottom: 120px; }
      .main-wrapper.mobile {
        display: flex;
        flex-direction: column; } }

.page-wrapper {
  min-height: calc(100vh - 346px);
  padding-top: 79px; }
  @media only screen and (max-width: 1025px) {
    .page-wrapper {
      padding-top: 34px;
      min-height: auto; } }

.container {
  max-width: 1310px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  overflow-anchor: none; }
  @media only screen and (max-width: 750px) {
    .container {
      padding: 0 15px; } }

.section-title {
  font-size: var(--text-size-48);
  line-height: 57px;
  font-weight: normal;
  color: var(--color-primary); }
  @media only screen and (max-width: 1025px) {
    .section-title {
      font-size: var(--text-size-34);
      line-height: 50px; } }

.section-subtitle {
  font-weight: 500;
  font-size: var(--text-size-18);
  line-height: 21px;
  color: var(--color-light-blue); }
  @media only screen and (max-width: 1025px) {
    .section-subtitle {
      font-size: var(--text-size-14);
      line-height: 17px; } }

.opasity-0 {
  opacity: 0 !important;
  pointer-events: none; }

.main-btn {
  display: inline-block;
  outline: none;
  border: none;
  background: var(--color-primary);
  border-radius: 10px;
  padding: 14px 18px;
  font-style: normal;
  font-weight: 500;
  font-size: var(--text-size-18);
  line-height: 27px;
  text-align: center;
  color: var(--color-white);
  border: 1px solid transparent;
  transition: border 0.3s, color 0.3s, background 0.3s; }
  @media only screen and (min-width: 1360px) {
    .main-btn:hover {
      color: var(--color-primary);
      background: #ffffff;
      border: 1px solid #f4f4f9; } }
  @media only screen and (max-width: 1025px) {
    .main-btn {
      padding: 9px 18px;
      font-size: var(--text-size-14);
      line-height: 17px; } }

.btn-reset {
  background: none;
  outline: none;
  border: none;
  font-family: var(--font-primary); }

.close-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-image: url("/elements/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  display: block;
  transition: transform 0.5s; }
  @media only screen and (min-width: 1360px) {
    .close-btn:hover {
      transform: rotate(90deg); } }

.white-btn {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  background: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  padding: 12.5px 22px 12.5px 18px;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-primary);
  order: 0;
  transition: background 0.3s, color 0.3s, border 0.3s; }
  @media only screen and (max-width: 1025px) {
    .white-btn {
      padding: 8px 16px 8px 12px; } }
  .white-btn svg {
    margin-left: 12px; }
  .white-btn svg path {
    fill: var(--color-primary);
    transition: fill 0.3s; }
  @media only screen and (min-width: 1360px) {
    .white-btn:hover {
      background: var(--color-primary);
      color: var(--color-white); }
      .white-btn:hover svg path {
        fill: var(--color-white); } }

.light-border {
  border: 1px solid var(--color-border); }

.download-btn {
  text-align: center; }
  .download-btn svg path {
    transition: fill 0.3s; }
  .download-btn:hover svg path {
    fill: #fff; }

.btn-primary {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  padding: 12.5px 22px 12.5px 18px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-white);
  order: 0;
  transition: background 0.3s, color 0.3s, border 0.3s; }
  @media only screen and (max-width: 1025px) {
    .btn-primary {
      padding: 9px 16px 9px 12px; } }
  .btn-primary svg {
    margin-left: 12px; }
  .btn-primary svg path {
    fill: var(--color-white);
    transition: fill 0.3s; }
  @media only screen and (min-width: 1360px) {
    .btn-primary:hover {
      background: var(--color-white);
      color: var(--color-primary); }
      .btn-primary:hover svg path {
        fill: var(--color-primary); } }

.btn-transparent {
  background: transparent;
  border: none; }

.btn-close {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
  padding: 0 15px;
  cursor: pointer; }
  .btn-close::before, .btn-close::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 7px;
    width: 16px;
    height: 2px;
    background-color: var(--color-white);
    border-radius: 5px; }
  .btn-close::before {
    transform: rotate(45deg); }
  .btn-close::after {
    transform: rotate(-45deg); }

.home-page {
  background: var(--background-color);
  overflow: hidden; }
  .home-page .go-back-up {
    border: none; }

.background-categorie {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 3px; }
  .background-categorie a {
    display: block;
    padding: 8px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-14);
    line-height: 17px;
    color: var(--color-white); }
    @media only screen and (max-width: 1025px) {
      .background-categorie a {
        padding: 4px 8px; } }

.search {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 1%;
  top: 35%;
  border: none;
  background-color: transparent;
  background-image: url("/icon/search-btn.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  @media only screen and (max-width: 1025px) {
    .search {
      position: initial;
      width: 34px;
      height: 34px;
      background-size: 23px; } }
  .search img {
    display: block;
    width: 16px;
    height: 16px; }
    @media only screen and (max-width: 1025px) {
      .search img {
        width: 100%;
        height: 100%; } }

/*text*/
.medium-text {
  font-style: normal;
  font-weight: normal;
  font-size: var(--text-size-24);
  line-height: 28px;
  color: var(--color-primary); }
  @media only screen and (max-width: 1025px) {
    .medium-text {
      font-size: var(--text-size-18);
      line-height: 20px; } }

.semicircle {
  position: relative; }
  .semicircle::before {
    content: '';
    width: 102%;
    height: 100%;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    box-shadow: 0px -30px 98px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 0;
    left: -1%; }
    @media only screen and (max-width: 1025px) {
      .semicircle::before {
        width: 130%;
        left: -15%;
        box-shadow: none; } }
    @media only screen and (max-width: 750px) {
      .semicircle::before {
        width: 220%;
        left: -60%; } }

.hover-underline {
  width: max-content;
  position: relative;
  padding-bottom: 2px; }
  .hover-underline::after {
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color-primary);
    transition: width 0.5s;
    will-change: transform; }
  @media only screen and (min-width: 1360px) {
    .hover-underline:hover {
      color: var(--color-primary); }
      .hover-underline:hover::after {
        width: 100%; } }

.text p {
  margin: 20px 0; }
  @media only screen and (max-width: 1025px) {
    .text p {
      font-size: var(--text-size-14);
      line-height: 20px; } }
  .text p:first-of-type {
    margin: 0 0 20px 0; }
  .text p:only-of-type {
    margin: 0; }

.text ul,
.text ol {
  padding-left: 20px; }
  .text ul li,
  .text ol li {
    margin-bottom: 10px; }
    @media only screen and (max-width: 1025px) {
      .text ul li,
      .text ol li {
        font-size: var(--text-size-14);
        line-height: 20px; } }

.text ul li {
  list-style: disc; }

.text ol li {
  list-style: decimal; }

.injected-svg {
  display: block; }

.overflow {
  height: 100vh;
  overflow: hidden; }

.filter-group-container {
  will-change: transform; }

.pr-modal-enter {
  opacity: 0; }

.pr-modal-enter-active {
  opacity: 1;
  transition: opacity 0.5s; }

.pr-modal-exit {
  opacity: 1; }

.pr-modal-exit-active {
  opacity: 0;
  transition: opacity 0.5s; }

/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: var(--color-primary);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary);
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: none !important;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: var(--color-primary);
  border-left-color: var(--color-primary);
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

.store__select {
  max-width: 270px;
  width: 100%;
  min-width: 170px;
  max-height: 48px;
  z-index: 2; }
  .store__select .select__control {
    height: 42px;
    min-height: 100%;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    box-shadow: var(--color-primary);
    box-sizing: border-box;
    border-radius: 10px; }
    .store__select .select__control--menu-is-open {
      border-color: var(--color-primary);
      box-shadow: var(--color-primary); }
    .store__select .select__control:hover {
      border-color: var(--color-primary);
      box-shadow: var(--color-primary); }
    .store__select .select__control .css-g1d714-ValueContainer {
      padding: 0 12px; }
  .store__select .select__single-value {
    font-size: 14px;
    line-height: 17px;
    color: var(--color-primary); }
  .store__select .select__indicator-separator {
    display: none; }
  .store__select .select__placeholder {
    font-size: 14px;
    line-height: 17px;
    color: var(--color-primary); }
  .store__select .select__indicator svg path {
    fill: var(--color-primary); }
  .store__select .select__menu-list > div {
    font-size: 14px;
    line-height: 17px;
    color: var(--color-primary); }
    .store__select .select__menu-list > div.select__option--is-selected {
      color: var(--color-white); }

.map-box {
  position: relative;
  width: 771px;
  height: 435px;
  background: var(--color-white);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  overflow: hidden;
  z-index: 1; }
  @media only screen and (max-width: 1025px) {
    .map-box {
      max-width: 600px;
      min-width: 100%;
      width: 100%;
      height: 297px; } }
  .map-box .map_geolocation {
    position: absolute;
    bottom: 18px;
    left: 18px;
    padding: 12px 18px;
    display: flex;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-14);
    line-height: 17px;
    font-feature-settings: 'liga' off;
    color: var(--color-primary);
    transition: background 0.3s, color 0.3s; }
    .map-box .map_geolocation div {
      margin-left: 10px; }
      .map-box .map_geolocation div path {
        transition: fill 0.3s; }
    @media only screen and (min-width: 1360px) {
      .map-box .map_geolocation:hover {
        background: var(--color-primary);
        color: var(--color-white); }
        .map-box .map_geolocation:hover path {
          fill: var(--color-white); } }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@media only screen and (max-width: 1025px) {
  [data-aos] {
    transform: translate3d(0, 0, 0) !important;
    opacity: 1 !important; } }

iframe[name='helpcrunch-iframe'] {
  bottom: 45px !important; }

.find-service-center {
  padding: 70px 0 55px; }
  .find-service-center .search-service-center {
    margin: 0 auto; }
  @media only screen and (max-width: 1025px) {
    .find-service-center {
      padding: 34px 0 68px;
      overflow: hidden; }
      .find-service-center .container {
        padding: 0 120px; }
      .find-service-center .search {
        position: absolute;
        width: 16px;
        height: 16px;
        background-size: contain;
        right: 15px;
        top: 13px; } }
  @media only screen and (max-width: 750px) {
    .find-service-center .container {
      padding: 0 15px; } }
  .find-service-center .container {
    position: relative; }
  .find-service-center .section-subtitle {
    text-align: center;
    margin-bottom: 8px; }
    @media only screen and (max-width: 1025px) {
      .find-service-center .section-subtitle {
        margin-bottom: 12px; } }
    @media only screen and (max-width: 750px) {
      .find-service-center .section-subtitle {
        margin: 18px; } }
  .find-service-center .section-title {
    max-width: 612px;
    margin: 0 auto 48px;
    text-align: center; }
    @media only screen and (max-width: 1025px) {
      .find-service-center .section-title {
        max-width: 400px;
        margin-bottom: 24px; } }
    @media only screen and (max-width: 750px) {
      .find-service-center .section-title {
        max-width: 100%;
        font-size: var(--text-size-24);
        line-height: 28px;
        margin: 0 auto 34px; } }

.advantages-list {
  display: flex;
  justify-content: center;
  max-width: 930px;
  margin: 0 auto;
  margin-top: 48px; }
  @media only screen and (max-width: 1025px) {
    .advantages-list {
      max-width: 530px; } }
  @media only screen and (max-width: 750px) {
    .advantages-list {
      max-width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center; } }
  .advantages-list__item {
    width: 294px; }
    @media only screen and (max-width: 1025px) {
      .advantages-list__item {
        max-width: 160px; } }
    @media only screen and (max-width: 750px) {
      .advantages-list__item {
        width: 100%;
        display: flex;
        max-width: 100%;
        justify-content: flex-start;
        align-items: center;
        padding: 0 25px; } }
    .advantages-list__item:not(:last-child) {
      margin-right: 24px; }
      @media only screen and (max-width: 750px) {
        .advantages-list__item:not(:last-child) {
          margin-right: 0;
          margin-bottom: 24px; } }
    .advantages-list__item-icon {
      min-width: 64px;
      min-height: 64px;
      max-width: 64px;
      max-height: 64px;
      border-radius: 50%;
      background: #f4f4f9;
      border: 1px solid #e5e5e5;
      margin: 0 auto 12px;
      background-repeat: no-repeat;
      background-position: center; }
      .advantages-list__item-icon div {
        display: flex;
        align-items: center;
        justify-content: center; }
        .advantages-list__item-icon div div {
          display: flex;
          align-items: center;
          justify-content: center; }
      @media only screen and (max-width: 1025px) {
        .advantages-list__item-icon {
          min-width: 48px;
          min-height: 48px;
          max-width: 48px;
          max-height: 48px; } }
      @media only screen and (max-width: 750px) {
        .advantages-list__item-icon {
          min-width: 56px;
          min-height: 56px;
          max-width: 56px;
          max-height: 56px;
          margin: 0 12px 0 0; } }
    .advantages-list__item .advantages-list__item-icon {
      display: flex;
      align-items: center;
      justify-content: center; }
    .advantages-list__item-title {
      font-weight: 500;
      font-size: var(--text-size-18);
      line-height: 27px;
      text-align: center;
      color: var(--color-primary); }
      @media only screen and (max-width: 1025px) {
        .advantages-list__item-title {
          font-size: var(--text-size-14);
          line-height: 17px; } }
      @media only screen and (max-width: 750px) {
        .advantages-list__item-title {
          max-width: 224px;
          text-align: left;
          font-size: var(--text-size-18);
          line-height: 27px;
          font-weight: normal; } }

.table-service-center header {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 18px 12px; }

.table-service-center .btn-close {
  margin: 10px 10px 0 0; }
  .table-service-center .btn-close::before, .table-service-center .btn-close::after {
    background-color: var(--color-primary); }

.table-service-center__table {
  height: 371px;
  overflow-y: auto; }
  .table-service-center__table::-webkit-scrollbar {
    width: 4px;
    background: var(--background-color);
    border-radius: 2.5px; }
  .table-service-center__table::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    background-color: var(--text-color);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 1025px) {
    .table-service-center__table {
      padding-bottom: 140px; } }

.table-service-center__list-centers__left-col {
  padding-bottom: 12px; }

.table-service-center__city-box h2 {
  font-size: var(--text-size-18);
  padding: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px;
  color: var(--color-primary);
  background: #f4f4f9; }

.table-service-center .grid {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.table-service-center__list-centers li {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: 1px solid #f4f4f9;
  border-right: 1px solid #f4f4f9; }
  @media only screen and (max-width: 750px) {
    .table-service-center__list-centers li {
      grid-template-columns: 1fr 1fr; } }

.search-service-center {
  min-width: 453px;
  width: 100%;
  max-width: 612px;
  margin-top: 38px; }
  @media only screen and (max-width: 1025px) {
    .search-service-center {
      min-width: 100%;
      margin: 0; } }
  .search-service-center__input-box {
    width: 100%;
    height: min-content;
    position: relative; }
  .search-service-center__box-content {
    position: relative; }
  .search-service-center input {
    width: 100%;
    height: 48px;
    padding: 11px 41px 11px 12px;
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-18);
    line-height: 19px;
    color: var(--color-primary); }
    .search-service-center input::placeholder {
      color: var(--text-color-textarea); }
    @media only screen and (max-width: 1025px) {
      .search-service-center input {
        height: 42px; } }
  @media only screen and (max-width: 1025px) {
    .search-service-center .container {
      padding: 0 120px; }
    .search-service-center .search {
      position: absolute;
      width: 16px;
      height: 16px;
      background-size: contain;
      right: 15px;
      top: 13px; } }
  @media only screen and (max-width: 750px) {
    .search-service-center .container {
      padding: 0 15px; } }
  .search-service-center .autocomplete-dropdown-container {
    position: absolute;
    width: 100%;
    font-size: var(--text-size-18);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    z-index: 3; }
  .search-service-center .suggestion-item,
  .search-service-center .suggestion-item--active {
    border-bottom: 1px solid var(--color-border); }
  .search-service-center .suggestion-item--active {
    padding: 12px; }
  .search-service-center .suggestion-item {
    padding: 12px; }
  .search-service-center button {
    right: 20px;
    top: 15px; }
  .search-service-center__list-city {
    display: flex;
    margin-top: 12px; }
    @media only screen and (max-width: 750px) {
      .search-service-center__list-city {
        margin-top: 16px; } }
    .search-service-center__list-city button {
      outline: none;
      border: none;
      margin-right: 12px;
      padding: 8px 12px;
      background: var(--color-border);
      border-radius: 3px;
      cursor: pointer;
      font-style: normal;
      font-weight: 500;
      font-size: var(--text-size-14);
      line-height: 17px;
      color: var(--color-light-blue); }
      @media only screen and (max-width: 1025px) {
        .search-service-center__list-city button {
          font-size: var(--text-size-12);
          padding: 10px 8px;
          margin-right: 8px; } }


.nearest-service-center {
  border: 1px solid var(--color-border);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 12px;
  margin-right: 24px; }
  @media only screen and (max-width: 1025px) {
    .nearest-service-center {
      margin-right: 0; } }
  .nearest-service-center h5 {
    margin-top: 12px;
    margin-left: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-14);
    line-height: 17px;
    color: var(--color-primary);
    margin-bottom: 4px; }
  .nearest-service-center__service {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid var(--color-border); }
    @media only screen and (max-width: 750px) {
      .nearest-service-center__service {
        grid-template-columns: 1fr 1fr; } }

.find-service-center {
  padding: 70px 0 55px; }
  @media only screen and (max-width: 1025px) {
    .find-service-center {
      padding: 34px 0 68px; } }
  .find-service-center .container {
    position: relative; }
  .find-service-center .section-subtitle {
    text-align: center;
    margin-bottom: 8px; }
    @media only screen and (max-width: 1025px) {
      .find-service-center .section-subtitle {
        margin-bottom: 12px; } }
  .find-service-center .section-title {
    max-width: 612px;
    margin: 0 auto 48px;
    text-align: center; }
    @media only screen and (max-width: 1025px) {
      .find-service-center .section-title {
        max-width: 400px; } }

.back-container {
  padding: 12px 30px;
  border-bottom: 1px solid var(--border-color); }
  @media only screen and (max-width: 750px) {
    .back-container {
      padding: 12px 16px; } }

.back-to-catalog-link {
  display: inline-block;
  padding-left: 42px;
  font-weight: 500;
  font-size: var(--text-size-18);
  line-height: 27px;
  color: var(--color-primary);
  position: relative; }
  .back-to-catalog-link::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("/icon/back-arrow.svg");
    background-size: 15px 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: calc(50% - 12px); }

.go-back-up {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  border-top: 1px solid var(--border-color);
  background: #fff; }
  .go-back-up a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: var(--text-size-18);
    line-height: 148.2%;
    color: var(--color-primary);
    cursor: pointer; }
    .go-back-up a span {
      display: inline-block;
      width: 15px;
      height: 16px;
      margin-left: 22px;
      background: url("/icon/arrow-up.svg") no-repeat;
      transition: transform 500ms; }
    @media only screen and (min-width: 1360px) {
      .go-back-up a:hover span {
        transform: translateY(-30%); } }

.care-page {
  padding-bottom: 96px; }
  @media only screen and (max-width: 1025px) {
    .care-page {
      padding-bottom: 68px; } }
  .care-page__box-title {
    margin-top: 49px;
    text-align: center; }
    @media only screen and (max-width: 1025px) {
      .care-page__box-title {
        margin-top: 0; } }
    .care-page__box-title .section-title {
      margin-bottom: 24px; }
      @media only screen and (max-width: 1025px) {
        .care-page__box-title .section-title {
          margin-bottom: 14px; } }
    .care-page__box-title .text p {
      max-width: 650px;
      margin: 0 auto !important;
      color: var(--color-light-blue); }
      @media only screen and (max-width: 1025px) {
        .care-page__box-title .text p {
          max-width: 550px; } }
  @media only screen and (max-width: 1025px) {
    .care-page .gmnoprint {
      display: none; }
    .care-page .container {
      padding: 0 120px; }
    .care-page .search {
      position: absolute;
      width: 16px;
      height: 16px;
      background-size: contain;
      right: 15px;
      top: 13px; } }
  @media only screen and (max-width: 750px) {
    .care-page .container {
      padding: 0 15px; }
    .care-page .nearest-service-center__service {
      align-items: center; }
    .care-page .care-page__nearest-service-address,
    .care-page .care-page__service-address,
    .care-page .care-page__name-service {
      padding: 6px 0 6px 12px; } }
  .care-page .nearest-service-center__service.two-items {
    grid-template-columns: 1fr 1fr; }
  .care-page .search-service-center {
    padding-right: 24px; }
    @media only screen and (max-width: 1025px) {
      .care-page .search-service-center {
        padding-right: 0; } }
  .care-page__content {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    margin-bottom: 68px; }
    @media only screen and (max-width: 1025px) {
      .care-page__content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 28px;
        margin-bottom: 47px; } }
  .care-page__search {
    width: 477px;
    position: relative;
    z-index: 2; }
    @media only screen and (max-width: 1025px) {
      .care-page__search {
        width: 100%; } }
  .care-page__btn-toggle {
    margin-top: 24px;
    border: 1px solid var(--color-border) !important; }
    @media only screen and (max-width: 1025px) {
      .care-page__btn-toggle {
        margin-top: 12px;
        margin-bottom: 24px; } }
    @media only screen and (max-width: 1025px) {
      .care-page__btn-toggle {
        margin-top: 16px;
        margin-bottom: 24px; } }
  .care-page__btn-back {
    display: flex;
    align-items: center; }
    .care-page__btn-back svg {
      margin: 0;
      margin-right: 12px; }
    .care-page__btn-back div > div {
      display: flex;
      justify-content: center;
      align-items: center; }
  .care-page__border-box {
    padding: 12px;
    margin-right: 24px;
    border: 1px solid var(--color-border);
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    @media only screen and (max-width: 1025px) {
      .care-page__border-box {
        margin-right: 0; } }
    .care-page__border-box .care-page__btn-toggle {
      margin: 0; }
  .care-page__service-text {
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-14);
    line-height: 18px;
    color: var(--color-light-blue);
    padding: 12px; }
    @media only screen and (max-width: 1025px) {
      .care-page__service-text {
        font-size: var(--text-size-12); } }
    .care-page__service-text .phone-item a {
      font-weight: normal;
      font-size: var(--text-size-14);
      line-height: 18px;
      color: var(--color-light-blue); }
      @media only screen and (max-width: 1025px) {
        .care-page__service-text .phone-item a {
          font-size: var(--text-size-12); } }
    .care-page__service-text.care-page__service-phones {
      text-align: right; }
      @media only screen and (max-width: 750px) {
        .care-page__service-text.care-page__service-phones {
          text-align: left; } }
  .care-page__nearest-service-text {
    font-size: var(--text-size-12);
    line-height: 18px;
    padding: 12px;
    color: var(--color-light-blue); }
    .care-page__nearest-service-text a {
      display: block;
      font-size: var(--text-size-12);
      line-height: 18px;
      color: var(--color-light-blue); }
  .care-page__nearest-service-phones {
    max-width: 180px;
    text-align: right; }
    @media only screen and (max-width: 750px) {
      .care-page__nearest-service-phones {
        padding: 12px 12px 6px 12px; } }
  .care-page__name-service {
    color: var(--color-primary);
    padding: 12px 12px 4px 12px; }
    @media only screen and (max-width: 750px) {
      .care-page__name-service {
        padding: 12px 0 6px 12px; } }
  @media only screen and (max-width: 750px) {
    .care-page__nearest-service-address, .care-page__service-address {
      padding: 0 0 12px 12px; } }
  @media only screen and (max-width: 750px) {
    .care-page__service-phones {
      text-align: right !important; } }
  .care-page .show-on-map-btn {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-light-blue);
    margin-left: 12px;
    padding-right: 18px;
    position: relative; }
    .care-page .show-on-map-btn::after {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      right: 0;
      background-image: url("/icon/services-map-pin.svg");
      background-size: contain;
      background-repeat: no-repeat; }

.store__search-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 34px; }
  .store__search-box > div:first-child {
    width: 100%; }

.store__info-box {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 14px; }
  .store__info-box span {
    font-family: var(--font-prymary);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-18);
    line-height: 27px;
    color: var(--text-color);
    margin-left: 15px; }

.store__select {
  margin-top: 24px;
  z-index: 2; }
  .store__select .css-9gakcf-option {
    background: var(--color-primary);
    color: var(--color-white); }
  .store__select .css-1n7v3ny-option {
    background-color: var(--color-border); }

.store__current-store {
  width: 100%;
  height: auto;
  padding: 14px 12px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (max-width: 750px) {
    .store__current-store {
      flex-wrap: wrap; } }
  .store__current-store h4 {
    font-family: var(--font-prymary);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-14);
    line-height: 20px;
    font-feature-settings: 'liga' off;
    color: var(--color-primary); }
  @media only screen and (max-width: 1025px) {
    .store__current-store p {
      max-width: 200px; } }
  .store__current-store p,
  .store__current-store a {
    font-family: var(--font-prymary);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-14);
    line-height: 20px;
    font-feature-settings: 'liga' off;
    color: var(--text-color); }
  .store__current-store > .map_geolocation {
    position: initial; }
    @media only screen and (max-width: 750px) {
      .store__current-store > .map_geolocation {
        margin-top: 15px; } }

.map-container {
  width: 100%;
  height: 100%; }
  .map-container .map-image-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .map-container .map-image-wrap::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(211, 211, 211, 0.8); }
    .map-container .map-image-wrap > .btn-primary {
      font-family: var(--font-primary);
      position: absolute;
      z-index: 2;
      border: 1px solid var(--holst, #fff); }
    .map-container .map-image-wrap > img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.current-catalog {
  padding: 50px 0 70px; }
  @media only screen and (max-width: 1025px) {
    .current-catalog {
      padding: 0 0 50px; } }
  .current-catalog__heading {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 1025px) {
      .current-catalog__heading {
        margin-bottom: 34px; } }
    @media only screen and (max-width: 750px) {
      .current-catalog__heading .section-title {
        font-size: var(--text-size-24);
        line-height: 28px; } }
  .current-catalog .filter-btn {
    padding: 8px 23px 8px 18px;
    border: 1px solid var(--border-color);
    font-size: var(--text-size-18);
    line-height: 24px;
    font-family: var(--font-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: border 0.5s, background 0.5s, color 0.5s; }
    @media only screen and (max-width: 1025px) {
      .current-catalog .filter-btn {
        padding: 9px 17px 9px 12px;
        font-size: var(--text-size-14);
        line-height: 17px; } }
    .current-catalog .filter-btn div {
      display: flex;
      justify-content: center;
      align-items: center; }
    .current-catalog .filter-btn svg path {
      transition: fill 0.5s; }
    .current-catalog .filter-btn:hover {
      background: var(--color-primary);
      color: var(--color-white);
      border: 1px solid var(--color-primary); }
      .current-catalog .filter-btn:hover svg path {
        fill: var(--color-white); }
  .current-catalog .btn-container {
    margin-top: 48px; }
    @media only screen and (max-width: 1025px) {
      .current-catalog .btn-container {
        margin-top: 34px; } }

.current-catalog-list {
  display: grid;
  grid-gap: 34px 24px;
  align-items: flex-end;
  transition: opacity 0.5s; }
  @media only screen and (max-width: 1025px) {
    .current-catalog-list {
      margin-bottom: 0; } }
  @media only screen and (max-width: 750px) {
    .current-catalog-list {
      grid-gap: 24px; } }
  .current-catalog-list.three_columns {
    grid-template-columns: repeat(3, 1fr); }
    .current-catalog-list.three_columns .current-catalog-list__item-img {
      height: 194px; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list.three_columns .current-catalog-list__item-img {
          height: 150px; } }
  .current-catalog-list.four_columns {
    grid-template-columns: repeat(4, 1fr); }
    .current-catalog-list.four_columns .current-catalog-list__item-img {
      height: 294px; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list.four_columns .current-catalog-list__item-img {
          height: 193px; } }
  .current-catalog-list.five_columns {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 9px 34px; }
    @media only screen and (max-width: 1025px) {
      .current-catalog-list.five_columns {
        grid-gap: 9px 18px; } }
    .current-catalog-list.five_columns .current-catalog-list__item-bottom {
      min-height: 80px;
      flex-direction: column;
      justify-content: flex-start; }
      .current-catalog-list.five_columns .current-catalog-list__item-bottom .compare-product {
        margin-top: 8px; }
        @media only screen and (max-width: 1025px) {
          .current-catalog-list.five_columns .current-catalog-list__item-bottom .compare-product {
            margin-top: 0; } }
  @media only screen and (max-width: 750px) {
    .current-catalog-list.current-catalog-list {
      grid-template-columns: repeat(2, 1fr); } }
  .current-catalog-list__item {
    max-width: 400px; }
    .current-catalog-list__item-img {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 34px;
      box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.04);
      border: 1px solid var(--color-border);
      border-radius: 10px;
      margin-bottom: 12px;
      position: relative;
      transition: box-shadow 0.5s, background .5s;
      overflow: hidden; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list__item-img {
          padding: 24px;
          margin-bottom: 6px; } }
      .current-catalog-list__item-img .details-btn {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translateY(100%);
        transition: all 0.5s; }
      .current-catalog-list__item-img img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        transition: opacity .5s; }
    .current-catalog-list__item-bottom {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list__item-bottom {
          flex-direction: column;
          min-height: auto; } }
    .current-catalog-list__item-title a {
      display: block;
      font-weight: 500;
      font-size: var(--text-size-24);
      line-height: 28px;
      color: var(--color-primary);
      position: relative;
      padding-bottom: 2px;
      max-height: 60px;
      overflow: hidden; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list__item-title a {
          font-size: var(--text-size-18);
          line-height: 27px; } }
      .current-catalog-list__item-title a::after {
        content: '';
        width: 0;
        height: 2px;
        background: var(--color-primary);
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width 0.5s; }
    .current-catalog-list__item .compare-product {
      font-weight: 500;
      font-size: var(--text-size-14);
      line-height: 17px;
      color: var(--text-color);
      transition: color 0.3s;
      margin-top: 9px;
      cursor: pointer; }
      @media only screen and (max-width: 1025px) {
        .current-catalog-list__item .compare-product {
          margin-top: 4px;
          font-size: var(--text-size-12);
          line-height: 18px;
          font-weight: normal; } }
      .current-catalog-list__item .compare-product:hover {
        color: var(--text-primary); }
    @media only screen and (min-width: 1360px) {
      .current-catalog-list__item:hover .details-btn {
        transform: translateY(0); }
      .current-catalog-list__item:hover .current-catalog-list__item-title a::after {
        width: 100%; } }

.btn-container {
  display: flex;
  justify-content: center; }

.five_columns + .btn-container {
  margin-top: 22px; }
  @media only screen and (max-width: 750px) {
    .five_columns + .btn-container {
      margin-top: 0; } }

.load-more-btn {
  display: flex;
  align-items: center;
  font-family: var(--font-primary); }
  .load-more-btn > div {
    margin-left: 10px; }
  .load-more-btn .loader.small,
  .load-more-btn .loader.small .loader-line,
  .load-more-btn .loader.small .loader-circle {
    width: 25px;
    height: 25px; }
    @media only screen and (max-width: 1025px) {
      .load-more-btn .loader.small,
      .load-more-btn .loader.small .loader-line,
      .load-more-btn .loader.small .loader-circle {
        width: 17px;
        height: 17px; } }

.filter-group-container {
  will-change: transform; }

.modal-enter {
  opacity: 0; }
  .modal-enter .filter-group-container {
    transform: translateX(100%); }

.modal-enter-active {
  opacity: 1;
  transition: opacity 500ms; }
  .modal-enter-active .filter-group-container {
    transition: transform 500ms;
    transform: translateX(0); }

.modal-exit {
  opacity: 1; }
  .modal-exit .filter-group-container {
    transform: translateX(0); }

.modal-exit-active {
  opacity: 0;
  transition: opacity 500ms; }
  .modal-exit-active .filter-group-container {
    transition: transform 500ms;
    transform: translateX(100%); }

.loading {
  opacity: 0.5; }

@media only screen and (max-width: 1025px) {
  .single-product {
    padding-top: 0; } }

@media only screen and (max-width: 750px) {
  .single-product.tab-page .product__img-box {
    display: none; }
  .single-product.tab-page .container {
    padding: 0; }
  .single-product.tab-page .compare-buy__btn-box {
    margin-top: 0; } }

.single-product .container {
  display: flex;
  padding-top: 48px;
  padding-bottom: 96px; }
  @media only screen and (max-width: 1025px) {
    .single-product .container {
      min-height: 55vh;
      padding-top: 24px;
      padding-bottom: 48px;
      padding: 24px 28px 30px; } }
  @media only screen and (max-width: 750px) {
    .single-product .container {
      min-height: auto;
      flex-direction: column;
      padding-top: 0;
      padding: 0 16px 30px; } }

.single-product .background-categorie {
  margin: 0; }

.product-details-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid var(--color-border);
  padding-bottom: 18px; }
  @media only screen and (max-width: 1025px) {
    .product-details-heading {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 12px; }
      .product-details-heading.mob-heading {
        display: none; } }
  @media only screen and (max-width: 750px) {
    .product-details-heading.mob-heading {
      display: flex;
      padding: 24px 16px 12px 16px;
      border-bottom: none; }
      .product-details-heading.mob-heading .section-title {
        font-weight: 500;
        font-size: 34px;
        line-height: 50px; }
      .product-details-heading.mob-heading .background-categorie {
        margin-bottom: 6px; } }
  .product-details-heading__right-col {
    padding-bottom: 7px; }
    @media only screen and (max-width: 750px) {
      .product-details-heading__right-col {
        padding-bottom: 0;
        padding: 0 15px; } }

.single-product .product__info-box {
  flex-grow: 1;
  margin-left: 25px; }
  .single-product .product__info-box .section-title {
    font-weight: 500; }
  @media only screen and (max-width: 750px) {
    .single-product .product__info-box {
      margin-left: 0; }
      .single-product .product__info-box .product-details-heading {
        border-bottom: none;
        padding-bottom: 0; }
      .single-product .product__info-box .product__advantages-mob-heading {
        padding: 0; }
      .single-product .product__info-box .product-details-heading__left-col {
        display: none; } }

.single-product .product__advantages-container {
  padding: 18px 0;
  border-bottom: 1px solid var(--color-border);
  position: relative; }

.single-product .product__advantages {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 12px;
  column-gap: 45px; }
  @media only screen and (max-width: 1025px) {
    .single-product .product__advantages {
      grid-template-columns: repeat(1, 1fr);
      padding: 12px 0; } }
  .single-product .product__advantages-mob-heading {
    display: flex;
    justify-content: space-between;
    padding: 6px 0 0 0; }
    .single-product .product__advantages-mob-heading__title {
      font-weight: 500;
      font-size: 14px;
      line-height: 17px; }
  .single-product .product__advantages-item {
    position: relative;
    display: flex;
    align-items: center; }
    .single-product .product__advantages-item img {
      display: block;
      width: 24px;
      height: 24px;
      object-fit: contain;
      border: 1px solid #e5e5e5;
      border-radius: 50%; }
    .single-product .product__advantages-item h4 {
      margin-left: 12px;
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-14);
      line-height: 17px;
      font-feature-settings: 'liga' off;
      color: var(--color-primary); }
      @media only screen and (max-width: 750px) {
        .single-product .product__advantages-item h4.show {
          text-decoration: underline; } }
    @media only screen and (min-width: 1026px) {
      .single-product .product__advantages-item:hover h4 {
        text-decoration: underline; }
      .single-product .product__advantages-item:hover .product__advantages-description {
        opacity: 1;
        z-index: 1; }
        .single-product .product__advantages-item:hover .product__advantages-description h4 {
          text-decoration: none; } }
    .single-product .product__advantages-item .product__advantages-description.show {
      opacity: 1;
      z-index: 1; }
      .single-product .product__advantages-item .product__advantages-description.show h4 {
        text-decoration: none; }
  .single-product .product__advantages-description {
    width: 300px;
    position: absolute;
    top: 125%;
    left: 35px;
    opacity: 0;
    z-index: -1;
    background: var(--color-white);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 12px;
    transition: opacity 0.3s; }
    .single-product .product__advantages-description:after, .single-product .product__advantages-description:before {
      content: '';
      display: block;
      position: absolute;
      left: 20px;
      width: 0;
      height: 0;
      border-style: solid; }
      @media only screen and (max-width: 750px) {
        .single-product .product__advantages-description:after, .single-product .product__advantages-description:before {
          display: none; } }
    .single-product .product__advantages-description:after {
      top: -19px;
      border-color: transparent transparent var(--color-white) transparent;
      border-width: 10px; }
    .single-product .product__advantages-description:before {
      top: -20px;
      border-color: transparent transparent var(--border-color) transparent;
      border-width: 10px; }
    @media only screen and (max-width: 750px) {
      .single-product .product__advantages-description {
        width: 100%;
        position: fixed;
        top: auto;
        bottom: 118px;
        left: 0;
        padding: 19px 16px 34px;
        border-radius: 10px 10px 0px 0px;
        box-shadow: 0px 0px 24px rgba(0, 46, 93, 0.3); }
        .single-product .product__advantages-description .close {
          display: block;
          width: 24px;
          height: 24px;
          position: absolute;
          top: 14px;
          right: 14px;
          background-image: url("/elements/close.svg");
          background-repeat: no-repeat;
          background-size: 14px;
          background-position: center;
          z-index: 1; } }
    .single-product .product__advantages-description h4 {
      margin: 0;
      margin-bottom: 6px;
      font-weight: 500;
      text-transform: uppercase; }
    .single-product .product__advantages-description p {
      font-style: normal;
      font-weight: normal;
      font-size: var(--text-size-12);
      line-height: 18px;
      color: var(--color-primary);
      opacity: 0.8; }

.single-product .product__search-store {
  display: block;
  justify-content: space-between;
  margin-top: 24px; }
  @media only screen and (min-width: 1360px) {
    .single-product .product__search-store {
      display: flex; } }
  .single-product .product__search-store .search-service-center {
    margin-top: 0; }

.single-product .product__store .care-page__sevice-center {
  width: 100%;
  margin-top: 24px; }

.single-product .product .store__select {
  margin-top: 20px;
  margin-left: 0; }
  @media only screen and (min-width: 1360px) {
    .single-product .product .store__select {
      margin: 0;
      margin-left: 10px; } }

.single-product .product .store__info-box {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 14px; }
  .single-product .product .store__info-box span {
    font-family: var(--font-prymary);
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-size-18);
    line-height: 27px;
    color: var(--text-color);
    margin-left: 15px; }

.single-product .product__map {
  width: 100%;
  margin-top: 24px; }

.characteristic-container {
  margin-top: 24px; }
  @media only screen and (max-width: 1025px) {
    .characteristic-container {
      margin-top: 12px; } }
  @media only screen and (max-width: 750px) {
    .characteristic-container {
      margin-top: 34px; } }

.characteristic-table__title {
  padding: 12px;
  background: var(--color-border);
  font-weight: 500;
  font-size: var(--text-size-18);
  line-height: 27px; }
  @media only screen and (max-width: 1025px) {
    .characteristic-table__title {
      padding: 14px 0 5px;
      background: none; } }
  @media only screen and (max-width: 750px) {
    .characteristic-table__title {
      padding: 0 15px 12px 16px; } }

.characteristic-table.features-table .characteristic-table__title {
  border-radius: 10px 10px 0px 0px; }

@media only screen and (max-width: 750px) {
  .characteristic-table:not(:last-child) {
    margin-bottom: 34px; } }

.characteristic-list__item {
  padding: 12px;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 1px;
  display: flex;
  justify-content: space-between;
  font-size: var(--text-size-18);
  line-height: 27px;
  transition: background 0.3s; }
  @media only screen and (max-width: 1025px) {
    .characteristic-list__item:first-child {
      border-top: 1px solid var(--border-color); } }
  @media only screen and (max-width: 1025px) {
    .characteristic-list__item {
      padding: 12px 15px 12px 16px; }
      .characteristic-list__item.show {
        background: var(--color-border); } }
  .characteristic-list__item-left {
    position: relative;
    display: flex; }
    @media only screen and (min-width: 1026px) {
      .characteristic-list__item-left:hover .info-icon__item-descr {
        opacity: 1; } }
    @media only screen and (max-width: 1025px) {
      .characteristic-list__item-left .info-icon__item-descr.show {
        opacity: 1;
        z-index: 2;
        pointer-events: all; } }
  .characteristic-list__item-title {
    display: block;
    max-width: 320px;
    color: var(--color-primary);
    font-size: 18px;
    line-height: 27px; }
    @media only screen and (max-width: 1025px) {
      .characteristic-list__item-title {
        max-width: 160px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500; } }
  .characteristic-list__item-value {
    display: block;
    max-width: 310px;
    color: var(--color-light-blue);
    font-size: 18px;
    line-height: 27px;
    text-align: right; }
    @media only screen and (max-width: 1025px) {
      .characteristic-list__item-value {
        max-width: 160px;
        font-size: 12px;
        line-height: 18px; } }

@media only screen and (max-width: 750px) {
  .characteristic-table:last-child .characteristic-list > li:last-child {
    border-bottom: none; } }

.characteristic-table:not(:last-child) .characteristic-list__item:last-child {
  border-bottom: none; }
  @media only screen and (max-width: 1025px) {
    .characteristic-table:not(:last-child) .characteristic-list__item:last-child {
      border-bottom: 1px solid var(--border-color); } }

.documents-list {
  margin-top: 18px; }
  @media only screen and (max-width: 750px) {
    .documents-list {
      width: calc(100% - 30px);
      margin: 12px auto;
      margin-top: 12px;
      padding: 12px 0 0;
      border-top: 1px solid var(--color-border); } }
  .documents-list__item-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 46px 12px 12px;
    border: 1px solid var(--color-border);
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    transition: border 0.3s; }
    .documents-list__item-btn:hover {
      border: 1px solid var(--color-primary); }
    .documents-list__item-btn::after {
      content: '';
      width: 10px;
      height: 10px;
      background-image: url("/icon/download.svg");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      right: 20px; }
  .documents-list__item:not(:last-child) {
    margin-bottom: 12px; }
  .documents-list__item-icon {
    width: 24px;
    height: 24px;
    background-image: url("/icon/doc-icon.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px; }
  .documents-list__item-description span {
    display: block; }
  .documents-list__item .documents-name {
    font-weight: 500;
    font-size: var(--text-size-14);
    line-height: 17px; }
  .documents-list__item .documents-size {
    font-size: var(--text-size-10);
    line-height: 12px;
    color: var(--text-color); }

.empty-title {
  margin-top: 15px; }
  @media only screen and (max-width: 750px) {
    .empty-title {
      padding: 0 15px; } }

@media only screen and (max-width: 1025px) {
  .go-back-up + .footer {
    padding: 24px 0 60px 0; } }

.show-all-advantages-btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-light-blue);
  transition: color 0.3s;
  margin-top: 12px; }
  .show-all-advantages-btn:hover {
    color: var(--color-primary); }
  @media only screen and (max-width: 750px) {
    .show-all-advantages-btn {
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      position: absolute;
      top: 18px;
      right: 0;
      margin-top: 0; } }

@media only screen and (max-width: 750px) {
  .product__store {
    padding: 0 15px; }
    .product__store .store__info-box {
      margin-bottom: 14px; } }