@-webkit-keyframes fadeOutToTop {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes fadeOutToTop {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutToBottom {
  0% {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes fadeOutToBottom {
  0% {
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutToLeft {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes fadeOutToLeft {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutToRight {
  0% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes fadeOutToRight {
  0% {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutSmallScale {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeOutSmallScale {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutFromBigScale {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeOutFromBigScale {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.main--kuchenland {
  font-family: 'HelveticaNeueCyr-Light', 'Arial', 'sans-serif';
  font-size: 17px;
  line-height: 20px;
  color: #181818;

  background-color: #fff;
}

.main--kuchenland img {
  max-width: none;
}

.preloader {
  position: fixed;
  z-index: 99993;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100vh;

  background: #fff;
}

@-webkit-keyframes cube-loader {
  0%,
  10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  to {
    -webkit-transform: perspective(136px) rotateY(180deg);
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes cube-loader {
  0%,
  10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  to {
    -webkit-transform: perspective(136px) rotateY(180deg);
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

.cube-loader {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 73px;
  height: 73px;
  margin-top: -73px;
  margin-left: -36px;
}

.cube-loader .cube {
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  float: left;

  width: 50%;
  height: 50%;
}

.cube-loader .cube:before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;

  background-color: #ff010b;

  -webkit-animation: cube-loader 2.76s infinite linear both;
  animation: cube-loader 2.76s infinite linear both;
}

.cube-loader .cube.loader-2 {
  -webkit-transform: scale(1.1) rotate(90deg);
  transform: scale(1.1) rotate(90deg);
}

.cube-loader .cube.loader-2:before {
  -webkit-animation-delay: 0.35s;
  animation-delay: 0.35s;
}

.cube-loader .cube.loader-4 {
  -webkit-transform: scale(1.1) rotate(270deg);
  transform: scale(1.1) rotate(270deg);
}

.cube-loader .cube.loader-4:before {
  -webkit-animation-delay: 1.04s;
  animation-delay: 1.04s;
}

.cube-loader .cube.loader-3 {
  -webkit-transform: scale(1.1) rotate(180deg);
  transform: scale(1.1) rotate(180deg);
}

.cube-loader .cube.loader-3:before {
  -webkit-animation-delay: 0.69s;
  animation-delay: 0.69s;
}

.content-kuchenland--overflow-hidden {
  overflow: hidden;
  min-width: 1100px;
  margin: 0 auto;
}

.kuchen-wrap {
  position: relative;
  z-index: 1;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  margin: 0 auto;
  padding: 0;
}

.kuchen-wrap.design__kuchen-wrap,
.kuchen-wrap.section-one__kuchen-wrap {
  z-index: 2;
}

.icon {
  overflow: hidden;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.icon_absolute {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cuch-button {
  cursor: pointer;

  position: relative;
  top: -90px;

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

  width: 232px;
  height: 55px;
  border: 2px solid #db0713;

  font-family: 'Roboto', 'Arial', 'sans-serif';
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #1a1a1a;
  text-transform: uppercase;
  letter-spacing: 0.62px;

  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;

  -webkit-box-pack: center;
}

.cuch-button:before {
  content: ' ';

  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);

  width: calc(100% + 2px);

  background-color: #ff010b;

  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition:
    transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.cuch-button span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: relative;
  z-index: 2;
}

.about-kuchen {
  margin-top: var(--layout-projects-header-height-desktop);
  padding: 0;
}

@media only screen and (min-width: 0) and (max-width: 991px) {
  .about-kuchen {
    margin-top: var(--layout-projects-header-height-mobile);
  }
}

.about-kuchen .about-kuchen__kuchen-wrap--top {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  align-items: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 76px;

  -webkit-box-pack: justify;
}

.about-kuchen .about-kuchen__kuchen-wrap--bottom {
  z-index: 1;

  padding-top: 72px;
  padding-bottom: 200px;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.about-kuchen .about-kuchen__top-container {
  position: relative;
  z-index: 2;

  width: 100%;
  height: calc(630px + 75px);
  padding-top: 75px;

  background-color: #e22f3f;
}

.about-kuchen .about-kuchen__top-container.js-show-animate .about-kuchen__img {
  -webkit-animation: fadeOutSmallScale 0.4s ease-in-out 1.35s both;
  animation: fadeOutSmallScale 0.4s ease-in-out 1.35s both;
}

.about-kuchen .about-kuchen__top-container:after {
  content: '';

  position: absolute;
  top: calc((100% + 75px) * 0.6);
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0 0px;

  background-image: url('../images/line_red.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.about-kuchen .about-kuchen__title {
  width: 50%;
  margin-top: 70px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 46px;
  font-weight: 100;
  line-height: 66px;
  color: #ffffff;
  text-transform: uppercase;
}

.about-kuchen .about-kuchen__img {
  position: absolute;
  z-index: 1;
  top: 77px;
  left: calc(50% + 45px);

  width: 532px;
  margin-right: 52px;

  opacity: 0;
}

.about-kuchen .about-kuchen__img img {
  width: 100%;
  height: auto;
}

.about-kuchen .about-kuchen__bottom-container {
  position: relative;
}

.about-kuchen .about-kuchen__logo {
  width: 286px;
  height: 36px;
  margin-bottom: 54px;
}

.about-kuchen .about-kuchen__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

  margin-bottom: 14px;
}

.about-kuchen .about-kuchen__info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

  margin-right: 36px;
}

.about-kuchen .about-kuchen__info-count {
  margin-right: 16px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 84px;
  font-weight: 400;
  line-height: 104.28px;
  color: #181818;
  text-transform: uppercase;
}

.about-kuchen .about-kuchen__info-text {
  max-width: 100px;
  font-size: 20px;
  font-weight: 300;
  line-height: 22px;
}

.about-kuchen .about-kuchen__text {
  width: 520px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
}

@-webkit-keyframes arrowDownScroll {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes arrowDownScroll {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.about-kuchen .about-kuchen__bottom-arrow {
  cursor: pointer;

  position: absolute;
  z-index: 2;
  bottom: -66px;
  left: calc(50% - 16px);

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  align-items: start;
  -webkit-justify-content: center;
  justify-content: center;

  width: 30px;
  height: 110px;

  background-color: #ff020b;

  -webkit-box-pack: center;
}

.about-kuchen .about-kuchen__bottom-arrow img {
  pointer-events: none;
  -webkit-animation: arrowDownScroll 2s ease-out infinite;
  animation: arrowDownScroll 2s ease-out infinite;
}

.section-one {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  padding: 0;
}

.section-one:before {
  content: '';

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background-color: #f4f4f4;
}

.section-one .section-one__top {
  position: relative;
  padding: 155px 0 176px;
}

.section-one .section-one__top:after {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0 0px;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.section-one .section-one__contauner {
  position: relative;
  z-index: 2;
  width: 75%;
}

.section-one .section-one__number {
  margin-bottom: 26px;

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
  line-height: 38px;
  color: #e02d3e;
  text-transform: uppercase;
}

.section-one .section-one__title {
  margin-bottom: 62px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 70px;
  line-height: 80px;
  color: #181818;
  text-transform: uppercase;
}

.section-one .section-one__subtitle {
  margin-bottom: 16px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #272c32;
}

.section-one .section-one__text {
  max-width: 64%;
}

.section-one .section-one__text p {
  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.section-one .section-one__top-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;
  z-index: 1;
  bottom: -26px;

  display: inline-block;

  width: 100%;
  margin: 0 auto;

  font-family: 'HelveticaNeueCyr-Heavy', 'Arial', 'sans-serif';
  font-size: 292px;
  line-height: 1;
  color: #f9f9f9;
  text-align: center;
  letter-spacing: 4.5px;
}

.section-one .section-one__middle {
  position: relative;
  z-index: 1;
}

.section-one .section-one__kuchen-wrap--middle {
  position: relative;
  z-index: 1;
  height: 486px;
  background-color: #d3d3d3;
}

.section-one .section-one__carousel-wrap {
  width: 100%;
}

.section-one .section-one__carousel {
  position: relative;
  z-index: 2;
  height: 486px;
}

.section-one .section-one__carousel .slick-dots {
  bottom: -120px;
}

.section-one .section-one__carousel .slick-dots li {
  width: 43px;
  height: 2px;
  padding: 5px 3px;
}

.section-one .section-one__carousel .slick-dots li button {
  position: relative;
  width: 43px;
  height: 2px;
}

.section-one .section-one__carousel .slick-dots li button:before {
  content: '';

  position: absolute;

  width: 43px;
  height: 2px;

  background-color: #7c7c7c;

  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.section-one .section-one__carousel .slick-dots li.slick-active button:before {
  background-color: #db0713;
}

.section-one .section-one__carousel-item {
  position: relative;
  width: 917px;
  max-width: 917px;
  height: 486px;
}

.section-one .section-one__carousel-item:after {
  content: '';

  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  opacity: 1;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;

  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.section-one .section-one__carousel-item--1:after {
  background-image: url('../images/carousel/2-gray.jpg');
}

.section-one .section-one__carousel-item--2:after {
  background-image: url('../images/carousel/3-gray.jpg');
}

.section-one .section-one__carousel-item--3:after {
  background-image: url('../images/carousel/1-gray.jpg');
}

.section-one .section-one__carousel-item.slick-active:after {
  opacity: 0;
}

.section-one .section-one__small-text {
  position: absolute;
  z-index: 7;
  bottom: -115px;
  left: calc(50% - 250px);

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  color: #a2a2a2;
  letter-spacing: 0.14px;
}

.section-one .section-one__laptop {
  position: absolute;
  top: -90px;
  left: calc(50% - 641px);
}

.section-one .section-one__pepper {
  pointer-events: none;

  position: absolute;
  z-index: 4;
  right: calc(50% - 130px);
  bottom: -226px;
}

.section-one .section-one__pepper-pot {
  pointer-events: none;

  position: absolute;
  z-index: 4;
  bottom: -265px;
  left: calc(50% + 180px);
}

.section-one .section-one__bottom {
  position: relative;
}

.section-one .section-one__bottom:before {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.section-one .section-one__kuchen-wrap--bottom {
  padding-top: 210px;
  padding-bottom: 180px;
}

.section-one .section-one__quote {
  margin-left: auto;
  padding-right: 70px;
}

.quote-kuchen {
  position: relative;
  z-index: 1;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding: 62px 40px 0 50px;
}

.quote-kuchen .quote-kuchen__quotes {
  position: absolute;
  top: -20px;
  left: 44px;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  font-family: 'HelveticaNeueCyr-Medium', 'Arial', 'sans-serif';
  font-size: 159px;
  font-weight: 500;
  line-height: 1;
  color: #464646;
}

.quote-kuchen:before {
  content: '';

  position: absolute;
  top: 0;
  right: 100%;
  bottom: 18px;
  left: -1px;

  display: block;

  width: 2px;

  background-color: #f5434f;
}

.quote-kuchen .quote-kuchen__text p {
  margin: 0 0 20px;

  font-family: 'HelveticaNeueCyr-Medium', 'Arial', 'sans-serif';
  font-size: 24px;
  line-height: 34px;
  color: #464646;
}

.quote-kuchen .quote-kuchen__text p:last-of-type {
  margin-bottom: 0;
}

.quote-kuchen .quote-kuchen__author {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;

  margin-top: 16px;

  font-family: 'HelveticaNeue', 'Arial', 'sans-serif';
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  color: #838383;

  -webkit-box-pack: start;
}

.quote-kuchen .quote-kuchen__author-photo {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;

  width: 63px;
  height: 63px;
  margin-right: 22px;
  border-radius: 50%;

  -webkit-box-pack: center;
}

.quote-kuchen .quote-kuchen__author-photo img {
  width: 65px;
  height: 65px;
}

.quote-kuchen .quote-kuchen__author-name:after {
  content: ',';
}

.section-two {
  overflow: hidden;
  padding: 0;
}

.section-two .section-two__top {
  position: relative;
}

.section-two .section-two__top:before {
  content: '';

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

  display: block;

  width: 100%;

  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ffffff),
    color-stop(50%, #ffffff),
    color-stop(50%, #f4f4f4),
    to(#f4f4f4)
  );
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #ffffff 50%,
    #f4f4f4 50%,
    #f4f4f4 100%
  );
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 50%,
    #f4f4f4 50%,
    #f4f4f4 100%
  );
}

.section-two .section-two__middle {
  position: relative;
}

.section-two .section-two__middle:before {
  content: '';

  position: absolute;
  top: -240px;
  bottom: -126px;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.section-two .section-two__quote {
  margin: 110px 0 126px auto;
}
.detail {
  padding: 0;
}
.detail .detail__kuchen-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  -webkit-box-pack: justify;
}

.detail .detail__left {
  z-index: 1;
  width: 75%;
  padding-top: 161px;
}

.detail .detail__number {
  margin-bottom: 10px;
  padding-left: 3px;

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
  line-height: 38px;
  color: #e02d3e;
  text-transform: uppercase;
}

.detail .detail__title {
  margin-bottom: 34px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 70px;
  line-height: 80px;
  color: #181818;
  text-transform: uppercase;
}

.detail .detail__subtitle {
  margin-bottom: 16px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #373740;
}

.detail .detail__text {
  width: 70%;
  margin-bottom: 30px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.detail .detail__text p {
  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
}

.detail .detail__info {
  margin-top: 120px;
}

.detail .detail__info.js-show-animate .detail__text {
  opacity: 1;
}

.detail .detail__info .detail__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66%;
  padding-right: 90px;
}

.detail .detail__img {
  position: relative;
  right: -7px;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  align-items: start;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;

  width: 25%;

  opacity: 0;

  -webkit-box-pack: end;
}

.detail .detail__img.js-show-animate {
  -webkit-animation: fadeOutToBottom 0.4s ease-in-out both 0.35s;
  animation: fadeOutToBottom 0.4s ease-in-out both 0.35s;
}

@-webkit-keyframes sampleCardsCursor {
  0% {
    -webkit-transform: translate(160px, 10px);
    transform: translate(160px, 10px);
  }
  10% {
    -webkit-transform: translate(55px, 54px);
    transform: translate(55px, 54px);
  }
  14% {
    -webkit-transform: translate(55px, 54px);
    transform: translate(55px, 54px);
  }
  28% {
    -webkit-transform: translate(128px, 62px);
    transform: translate(128px, 62px);
  }
  32% {
    -webkit-transform: translate(128px, 62px);
    transform: translate(128px, 62px);
  }
  44% {
    -webkit-transform: translate(250px, 54px);
    transform: translate(250px, 54px);
  }
  48% {
    -webkit-transform: translate(250px, 54px);
    transform: translate(250px, 54px);
  }
  70% {
    -webkit-transform: translate(520px, 46px);
    transform: translate(520px, 46px);
  }
  76% {
    -webkit-transform: translate(520px, 46px);
    transform: translate(520px, 46px);
  }
  100% {
    -webkit-transform: translate(160px, 10px);
    transform: translate(160px, 10px);
  }
}

@keyframes sampleCardsCursor {
  0% {
    -webkit-transform: translate(160px, 10px);
    transform: translate(160px, 10px);
  }
  10% {
    -webkit-transform: translate(55px, 54px);
    transform: translate(55px, 54px);
  }
  14% {
    -webkit-transform: translate(55px, 54px);
    transform: translate(55px, 54px);
  }
  28% {
    -webkit-transform: translate(128px, 62px);
    transform: translate(128px, 62px);
  }
  32% {
    -webkit-transform: translate(128px, 62px);
    transform: translate(128px, 62px);
  }
  44% {
    -webkit-transform: translate(250px, 54px);
    transform: translate(250px, 54px);
  }
  48% {
    -webkit-transform: translate(250px, 54px);
    transform: translate(250px, 54px);
  }
  70% {
    -webkit-transform: translate(520px, 46px);
    transform: translate(520px, 46px);
  }
  76% {
    -webkit-transform: translate(520px, 46px);
    transform: translate(520px, 46px);
  }
  100% {
    -webkit-transform: translate(160px, 10px);
    transform: translate(160px, 10px);
  }
}

@-webkit-keyframes sampleCardsMenu {
  0% {
    opacity: 0;
  }
  9% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  14% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sampleCardsMenu {
  0% {
    opacity: 0;
  }
  9% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  14% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes sampleCardsBtn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  68% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  70% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  76% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  78% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes sampleCardsBtn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  68% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  70% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  76% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  78% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes sampleCardsBtnColor {
  0% {
    color: #1a1a1a;
  }
  68% {
    color: #1a1a1a;
  }
  70% {
    color: #ffffff;
  }
  76% {
    color: #ffffff;
  }
  78% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
  }
}

@keyframes sampleCardsBtnColor {
  0% {
    color: #1a1a1a;
  }
  68% {
    color: #1a1a1a;
  }
  70% {
    color: #ffffff;
  }
  76% {
    color: #ffffff;
  }
  78% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
  }
}
.sample-cards {
  padding: 0;
}
.sample-cards .sample-cards__kuchen-wrap {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  align-items: start;

  padding-top: 10px;
  padding-bottom: 165px;
  padding-left: calc(90px + 0px);
}

.sample-cards .sample-cards__kuchen-wrap:before {
  content: '';

  position: absolute;
  top: 498px;
  bottom: -126px;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: -webkit-linear-gradient(
    left,
    rgba(238, 238, 238, 0) 0%,
    rgba(238, 238, 238, 0) 50%,
    #eeeeee 50%,
    #eeeeee calc(50% + 1px),
    rgba(238, 238, 238, 0) calc(50% + 1px),
    rgba(238, 238, 238, 0) calc(75% - 20px / 2),
    #eeeeee calc(75% - 20px / 2),
    #eeeeee calc(75% + 1px - 20px / 2),
    rgba(238, 238, 238, 0) calc(75% + 1px - 20px / 2),
    rgba(238, 238, 238, 0) calc(100% - 1px - 20px),
    #eeeeee calc(100% - 1px - 20px),
    #eeeeee calc(100% - 20px),
    rgba(238, 238, 238, 0) calc(100% - 20px)
  );
  background-image: linear-gradient(
    to right,
    rgba(238, 238, 238, 0) 0%,
    rgba(238, 238, 238, 0) 50%,
    #eeeeee 50%,
    #eeeeee calc(50% + 1px),
    rgba(238, 238, 238, 0) calc(50% + 1px),
    rgba(238, 238, 238, 0) calc(75% - 20px / 2),
    #eeeeee calc(75% - 20px / 2),
    #eeeeee calc(75% + 1px - 20px / 2),
    rgba(238, 238, 238, 0) calc(75% + 1px - 20px / 2),
    rgba(238, 238, 238, 0) calc(100% - 1px - 20px),
    #eeeeee calc(100% - 1px - 20px),
    #eeeeee calc(100% - 20px),
    rgba(238, 238, 238, 0) calc(100% - 20px)
  );
}

.sample-cards .sample-cards__card-btn {
  position: absolute;
  top: auto;
  bottom: 58px;

  -webkit-animation: sampleCardsBtnColor 6s linear infinite;
  animation: sampleCardsBtnColor 6s linear infinite;
}

.sample-cards .sample-cards__card-btn:before {
  -webkit-animation: sampleCardsBtn 6s linear infinite;
  animation: sampleCardsBtn 6s linear infinite;
}

.sample-cards .sample-cards__hovers {
  position: relative;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 21px;
}

.sample-cards .sample-cards__hover-1 {
  position: absolute;
  bottom: 5px;
  left: 0;

  width: 40px;
  height: 2px;

  opacity: 0;
  background-color: #db0a16;

  -webkit-animation: sampleCardsMenu 6s linear infinite;
  animation: sampleCardsMenu 6s linear infinite;
}

.sample-cards .sample-cards__hover-2 {
  position: absolute;
  bottom: 5px;
  left: 75px;

  width: 68px;
  height: 2px;

  opacity: 0;
  background-color: #db0a16;

  -webkit-animation: sampleCardsMenu 6s linear calc(6s * 0.2) infinite;
  animation: sampleCardsMenu 6s linear calc(6s * 0.2) infinite;
}

.sample-cards .sample-cards__hover-3 {
  position: absolute;
  bottom: 5px;
  left: 176px;

  width: 77px;
  height: 2px;

  opacity: 0;
  background-color: #db0a16;

  -webkit-animation: sampleCardsMenu 6s linear calc(6s * 0.36) infinite;
  animation: sampleCardsMenu 6s linear calc(6s * 0.36) infinite;
}

.sample-cards .sample-cards__card {
  position: relative;
  left: 90px;

  margin-bottom: -5px;
  margin-left: -1px;
  padding: 25px 20px;

  background-color: #ffffff;
  -webkit-box-shadow: 0px 10px 30px rgba(150, 150, 150, 0.2);
  box-shadow: 0px 10px 30px rgba(150, 150, 150, 0.2);
}

.sample-cards .sample-cards__card img {
  display: block;
  margin: 0 auto;
}

.sample-cards .sample-cards__card:after {
  content: '';

  position: absolute;
  top: 80px;
  left: calc(50% - 180px);

  display: block;

  width: 360px;
  height: 193px;

  background-image: url('../images/section-two/pan.png');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
}

.sample-cards .sample-cards__carousel {
  position: relative;
  right: -152px;
}

.sample-cards .sample-cards__cursor {
  position: absolute;
  top: 350px;
  left: 50px;

  -webkit-animation: sampleCardsCursor 6s linear infinite;
  animation: sampleCardsCursor 6s linear infinite;
}
.design {
  padding: 0;
}
.design .design__popular-goods {
  position: relative;
}

.design .design__popular-goods:before,
.design .design__popular-goods:after {
  content: '';
  position: absolute;
  display: block;
  width: 50%;
}

.design .design__popular-goods:before {
  top: 124px;
  bottom: -5px;
  left: 0;
  background-color: #f4f4f4;
}

.design .design__popular-goods:after {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 100px;

  background-color: #f64451;
}

.design .design__popular-goods-wrapper {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  align-items: start;
  -webkit-justify-content: center;
  justify-content: center;

  width: 100%;

  -webkit-box-pack: center;
}

@-webkit-keyframes moveCursorPointer {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(190px, -140px);
    transform: translate(190px, -140px);
  }
  40% {
    -webkit-transform: translate(230px, 150px);
    transform: translate(230px, 150px);
  }
  60% {
    -webkit-transform: translate(-100px, 360px);
    transform: translate(-100px, 360px);
  }
  73% {
    -webkit-transform: translate(142px, 360px);
    transform: translate(142px, 360px);
  }
  77% {
    -webkit-transform: translate(142px, 360px);
    transform: translate(142px, 360px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes moveCursorPointer {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(190px, -140px);
    transform: translate(190px, -140px);
  }
  40% {
    -webkit-transform: translate(230px, 150px);
    transform: translate(230px, 150px);
  }
  60% {
    -webkit-transform: translate(-100px, 360px);
    transform: translate(-100px, 360px);
  }
  73% {
    -webkit-transform: translate(142px, 360px);
    transform: translate(142px, 360px);
  }
  77% {
    -webkit-transform: translate(142px, 360px);
    transform: translate(142px, 360px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-webkit-keyframes hover--1 {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes hover--1 {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  97% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes hover--2 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  27% {
    opacity: 1;
  }
  29% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hover--2 {
  0% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  27% {
    opacity: 1;
  }
  29% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes hover--3 {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  34% {
    opacity: 1;
  }
  46% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hover--3 {
  0% {
    opacity: 0;
  }
  32% {
    opacity: 0;
  }
  34% {
    opacity: 1;
  }
  46% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes hover--4 {
  0% {
    opacity: 0;
  }
  51% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  68% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hover--4 {
  0% {
    opacity: 0;
  }
  51% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  68% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes hover--5 {
  0% {
    opacity: 0;
  }
  71% {
    opacity: 0;
  }
  73% {
    opacity: 1;
  }
  81% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hover--5 {
  0% {
    opacity: 0;
  }
  71% {
    opacity: 0;
  }
  73% {
    opacity: 1;
  }
  81% {
    opacity: 1;
  }
  83% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.design .design__cursor-pointer {
  position: absolute;
  z-index: 10;
  top: 360px;
  left: calc(50% - 50px);

  -webkit-animation: moveCursorPointer 12s linear infinite;
  animation: moveCursorPointer 12s linear infinite;
}

.design .design__popular-goods-text {
  position: relative;
  top: -40px;

  width: 480px;
  margin-bottom: 52px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #373740;
  letter-spacing: -0.5px;
}

.design .design__popular-goods-left {
  width: 50%;
}

.design .design__popular-goods-left .design__popular-goods-item {
  position: absolute;
  z-index: 1;
  right: 50%;
  bottom: -5px;

  width: 355px;
  margin-top: 40px;
  margin-left: auto;

  text-align: left;
}

.design .design__popular-goods-left .design__popular-goods-item img {
  display: inline-block;
}

.design .design__popular-goods-right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-top: 124px;
  padding-left: 70px;
}

.design .design__popular-goods-right .design__popular-goods-item {
  z-index: 2;
  margin-right: 68px;
  margin-bottom: 30px;
}

.design .design__popular-goods-right .design__popular-goods-item:last-of-type {
  margin-bottom: -5px;
}

.design .design__popular-goods-hover-item {
  cursor: pointer;

  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;

  width: 355px;
  margin-bottom: -80px;
  margin-left: auto;

  text-align: right;

  -webkit-box-pack: center;
}

.design .design__popular-goods-hover-item img {
  display: inline-block;
}

.design .design__popular-goods-hover-item-img {
  position: absolute;
  right: 1px;

  opacity: 0;

  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.design .design__popular-goods-hover-item-img--1 {
  -webkit-animation: hover--1 12s linear infinite;
  animation: hover--1 12s linear infinite;
}

.design .design__popular-goods-hover-item-img--2 {
  -webkit-animation: hover--2 12s linear infinite;
  animation: hover--2 12s linear infinite;
}

.design .design__popular-goods-hover-item-img--3 {
  -webkit-animation: hover--3 12s linear infinite;
  animation: hover--3 12s linear infinite;
}

.design .design__popular-goods-hover-item-img--4 {
  -webkit-animation: hover--4 12s linear infinite;
  animation: hover--4 12s linear infinite;
}

.design .design__popular-goods-hover-item-img--5 {
  -webkit-animation: hover--5 12s linear infinite;
  animation: hover--5 12s linear infinite;
}

.design .design__popular-goods-item {
  cursor: pointer;
  position: relative;
}

.design
  .design__popular-goods-item:hover
  .design__popular-goods-item-hover-img {
  opacity: 1;
}

.design .design__popular-goods-item .design__popular-goods-item-hover-img {
  position: absolute;
  bottom: 0;
  left: 0;

  opacity: 0;

  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.design .design__popular-goods-item--02 .design__popular-goods-item-hover-img {
  left: 60px;
}

.design .design__popular-goods-item--03 .design__popular-goods-item-hover-img {
  bottom: 18px;
  left: 0;
}

.design .design__popular-goods-item--04 .design__popular-goods-item-hover-img {
  bottom: 0;
  left: 110px;
}

.adaptive {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 230px;
}

.adaptive.js-show-animate .adaptive__img-tablet {
  -webkit-animation: fadeOutToRight 0.4s ease-in-out both 0.2s;
  animation: fadeOutToRight 0.4s ease-in-out both 0.2s;
}

.adaptive.js-show-animate .adaptive__img-form {
  -webkit-animation: fadeOutToLeft 0.4s ease-in-out both 0.4s;
  animation: fadeOutToLeft 0.4s ease-in-out both 0.4s;
}

.adaptive.js-show-animate .adaptive__img-mob {
  -webkit-animation: fadeOut 0.3s ease-in-out both 0.5s;
  animation: fadeOut 0.3s ease-in-out both 0.5s;
}

.adaptive:before {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.adaptive .adaptive__text {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.adaptive .adaptive__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;
  z-index: 0;
  top: 34px;
  left: calc(50% - 496px);

  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  align-items: end;

  height: 284px;

  font-family: 'HelveticaNeueCyr-Heavy', 'Arial', 'sans-serif';
  font-size: 348px;
  line-height: 1;
  color: #f9f9f9;
  letter-spacing: -3px;
}

.adaptive .adaptive__images {
  position: relative;
  z-index: 1;
  padding-top: 94px;
}

.adaptive .adaptive__img-tablet {
  position: relative;
  left: calc(50% - 832px);

  display: inline-block;

  text-align: center;

  opacity: 0;
}

.adaptive .adaptive__img-form {
  position: absolute;
  top: 176px;
  left: calc(50% + 232px);

  display: inline-block;

  opacity: 0;
}

.adaptive .adaptive__text--small {
  position: absolute;
  bottom: 0;
  left: calc(50% - 246px);

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  color: #a2a2a2;
  letter-spacing: 0.14px;
}

.adaptive .adaptive__img-mob {
  position: absolute;
  top: 432px;
  left: calc(50% - 157px);
  opacity: 0;
}

@-webkit-keyframes moveCursor {
  0% {
    -webkit-transform: translate(-70px, -120px);
    transform: translate(-70px, -120px);
  }
  15% {
    -webkit-transform: translate(-176px, -74px);
    transform: translate(-176px, -74px);
  }
  22% {
    -webkit-transform: translate(-176px, -74px);
    transform: translate(-176px, -74px);
  }
  45% {
    -webkit-transform: translate(-30px, 130px);
    transform: translate(-30px, 130px);
  }
  54% {
    -webkit-transform: translate(-30px, 130px);
    transform: translate(-30px, 130px);
  }
  80% {
    -webkit-transform: translate(116px, -196px);
    transform: translate(116px, -196px);
  }
  85% {
    -webkit-transform: translate(116px, -196px);
    transform: translate(116px, -196px);
  }
  100% {
    -webkit-transform: translate(-70px, -120px);
    transform: translate(-70px, -120px);
  }
}

@keyframes moveCursor {
  0% {
    -webkit-transform: translate(-70px, -120px);
    transform: translate(-70px, -120px);
  }
  15% {
    -webkit-transform: translate(-176px, -74px);
    transform: translate(-176px, -74px);
  }
  22% {
    -webkit-transform: translate(-176px, -74px);
    transform: translate(-176px, -74px);
  }
  45% {
    -webkit-transform: translate(-30px, 130px);
    transform: translate(-30px, 130px);
  }
  54% {
    -webkit-transform: translate(-30px, 130px);
    transform: translate(-30px, 130px);
  }
  80% {
    -webkit-transform: translate(116px, -196px);
    transform: translate(116px, -196px);
  }
  85% {
    -webkit-transform: translate(116px, -196px);
    transform: translate(116px, -196px);
  }
  100% {
    -webkit-transform: translate(-70px, -120px);
    transform: translate(-70px, -120px);
  }
}

@-webkit-keyframes plus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  17% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  18% {
    background-color: #dc293a;
  }
  19% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    background-color: #dc293a;
  }
  20% {
    background-color: #dc293a;
  }
  21% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
}

@keyframes plus {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  17% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  18% {
    background-color: #dc293a;
  }
  19% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    background-color: #dc293a;
  }
  20% {
    background-color: #dc293a;
  }
  21% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: rgba(255, 255, 255, 0.6);
  }
}

@-webkit-keyframes plus-border {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  17% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  18% {
  }
  19% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
  }
  21% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
}

@keyframes plus-border {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  17% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  18% {
  }
  19% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
  }
  21% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0.5;
  }
}

@-webkit-keyframes btnHover {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  44% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  48% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  52% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  56% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes btnHover {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  44% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  48% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  52% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  56% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes modal {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  81% {
    opacity: 1;
  }
  82% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes modal {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  21% {
    opacity: 1;
  }
  81% {
    opacity: 1;
  }
  82% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes spanInGarbage {
  0% {
    color: #1a1a1a;
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  47% {
    color: #1a1a1a;
    opacity: 1;
  }
  48% {
    color: #ffffff;
    opacity: 0;
  }
  52% {
    color: #ffffff;
  }
  56% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
    opacity: 0;
  }
}

@keyframes spanInGarbage {
  0% {
    color: #1a1a1a;
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  47% {
    color: #1a1a1a;
    opacity: 1;
  }
  48% {
    color: #ffffff;
    opacity: 0;
  }
  52% {
    color: #ffffff;
  }
  56% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
    opacity: 0;
  }
}

@-webkit-keyframes spanAddedToCart {
  0% {
    color: #1a1a1a;
    opacity: 0;
  }
  22% {
    opacity: 0;
  }
  47% {
    color: #1a1a1a;
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  48% {
    color: #ffffff;
  }
  52% {
    color: #ffffff;
  }
  56% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
    opacity: 1;
  }
}

@keyframes spanAddedToCart {
  0% {
    color: #1a1a1a;
    opacity: 0;
  }
  22% {
    opacity: 0;
  }
  47% {
    color: #1a1a1a;
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  48% {
    color: #ffffff;
  }
  52% {
    color: #ffffff;
  }
  56% {
    color: #1a1a1a;
  }
  100% {
    color: #1a1a1a;
    opacity: 1;
  }
}

.lookbook {
  position: relative;
  padding-top: 155px;
  padding-bottom: 190px;
}

.lookbook:before {
  content: '';

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background-color: #f8f8f8;
}

.lookbook:after {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.lookbook .lookbook__info {
  position: relative;
  z-index: 1;
}

.lookbook .lookbook__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;
  z-index: 1;
  top: -219px;
  left: calc(50% - 652px);

  font-family: 'HelveticaNeueCyr-Heavy', 'Arial', 'sans-serif';
  font-size: 292px;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 6px;
}

.lookbook .lookbook__subtitle {
  position: relative;
  z-index: 2;

  margin-bottom: 16px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #373740;
}

.lookbook .lookbook__text {
  width: 50%;
  margin-bottom: 60px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.lookbook .lookbook__text--top {
  color: #373740;
}

.lookbook .lookbook__image-cursor-pointer {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;

  width: 17px;
  height: 22px;

  -webkit-animation: moveCursor 8s linear infinite;
  animation: moveCursor 8s linear infinite;
}

.lookbook .lookbook__image-plus {
  position: absolute;
  top: 170px;
  left: 50px;

  width: 41px;
  height: 41px;
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.6);

  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-animation: plus 8s linear infinite;
  animation: plus 8s linear infinite;
}

.lookbook .lookbook__image-plus:after {
  content: '';

  position: absolute;
  top: -20%;
  left: -20%;

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 140%;
  height: 140%;
  border: 1px solid white;
  border-radius: 50%;

  -webkit-animation: plus-border 8s linear infinite;
  animation: plus-border 8s linear infinite;
}

.lookbook .lookbook__image-plus p {
  position: absolute;
  top: 20px;
  left: 17px;

  width: 7px;
  height: 1px;
  margin: 0;

  background: #4b4a5b;

  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.lookbook .lookbook__image-plus p:last-of-type {
  top: 17px;
  left: 20px;
  width: 1px;
  height: 7px;
}

.lookbook .lookbook__images {
  position: relative;
  z-index: 1;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  width: 100%;
}

.lookbook .lookbook__image-item {
  width: 50%;
}

.lookbook .lookbook__image-subtitle {
  margin-bottom: 20px;

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  color: #a2a2a2;
  letter-spacing: 0.14px;
}

.lookbook .lookbook__image--top {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 495px;
}

.lookbook .lookbook__image--top img {
  width: 100%;
  height: auto;
}

.lookbook .lookbook__image-item--modal {
  position: relative;
}

.lookbook .lookbook__image-item--modal:after {
  content: '';

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background-image: url('../images/section-two/look-book-2-modal.png');

  -webkit-animation: modal 8s linear infinite;
  animation: modal 8s linear infinite;
}

.lookbook .lookbook__image-btn {
  cursor: auto;

  position: relative;
  z-index: 3;
  top: -132px;
  left: 11px;

  margin: 0 auto;

  -webkit-animation: modal 8s linear infinite;
  animation: modal 8s linear infinite;
}

.lookbook .lookbook__image-btn:before {
  content: ' ';

  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);

  width: calc(100% + 2px);

  background-color: #ff010b;

  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition:
    transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation: btnHover 8s linear infinite;
  animation: btnHover 8s linear infinite;
}

.lookbook .lookbook__image-btn-in-garbage {
  -webkit-animation: spanInGarbage 8s linear infinite;
  animation: spanInGarbage 8s linear infinite;
}

.lookbook .lookbook__image-btn-added-to-cart {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  width: 100%;

  text-align: center;

  -webkit-animation: spanAddedToCart 8s linear infinite;
  animation: spanAddedToCart 8s linear infinite;
}

.lookbook .lookbook__info-images {
  position: relative;
  z-index: 2;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  width: 100%;
}

.lookbook .lookbook__info-images .lookbook__image {
  width: 50%;
}

.lookbook .lookbook__info-images-left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-top: 110px;
}

.lookbook .lookbook__info-images-left .lookbook__text {
  width: 90%;
}

.lookbook .lookbook__products {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  width: 50%;

  background-color: #f8f8f8;

  -webkit-box-pack: justify;
}

.lookbook .lookbook__product {
  width: 238px;
}

.lookbook .lookbook__product-img {
  width: 100%;
  height: auto;
}

.lookbook .lookbook__product-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 17px 30px;

  font-family: 'Roboto', 'Arial', 'sans-serif';
  font-size: 12px;
  font-weight: 200;
  line-height: 16px;
  color: #4c4b5b;
}

.lookbook .lookbook__product-info-cost {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.lookbook .lookbook__bottles {
  position: absolute;
  z-index: 1;
  bottom: -34px;
  left: calc(50% - 762px);

  opacity: 0;
}

.lookbook .lookbook__bottles.js-show-animate {
  -webkit-animation: fadeOutFromBigScale 0.4s ease-in-out both;
  animation: fadeOutFromBigScale 0.4s ease-in-out both;
}

.lookbook .lookbook__quote {
  width: 75%;
  margin-top: 50px;
  margin-left: auto;
}

.lookbook .lookbook__quote p {
  margin: 20px 0 30px;
}

.lookbook .lookbook__leaves {
  position: absolute;
}

.lookbook .lookbook__leaves--one {
  top: -5px;
  left: calc(50% + 200px);
}

.lookbook .lookbook__leaves--two {
  top: 85px;
  left: calc(50% + 60px);
}

.lookbook .lookbook__leaves--three {
  position: relative;
  left: 234px;
  margin-bottom: 25px;
}

.product-presentation {
  position: relative;
  padding-top: 156px;
  padding-bottom: 195px;
}

.product-presentation:before {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0 0px;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.product-presentation .product-presentation__kuchen-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.product-presentation .product-presentation__left-wrap {
  width: 50%;
}

.product-presentation .product-presentation__right-wrap {
  position: relative;
  width: 50%;
  padding-top: 505px;
}

.product-presentation .product-presentation__title {
  margin-bottom: 24px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #1e1e1e;
}

.product-presentation .product-presentation__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 26px;
  padding-right: 90px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.product-presentation .product-presentation__card {
  position: relative;
  margin-top: 70px;
}

.product-presentation .product-presentation__card--hover {
  position: relative;
  top: 10px;
  margin-top: 0;
}

.product-presentation
  .product-presentation__card--hover
  .product-presentation__card-img {
  cursor: pointer;

  position: relative;

  width: 50%;

  -webkit-box-shadow: 0 0 56px 0 rgba(125, 125, 125, 0.2);
  box-shadow: 0 0 56px 0 rgba(125, 125, 125, 0.2);
}

.product-presentation
  .product-presentation__card--hover
  .product-presentation__card-img:hover
  .item-block__buttons {
  opacity: 1;
}

.product-presentation
  .product-presentation__card--hover
  .product-presentation__card-img:after {
  pointer-events: none;
  content: '';

  position: absolute;
  top: -16px;
  left: 32px;

  display: block;

  width: 182px;
  height: 267px;

  background-image: url('../images/section-two/chair.png');
}

.product-presentation
  .product-presentation__card--hover
  .product-presentation__card-subtitle {
  position: relative;
  margin-bottom: 0;
}

@-webkit-keyframes animationCursorProduct {
  0% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  5% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  23% {
    -webkit-transform: translate(-50px, 120px);
    transform: translate(-50px, 120px);
  }
  33% {
    -webkit-transform: translate(-50px, 120px);
    transform: translate(-50px, 120px);
  }
  50% {
    -webkit-transform: translate(10px, 60px);
    transform: translate(10px, 60px);
  }
  67% {
    -webkit-transform: translate(60px, 120px);
    transform: translate(60px, 120px);
  }
  77% {
    -webkit-transform: translate(60px, 120px);
    transform: translate(60px, 120px);
  }
  93% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  100% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
}

@keyframes animationCursorProduct {
  0% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  5% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  23% {
    -webkit-transform: translate(-50px, 120px);
    transform: translate(-50px, 120px);
  }
  33% {
    -webkit-transform: translate(-50px, 120px);
    transform: translate(-50px, 120px);
  }
  50% {
    -webkit-transform: translate(10px, 60px);
    transform: translate(10px, 60px);
  }
  67% {
    -webkit-transform: translate(60px, 120px);
    transform: translate(60px, 120px);
  }
  77% {
    -webkit-transform: translate(60px, 120px);
    transform: translate(60px, 120px);
  }
  93% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
  100% {
    -webkit-transform: translate(-20px, -140px);
    transform: translate(-20px, -140px);
  }
}

@-webkit-keyframes animationOpacityBtn {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes animationOpacityBtn {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  93% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes Favorite {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  20% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  23% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  33% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  46% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  49% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  56% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  59% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  80% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  83% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
}

@keyframes Favorite {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  20% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  23% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  33% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  46% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  49% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  56% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  59% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  80% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  83% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
}

@-webkit-keyframes spanFavorite {
  0% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  23% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  46% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  49% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
}

@keyframes spanFavorite {
  0% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  23% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  46% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
  49% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(-105px);
    transform: translateX(-105px);
    opacity: 0;
  }
}

@-webkit-keyframes svgFavorite {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
  5% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  23% {
    -webkit-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%);
  }
  33% {
    -webkit-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%);
  }
  56% {
    opacity: 1;
  }
  59% {
    opacity: 0;
  }
  80% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  83% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}

@keyframes svgFavorite {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
  5% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  23% {
    -webkit-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%);
  }
  33% {
    -webkit-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%);
  }
  56% {
    opacity: 1;
  }
  59% {
    opacity: 0;
  }
  80% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  83% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 1;
  }
}

@-webkit-keyframes cart {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  20% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  23% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  33% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  46% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  49% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  56% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  59% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  80% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  83% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
}

@keyframes cart {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  20% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  23% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  33% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  46% {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: 0;
  }
  49% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  56% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  59% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  80% {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    width: 100%;
  }
  83% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 50%;
  }
}

@-webkit-keyframes spanCart {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  25% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  28% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
    opacity: 1;
  }
  42% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

@keyframes spanCart {
  0% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  25% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  28% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  30% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(18px);
    transform: translateX(18px);
    opacity: 1;
  }
  42% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

@-webkit-keyframes spanCartAdded {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  78% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  80% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 1;
  }
  92% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

@keyframes spanCartAdded {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  75% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  78% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  80% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 1;
  }
  92% {
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 0;
  }
}

@-webkit-keyframes svgCart {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  10% {
    opacity: 1;
  }
  11% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  16% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  23% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  28% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  29% {
    -webkit-transform: translateX(-110px) translateY(-50%);
    transform: translateX(-110px) translateY(-50%);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-110px) translateY(-50%);
    transform: translateX(-110px) translateY(-50%);
  }
  42% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  60% {
    opacity: 1;
  }
  61% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  66% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  73% {
    opacity: 0;
  }
  74% {
    opacity: 1;
  }
  78% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  79% {
    -webkit-transform: translateX(-164px) translateY(-50%);
    transform: translateX(-164px) translateY(-50%);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(-164px) translateY(-50%);
    transform: translateX(-164px) translateY(-50%);
  }
  92% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

@keyframes svgCart {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  10% {
    opacity: 1;
  }
  11% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  16% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  23% {
    opacity: 0;
  }
  24% {
    opacity: 1;
  }
  28% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  29% {
    -webkit-transform: translateX(-110px) translateY(-50%);
    transform: translateX(-110px) translateY(-50%);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-110px) translateY(-50%);
    transform: translateX(-110px) translateY(-50%);
  }
  42% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  50% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  60% {
    opacity: 1;
  }
  61% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  66% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
    opacity: 0;
  }
  73% {
    opacity: 0;
  }
  74% {
    opacity: 1;
  }
  78% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  79% {
    -webkit-transform: translateX(-164px) translateY(-50%);
    transform: translateX(-164px) translateY(-50%);
    opacity: 1;
  }
  90% {
    -webkit-transform: translateX(-164px) translateY(-50%);
    transform: translateX(-164px) translateY(-50%);
  }
  92% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.product-presentation .product-presentation__cursor-pointer {
  position: absolute;
  z-index: 10;
  top: 110px;
  left: calc(50% - 8px);

  -webkit-animation: animationCursorProduct 6s linear infinite;
  animation: animationCursorProduct 6s linear infinite;
}

.product-presentation .product-presentation__card-subtitle {
  margin-top: 10px;
  margin-bottom: 55px;

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 15px;
  line-height: 16px;
  color: #a2a2a2;
  letter-spacing: 0.14px;
}

.product-presentation .product-presentation__organizer {
  position: absolute;
  top: -365px;
  left: calc(50% - 200px);
  opacity: 0;
}

.product-presentation .product-presentation__organizer.js-show-animate {
  -webkit-animation: fadeOutFromBigScale 0.5s ease-in-out both;
  animation: fadeOutFromBigScale 0.5s ease-in-out both;
}

.product-presentation .product-presentation__tomatoes {
  position: absolute;
  z-index: 2;
  top: 500px;
  left: calc(50% + 150px);

  opacity: 1;
}

.product-presentation .item-block__buttons {
  position: absolute;
  z-index: 2;
  bottom: 77px;
  left: 0;

  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  width: 247px;
  height: 60px;
  border-top: 1px solid rgba(245, 245, 245, 0.75);

  background: rgba(255, 255, 255, 0.75);

  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-animation: animationOpacityBtn 6s linear infinite;
  animation: animationOpacityBtn 6s linear infinite;
}

.product-presentation .item-block__button {
  cursor: pointer;

  position: relative;
  z-index: 2;

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

  width: 50%;

  -webkit-transition:
    opacity 0.1s,
    -webkit-transform 0.2s;
  transition:
    opacity 0.1s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    opacity 0.1s;
  transition:
    transform 0.2s,
    opacity 0.1s,
    -webkit-transform 0.2s;

  -webkit-box-pack: center;
}

.product-presentation .item-block__button.item-block__button-favorite {
  -webkit-animation: Favorite 6s linear infinite;
  animation: Favorite 6s linear infinite;
}

.product-presentation .item-block__button.item-block__button-favorite svg {
  -webkit-animation: svgFavorite 6s linear infinite;
  animation: svgFavorite 6s linear infinite;
}

.product-presentation .item-block__button.item-block__button-favorite span {
  -webkit-animation: spanFavorite 6s linear infinite;
  animation: spanFavorite 6s linear infinite;
}

.product-presentation .item-block__button.item-block__button-cart {
  -webkit-animation: cart 6s linear infinite;
  animation: cart 6s linear infinite;
}

.product-presentation .item-block__button.item-block__button-cart svg {
  -webkit-animation: svgCart calc(6s * 2) linear infinite;
  animation: svgCart calc(6s * 2) linear infinite;
}

.product-presentation
  .item-block__button.item-block__button-cart
  .item-block__button-cart-span--no-added {
  -webkit-animation: spanCart calc(6s * 2) linear infinite;
  animation: spanCart calc(6s * 2) linear infinite;
}

.product-presentation
  .item-block__button.item-block__button-cart
  .item-block__button-cart-span--added {
  -webkit-animation: spanCartAdded calc(6s * 2) linear infinite;
  animation: spanCartAdded calc(6s * 2) linear infinite;
}

.product-presentation .item-block__button-favorite {
  border-right: 1px solid rgba(245, 245, 245, 0.7);
}

.product-presentation .item-block__button svg {
  position: absolute;
  top: 50%;
  left: 49px;
  -webkit-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);

  fill: #4c4b5b;

  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition:
    transform 0.2s,
    -webkit-transform 0.2s;
}

.product-presentation .item-block__button-favorite svg {
  position: absolute;
  width: 22px;
  height: 18px;
  fill: #4c4b5b;
}

.product-presentation .item-block__button-cart svg {
  right: 53px;
  left: auto;

  width: 20px;
  height: 20px;

  fill: #ff2438;
}

.product-presentation .item-block__button span {
  position: absolute;
  top: 20px;
  left: 90px;
  -webkit-transform: translateX(-105px);
  transform: translateX(-105px);

  font-family: 'Roboto', 'Arial', 'sans-serif';
  font-size: 12.4px;
  font-weight: 500;
  color: #4c4b5b;
  text-transform: uppercase;
  letter-spacing: 1.05px;
  white-space: nowrap;

  opacity: 0;

  -webkit-transition:
    opacity 0.1s,
    -webkit-transform 0.2s;
  transition:
    opacity 0.1s,
    -webkit-transform 0.2s;
  transition:
    transform 0.2s,
    opacity 0.1s;
  transition:
    transform 0.2s,
    opacity 0.1s,
    -webkit-transform 0.2s;
}

.product-presentation .item-block__button.item-block__button-cart span {
  right: 80px;
  left: auto;
  -webkit-transform: translateX(18px);
  transform: translateX(18px);

  color: #ff2438;
}

.product-presentation
  .item-block__button.item-block__button-cart
  .item-block__button-cart-span--added {
  right: 24px;
  opacity: 0;
}

.product-search {
  position: relative;
  height: auto;
  padding-top: 240px;
  padding-bottom: 360px;
}

.product-search:before {
  content: '';

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #f8f8f8;
}

.product-search:after {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0 0px;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.product-search .product-search__info {
  position: relative;
  z-index: 1;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 110px;
}

.product-search .product-search__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;
  z-index: 1;
  top: -345px;
  left: calc(50% - 500px);

  font-family: 'HelveticaNeueCyr-Heavy', 'Arial', 'sans-serif';
  font-size: 292px;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 4.5px;
}

.product-search .product-search__subtitle {
  margin-bottom: 30px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #1e1e1e;
}

.product-search .product-search__text {
  margin-bottom: 25px;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.product-search .product-search__img {
  position: absolute;
  z-index: 1;
  top: 105px;
  left: calc(50% - 180px);
}

.product-search .product-search__img .product-search__img-hover {
  cursor: pointer;
  content: '';

  position: absolute;
  z-index: 3;
  top: 134px;
  left: 165px;

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 216px;
  height: 20px;
  border-bottom: 1px solid #ccc;

  opacity: 0;

  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.product-search .product-search__img .product-search__img-hover:hover {
  opacity: 1;
}

@-webkit-keyframes widthText {
  0% {
    max-width: 4px;
  }
  24% {
    max-width: 4px;
  }
  25% {
    max-width: 17px;
  }
  29% {
    max-width: 17px;
  }
  30% {
    max-width: 26px;
  }
  34% {
    max-width: 26px;
  }
  35% {
    max-width: 35px;
  }
  59% {
    max-width: 35px;
  }
  60% {
    max-width: 44px;
  }
  86% {
    max-width: 44px;
  }
  87% {
    max-width: 35px;
  }
  95% {
    max-width: 35px;
  }
  96% {
    max-width: 26px;
  }
  97% {
    max-width: 26px;
  }
  98% {
    max-width: 17px;
  }
  99% {
    max-width: 17px;
  }
  100% {
    max-width: 4px;
  }
}

@keyframes widthText {
  0% {
    max-width: 4px;
  }
  24% {
    max-width: 4px;
  }
  25% {
    max-width: 17px;
  }
  29% {
    max-width: 17px;
  }
  30% {
    max-width: 26px;
  }
  34% {
    max-width: 26px;
  }
  35% {
    max-width: 35px;
  }
  59% {
    max-width: 35px;
  }
  60% {
    max-width: 44px;
  }
  86% {
    max-width: 44px;
  }
  87% {
    max-width: 35px;
  }
  95% {
    max-width: 35px;
  }
  96% {
    max-width: 26px;
  }
  97% {
    max-width: 26px;
  }
  98% {
    max-width: 17px;
  }
  99% {
    max-width: 17px;
  }
  100% {
    max-width: 4px;
  }
}

@-webkit-keyframes carriage {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes carriage {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes resultSearchOne {
  0% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  59% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes resultSearchOne {
  0% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  59% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  87% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes resultSearchTwo {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes resultSearchTwo {
  0% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  86% {
    opacity: 1;
  }
  87% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.product-search .product-search__wrap-text {
  position: absolute;
  z-index: 2;
  top: 75px;
  left: 160px;

  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

  max-width: 4px;
  height: 40px;
  padding-right: 1px;

  -webkit-animation: widthText 6s linear infinite;
  animation: widthText 6s linear infinite;
}

.product-search .product-search__content-text {
  padding-left: 5px;
}

.product-search .product-search__wrap-carriage {
  position: absolute;
  top: 3px;
  right: 0;

  width: 1px;
  height: 30px;

  background-color: #4c4b5b;

  -webkit-animation: carriage calc(6s * 0.25) linear infinite;
  animation: carriage calc(6s * 0.25) linear infinite;
}

.product-search .product-search__img-left-1 {
  position: absolute;
  top: 124px;
  left: 152px;

  opacity: 0;

  -webkit-animation: resultSearchOne 6s linear infinite;
  animation: resultSearchOne 6s linear infinite;
}

.product-search .product-search__img-left-2 {
  position: absolute;
  top: 123px;
  left: 157px;

  opacity: 0;

  -webkit-animation: resultSearchTwo 6s linear infinite;
  animation: resultSearchTwo 6s linear infinite;
}

.product-search .product-search__img-right-1 {
  position: absolute;
  top: 126px;
  left: 499px;

  opacity: 0;

  -webkit-animation: resultSearchOne 6s linear infinite;
  animation: resultSearchOne 6s linear infinite;
}

.product-search .product-search__img-right-2 {
  position: absolute;
  top: 124px;
  left: 500px;

  opacity: 0;

  -webkit-animation: resultSearchTwo 6s linear infinite;
  animation: resultSearchTwo 6s linear infinite;
}

.product-search .product-search__img-flowers {
  position: absolute;
  bottom: 132px;
  left: -68px;
}

.delivery {
  position: relative;
  padding-top: 90px;
  padding-bottom: 150px;
}

.delivery:before {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0 0px;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.delivery .delivery__kuchen-wrap--bottom .delivery__text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 30px;
}

.delivery .delivery__kuchen-wrap--bottom .delivery__text:first-of-type {
  margin-top: 10px;
}

.delivery .delivery__subtitle {
  margin-bottom: 30px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 34px;
  font-weight: 400;
  line-height: 44px;
  color: #1e1e1e;
}

.delivery .delivery__text {
  margin-bottom: 26px;
  padding-right: 15%;

  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #0b0b0b;
  letter-spacing: -0.5px;
}

.delivery .delivery__images {
  position: relative;
  height: 954px;
  margin-top: 80px;
}

.delivery .delivery__images.js-show-animate .delivery__img--tablet {
  position: absolute;
  left: calc(50% - 830px);
  -webkit-animation: fadeOutToLeft 0.4s ease-in-out both;
  animation: fadeOutToLeft 0.4s ease-in-out both;
}

.delivery .delivery__images.js-show-animate .delivery__img--abs {
  -webkit-animation: fadeOutToLeft 0.4s ease-in-out both 0.2s;
  animation: fadeOutToLeft 0.4s ease-in-out both 0.2s;
}

.delivery .delivery__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: absolute;
  top: -35px;
  left: calc(50% - 560px);

  font-family: 'HelveticaNeueCyr-Heavy', 'Arial', 'sans-serif';
  font-size: 292px;
  line-height: 1;
  color: #f9f9f9;
  letter-spacing: 1.8px;
}

.delivery .delivery__images-text {
  position: absolute;
  z-index: 2;
  top: 110px;
  left: calc(50% - 490px);

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 15px;
  line-height: 16px;
  color: #a2a2a2;
  letter-spacing: 0.14px;
}

.delivery .delivery__img--tablet {
  top: 138px;
  opacity: 0;
}

.delivery .delivery__img--abs {
  position: absolute;
  top: 212px;
  left: calc(50% - 88px);
  opacity: 0;
}

.delivery .delivery__quote {
  width: 75%;
  margin-top: 165px;
  margin-left: auto;
  padding-top: 80px;
}

.section-three {
  position: relative;
  padding-top: 135px;
  padding-bottom: 150px;
}

.section-three.js-show-animate .section-three__img {
  -webkit-animation: fadeOutSmallScale 0.35s ease-in-out both;
  animation: fadeOutSmallScale 0.35s ease-in-out both;
}

.section-three:before {
  content: '';

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: block;

  background-color: #f4f4f4;
}

.section-three:after {
  content: '';

  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 988px / 2);

  display: block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 988px;
  padding: 0;

  background-image: url('../images/line_w.png');
  background-repeat: repeat-y;
  background-position: center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.section-three .section-three__img {
  position: absolute;
  z-index: 1;
  top: -145px;
  left: calc(50% + 138px);

  opacity: 0;
}

.section-three .section-three__info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  margin-right: auto;
  padding-right: 10%;
}

.section-three .section-three__number {
  margin-bottom: 26px;

  font-family: 'HelveticaNeueCyrRoman', 'Arial', 'sans-serif';
  font-size: 12px;
  font-weight: 400;
  line-height: 38px;
  color: #e02d3e;
  text-transform: uppercase;
}

.section-three .section-three__title {
  margin-bottom: 50px;

  font-family: 'HelveticaNeueCyr-Thin', 'Arial', 'sans-serif';
  font-size: 70px;
  line-height: 80px;
  color: #181818;
  text-transform: uppercase;
}

.section-three .section-three__title--no-uppercase {
  text-transform: none;
  letter-spacing: 2px;
}

.section-three .section-three__text {
  font-family: inherit;
  font-size: 17px;
  font-weight: 300;
  line-height: 24px;
  color: #2a2a2a;
  letter-spacing: -0.5px;
}

.section-three .section-three__statistics {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;

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

.section-three .section-three__graph {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding-right: 96px;

  font-family: 'HelveticaNeue', 'Arial', 'sans-serif';
  font-size: 15px;
  font-weight: 300;
  line-height: 17px;
  color: #aaaaaa;
}

.section-three .section-three__statistics-info {
  width: 25%;
  margin-top: 10px;
}

.section-three .section-three__statistics-info .section-three__text {
  margin-top: 5px;
}

.section-three .section-three__legend {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 26px;

  -webkit-box-pack: justify;
}

.section-three .section-three__legend-title {
  padding-right: 34px;
}

.section-three .section-three__legend-item {
  position: relative;
}

.section-three .section-three__legend-item:before {
  content: '';

  position: absolute;
  left: -36px;

  display: block;

  width: 20px;
  height: 20px;
  border-radius: 6px;

  background-color: #cdc8c8;
}

.section-three .section-three__legend-item--orange:before {
  background-color: #f1675c;
}

.section-three .section-three__graph-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 324px;
  border-right: 1px solid #d9d9d9;

  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
}

.section-three .section-three__graph-vertical-item {
  width: 60px;
}

.section-three .section-three__graph-histogram {
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  align-items: end;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  width: calc(100% - 61px);
  height: 324px;

  -webkit-box-pack: justify;
}

.section-three .section-three__graph-histogram:before {
  content: '';

  position: absolute;
  z-index: -1;
  top: 12px;
  left: -1px;

  width: 100%;
  height: 301px;

  opacity: 0.16;
  background-image: url('../images/section-three/lines.png');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.section-three .section-three__graph-histogram-pair {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  align-items: end;
  -webkit-justify-content: center;
  justify-content: center;

  width: 25%;
  padding-bottom: 10px;

  -webkit-box-pack: center;
}

.section-three .section-three__graph-histogram-pair-item {
  width: 40px;
}

.section-three
  .section-three__graph-histogram-pair-item--right
  .section-three__graph-histogram-pair-item-column {
  background-color: #f1675c;
}

.section-three
  .section-three__graph-histogram-pair-item--right
  .section-three__graph-histogram-pair-item-value {
  color: #f1675c;
}

.section-three .section-three__graph-histogram-pair-item-value {
  margin-bottom: 8px;
  font-size: 12px;
  text-align: center;
}

.section-three .section-three__graph-histogram-pair-item-column {
  width: 100%;
  height: 1px;
  min-height: 1px;
  border-radius: 4px 4px 0 0;

  background-color: #cdc8c8;

  -webkit-transition: min-height 0.5s ease-in-out 0.2s;
  transition: min-height 0.5s ease-in-out 0.2s;
}

.section-three
  .section-three__graph-histogram-pair-item-column:nth-of-type(2 + n) {
  -webkit-transition: min-height 0.5s ease-in-out 0.5s;
  transition: min-height 0.5s ease-in-out 0.5s;
}

.section-three .section-three__graph-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 60px;
}

.section-three .section-three__graph-horizontal-item {
  position: relative;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 10px 22px 30px;

  font-family: 'HelveticaNeue', 'Arial', 'sans-serif';
  font-size: 15px;
  line-height: 17px;
  color: #aaaaaa;
  text-align: center;
}

.section-three .section-three__graph-horizontal-item:before {
  content: '';

  position: absolute;
  top: -10px;
  left: 0;

  width: 1px;
  height: 10px;

  background-color: #d9d9d9;
}

.section-three .section-three__quote {
  width: 75%;
  margin-top: 100px;
  margin-left: auto;
}

.unique__case .container {
  padding-right: 0;
  padding-left: 0;
}

.page.page__articles a.clients-custom-link-before-feedback__link {
  display: inline-block;

  margin-top: 70px;
  padding: 7px 30px;
  border: 2px solid #ff383f;

  font-size: 20px;
  color: #fff;

  background-color: #ff383f;
}

.page ul.slick-dots > li:before {
  content: none;
}

@media (max-width: 1200px) {
  .main.main--kuchenland img {
    width: auto;
  }
}