@keyframes animationScaleBg {
    0% {
           opacity: .8;
           transform: scale(1.02)
    }

    to {
           opacity: 1;
           transform: translateZ(0)
    }
}

@keyframes animationSlideUp {
    0% {
           opacity: 0;
           transform: translateY(15px)
    }

    50% {
           opacity: 1
    }

    to {
           transform: translateY(0);
           opacity: 1
    }
}

.animation--fade_in .b_block.wait-animation .component-bg .image-holder {
    opacity: .8;
    transform: scale(1.02);
    transition: transform .65s ease, opacity .65s ease
}

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

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

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

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

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

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

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

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

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

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

.animation--fade_in .b_block.wait-animation.was-view .component-bg .image-holder,
.animation--fade_in .b_block.wait-animation.was-view .flexbe-card:not(.swiper-slide-hidden),
.animation--fade_in .b_block.wait-animation.was-view .flexbe-column,
.animation--fade_in .b_block.wait-animation.was-view .flexbe-product,
.animation--fade_in .b_block.wait-animation.was-view .free-area,
.animation--fade_in .b_block.wait-animation.was-view .layout-type-header,
.animation--fade_in .b_block.wait-animation.was-view .layout-type-quiz,
.animation--fade_in .b_block.wait-animation.was-view .layout-type-section-title {
    opacity: 1;
    transform: none
}

.animation--fade_in .m_modal .component-bg .image-holder {
    animation: animationScaleBg .65s ease both
}

.animation--fade_in .m_modal .modal-content {
    animation: fadeIn .65s ease 1 both
}

.animation--slide_up .b_block.wait-animation .component-bg .image-holder {
    opacity: .8;
    transform: scale(1.02);
    transition: transform .65s ease, opacity .65s ease
}

.animation--slide_up .b_block.wait-animation .element-content--static,
.animation--slide_up .b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden),
.animation--slide_up .b_block.wait-animation .flexbe-column,
.animation--slide_up .b_block.wait-animation .flexbe-product,
.animation--slide_up .b_block.wait-animation .free-area,
.animation--slide_up .b_block.wait-animation .layout-type-header,
.animation--slide_up .b_block.wait-animation .layout-type-tabs,
.animation--slide_up .b_block.wait-animation .quiz-fields,
.animation--slide_up .b_block.wait-animation .quiz-progress,
.animation--slide_up .b_block.wait-animation .step-title {
    opacity: 0;
    transform: translateY(15px);
    transition: transform 1s cubic-bezier(.21, .67, .58, 1), opacity .5s cubic-bezier(.21, .67, .58, 1)
}

.animation--slide_up .b_block.wait-animation .flexbe-card:not(.swiper-slide-hidden) .element-content--static,
.animation--slide_up .b_block.wait-animation .flexbe-column .element-content--static,
.animation--slide_up .b_block.wait-animation .layout-type-header .element-content--static {
    opacity: 1;
    transform: translateY(0);
    transition: none
}

.animation--slide_up .b_block.wait-animation .element-content--static {
    transition-delay: 1.35s
}

.animation--slide_up .b_block.wait-animation .element-content--static:first-child {
    transition-delay: 0ms
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(2) {
    transition-delay: .15s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(3) {
    transition-delay: .3s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(4) {
    transition-delay: .45s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(5) {
    transition-delay: .6s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(6) {
    transition-delay: .75s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(7) {
    transition-delay: .9s
}

.animation--slide_up .b_block.wait-animation .element-content--static:nth-child(8) {
    transition-delay: 1.05s
}

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

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

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

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

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

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

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

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

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

.animation--slide_up .b_block.wait-animation .step-title {
    transition-delay: .2s
}

.animation--slide_up .b_block.wait-animation .quiz-fields {
    transition-delay: .3s
}

.animation--slide_up .b_block.wait-animation.was-view .component-bg .image-holder,
.animation--slide_up .b_block.wait-animation.was-view .element-content--static,
.animation--slide_up .b_block.wait-animation.was-view .flexbe-card:not(.swiper-slide-hidden),
.animation--slide_up .b_block.wait-animation.was-view .flexbe-column,
.animation--slide_up .b_block.wait-animation.was-view .flexbe-product,
.animation--slide_up .b_block.wait-animation.was-view .free-area,
.animation--slide_up .b_block.wait-animation.was-view .layout-type-header,
.animation--slide_up .b_block.wait-animation.was-view .layout-type-tabs,
.animation--slide_up .b_block.wait-animation.was-view .quiz-fields,
.animation--slide_up .b_block.wait-animation.was-view .quiz-progress,
.animation--slide_up .b_block.wait-animation.was-view .step-title {
    opacity: 1;
    transform: none
}

.animation--slide_up .m_modal .component-bg .image-holder {
    animation: animationScaleBg .65s ease both
}

.animation--slide_up .m_modal .modal-content {
    animation: animationSlideUp .65s cubic-bezier(.21, .67, .58, 1) 1 both
}