:root {
  --animationSlideDistance:20px;
  --animationDuration:0.65s;
  --animationFunction:ease
}

@keyframes shake {
  10%,90% {
    transform:translate3d(-1px,0,0)
  }
  20%,80% {
    transform:translate3d(2px,0,0)
  }
  30%,60% {
    transform:translate3d(-3px,0,0)
  }
  45% {
    transform:translate3d(3px,0,0)
  }

}

@keyframes slideDown {
  0% {
    transform:translateY(calc(-1 * var(--animationSlideDistance)))
  }
  to {
    transform:translateY(0)
  }

}

@keyframes slideLeft {
  0% {
    transform:translateX(var(--animationSlideDistance))
  }
  to {
    transform:translateX(0)
  }

}

@keyframes slideUp {
  0% {
    transform:translateY(var(--animationSlideDistance))
  }
  to {
    transform:translateY(0)
  }

}

@keyframes slideRight {
  0% {
    transform:translateX(calc(-1 * var(--animationSlideDistance)))
  }
  to {
    transform:translateX(0)
  }

}

@keyframes fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }

}

@keyframes fadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }

}

@keyframes scale-up-down {
  50% {
    transform:scale(1.3)
  }

}

@keyframes scaleBackground {
  0% {
    transform:scale(1.02)
  }
  to {
    transform:translateZ(0)
  }

}

@keyframes sSpin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }

}

@keyframes circular-loader {
  0% {
    stroke-dasharray:1,200;
    stroke-dashoffset:0
  }
  50% {
    stroke-dasharray:89,200;
    stroke-dashoffset:-35
  }
  to {
    stroke-dasharray:89,200;
    stroke-dashoffset:-124
  }

}

@keyframes checkAppearance {
  0% {
    width:0
  }
  to {
    width:100%
  }

}

.b_block.wait-animation .component-bg .image-holder {
  opacity:.8;
  transform:scale(1.02);
  transition:transform var(--animationDuration) var(--animationFunction),opacity var(--animationDuration) var(--animationFunction)
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden),.b_block.wait-animation .flexbe-column,.b_block.wait-animation .flexbe-product,.b_block.wait-animation .free-area,.b_block.wait-animation .layout-type-header,.b_block.wait-animation .layout-type-quiz,.b_block.wait-animation .layout-type-section-title {
  opacity:0;
  transition:opacity 1s var(--animationFunction)
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden),.b_block.wait-animation .flexbe-column,.b_block.wait-animation .flexbe-product {
  transition-delay:.77s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):first-child,.b_block.wait-animation .flexbe-column:first-child,.b_block.wait-animation .flexbe-product:first-child {
  transition-delay:50ms
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(2),.b_block.wait-animation .flexbe-column:nth-child(2),.b_block.wait-animation .flexbe-product:nth-child(2) {
  transition-delay:.13s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(3),.b_block.wait-animation .flexbe-column:nth-child(3),.b_block.wait-animation .flexbe-product:nth-child(3) {
  transition-delay:.21s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(4),.b_block.wait-animation .flexbe-column:nth-child(4),.b_block.wait-animation .flexbe-product:nth-child(4) {
  transition-delay:.29s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(5),.b_block.wait-animation .flexbe-column:nth-child(5),.b_block.wait-animation .flexbe-product:nth-child(5) {
  transition-delay:.37s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(6),.b_block.wait-animation .flexbe-column:nth-child(6),.b_block.wait-animation .flexbe-product:nth-child(6) {
  transition-delay:.45s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(7),.b_block.wait-animation .flexbe-column:nth-child(7),.b_block.wait-animation .flexbe-product:nth-child(7) {
  transition-delay:.53s
}

.b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden):nth-child(8),.b_block.wait-animation .flexbe-column:nth-child(8),.b_block.wait-animation .flexbe-product:nth-child(8) {
  transition-delay:.61s
}

.b_block.wait-animation.was-view .component-bg .image-holder {
  opacity:1;
  transform:translateZ(0)
}

.b_block.wait-animation.was-view .flexbe-card:not(.swiper-slide-hidden),.b_block.wait-animation.was-view .flexbe-column,.b_block.wait-animation.was-view .flexbe-product,.b_block.wait-animation.was-view .free-area,.b_block.wait-animation.was-view .layout-type-header,.b_block.wait-animation.was-view .layout-type-quiz,.b_block.wait-animation.was-view .layout-type-section-title {
  opacity:1
}

.m_modal.show .component-bg,.m_modal.show .modal-content {
  animation:fadeIn var(--animationDuration) var(--animationFunction) both
}

.m_modal.show .component-bg .image-holder {
  animation:scaleBackground var(--animationDuration) var(--animationFunction) both
}

.m_modal.hide {
  animation:fadeOut .18s cubic-bezier(.21,.67,.58,1) both
}