@import "ui-kit.css";
@import "ui-blocks.css";

@import "fade-animations.css";
@import "hovers.css";

/* Home page | .home-page */

.home-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  display: flex;

  overflow: hidden;
}

.home-page__backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.home-page__backgrounds.-hide {
  display: none;
}

.home-page__backgrounds::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;

  display: block;
  height: 300px;
  background: linear-gradient(to bottom, #F1F8EF, rgba(241, 248, 239, 0));
}

.home-page__backgrounds img {
  position: absolute;
  top: 0;
  right: 0;

  display: none;

  height: 100%;

  object-fit: cover;
}

.home-page__backgrounds .-active {
  display: block;
}

.home-page__wave {
  position: absolute;
  top: 0;
  right: calc(50vw - 455px);
  bottom: 0;
  z-index: 2;

  width: 50vw;
  transition: transform 0.5s;
}

.home-page__wave.-hide {
  display: none;
}

.home-page__wave.-clear-wave {
  transform: translateX(calc(50vw - 455px));
}

.home-page__wave::before {
  content: '';

  position: absolute;
  top: 0;
  right: 961px;
  bottom: 0;

  display: block;

  width: 50vw;
  background-color: var(--light);
}

.home-page__wave div {
  position: absolute;
  top: 50%;
  right: 0;

  width: 962px;
  height: 2000px;

  transform-origin: center;

  background-color: var(--light);

  transform: translateY(-50%);
  transition: transform 0.5s, clip-path 0.5s;
}

.home-page__wave[data-wave="1"] div {
  clip-path: path("M 0 0 C 0 0 277.17 31.5424 516.5 158.5 C 724.5 288.5 515 472.5 635 550 C 755 627.5 816.912 679 820 742 C 823.088 805 664.5 896 670.5 963 C 676.5 1030 762.5 1096 769.5 1150 C 776.5 1204 736 1254.5 709.5 1292 C 683 1329.5 651.5 1362 645.5 1450 C 639.5 1538 504.5 1510 444.5 1595.5 C 384.5 1681 436 1650.5 340 1817.5 C 282 1902 296 2000 277 2000 C 258 2000 226 2000 183.5 2000 C 145.5 2000 107.5 2000 74 2000 C 40.5 2000 0 2000 0 2000 V 0 Z");
}

.home-page__wave[data-wave="2"] div {
  clip-path: path("M 0 0 C 0 0 478.67 10.0424 718 137 C 926 267 634.5 465 645.5 549.5 C 656.5 634 676.5 629 706.5 687 C 736.5 745 742.599 784.5 783.5 835.5 C 824.401 886.5 832.5 887.5 852 932 C 871.5 976.5 873 1041 840 1074 C 807 1107 690 1122 659.5 1243 C 629 1364 744.5 1419.5 715 1450 C 685.5 1480.5 511.5 1488.5 415.5 1655.5 C 357.5 1740 296 2000 277 2000 C 258 2000 226 2000 183.5 2000 C 145.5 2000 107.5 2000 74 2000 C 40.5 2000 0 2000 0 2000 V 0 Z");
}

.home-page__wave[data-wave="3"] div {
  clip-path: path("M 0 0 C 0 0 492.67 97.0424 732 224 C 940 354 954.5 510 956.5 519 C 958.5 528 930 549.5 930 549.5 C 930 549.5 871.5 602 902 712.5 C 932.5 823 952 836.5 960 871.5 C 968 906.5 953.5 986 797.5 984 C 726.985 983.096 648.5 1067.5 632.5 1180 C 616.5 1292.5 597 1314.5 532.5 1341.5 C 501.682 1354.4 449.362 1355.72 399.5 1349 C 345.003 1341.65 292.5 1322 273.5 1318.5 C 263.646 1316.68 225.145 1312.92 185.5 1320.5 C 148.701 1327.54 111.402 1345.04 83 1365.5 C 24 1408 0 1450 0 1450 V 0 Z");
}

.home-page__wave.-clear-wave div {
  clip-path: path("M 0 0.000230849 C 0 0.000230849 774 -0.000288562 961.72 0.000230849 C 961.72 164.5 961.72 436.501 961.72 550 C 961.72 663.5 961.72 675.501 961.72 742 C 961.72 808.5 961.72 890.501 961.72 963 C 961.72 1035.5 961.72 1092.5 961.72 1150 C 961.72 1207.5 961.72 1248.5 961.72 1292 C 961.72 1335.5 961.72 1365 961.72 1450 C 961.72 1535 961.72 1495.5 961.72 1595.5 C 961.72 1695.5 961.72 1635 961.72 1817.5 C 961.72 1912 961.72 2000 961.72 2000 C 961.72 2000 226 2000 183.5 2000 C 145.5 2000 107.5 2000 74 2000 C 40.5 2000 0 2000 0 2000 V 0.000230849 Z");
}

.home-page__slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.home-page__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  display: flex;
  align-items: center;

  width: 100%;
  height: 100%;

  opacity: 0;
  pointer-events: none;

  transition: opacity 0.5s;
}

.home-page__slide.-active {
  opacity: 1;
  pointer-events: auto;
}

.home-page__slide-stickers {
  position: absolute;
  top: 0;
  right: calc(50vw - 320px - 60px);
  bottom: 0;
  z-index: 1;
}

.home-page__slide-stickers.-hide {
  display: none;
}

.home-page__slide-sticker-top,
.home-page__slide-sticker-center,
.home-page__slide-sticker-bottom {
  width: 212px; 
}

.home-page__slide-sticker-center {
  transform: translateY(-50%);
}

.home-page__slide-stickers div {
  position: absolute;
  right: 0;

  transition: transform 0.5s;
}

.home-page__slide-stickers div img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.home-page__slide[data-wave="1"] .home-page__slide-sticker-top {
  top: 14.7%;
  margin-right: -31px;
}

.home-page__slide[data-wave="1"] .home-page__slide-sticker-center {
  top: 60%;
  margin-right: 20px;
}

.home-page__slide[data-wave="2"] .home-page__slide-sticker-top {
  top: 25.5%;
  margin-right: -25px;
}

.home-page__slide[data-wave="2"] .home-page__slide-sticker-center {
  top: 68.3%;
  margin-right: 55px;
}

.home-page__slide[data-wave="3"] .home-page__slide-sticker-top {
  top: 20.3%;
  margin-right: -132px;
}

.home-page__slide[data-wave="3"] .home-page__slide-sticker-center {
  top: 47.8%;
  margin-right: -47px;
}

.home-page__slide[data-wave="3"] .home-page__slide-sticker-bottom {
  top: 65.5%;
  margin-right: 157px;
}

.home-page__slide:not(.-active) .home-page__slide-stickers div {
  transform: translateX(20px);
}

.home-page__slide:not(.-active) .home-page__slide-sticker-center {
  transform: translate(20px, -50%) !important;
}

.home-page__slide .container {
  position: relative;
  padding: 0 0 25px 147px;
}

.home-page__slide .title {
  max-width: 730px;
}

.home-page__slide .text {
  max-width: 583px;
  margin-top: 32px;
}

.home-page__slide .button-container {
  margin-top: 40px;
}

.home-page__footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  z-index: 5;
}

.home-page__footer .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  padding: 0 116px 0 147px;
}

/* .home-page[data-wave="3"] .home-page__scroll-message {
  opacity: 0;
  pointer-events: none;
} */

.home-page__scroll-message {
  display: flex;
  align-items: center;
  transition: opacity 0.4s;
}

.home-page__scroll-message::before {
  content: '';
  display: block;

  width: 20px;
  height: 39px;
  margin-right: 16px;

  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzkiIHZpZXdCb3g9IjAgMCAyMCAzOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjI2IiByeD0iOSIgc3Ryb2tlPSIjMEI0MTI5IiBzdHJva2Utd2lkdGg9IjIiLz4KPHJlY3QgeD0iOSIgeT0iNiIgd2lkdGg9IjIiIGhlaWdodD0iNiIgcng9IjEiIGZpbGw9IiMwQjQxMjkiLz4KPHBhdGggZD0iTTUgMzRMMTAgMzhMMTUgMzQiIHN0cm9rZT0iIzBCNDEyOSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}

/* 404 | .error-404-page */

.error-404-page {
  display: flex;
  align-items: center;

  width: 100%;
  min-height: calc(100vh - var(--header-height));
  margin: auto;
  padding: 50px 0 var(--header-height) 0;

  text-align: center;
}

.error-404-page img {
  display: block;

  max-width: 100%;
  max-height: 258px;
  margin: 0 auto;
}

.error-404-page .title {
  margin-top: 28px;
}

.error-404-page .text {
  margin-top: 24px;
}

.error-404-page .button-container {
  justify-content: center;
  margin-top: 40px;
}

/* Contacts | .more-about */

.more-about {
  position: relative;
  margin-top: 200px;
}

.more-about__top-wave,
.more-about__bottom-wave {
  height: 112px;
  background-color: var(--lime-green);
  overflow: hidden;
}

.more-about__top-wave {
  clip-path: url(#more-about__top-wave);
  -webkit-clip-path: url(#more-about__top-wave);
}

.more-about__bottom-wave {
  clip-path: url(#more-about__bottom-wave);
  -webkit-clip-path: url(#more-about__bottom-wave);
}

.more-about__inner {
  display: flex;
  justify-content: space-between;

  margin: -1px 0;
  padding: 48px 0 108px 0;

  background-color: var(--lime-green);
}

.more-about__inner .container {
  display: flex;
  justify-content: space-between;
}

.more-about__text {
  width: 38.41%;
  padding-top: 70px;
  margin-left: 8.5%;
}

.more-about__text .text {
  margin: 33px 40px 0 0;
}

.more-about__blocks {
  display: flex;
  justify-content: space-between;

  width: 50.7%;
  margin-right: 2.45%;
}

.more-about__block {
  text-align: center;
}

.more-about__block.-small {
  margin-top: 240px;
  width: 40%;
}

.more-about__block.-large {
  width: 54.4%;
}

.more-about__block img {
  display: block;
  width: 100%;
}

.more-about__block.-small img {
  border-radius: 4850%;
}

.more-about__block.-large img {
  border-radius: 48px;
}

.more-about__block .title {
  margin-top: 18px;
}

.more-about__block .button-container {
  margin-top: 15px;
}

.more-about__block.-small .button-container {
  margin-left: -10px;
  margin-right: -10px;
}

.more-about__block.-small .default-button {
  width: 100%;
  max-width: 302px;
  padding: 0 40px;
}

/* Contacts | .numbers-block */

.numbers-block {
  margin: 200px 0;
}

.numbers-block .title {
  text-align: center;
}

.numbers-block__header {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.numbers-block__header .text {
  margin-top: 32px;
}

.numbers-block__ill {
  width: 1148px;
  margin: 80px auto 0 auto;
}

.numbers-block__ill img {
  display: block;
  width: 100%;
}

.numbers-block__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  width: 100%;
  margin-top: 80px;
}

.numbers-block__item {
  width: 18.65%;
  min-width: 258px;
  margin-right: 40px;
}

.numbers-block__item:nth-child(even) {
  margin-top: 65px;
}
.numbers-block__item:nth-child(4n + 4) {
  margin-right: 0;
}

.numbers-block__num {
  position: relative;
}

.numbers-block__icon {
  display: block;
  max-height: 55px;
}

.numbers-block__line {
  position: absolute;
  top: 2px;
  left: calc(50% + 38px);

  display: block;
  max-width: 228px;
  transform: translateX(-50%);
  pointer-events: none;
}

.numbers-block__line-arrow {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 23px;
  height: 26px;

  background-size: 100% auto;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDA0MzU2MzMgMi42MTI1NEMwLjAwNDM1NjM2IDEuMDcyOTQgMS42NzEwMiAwLjExMDY4OCAzLjAwNDM2IDAuODgwNDg4TDIxLjAwNDQgMTEuMjcyOEMyMi4zMzc3IDEyLjA0MjYgMjIuMzM3NyAxMy45NjcxIDIxLjAwNDQgMTQuNzM2OUwzLjAwNDM1IDI1LjEyOTJDMS42NzEwMiAyNS44OTkgMC4wMDQzNTYwMiAyNC45MzY4IDAuMDA0MzU2MDQgMjMuMzk3MUwwLjAwNDM1NjMzIDIuNjEyNTRaIiBmaWxsPSIjMEI0MTI5Ii8+Cjwvc3ZnPgo=');

  opacity: 0;
  pointer-events: none;
}

.numbers-block__line.-pc {
  display: block;
}

.numbers-block__line.-mob {
  display: none;
}

.numbers-block__item:nth-child(even) .numbers-block__line {
  top: -32px;
}

.numbers-block__item .title {
  margin: 32px 0 0 7px;
  text-align: left;
}

.numbers-block__item .text {
  margin: 15px 0 0 8px;
}

/* */

/* Brand page | .brand-start-block */

.brand-start-block {
  margin: 0 0 0 160px 0;
  color: var(--light);
}

.brand-start-block__top-wave,
.brand-start-block__bottom-wave {
  overflow: hidden;
}

.brand-start-block__top-wave {
  height: 22px;

  clip-path: url(#brand-start-block__top-wave);
  -webkit-clip-path: url(#brand-start-block__top-wave);
}

.brand-start-block__bottom-wave {
  height: 88px;

  clip-path: url(#brand-start-block__bottom-wave);
  -webkit-clip-path: url(#brand-start-block__bottom-wave);
}

.brand-start-block__inner {
  margin: -1px 0;
  padding: 88px 0 72px 0;
}

.brand-start-block__content {
  display: flex;
  justify-content: space-between;
}

.brand-start-block__left {
  width: 43.4%;
  margin-left: 8.5%;
}

.brand-start-block__logo span {
  display: block;
  margin-bottom: 32px;
}

.brand-start-block__logo img {
  display: block;
  width: 140px;
}

.brand-start-block__info {
  margin-top: 33px;
}

.brand-start-block__info:first-child {
  margin-top: 0;
}

.brand-start-block__info .text {
  margin-top: 32px;
}

.brand-start-block__right {
  width: 40.87%;
  margin-right: 2.5%;
}

.brand-start-block__right img {
  display: block;
  width: 100%;
  border-radius: 50%;
}

.brand-start-block .video-block {
  margin: 160px auto 100px auto;
}

/* Brand page | .compare-section */

.compare-section {
  position: relative;

  width: 100%;
  margin: 160px 0 200px 0;

  overflow: hidden;
}

.compare-section__title {
  text-align: center;
}

.compare-section__content {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}

.compare-section__info {
  width: 20.29%;
}

.compare-section__info.-left {
  margin: 44px 0 0 8.5%;
}

.compare-section__info.-right {
  margin: auto 3.6% 104px 0;
}

.compare-section__info img {
  display: block;
  width: 68px;
}

.compare-section__info .title {
  margin-top: 24px;
}

.compare-section__info .text {
  margin-top: 16px;
}

.compare-section__compare {
  position: relative;
  width: 40%;
}

.compare-section__compare img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.compare-section__back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.compare-section__front {
  position: relative;
  z-index: 2;

  transform: translateX(-50%) translateZ(0);
  overflow: hidden;
  pointer-events: none;
}

.compare-section__front-inner {
  transform: translateX(50%) translateZ(0);
  pointer-events: auto;
}

.compare-section__separator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;

  transform: translateX(50%) translateZ(0);
  pointer-events: none;
}

.compare-section__front,
.compare-section__front-inner,
.compare-section__separator {
  transition: transform 1.5s;
}

.compare-section__compare.-focus .compare-section__front,
.compare-section__compare.-focus .compare-section__front-inner,
.compare-section__compare.-focus .compare-section__separator {
  transition: ease-in 0.02s;
}

.safari .compare-section__compare.-focus .compare-section__front,
.safari .compare-section__compare.-focus .compare-section__front-inner,
.safari .compare-section__compare.-focus .compare-section__separator {
  transition: unset;
}

.compare-section__separator-line {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;

  width: 4px;
  margin-left: -2px;
  background-color: var(--dark);
  border-radius: 20px;

  pointer-events: auto;
}

.compare-section__separator-line::before,
.compare-section__separator-line::after {
  content: "";

  position: absolute;
  left: -18px;

  display: block;
  width: 40px;
  height: 16px;

  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCA0MCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMS4wNjQzIDAuNTY0MzRDMzAuNDc4NiAxLjE1MDEzIDMwLjQ3ODYgMi4wOTk4NyAzMS4wNjQzIDIuNjg1NjZMMzYuMzc4NyA4TDMxLjA2NDMgMTMuMzE0M0MzMC40Nzg2IDEzLjkwMDEgMzAuNDc4NiAxNC44NDk5IDMxLjA2NDMgMTUuNDM1N0MzMS42NTAxIDE2LjAyMTQgMzIuNTk5OSAxNi4wMjE0IDMzLjE4NTcgMTUuNDM1N0wzOS41NjA3IDkuMDYwNjZDNDAuMTQ2NCA4LjQ3NDg3IDQwLjE0NjQgNy41MjUxMyAzOS41NjA3IDYuOTM5MzRMMzMuMTg1NyAwLjU2NDM0QzMyLjU5OTkgLTAuMDIxNDQ2NiAzMS42NTAxIC0wLjAyMTQ0NjYgMzEuMDY0MyAwLjU2NDM0WiIgZmlsbD0iIzBCNDEyOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguOTM1NjYgMC41NjQzNEM5LjUyMTQ1IDEuMTUwMTMgOS41MjE0NSAyLjA5OTg3IDguOTM1NjYgMi42ODU2NkwzLjYyMTMyIDhMOC45MzU2NiAxMy4zMTQzQzkuNTIxNDUgMTMuOTAwMSA5LjUyMTQ1IDE0Ljg0OTkgOC45MzU2NiAxNS40MzU3QzguMzQ5ODcgMTYuMDIxNCA3LjQwMDEzIDE2LjAyMTQgNi44MTQzNCAxNS40MzU3TDAuNDM5MzQgOS4wNjA2NkMtMC4xNDY0NDcgOC40NzQ4NyAtMC4xNDY0NDcgNy41MjUxMyAwLjQzOTM0IDYuOTM5MzRMNi44MTQzNCAwLjU2NDM0QzcuNDAwMTMgLTAuMDIxNDQ2NiA4LjM0OTg3IC0wLjAyMTQ0NjYgOC45MzU2NiAwLjU2NDM0WiIgZmlsbD0iIzBCNDEyOSIvPgo8L3N2Zz4K");
}

.compare-section__separator-line::before {
  top: 5px;
}

.compare-section__separator-line::after {
  bottom: 5px;
}

.compare-section__separator-line .default-button {
  display: none;
}

/* Brand page | .compare-section step 1 */

.compare-section__compare.-step-1 .compare-section__front {
  transform: translateX(-80%);
}

.compare-section__compare.-step-1 .compare-section__front-inner {
  transform: translateX(80%);
}

.compare-section__compare.-step-1 .compare-section__separator {
  transform: translateX(20%);
}

/* Brand page | .compare-section step 2 */

.compare-section__compare.-step-2 .compare-section__front {
  transform: translateX(-20%);
}

.compare-section__compare.-step-2 .compare-section__front-inner {
  transform: translateX(20%);
}

.compare-section__compare.-step-2 .compare-section__separator {
  transform: translateX(80%);
}

/* Brand page | .juices-slider */

.juices-slider {
  margin: 160px 0 106px 0;
  text-align: center;
}

.juices-slider__slider-container {
  position: relative;
  margin-top: 72px;
}

.juices-slider__slider-container .swiper-button-prev,
.juices-slider__slider-container .swiper-button-next {
  top: 218px;
  z-index: 2;
}

.juices-slider__slider {
  margin: 0 6.5%;
  overflow: hidden;
}

.juices-slider__slide-inner {
  width: 100%;
  max-width: 255px;
  margin: 0 auto;
}

.juices-slider__slide-img {
  display: flex;
  justify-content: center;
  align-items: flex-end;

  width: 100%;
  height: 384px;
}

.juices-slider__slide-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.juices-slider__slide p {
  margin-top: 40px;
  padding: 0 10px;
}

.juices-slider .swiper-pagination {
  margin-top: 79px;
}

/* Brand page | .brand-achievements */

.brand-achievements {
  margin: 200px 0 220px 0;
  color: var(--light);
}

.brand-achievements__wave-top,
.brand-achievements__wave-bottom {
  height: 112px;
  overflow: hidden;
}

.brand-achievements__wave-top {
  -webkit-clip-path: url(#brand-achievements__wave-top);
  clip-path: url(#brand-achievements__wave-top);
}

.brand-achievements__wave-bottom {
  -webkit-clip-path: url(#brand-achievements__wave-bottom);
  clip-path: url(#brand-achievements__wave-bottom);
}

.brand-achievements__inner {
  margin: -1px 0;
  padding: 148px 0;
}

.brand-achievements .title {
  text-align: center;
}

.brand-achievements__animation-arrow {
  position: absolute;
  
  width: 23px;
  height: 26px;

  background-size: 100% auto;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDA0MzU2MzMgMi42MTI1NEMwLjAwNDM1NjM2IDEuMDcyOTQgMS42NzEwMiAwLjExMDY4OCAzLjAwNDM2IDAuODgwNDg4TDIxLjAwNDQgMTEuMjcyOEMyMi4zMzc3IDEyLjA0MjYgMjIuMzM3NyAxMy45NjcxIDIxLjAwNDQgMTQuNzM2OUwzLjAwNDM1IDI1LjEyOTJDMS42NzEwMiAyNS44OTkgMC4wMDQzNTYwMiAyNC45MzY4IDAuMDA0MzU2MDQgMjMuMzk3MUwwLjAwNDM1NjMzIDIuNjEyNTRaIiBmaWxsPSIjMEI0MTI5Ii8+Cjwvc3ZnPgo=');

  opacity: 0;
  pointer-events: none;
}

.brand-achievements__animation-arrow.-light {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMyAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzk3NDIyIDIuMDAzMTZDMC4zOTc0MjIgMC40NjM1NjIgMi4wNjQwOSAtMC40OTg2ODcgMy4zOTc0MiAwLjI3MTExM0wyMS4zOTc0IDEwLjY2MzRDMjIuNzMwOCAxMS40MzMyIDIyLjczMDggMTMuMzU3NyAyMS4zOTc0IDE0LjEyNzVMMy4zOTc0MiAyNC41MTk4QzIuMDY0MDkgMjUuMjg5NiAwLjM5NzQyMyAyNC4zMjc0IDAuMzk3NDIyIDIyLjc4NzhMMC4zOTc0MjIgMi4wMDMxNloiIGZpbGw9IiNGMUY4RUYiLz4KPC9zdmc+Cg==');
}

.brand-achievements__large-item {
  position: relative;
  width: 730px;
  margin: 171px auto -71px auto;
}

.brand-achievements__large-item + .brand-achievements__list {
  margin-top: 0;
}

.brand-achievements__large-item-img {
  position: absolute;
  top: -6px;
  right: 100%;

  display: flex;
  align-items: center;

  width: 208px;
  height: 200px;
  margin-right: 32px;
}

.brand-achievements__large-item-img img {
  display: block;
  width: 100%;
  height: 208px;
  border-radius: 50%;
}

.brand-achievements__large-item-description span {
  font-size: 200px;
  line-height: 200px;
  letter-spacing: -0.04em;
}

.brand-achievements__large-item-description p {
  position: absolute;
  max-width: 500px;
  margin: 0 0 0 20px;
}

.brand-achievements__large-item-line {
  margin: 14px 0 0 386px;
}

.brand-achievements__large-item-line .-mob {
  display: none;
}

.brand-achievements__list {
  width: 912px;
  margin: 120px auto 0 auto;
  padding: 0;
}

.brand-achievements__item {
  position: relative;
}

.brand-achievements__item-img {
  position: absolute;
  top: 0;
  right: 100%;

  display: flex;
  align-items: center;

  height: 127px;
}

.brand-achievements__item-img img {
  display: block;
  max-width: 100%;
}

.brand-achievements__item-description span {
  font-size: 140px;
  line-height: 140px;
  letter-spacing: -0.04em;
}

.brand-achievements__item-description p {
  margin: 8px 0 0 8px;
}

.brand-achievements__item-description.-flex {
  display: flex;
  align-items: flex-start;
}

.brand-achievements__item-line .-pc {
  display: block;
  max-width: 100%;
}

.brand-achievements__item-line .-mob {
  display: none;
}

.brand-achievements__item:nth-child(1) {
  width: 450px;
}

.brand-achievements__item:nth-child(1) .brand-achievements__item-img {
  width: 104px;
  margin-right: 15px;
}

.brand-achievements__item:nth-child(1) .brand-achievements__item-line {
  width: 485px;
  margin: 25px 0 0 -52px;
}

.brand-achievements__item:nth-child(2) {
  width: 430px;
  margin: -138px -116px 0 auto;
}

.brand-achievements__item:nth-child(2) .brand-achievements__item-img {
  width: 112px;
  margin-right: 15px;
}

.brand-achievements__item:nth-child(2) .brand-achievements__item-line {
  width: 404px;
  margin: 34px 0 0 -160px;
}

.brand-achievements__item:nth-child(3) {
  width: 300px;
  margin: -195px 0 0 115px;
}

.brand-achievements__item:nth-child(3) .brand-achievements__item-img {
  width: 208px;
  height: 140px;
  margin-right: 25px;
}

.brand-achievements__item:nth-child(3) .brand-achievements__item-img img {
  width: 100%;
  height: 208px;
}

.brand-achievements__item:nth-child(3) p {
  margin-left: 0;
}

.brand-achievements__item:nth-child(3) .brand-achievements__item-line {
  width: 508px;
  margin: -80px 0 0 -285px;
}

.brand-achievements__item:nth-child(4) {
  width: 430px;
  margin: -120px -116px 0 auto;
}

.brand-achievements__item:nth-child(4) .brand-achievements__item-img {
  width: 190px;
  margin: 2px 23px 0 0;
}

.brand-achievements__item:nth-child(4) p {
  margin-left: 16px;
}

.brand-achievements__item:nth-child(4) .brand-achievements__item-line {
  width: 499px;
  margin: 40px 0 0 -443px;
}

.brand-achievements__item:nth-child(5) {
  width: 450px;
  margin: 23px 0 0 14px;
}

.brand-achievements__item:nth-child(5) .brand-achievements__item-img {
  width: 108px;
  margin: 2px 23px 0 0;
}

.brand-achievements__item:nth-child(5) p {
  margin-left: 0;
}

.brand-achievements__item:nth-child(5) .brand-achievements__item-line {
  width: 367px;
  margin: 35px 0 0 36px;
}

.brand-achievements__item:nth-child(6) {
  width: 430px;
  margin: -90px -161px 0 auto;
}

.brand-achievements__item:nth-child(6) .brand-achievements__item-img {
  width: 150px;
  margin: 0 23px 0 0;
}

.brand-achievements__item:nth-child(6) .brand-achievements__item-img img {
  width: 100%;
}

.brand-achievements__item:nth-child(6) .brand-achievements__item-line {
  width: 310px;
  margin: 32px 0 0 -232px;
}

.brand-achievements__item:nth-child(7) {
  width: 597px;
  margin: 37px 0 0 auto;
}

.brand-achievements__item:nth-child(7) .brand-achievements__item-img {
  width: 150px;
  margin: 0 23px 0 0;
}

.brand-achievements__item.-large-img:nth-child(7)
  .brand-achievements__item-img {
  top: auto;
  bottom: 0;

  align-items: flex-end;

  width: 596px;
  height: auto;

  margin: 0 -45px 28px 0;
}

.brand-achievements__item:nth-child(7) p {
  margin: 10px 0 0 30px;
}

.brand-achievements__item:last-child .brand-achievements__item-line {
  display: none;
}

/* Product page | .product-start-block */

.product-start-block {
  margin: 120px 0 200px 0;
  text-align: center;
}

.product-start-block__inner {
  position: relative;
  padding: 0 22.5%;
}

.product-start__sticker-1,
.product-start__sticker-2 {
  position: absolute;
}

.product-start__sticker-1 {
  top: 70px;
  right: 79.6%;
}

.product-start__sticker-2 {
  left: 80%;
  bottom: 33px;
}

.product-start__sticker-1 img,
.product-start__sticker-2 img {
  display: block;
  max-width: 100%;
}

.product-start__sticker-1 {
  width: 183px;
}

.product-start__sticker-2 {
  width: 225px;
}

.product-start-block .text {
  margin-top: 41px;
}

.product-start-block__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  margin: 47px 0 -8px 0;
}

.product-start-block__links li {
  margin: 0 8px 8px 8px;
}

/* Product page | .brands-list */

.brands-list {
  margin: 120px 0;
  text-align: center;
}

.brands-list__inner {
  padding: 0 8.1% 0 7.4%;
}

.brands-list__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;

  margin: 48px 0 -16px 0;
}

.brands-list__list li {
  width: 18%;
  max-width: 200px;
  margin: 0 8px 16px 8px;
}

.brands-list__list li a:not(.-withour-hover) {
  position: relative;
  cursor: url(../images/lazyload.png) 1 1, auto;
}

.brands-list__list li a.-withour-hover {
  pointer-events: none;
}

.brands-list__list li a,
.brands-list__list li img {
  display: block;
  width: 100%;
  border-radius: 50%;
}

.brands-list__list li a span {
  position: absolute;
  top: -19px;
  left: -38px;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 88px;
  height: 88px;

  border-radius: 50%;
  background-color: #cc215a;

  pointer-events: none;
}

.brands-list__list li a span::before {
  content: attr(data-text);

  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: var(--light);

  transform: rotate(10deg);
}

/* Product page | .puree-product */

.puree-product {
  position: relative;

  width: 100%;
  margin: 200px 0 112px 0;

  overflow: hidden;
}

.puree-product + .default-info-block {
  margin: 112px 0 123px 0;
}

.puree-product__wave-top,
.puree-product__wave-bottom {
  height: 112px;
  overflow: hidden;
  background-color: var(--lime-green);
}

.puree-product__wave-top {
  clip-path: url(#puree-product__wave-top);
  -webkit-clip-path: url(#puree-product__wave-top);
}

.puree-product__wave-bottom {
  clip-path: url(#puree-product__wave-bottom);
  -webkit-clip-path: url(#puree-product__wave-bottom);
}

.puree-product__inner {
  margin: -1px 0;
  padding: 108px 8.1% 148px 8.1%;
  background-color: var(--lime-green);
}

.puree-product__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.puree-product__info-img {
  width: 40.17%;
}

.puree-product__info-img img {
  display: block;
  width: 100%;
  border-radius: 50%;
}

.puree-product__info-text {
  width: 49.1%;
  margin-bottom: 30px;
}

.puree-product__info-text .text {
  margin-top: 32px;
}

.puree-product__tastes-container {
  position: relative;
}

.puree-product__tastes {
  width: 600px;
  min-height: 228px;
  margin: 0 auto;
  padding: 414px 0 306px 0;

  text-align: center;
}

.puree-product__tastes .button-container {
  margin-top: 32px;
}

.puree-product__tastes-fruits {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.puree-product__tastes-fruits li {
  position: absolute;

  display: flex;
  flex-direction: column;
  align-items: center;

  pointer-events: auto;
}

.puree-product__tastes-fruits li div {
  position: relative;
}

.puree-product__tastes-fruits li div img {
  display: block;
  width: 100%;
}

.puree-product__tastes-fruits li span {
  position: relative;
  z-index: 1;

  display: block;

  padding: 4px 12px;
  border-radius: 16px;

  color: #fff;
  text-align: center;
}

.puree-product__tastes-fruits li:nth-child(1) {
  right: 50%;
  bottom: 50%;

  width: 240px;
  margin: 0 459px -88px 0;
}

.puree-product__tastes-fruits li:nth-child(1) div {
  top: 20px;
  left: 10px;
}

.puree-product__tastes-fruits li:nth-child(1) span {
  background-color: #ff6f3b;
  transform: rotate(-6.5deg);
}

.puree-product__tastes-fruits li:nth-child(2) {
  right: 50%;
  bottom: 50%;

  width: 179px;
  margin: 0 339px 217px 0;
}

.puree-product__tastes-fruits li:nth-child(2) div {
  top: 17px;
  left: 3px;
}

.puree-product__tastes-fruits li:nth-child(2) span {
  background-color: #fc9000;
  transform: rotate(2deg);
}

.puree-product__tastes-fruits li:nth-child(3) {
  right: 50%;
  bottom: 50%;

  width: 164px;
  margin: 0 144px 89px 0;
}

.puree-product__tastes-fruits li:nth-child(3) div {
  top: 17px;
}

.puree-product__tastes-fruits li:nth-child(3) span {
  background-color: #fb7a06;
  transform: rotate(-6deg);
}

.puree-product__tastes-fruits li:nth-child(4) {
  right: 50%;
  bottom: 50%;

  width: 225px;
  margin: 0 -107px 225px 0;
}

.puree-product__tastes-fruits li:nth-child(4) div {
  top: 23px;
  left: 5px;
}

.puree-product__tastes-fruits li:nth-child(4) span {
  background-color: #d32024;
  transform: rotate(3deg);
}

.puree-product__tastes-fruits li:nth-child(5) {
  left: 50%;
  bottom: 50%;

  width: 205px;
  margin: 0 0 294px 159px;
}

.puree-product__tastes-fruits li:nth-child(5) div {
  top: 26px;
  left: 22px;
}

.puree-product__tastes-fruits li:nth-child(5) span {
  background-color: #ff6805;
  transform: rotate(-4deg);
}

.puree-product__tastes-fruits li:nth-child(6) {
  left: 50%;
  bottom: 50%;

  width: 135px;
  margin: 0 0 89px 353px;
}

.puree-product__tastes-fruits li:nth-child(6) div {
  top: 10px;
}

.puree-product__tastes-fruits li:nth-child(6) span {
  background-color: #f2381a;
  transform: rotate(3.5deg);
}

.puree-product__tastes-fruits li:nth-child(7) {
  left: 50%;
  bottom: 50%;

  width: 165px;
  margin: 0 0 161px 548px;
}

.puree-product__tastes-fruits li:nth-child(7) div {
  top: 11px;
  left: 6px;
}

.puree-product__tastes-fruits li:nth-child(7) span {
  background-color: #393d40;
  transform: rotate(-7deg);
}

.puree-product__tastes-fruits li:nth-child(8) {
  left: 50%;
  bottom: 0;

  width: 197px;
  margin: 0 0 294px 416px;
}

.puree-product__tastes-fruits li:nth-child(8) div {
  top: 19px;
  left: -14px;
}

.puree-product__tastes-fruits li:nth-child(8) span {
  background-color: #f1b700;
  transform: rotate(-10deg);
}

.puree-product__tastes-fruits li:nth-child(9) {
  left: 50%;
  bottom: 0;

  width: 223px;
  margin: 0 0 31px 371px;
}

.puree-product__tastes-fruits li:nth-child(9) div {
  top: 42px;
  left: 31px;
}

.puree-product__tastes-fruits li:nth-child(9) span {
  background-color: #eb1018;
  transform: rotate(5deg);
}

.puree-product__tastes-fruits li:nth-child(10) {
  left: 50%;
  bottom: 0;

  width: 190px;
  margin: 0 0 161px 221px;
}

.puree-product__tastes-fruits li:nth-child(10) div {
  top: 11px;
  left: -17px;
}

.puree-product__tastes-fruits li:nth-child(10) span {
  background-color: #94091e;
  transform: rotate(-4deg);
}

.puree-product__tastes-fruits li:nth-child(11) {
  right: 50%;
  bottom: 0;

  width: 234px;
  margin: 0 -135px 4px 0;
}

.puree-product__tastes-fruits li:nth-child(11) div {
  top: 25px;
  left: 9px;
}

.puree-product__tastes-fruits li:nth-child(11) span {
  background-color: #e93252;
  transform: rotate(4deg);
}

.puree-product__tastes-fruits li:nth-child(12) {
  right: 50%;
  bottom: 0;

  width: 203px;
  margin: 0 208px 10px 0;
}

.puree-product__tastes-fruits li:nth-child(12) div {
  top: 13px;
  left: -3px;
}

.puree-product__tastes-fruits li:nth-child(12) span {
  background-color: #393d40;
  transform: rotate(-5deg);
}

.puree-product__tastes-fruits li:nth-child(13) {
  right: 50%;
  bottom: 0;

  width: 165px;
  margin: 0 272px 258px 0;
}

.puree-product__tastes-fruits li:nth-child(13) div {
  top: 18px;
}

.puree-product__tastes-fruits li:nth-child(13) span {
  background-color: #3a5287;
  transform: rotate(4deg);
}

/* Product page | .product-advantages */

.product-advantages {
  margin: 123px 0 123px 0;
}

.product-advantages__list {
  display: flex;
  flex-wrap: wrap;

  margin-bottom: -40px;
  padding: 0 8.2% 0 7.6%;
}

.product-advantages__item {
  width: calc(100% / 3 - 27px);
  margin: 0 40px 40px 0;
}

.product-advantages__item:nth-child(2) {
  margin-top: 80px;
}

.product-advantages__item:nth-child(3n + 3) {
  margin-right: 0;
}

.product-advantages__item-preview img {
  display: block;

  width: 100%;
  height: 274px;

  border-radius: 40px;
  object-fit: cover;
}

.product-advantages__item .title {
  margin-top: 15px;
}

.product-advantages__item .text {
  margin-top: 16px;
}

/* Product page | .default-info-block.-bigger-img */

.default-info-block.-bigger-img {
  margin: 200px 0 120px 0;
}

.default-info-block.-bigger-img+.docs-list {
  margin-bottom: 160px;
}

.default-info-block.-bigger-img.-reverse {
  margin-top: 160px;
}

.default-info-block.-bigger-img .default-info-block__img {
  /* min-width: 751px;
  width: 751px; */
  min-width: 65%;
  width: 65%;
}

.default-info-block.-bigger-img .default-info-block__img img {
  border-radius: 40px;
}

.default-info-block.-bigger-img .default-info-block__content {
  margin: 48px 0 0 3.485%;
}

.default-info-block.-bigger-img.-reverse .default-info-block__content {
  margin: 48px 3.485% 0 0;
}

.default-info-block.-bigger-img .default-info-block__inner {
  padding: 0 8.4% 0 7.6%;
  align-items: flex-start;
}

.default-info-block.-bigger-img .default-info-block__content .text {
  margin-top: 32px;
}

.default-info-block__point-list {
  width: 100%;
  margin-top: 24px;
  padding: 0 8.4% 0 7.6%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.default-info-block__point {
  margin-top: 24px;
  margin-right: 3.6%;
  width: 30.919%;
}

.default-info-block__point:nth-child(3n + 3) {
  margin-right: 0;
}

.default-info-block__point .img {
  width: 64px;
  height: 64px;
  background: #2D69B0;
  border-radius: 200px;
  overflow: hidden;
}

.default-info-block__point .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 200px;
}

.default-info-block__point .text {
  margin-top: 16px;
}

/* Product page | .default-info-block.-smaller-img */

.default-info-block.-smaller-img {
  margin: 240px 0 120px 0;
}


.default-info-block.-smaller-img .default-info-block__inner {
  padding: 0 7.5%;
  align-items: flex-start;
}

.default-info-block.-smaller-img .default-info-block__img {
  /* min-width: 751px;
  width: 751px; */
  min-width: 39.564%;
  width: 39.564%;
  background-color: #FFD727;
  border-radius: 48px;
}

.default-info-block.-smaller-img .default-info-block__content {
  margin: 80px 0 0 10.847%;
}


/* Production page | .production-start-block */

.production-start-block {
  position: relative;

  width: 100%;
  padding-top: 120px;
  margin-bottom: 160px;

  overflow: hidden;
}

.production-start-block__inner {
  position: relative;
  padding-bottom: 430px;
}

.production-start-block__text {
  position: relative;

  width: 700px;
  margin: 0 auto;

  text-align: center;
}

.production-start-block__text .text {
  margin-top: 41px;
}

.production-start-block__sticker-1 {
  position: absolute;
  left: 100%;
  bottom: 100%;

  width: 208px;
  margin: 0 0 -30px -83px;
}

.production-start-block__sticker-1 img {
  display: block;
  max-width: 100%;
}

.production-start-block__ill {
  /* position: absolute;
  left: 50%;
  bottom: 0;

  width: 1191px;
  margin: 0 0 0 -630px; */

  position: absolute;
  left: 50%;
  bottom: 22px;

  width: 1213px;
  margin: 0 0 0 -630px;
}

.production-start-block__ill-arrow {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 23px;
  height: 26px;

  background-size: 100% auto;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyMyAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDA0MzU2MzMgMi42MTI1NEMwLjAwNDM1NjM2IDEuMDcyOTQgMS42NzEwMiAwLjExMDY4OCAzLjAwNDM2IDAuODgwNDg4TDIxLjAwNDQgMTEuMjcyOEMyMi4zMzc3IDEyLjA0MjYgMjIuMzM3NyAxMy45NjcxIDIxLjAwNDQgMTQuNzM2OUwzLjAwNDM1IDI1LjEyOTJDMS42NzEwMiAyNS44OTkgMC4wMDQzNTYwMiAyNC45MzY4IDAuMDA0MzU2MDQgMjMuMzk3MUwwLjAwNDM1NjMzIDIuNjEyNTRaIiBmaWxsPSIjMEI0MTI5Ii8+Cjwvc3ZnPgo=');

  pointer-events: none;
}

.production-start-block__ill img {
  position: absolute;
  z-index: 1;

  display: block;
  border-radius: 50%;
}

.production-start-block__ill img:nth-child(1),
.production-start-block__ill img:nth-child(3),
.production-start-block__ill img:nth-child(5)
 {
  width: 160px;
}

.production-start-block__ill img:nth-child(2),
.production-start-block__ill img:nth-child(4),
.production-start-block__ill img:nth-child(6)
 {
  width: 220px;
}

.production-start-block__ill img:nth-child(1) {
  left: -59px;
  bottom: 325px;
}

.production-start-block__ill img:nth-child(2) {
  left: 125px;
  bottom: 97px;
}

.production-start-block__ill img:nth-child(3) {
  left: 433px;
  bottom: 193px;
}

.production-start-block__ill img:nth-child(4) {
  right: 368px;
  bottom: -19px;
}

.production-start-block__ill img:nth-child(5) {
  right: 160px;
  bottom: 145px;
}

.production-start-block__ill img:nth-child(6) {
  right: -108px;
  bottom: 241px;
}

.production-start-block__ill .-pc {
  display: block;
  width: 100%;
  margin-bottom: 70px;
}

.production-start-block__ill .-mob {
  display: none;
}

/* Production page | .map-block */

.map-block {
  margin: 160px 0 200px 0;
}

.map-block__wave-top,
.map-block__wave-bottom {
  height: 112px;
  background-color: var(--lime-green);
  overflow: hidden;
}

.map-block__wave-top {
  clip-path: url(#map-block__wave-top);
  -webkit-clip-path: url(#map-block__wave-top);
}

.map-block__wave-bottom {
  clip-path: url(#map-block__wave-bottom);
  -webkit-clip-path: url(#map-block__wave-bottom);
}

.map-block__inner {
  margin: -1px 0;
  padding: 88px 0 122px 0;

  background-color: var(--lime-green);
}

.map-block__text {
  width: 800px;
  margin: 0 auto;

  text-align: center;
}

.map-block__text .text {
  margin-top: 32px;
}

.map-block__map-container {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 1180px;
  margin: 80px auto 0 auto;
}

.map-block__map-container img {
  display: block;
}

.map-block__world-map {
  display: block;
  width: 100%;
}

.map-block__fruits-map {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 642px;
  margin: 22px 0 0 8px;
  transform: translate(-50%, -50%);
}

/* Production page | .map-block */

.our-production {
  margin: 200px 0 252px 0;
  text-align: center;
}

.our-production__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 100px;
}

.our-production__item {
  width: 23.9%;
  margin-top: 4.7%;
}

.our-production__item-preview {
  margin-bottom: 24px;
}

.our-production__item-preview img {
  display: block;
  max-width: 100%;

  border-radius: 50%;
}

.our-production__item:nth-child(2) {
  width: 33.3%;
  margin: 0 5.8%;
}

.our-production__item:nth-child(2) img {
  border-radius: 48px;
}

.our-production__item .text {
  margin-top: 16px;
}

.our-production__item:nth-child(2) .text {
  padding: 0 20px;
}

.our-production__item .button-container {
  margin-top: 32px;
}

/* Production page | .numbers-block__tabs */

.numbers-block__tabs {
  position: relative;
  margin-top: 64px;
}

.numbers-block__tabs-nav-scrollable {
  width: 100%;
  display: flex;
}

.numbers-block__tabs-nav {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: fit-content;
  min-width: 552px;
  margin: 0 auto;
}

.numbers-block__nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 48px;
  padding: 10px 20px;
  border-top: 2px solid var(--light-green);
  border-bottom: 2px solid var(--light-green);
  color: var(--light-green);
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: color 0.4s, background 0.4s, border 0.4s;
}

.numbers-block__nav-item:first-child {
  border-right: 0;
  border-radius: 80px 0 0 80px;
  border-left: 2px solid var(--light-green);
}

.numbers-block__nav-item:last-child {
  border-radius: 0 80px 80px 0;
  border-left: none;
  border-right: 2px solid var(--light-green);
}

.numbers-block__nav-item.-active {
  pointer-events: none;
  background: var(--dark);
  border-color: var(--dark);
  color: var(--light);
}

.numbers-block__tabs-sliders {
  position: relative;
  margin: 33px auto 0 auto;
  max-width: 1150px;
}

.numbers-block__tab {
  position: absolute;
  left: 0;
  top: 0;

  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s;
}

.numbers-block__tab.-active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

.numbers-block__tab:not(.-active) * {
  pointer-events: none !important;
}

.production-swiper {
  width: 100%;
}

.production-swiper__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
}

.production-swiper__img {
  width: 100px;
  height: 100px;
}

.production-swiper__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.production-swiper__img + .text {
  margin-top: -7px;
}

.production-swiper__slide .text+.text {
  margin-top: 16px;
}

.numbers-block__tab .swiper-button-prev,
.numbers-block__tab .swiper-button-next {
  z-index: 5;
  margin-top: -45px;
}

.numbers-block__tab .swiper-pagination {
  margin: 64px auto 0 auto;
}

.production-swiper__slide {
  padding: 0 100px;
  opacity: 0 !important;
  transition: opacity 0.4s;
}

.production-swiper__slide.swiper-slide-active {
  opacity: 1 !important;
}


/* About company page | .about-company-start */

.about-company-start {
  margin: 8px 0 160px 0;
  color: var(--light);
}

.about-company-start__inner {
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  min-height: 600px;
  border-radius: 48px;
  background-size: cover;
}

.about-company-start__sticker-1,
.about-company-start__sticker-2 {
  position: absolute;
}

.about-company-start__sticker-1 img,
.about-company-start__sticker-2 img {
  display: block;
  max-width: 100%;
}

.about-company-start__sticker-1 {
  top: -8px;
  left: 70px;

  width: 162px;
}

.about-company-start__sticker-2 {
  right: 97px;
  bottom: -65px;

  width: 239px;
}

.about-company-start__text {
  max-width: 850px;
  padding: 100px 0 124px 0;

  text-align: center;
}

.about-company-start__text .text {
  margin-top: 40px;
}

/* About company page | .our-mission */

.our-mission {
  margin: 160px 0;
}

.our-mission__content-top {
  margin: 0 auto;
  max-width: 800px;
  text-align: center;
}

.our-mission__content-top .text {
  margin-top: 33px;
}

.our-mission__content-bottom {
  margin-top: 47px;
}

.our-mission__content-bottom .text {
  text-align: center;
  width: 100%;
}

.our-mission__card-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.our-mission__card-list .our-mission__card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: calc(25% - 20px);
  max-width: 330px;
  margin-top: 40px;
}

.our-mission__card-list .our-mission__card:not(:nth-child(4n + 4)) {
  margin-right: 20px;
}

.our-mission__card .img {
  width: 160px;
  height: 160px;
  border-radius: 32px;
  overflow: hidden;
}

.our-mission__card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 32px;
}

.our-mission__card .text {
  margin-top: 25px;
}

/* About company page | .brands-slider */

.brands-slider {
  margin: 200px 0 100px 0;
}

.brands-slider + .brand-achievements {
  margin: 130px 0 168px 0;
}

.brands-slider__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  padding: 0 2.5% 0 8.5%;
}

.brands-slider__left {
  width: 49%;
  margin-top: 82px;
  padding-bottom: 30px;
}

.brands-slider__description {
  padding-right: 160px;
}

.brands-slider__description .text {
  margin-top: 32px;
}

.brands-slider__logos {
  display: flex;
  flex-wrap: wrap;

  margin: 48px -16px -16px 0;
  user-select: none;
}

.brands-slider__logo {
  position: relative;

  width: 120px;
  margin: 0 16px 16px 0;
  border-radius: 50%;

  cursor: pointer;
}

.brands-slider__logo::before {
  content: '';
  
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: -1;

  display: block;
  border-radius: 50%;
  background-color: var(--light);
}

.brands-slider__logo svg {
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: -2;
  
  display: block;
  width: calc(100% + 16px);
  height: auto;

  opacity: 0;

  transform: rotate(-90deg);
  transition: opacity 0.3s;
}

.brands-slider__logo.-active svg {
  opacity: 1;
}

.brands-slider__logo circle {
  stroke-dasharray: 0, 813.6724972797564;
  transition: stroke-dasharray 0s linear;
  transition-delay: 0.3s;
}

.brands-slider__logo.-active circle {
  stroke-dasharray: 813.6724972797564, 813.6724972797564;
  transition: stroke-dasharray 4.3s linear;
}

.brands-slider__logo.-first.-active circle {
  transition: stroke-dasharray 4s linear;
}

.brands-slider__logo img {
  display: block;

  width: 100%;
  height: 120px;

  border-radius: 50%;
}

.brands-slider__slider-container {
  position: relative;
  width: 540px;
}

.brands-slider .swiper-button-prev,
.brands-slider .swiper-button-next {
  top: 270px;
  z-index: 3;
}

.brands-slider .swiper-button-prev {
  left: -32px;
}

.brands-slider .swiper-button-next {
  right: -32px;
}

.brands-slider .swiper-pagination {
  position: absolute;
  top: 500px;
  left: 50%;
  z-index: 3;

  background-color: transparent;
  transform: translateX(-50%);
}

.brands-slider__slide {
  width: 100%;
  padding-bottom: 30px;
  background-color: var(--light);
}

.brands-slider__slide-preview {
  position: relative;
}

.brands-slider__slide-preview > img {
  display: block;
  width: 100%;
  height: 540px;
  border-radius: 50%;
}

.brands-slider__slide-preview div {
  position: absolute;
  top: 0;
  left: 0;
  width: 166px;
}

.brands-slider__slide-preview div img {
  display: block;
  max-width: 100%;
}

.brands-slider__slide-title {
  margin-top: 24px;
  text-align: center;
}

.brands-slider__slide .button-container {
  margin-top: 16px;
}

/* About company page | .company-history */

.company-history {
  position: relative;

  width: 100%;
  margin: 168px 0 236px 0;
}

.company-history__title {
  margin-left: 8.5%;
}

.company-history__line {
  position: absolute;
  right: calc(42.392% - 719px);
  bottom: -57px;
  z-index: 2;

  -webkit-user-select: none;
  user-select: none;
}

.company-history__slider-container {
  position: relative;
  margin-top: 10px;
}

.company-history .swiper-button-prev,
.company-history .swiper-button-next {
  top: auto;
  left: auto;
  bottom: 7px;
  z-index: 3;
}

.company-history .swiper-button-prev {
  right: calc(42.392% - 87px);
}

.company-history .swiper-button-next {
  right: calc(42.392% - 155px);
}

.company-history .swiper-pagination {
  display: none;
}

.company-history .swiper-slide .text {
  transition: opacity 0.4s;
  opacity: 0 !important;
}


.company-history .swiper-slide-active .text {
  opacity: 1 !important;
}

.company-history__slide {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  background-color: var(--light);
}

.company-history__slide-img {
  width: 53.406%;
  margin-top: 45px;
}

.company-history__slide-img img {
  display: block;

  width: 100%;
  height: 480px;

  border-radius: 48px;
  object-fit: cover;
}

.company-history__slide-description {
  width: 42.392%;
  padding-top: 40px;
}

.company-history__slide-date {
  display: inline-flex;
  align-items: center;

  height: 72px;
  padding: 0 20px;

  border-radius: 100px;
  color: var(--light);
  transform: rotate(4deg);
}

.company-history__slide-description .text {
  margin: 30px 105px 0 22px;
}

/* About company page | .finance-docs */

.finance-docs {
  margin: 236px 0 208px 0;
  text-align: center;
}

.finance-docs + .certificates {
  margin: 208px 0 200px 0;
}

.finance-docs__wave-top,
.finance-docs__wave-bottom {
  height: 112px;
  background-color: var(--lime-green);
  overflow: hidden;
}

.finance-docs__wave-top {
  -webkit-clip-path: url(#finance-docs__wave-top);
  clip-path: url(#finance-docs__wave-top);
}

.finance-docs__wave-bottom {
  -webkit-clip-path: url(#finance-docs__wave-bottom);
  clip-path: url(#finance-docs__wave-bottom);
}

.finance-docs__inner {
  margin: -1px 0;
  padding: 100px 0 140px 0;
  background-color: var(--lime-green);
}

.finance-docs__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;

  margin: 64px 8.4% -20px 8.4%;
}

.finance-docs__item {
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 48px;
  background-color: var(--yellow);
}

.finance-docs__item:nth-child(odd):last-child {
  width: 100%;
}

.finance-docs__item a {
  display: block;
  padding: 40px 40px 36px 40px;
  border-radius: 48px;
}

.finance-docs__item img {
  display: block;

  width: 102px;
  margin: 0 auto;

  filter: brightness(0.4);
  transition: filter 0.4s;
}

.finance-docs__item .title {
  margin-top: 24px;
}

.finance-docs__item .text {
  display: block;
  margin-top: 4px;
  color: var(--dark);
  opacity: 0.5;
}

.default-video-section {
  margin: 100px 0;
}

.default-video-section .video-block {
  margin: 0 auto;
}