.product-column-blocks .features._anim, .product-column-blocks .features ._anim {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: up-fade-in .5s ease-out forwards;
    animation: up-fade-in .5s ease-out forwards;
}
.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:first-child {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.product-column-blocks .list-wrapper._anim[data-intersection] .app-feature:nth-child(2) {
    -webkit-animation-delay: .43s;
    animation-delay: .43s;
}
._circle-in {
    -webkit-transition: -webkit-clip-path 0.7s;
    transition: -webkit-clip-path 0.7s;
    -o-transition: clip-path 0.7s;
    transition: clip-path 0.7s;
    transition: clip-path 0.7s, -webkit-clip-path 0.7s;
}
._circle-in[data-intersection] {
    -webkit-clip-path: circle(140% at 70% 100%);
    clip-path: circle(140% at 70% 100%);
}
._fade-in {
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
}
._fade-in[data-intersection] {
    -webkit-animation: fade-in-anim 0.6s forwards;
    animation: fade-in-anim 0.6s forwards;
}
._fade-in-left {
    -webkit-transition: opacity 0.4s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    transition: opacity 0.4s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    -o-transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s;
    transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s;
    transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
}
._fade-in-left[data-intersection] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
._fade-in-right {
    -webkit-transition: opacity 0.4s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    transition: opacity 0.4s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    -o-transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s;
    transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s;
    transition: clip-path 0.6s, opacity 0.4s, transform 0.5s, box-shadow 0.3s, -webkit-clip-path 0.6s, -webkit-transform 0.5s, -webkit-box-shadow 0.3s;
    -webkit-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
}
._fade-in-right[data-intersection] {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
._scale-up {
    -webkit-animation: scale-up 1s ease forwards;
    animation: scale-up 1s ease forwards;
}
@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
._scale-up-center {
    -webkit-animation: scale-up-center 2s forwards;
    animation: scale-up-center 2s forwards;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}
@keyframes scale-up-center {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}
._anim-scale {
    position: relative;
    overflow: hidden;
}
._anim-scale:hover ._anim-start:before {
    width: 100vw;
    height: 100vw;
}
._anim-scale:hover ._anim-outer {
    color: #df4142;
}
._anim-scale:hover ._anim-start .icon .svg-icon {
    fill: #df4142;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
._anim-scale ._anim-outer,
._anim-scale .icon,
._anim-scale .svg-icon {
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
._anim-scale ._anim-start {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
._anim-scale ._anim-start .icon {
    position: relative;
    z-index: 2;
}
._anim-scale ._anim-start:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    width: 71px;
    height: 71px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: none;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
@media screen and (max-width: 1800px) {
    ._anim-scale ._anim-start:before {
        width: 56px;
        height: 56px;
    }
}
._slide-bottom {
    -webkit-animation: slide-bottom 0.5s forwards;
    animation: slide-bottom 0.5s forwards;
}
@-webkit-keyframes slide-bottom {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-bottom {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
._slide-top {
    -webkit-animation: slide-top 0.5s forwards;
    animation: slide-top 0.5s forwards;
}
@-webkit-keyframes slide-top {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slide-top {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
._slide-bottom-to-top {
    -webkit-animation: slide-up 1s forwards;
    animation: slide-up 1s forwards;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
@-webkit-keyframes slide-bottom-to-top {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-bottom-to-top {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
._slide-bottom-to-top-small {
    opacity: 0;
    -webkit-transform: translateY(40%);
    -ms-transform: translateY(40%);
    transform: translateY(40%);
}
._slide-bottom-to-top-small[data-intersection] {
    -webkit-animation: slide-bottom-to-top-small 1s ease-out forwards;
    animation: slide-bottom-to-top-small 1s ease-out forwards;
}
@-webkit-keyframes slide-bottom-to-top-small {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-bottom-to-top-small {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
._slide-top-to-bottom {
    -webkit-animation: slide-top-to-bottom 1s forwards;
    animation: slide-top-to-bottom 1s forwards;
}
@-webkit-keyframes slide-top-to-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        display: none;
    }
}
@keyframes slide-top-to-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        display: none;
    }
}
@-webkit-keyframes slide-bottom-to-top-negative {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slide-bottom-to-top-negative {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@-webkit-keyframes fade-in-anim {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-anim {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes fade-in-anim-reverse {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-anim-reverse {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes slide-hide-in {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
    }
}
@keyframes slide-hide-in {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0;
    }
}
.fade-in,
.fade-in-anim[data-intersection] {
    -webkit-animation: fadeIn 1s ease forwards;
    animation: fadeIn 1s ease forwards;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade-out {
    -webkit-animation: fadeOut 1s ease;
    animation: fadeOut 1s ease;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
._slide-in_bottom {
    -webkit-animation: slide-in-bottom 0.6s;
    animation: slide-in-bottom 0.6s;
}
@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        opacity: 1;
    }
}
@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        opacity: 1;
    }
}
._escape_up-wrapper {
    display: block;
    overflow: hidden;
}
._escape_up {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: up 1s linear forwards;
    animation: up 1s linear forwards;
}
._escape_up__linear {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
._escape_up__ease_in_out {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
._escape_up__ease_in {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
._escape_up__ease_out {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
._escape_up_ease {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
._escape_up-em {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: up-em 1s linear forwards;
    animation: up-em 1s linear forwards;
}
._escape_up-wrapper[data-intersection] ._escape_up-anim {
    -webkit-animation: up 1s ease-out forwards;
    animation: up 1s ease-out forwards;
}
._escape_up-wrapper[data-intersection]:nth-child(2) ._escape_up-anim {
    -webkit-animation-delay: 0.06s;
    animation-delay: 0.06s;
}
._escape_up-wrapper[data-intersection]:nth-child(3) ._escape_up-anim {
    -webkit-animation-delay: 0.12s;
    animation-delay: 0.12s;
}
._escape_up-anim {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}
@-webkit-keyframes up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes up {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes up-em {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(-0.06em);
        transform: translateY(-0.06em);
    }
}
@keyframes up-em {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(-0.06em);
        transform: translateY(-0.06em);
    }
}
._escape_up-fade-in {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: up-fade-in 0.5s linear forwards;
    animation: up-fade-in 0.5s linear forwards;
}
@-webkit-keyframes up-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes up-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes start-home__video_step {
    0% {
        width: 100%;
    }
    to {
        width: 54%;
    }
}
@keyframes start-home__video_step {
    0% {
        width: 100%;
    }
    to {
        width: 54%;
    }
}
@-webkit-keyframes start-home__section_step {
    0% {
        margin-left: -46%;
    }
    to {
        margin-left: 0;
    }
}
@keyframes start-home__section_step {
    0% {
        margin-left: -46%;
    }
    to {
        margin-left: 0;
    }
}
@-webkit-keyframes button-loading-spinner {
    0% {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes button-loading-spinner {
    0% {
        -webkit-transform: rotate(0turn);
        transform: rotate(0turn);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.anim-step-1 {
    -webkit-animation-delay: 0.5s !important;
    animation-delay: 0.5s !important;
}
.anim-step-2 {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
}
.anim-step-3 {
    -webkit-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important;
}