.main-block.animate-block.animated .main-block__subtitle p {
    background-size: 100% 28px
}

.main-block.animate-block .main-block__buttons, .main-block.animate-block .main-block__description, .main-block.animate-block .main-block__subtitle {
    opacity: 0;
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.main-block.animate-block .main-block__image {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.main-block.animate-block.animated .main-block__buttons, .main-block.animate-block.animated .main-block__description, .main-block.animate-block.animated .main-block__subtitle {
    -webkit-transition: .85s;
    transition: .85s
}

.main-block.animate-block.animated .main-block__image, .main-block_payments.animate-block.animated .main-block__screen, .main-block_payments.animate-block.animated .phone-animation {
    -webkit-transition: 1.3s;
    transition: 1.3s
}

.main-block.animate-block.animated .main-block__subtitle p {
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.main-block.animate-block.animated .main-block__description {
    transition-delay: .2s
}

.main-block.animate-block.animated .main-block__buttons {
    transition-delay: .4s
}

.main-block.animate-block.animated .main-block__image {
    transition-delay: .6s
}

.main-block.animate-block.animated .main-block__subtitle p {
    transition-delay: 1.5s
}

.main-block.animate-block.animated .main-block__buttons, .main-block.animate-block.animated .main-block__description, .main-block.animate-block.animated .main-block__image, .main-block.animate-block.animated .main-block__subtitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-block_smart-processing.not-on-viewport .arrow {
    animation-play-state: paused !important
}

.delay.animated {
    transition-delay: .2s
}

@media screen and (max-width: 1250px) {
    .main-block_smart-processing.animate-block .routing-engine {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    .main-block_smart-processing.animate-block.animated .routing-engine {
        -webkit-transition: 1s;
        transition: 1s;
        transition-delay: .6s;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.main-block .container {
    position: relative;
    padding-bottom: 80px;
    min-height: 761px
}

.main-block__content {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    width: 634px
}

.main-block__content .caption {
    margin-bottom: 40px
}

.main-block__subtitle {
    margin-bottom: 41px
}

.main-block__subtitle p {
    display: inline;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.5px;
    background-size: 0 28px;
    background-position: 0 -6px
}

.main-block__description {
    margin-bottom: 48px
}

.main-block__buttons {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0
}

.main-block__buttons .button {
    margin-right: 33px
}

.main-block__image {
    position: absolute;
    top: 0;
    right: 0
}

.main-block__image img {
    display: block;
    max-width: 100%;
    margin: auto
}

.main-block__after-phone {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: .7s;
    transition: .7s
}

.main-block__after-phone_active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-block__image .phone-animation {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 50%;
    margin-left: -154px
}

@media screen and (max-width: 1480px) {
    .main-block__image {
        right: -75px
    }
}

@media screen and (max-width: 1400px) {
    .main-block__image {
        right: -22px
    }
}

@media screen and (max-width: 1300px) {
    .main-block__image {
        right: -22px
    }
}

@media screen and (max-width: 1250px) {
    .main-block__content {
        margin-bottom: 41px
    }

    .main-block .container {
        min-height: auto;
        padding-bottom: 0
    }

    .main-block__content {
        width: auto;
        margin-bottom: 100px
    }

    .main-block__after-phone {
        display: none !important
    }

    .main-block__description br {
        display: none
    }

    .main-block__image {
        position: static;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        margin: auto
    }

    .main-block__image .phone-animation {
        position: relative;
        top: auto;
        left: auto;
        margin: auto
    }
}

@media screen and (max-width: 760px) {
    .main-block {
        margin-bottom: 75px
    }

    .main-block .container {
        padding-bottom: 0
    }

    .main-block__content {
        width: auto;
        padding-top: 48px;
        margin-bottom: 70px
    }

    .main-block__content .caption {
        margin-bottom: 24px
    }

    .main-block__subtitle {
        margin: 16px 0
    }

    .main-block__subtitle p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -.5px;
        background-position: 0 -8px
    }

    .main-block__subtitle p br {
        display: none
    }

    .main-block__description {
        margin: 24px 0 40px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: -.2px
    }

    .main-block__buttons {
        display: block
    }

    .main-block__buttons .button {
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        margin-bottom: 21px
    }

    .main-block__image {
        width: auto;
        margin: 0 -24px
    }
}

.main-block_smart-processing .container {
    position: relative;
    margin: 58px auto 130px;
    min-height: auto
}

.main-block_smart-processing .main-block__content {
    padding-top: 112px;
    width: 570px
}

@media screen and (max-width: 1250px) {
    .main-block_smart-processing .container {
        margin-top: 0
    }

    .main-block_smart-processing .main-block__content {
        width: auto;
        padding-top: 50px
    }
}

@media screen and (max-width: 760px) {
    .main-block_smart-processing .container {
        margin-bottom: 110px
    }

    .main-block_smart-processing .main-block__content {
        margin-bottom: 72px;
        padding-top: 48px
    }
}

.routing-engine {
    position: absolute;
    top: 0;
    left: 0;
    right: -15px
}

.routing-engine__logo {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    border: 2px solid #040505;
    background-color: #fff;
    border-radius: 6px
}

.routing-engine__logo, .routing-engine__logo div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.routing-engine__logo div {
    width: 56px;
    height: 56px;
    background-color: #040505;
    border-radius: 4px
}

.routing-engine__logo div img {
    display: block;
    max-width: 90%;
    max-height: 90%
}

.routing-engine__line-pc {
    position: absolute;
    top: 35px;
    left: 72px
}

.routing-engine__top-line {
    position: absolute;
    top: 35px;
    left: 66px;
    width: 868px;
    height: 275px;
    border-radius: 0 20px 0 0;
    border: 2px solid #ffd400;
    border-bottom: none;
    border-left: none
}

.routing-engine__top-line .arrow {
    position: absolute;
    top: 0;
    left: -33px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    animation-name: routing-engine__top-line;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.routing-engine__top-line .arrow:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 0;
    width: 10px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-engine__top-line .arrow:nth-child(2) {
    animation-delay: -.882s
}

.routing-engine__top-line .arrow:nth-child(3) {
    animation-delay: -1.764s
}

.routing-engine__top-line .arrow:nth-child(4) {
    animation-delay: -2.646s
}

.routing-engine__top-line .arrow:nth-child(5) {
    animation-delay: -3.528s
}

.routing-engine__top-line .arrow:nth-child(6) {
    animation-delay: -4.41s
}

.routing-engine__top-line .arrow:nth-child(7) {
    animation-delay: -5.292s
}

.routing-engine__top-line .arrow:nth-child(8) {
    animation-delay: -6.174s
}

.routing-engine__top-line .arrow:nth-child(9) {
    animation-delay: -7.056s
}

.routing-engine__top-line .arrow:nth-child(10) {
    animation-delay: -7.938s
}

.routing-engine__top-line .arrow:nth-child(11) {
    animation-delay: -8.82s
}

.routing-engine__top-line .arrow:nth-child(12) {
    animation-delay: -9.702s
}

.routing-engine__top-line .arrow:nth-child(13) {
    animation-delay: -10.584s
}

.routing-engine__top-line .arrow:nth-child(14) {
    animation-delay: -11.466s
}

.routing-engine__top-line .arrow:nth-child(15) {
    animation-delay: -12.348s
}

.routing-engine__top-line .arrow:nth-child(16) {
    animation-delay: -13.23s
}

.routing-engine__top-line .arrow:nth-child(17) {
    animation-delay: -14.112s
}

@keyframes routing-engine__top-line {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    69% {
        -webkit-transform: translate(857px) rotate(0deg);
        transform: translate(857px) rotate(0deg)
    }
    72% {
        -webkit-transform: translate(866px, 1px) rotate(90deg);
        transform: translate(866px, 1px) rotate(90deg)
    }
    to {
        -webkit-transform: translate(866px, 275px) rotate(90deg);
        transform: translate(866px, 275px) rotate(90deg)
    }
}

.routing-engine__content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 174px;
    right: -12px;
    width: 588px
}

.routing-engine__list-hidden {
    display: none
}

.routing-engine__side {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 20px
}

.routing-engine__processor-container {
    position: relative
}

.routing-engine__box-arrows {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 22px;
    height: 2px;
    margin-top: -1px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__box-arrows.disabled {
    opacity: 0
}

.routing-engine__box-arrows.left {
    right: 100%
}

.routing-engine__box-arrows.right {
    left: 100%
}

.routing-engine__box-arrows .arrow {
    position: absolute;
    top: -6px;
    width: 10px;
    height: 14px;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: opacity .4s
}

.routing-engine__box-arrows.disabled .arrow {
    opacity: 0
}

.routing-engine__box-arrows.left .arrow {
    right: -20px;
    animation-name: engine-center-arrow-left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIC45NnYxMi4wOGEuNS41IDAgMDEtLjc4Ny40MUwuNTg1IDcuNDFhLjUuNSAwIDAxMC0uODJMOS4yMTMuNTVBLjUuNSAwIDAxMTAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-engine__box-arrows.right .arrow {
    left: -20px;
    animation-name: engine-center-arrow-right;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

@keyframes engine-center-arrow-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-44px);
        transform: translateX(-44px)
    }
}

@keyframes engine-center-arrow-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(44px);
        transform: translateX(44px)
    }
}

.routing-engine__processor-container .processor {
    position: relative;
    z-index: 1
}

.routing-engine__checkbox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 140px;
    height: 48px;
    border: 2px solid transparent;
    border-radius: 4px;
    padding-right: 33px;
    margin-bottom: 48px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__checkbox.right {
    padding-right: 0;
    padding-left: 33px
}

.routing-engine__checkbox:last-child {
    margin-bottom: 0
}

.routing-engine__checkbox.disabled {
    border-color: #ebebeb;
    background-color: #fff !important
}

.routing-engine__checkbox:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    background-color: #040505;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43NTkgMS42NUw0LjExNyA5LjQuMzU5IDYuMjY4bDEuMjgtMS41MzZMMy44ODMgNi42IDkuMjQuMzVsMS41MTkgMS4zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__checkbox.right:after {
    right: auto;
    left: 10px
}

.routing-engine__checkbox.disabled:after {
    background-color: transparent;
    border-color: #ebebeb
}

.routing-engine__checkbox img {
    display: block;
    max-height: 20px;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__checkbox.disabled img {
    filter: invert(100%);
    opacity: .25
}

.routing-engine__side-arrows {
    position: absolute;
    width: 36px;
    height: 195px
}

.routing-engine__side-arrows:after, .routing-engine__side-arrows:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border: 2px solid #040505;
    border-radius: 50%
}

.routing-engine__side-arrows.left {
    right: 50%;
    margin: 0 130px 0 0;
    border: 2px dashed #ebebeb;
    border-left: none
}

.routing-engine__side-arrows.left:before {
    top: -5px;
    right: -5px
}

.routing-engine__side-arrows.left:after {
    right: -5px;
    bottom: -5px
}

.routing-engine__side-arrows.right {
    left: 50%;
    margin: 0 0 0 130px;
    border: 2px dashed #ebebeb;
    border-right: none
}

.routing-engine__side-arrows.right:before {
    top: -5px;
    left: -5px
}

.routing-engine__side-arrows.right:after {
    left: -5px;
    bottom: -5px
}

.routing-engine__side-top-line {
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__side-top-line.disabled {
    opacity: 0
}

.routing-engine__side-bottom-line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__side-bottom-line.disabled {
    opacity: 0
}

.routing-engine__side-bottom-line .arrow, .routing-engine__side-top-line .arrow {
    position: absolute;
    top: -6px;
    width: 10px;
    height: 14px;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 3s
}

.routing-engine__side-bottom-line.left .arrow, .routing-engine__side-top-line.left .arrow {
    opacity: 0;
    right: -1px;
    animation-name: engine-side-arrow-left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIC45NnYxMi4wOGEuNS41IDAgMDEtLjc4Ny40MUwuNTg1IDcuNDFhLjUuNSAwIDAxMC0uODJMOS4yMTMuNTVBLjUuNSAwIDAxMTAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-engine__side-bottom-line.right .arrow, .routing-engine__side-top-line.right .arrow {
    opacity: 0;
    left: -1px;
    animation-name: engine-side-arrow-right;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-engine__center-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 72px;
    margin-top: -1px;
    border-top: 2px dashed #ebebeb
}

.routing-engine__center-line:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #fff;
    border: 2px solid #040505;
    border-radius: 50%
}

.routing-engine__center-line.left:before {
    margin: -5px 0 0 -5px
}

.routing-engine__center-line.right {
    left: -38px
}

.routing-engine__center-line.right:before {
    left: 50%;
    margin: -5px 0 0 -3px
}

.routing-engine__center-line-arrows {
    position: relative;
    top: -2px;
    width: 38px;
    height: 2px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__center-line-arrows.disabled {
    opacity: 0
}

.routing-engine__center-line-arrows.left {
    left: 0
}

.routing-engine__center-line-arrows.right {
    left: 50%
}

.routing-engine__center-line-arrows .arrow {
    position: absolute;
    top: -6px;
    width: 10px;
    height: 14px;
    opacity: 0;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s
}

.routing-engine__center-line-arrows.left .arrow {
    opacity: 0;
    right: 1px;
    animation-name: engine-side-arrow-left;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIC45NnYxMi4wOGEuNS41IDAgMDEtLjc4Ny40MUwuNTg1IDcuNDFhLjUuNSAwIDAxMC0uODJMOS4yMTMuNTVBLjUuNSAwIDAxMTAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-engine__center-line-arrows.right .arrow {
    opacity: 0;
    left: 1px;
    animation-name: engine-side-arrow-right;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

@keyframes engine-side-arrow-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(-35px);
        transform: translateX(-35px)
    }
}

@keyframes engine-side-arrow-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(35px);
        transform: translateX(35px)
    }
}

.routing-engine__side-to-top-line {
    position: absolute;
    top: 0;
    height: 92px;
    width: 2px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__side-to-top-line.disabled {
    opacity: 0
}

.routing-engine__side-to-top-line.left {
    right: -2px
}

.routing-engine__side-to-top-line.right {
    left: -2px
}

.routing-engine__side-to-top-line .arrow {
    position: absolute;
    left: -6px;
    bottom: -5px;
    width: 14px;
    height: 10px;
    opacity: 0;
    animation-name: engine-side-arrow-to-top;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS45NiAxMGgxMi4wOGEuNS41IDAgMDAuNDEtLjc4N0w3LjQxLjU4NWEuNS41IDAgMDAtLjgyIDBMLjU1IDkuMjEzQS41LjUgMCAwMC45NiAxMHoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=)
}

.routing-engine__side-to-top-line .arrow:nth-child(2) {
    animation-delay: 2s
}

@keyframes engine-side-arrow-to-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px)
    }
}

.routing-engine__side-to-bottom-line {
    position: absolute;
    bottom: 0;
    height: 92px;
    width: 2px;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-engine__side-to-bottom-line.disabled {
    opacity: 0
}

.routing-engine__side-to-bottom-line.left {
    right: -2px
}

.routing-engine__side-to-bottom-line.right {
    left: -2px
}

.routing-engine__side-to-bottom-line .arrow {
    position: absolute;
    left: -6px;
    top: -5px;
    width: 14px;
    height: 10px;
    opacity: 0;
    animation-name: engine-side-arrow-to-bottom;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.routing-engine__side-to-bottom-line .arrow:nth-child(2) {
    animation-delay: 2s
}

@keyframes engine-side-arrow-to-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(96px);
        transform: translateY(96px)
    }
}

@media screen and (max-width: 1400px) {
    .routing-engine {
        right: 15px
    }

    .routing-engine__top-line {
        width: 838px
    }

    @keyframes routing-engine__top-line {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        69% {
            -webkit-transform: translate(827px) rotate(0deg);
            transform: translate(827px) rotate(0deg)
        }
        72% {
            -webkit-transform: translate(836px, 1px) rotate(90deg);
            transform: translate(836px, 1px) rotate(90deg)
        }
        to {
            -webkit-transform: translate(836px, 275px) rotate(90deg);
            transform: translate(836px, 275px) rotate(90deg)
        }
    }
}

@media screen and (max-width: 1250px) {
    .routing-engine {
        position: relative
    }

    .routing-engine__top-line {
        display: none
    }

    .routing-engine__logo {
        width: 80px;
        height: 80px;
        margin: 0 auto 50px
    }

    .routing-engine__logo div {
        width: 61px;
        height: 61px
    }

    .routing-engine__content {
        position: static;
        top: auto;
        right: auto;
        margin: auto
    }

    .routing-engine__adaptive-line {
        position: absolute;
        top: 80px;
        left: 50%;
        width: 2px;
        height: 50px;
        background-color: #ffd400
    }

    .routing-engine__adaptive-line .arrow {
        position: absolute;
        top: -10px;
        left: -6px;
        width: 14px;
        height: 10px;
        animation: routing-engine__adaptive-line 1.2s linear infinite;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .routing-engine__adaptive-line .arrow:nth-child(2) {
        animation-delay: .6s
    }

    @keyframes routing-engine__adaptive-line {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        to {
            -webkit-transform: translateY(60px);
            -ms-transform: translateY(60px);
            transform: translateY(60px)
        }
    }.routing-engine__box-arrows .arrow {
         animation-delay: 1.2s
     }

    .routing-engine__center-line-arrows .arrow, .routing-engine__side-to-bottom-line .arrow, .routing-engine__side-to-top-line .arrow {
        animation-delay: 2.2s
    }

    .routing-engine__side-to-bottom-line .arrow:nth-child(2), .routing-engine__side-to-top-line .arrow:nth-child(2) {
        animation-delay: 3.2s
    }

    .routing-engine__side-bottom-line .arrow, .routing-engine__side-top-line .arrow {
        animation-delay: 4.2s
    }
}

@media screen and (max-width: 760px) {
    .routing-engine__content {
        display: block;
        width: auto
    }

    .routing-engine__logo {
        position: absolute;
        top: 84px;
        left: 0;
        width: 64px;
        height: 64px;
        border: none;
        background-color: #f0f0f0
    }

    .routing-engine__logo div {
        width: 50px;
        height: 50px
    }

    .routing-engine__logo div img {
        width: 29px;
        height: auto
    }

    .routing-engine__adaptive-line {
        top: 148px;
        left: 32px;
        width: 80px;
        height: 17px;
        border: 2px solid #ffd400;
        border-top: none;
        border-right: none;
        background-color: transparent;
        border-radius: 0 0 0 6px
    }

    .routing-engine__adaptive-line .arrow {
        top: -10px;
        left: -8px;
        animation: routing-engine__adaptive-line 2s linear infinite
    }

    .routing-engine__adaptive-line .arrow:nth-child(2) {
        animation-delay: 1s
    }

    @keyframes routing-engine__adaptive-line {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        15% {
            -webkit-transform: translateY(15px) rotate(0deg);
            transform: translateY(15px) rotate(0deg)
        }
        25% {
            -webkit-transform: translate(6px, 21px) rotate(-90deg);
            transform: translate(6px, 21px) rotate(-90deg)
        }
        to {
            -webkit-transform: translate(85px, 21px) rotate(-90deg);
            transform: translate(85px, 21px) rotate(-90deg)
        }
    }.routing-engine__processor-container {
         margin: 40px 0
     }

    .routing-engine__processor-container:after, .routing-engine__processor-container:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        z-index: 100;
        width: 4px;
        height: 4px;
        margin: 0 0 0 -5px;
        background-color: #fff;
        border: 2px solid #040505;
        border-radius: 50%
    }

    .routing-engine__processor-container:before {
        top: -24px
    }

    .routing-engine__processor-container:after {
        bottom: -24px
    }

    .routing-engine__side-arrows.left {
        top: auto;
        left: 50%;
        right: auto;
        bottom: 295px;
        height: calc(100vw - 144px);
        margin: 0 0 0 calc(-50vw + 72px);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .routing-engine__side-to-bottom-line, .routing-engine__side-to-top-line {
        height: calc(50vw - 72px)
    }

    @keyframes engine-side-arrow-to-top {
        0% {
            opacity: 0;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        5% {
            opacity: 1
        }
        95% {
            opacity: 1
        }
        to {
            -webkit-transform: translateY(calc(-50vw + 72px));
            transform: translateY(calc(-50vw + 72px))
        }
    }@keyframes engine-side-arrow-to-bottom {
         0% {
             opacity: 0;
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
         5% {
             opacity: 1
         }
         95% {
             opacity: 1
         }
         to {
             -webkit-transform: translateY(calc(50vw - 72px));
             transform: translateY(calc(50vw - 72px))
         }
     }.routing-engine__center-line {
          margin-top: 0
      }

    .routing-engine__center-line:before {
        display: none
    }

    .routing-engine__side-arrows.right {
        top: 295px;
        left: auto;
        right: 50%;
        height: calc(100vw - 144px);
        margin: 0 calc(-50vw + 72px) 0 0;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .routing-engine__box-arrows.left {
        top: -15px;
        left: 50%;
        right: auto;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .routing-engine__center-line-arrows.left .arrow {
        opacity: 1
    }

    @keyframes engine-side-arrow-left {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        to {
            -webkit-transform: translateX(-35px);
            transform: translateX(-35px)
        }
    }.routing-engine__box-arrows.right {
         top: auto;
         left: 50%;
         bottom: 2px;
         -webkit-transform-origin: left top;
         transform-origin: left top;
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg)
     }

    .routing-engine__box-arrows.right .arrow {
        top: -6px
    }

    .routing-engine__center-line-arrows.right .arrow {
        opacity: 1
    }

    @keyframes engine-side-arrow-right {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        to {
            -webkit-transform: translateX(35px);
            transform: translateX(35px)
        }
    }.routing-engine__list {
         display: -webkit-flex;
         display: -ms-flex;
         display: flex;
         justify-content: space-between;
         -webkit-flex-direction: row-reverse;
         flex-direction: row-reverse;
         width: 100%
     }

    .routing-engine__checkbox {
        width: calc(33.33333% - 5.33333px);
        height: 40px;
        margin: 0
    }

    .routing-engine__checkbox, .routing-engine__checkbox.right {
        padding: 0 0 0 32px
    }

    .routing-engine__checkbox.right:after, .routing-engine__checkbox:after {
        width: 20px;
        height: 20px;
        top: 6px;
        right: auto;
        left: 8px
    }

    .routing-engine__checkbox img {
        max-width: 70%;
        max-height: 16px;
        margin: auto
    }

    .routing-engine__side {
        height: auto
    }
}

@media screen and (max-width: 400px) {
    .routing-engine__center-line {
        margin-top: -1px
    }
}

@media screen and (max-width: 370px) {
    .routing-engine__processor-container:after, .routing-engine__processor-container:before {
        margin-left: -4px
    }

    .routing-engine__box-arrows.left, .routing-engine__box-arrows.right {
        margin-left: 1px
    }
}

.processor-container {
    position: relative;
    z-index: 1;
    width: 212px;
    margin-left: 209px
}

.processor {
    width: 212px;
    height: 212px;
    color: #fff;
    padding: 52px 57px 0 56px
}

@media screen and (max-width: 1250px) {
    .processor-container {
        margin: auto;
        text-align: center
    }
}

@media screen and (max-width: 760px) {
    .processor {
        width: 160px;
        height: 160px;
        margin: 0 auto;
        -webkit-background-size: 100%;
        background-size: 100%
    }
}

.second-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 49;
    visibility: hidden;
    pointer-events: none
}

.second-header_visible {
    visibility: visible
}

.second-header__inner {
    position: sticky;
    top: 68px;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .4s;
    transition: .4s
}

.second-header.fixed .second-header__inner {
    position: fixed;
    left: 0;
    right: 0
}

.second-header_visible .second-header__inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.second-header .container {
    justify-content: space-between;
    height: 57px;
    pointer-events: auto
}

.second-header .container, .second-header__logo {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.second-header__logo {
    font-family: ExtraBold;
    font-size: 18px
}

.second-header__logo div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius: 50%;
    background-color: #171819
}

.second-header__logo div img {
    display: block
}

.second-header__nav {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.second-header__nav li {
    position: relative;
    margin-left: 32px
}

.second-header__nav .active {
    pointer-events: none
}

.second-header__nav .active:after {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: -1px;
    border-top: 2px solid #0006ff
}

.second-header__nav a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 57px;
    padding-top: 1px;
    font-size: 15px;
    line-height: 20px;
    color: #646566;
    -webkit-transition: .4s;
    transition: .4s
}

.second-header__nav .active a {
    color: #040505
}

@media screen and (min-width: 1000px) {
    .second-header__nav a:hover {
        color: #040505
    }
}

@media screen and (max-width: 760px) {
    .second-header .container {
        align-items: stretch;
        height: auto;
        min-height: 50px;
        padding-left: 16px
    }

    .second-header__logo {
        padding: 9px 16px 9px 0;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -.5px
    }

    .second-header__logo div {
        width: 32px;
        min-width: 32px;
        height: 32px;
        margin-right: 8px
    }

    .second-header__logo div img {
        width: 15px;
        height: auto
    }

    .second-header__nav li {
        display: flex;
        align-items: stretch;
        margin-left: 16px
    }

    .second-header__nav li:first-child {
        margin-left: 0
    }

    .second-header__nav a {
        height: auto;
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.benefits-smart-processing {
    margin-bottom: 308px
}

.benefits-smart-processing .caption {
    margin-bottom: 24px
}

.benefits-smart-processing__description {
    max-width: 602px;
    margin-bottom: 62px
}

.benefits-smart-processing__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -160px
}

.benefits-smart-processing__item {
    width: 420px;
    margin-bottom: 110px
}

.benefits-smart-processing__item:nth-child(2n+2) {
    margin-right: 140px
}

.benefits-smart-processing__item-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 120px;
    margin-bottom: 19px
}

.benefits-smart-processing__item-icon img {
    display: block
}

.benefits-smart-processing__item-icon-1 {
    position: relative
}

.benefits-smart-processing__item-icon-1 div {
    position: absolute;
    top: 14px;
    left: 14px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    background-position: 46px 28px;
    border: 1px solid transparent;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-186deg);
    transform: rotate(-186deg);
    -webkit-transition: 1s;
    transition: 1s
}

.benefits-smart-processing__item-icon-1.animated div {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.benefits-smart-processing__item-icon-1.active-animation div {
    animation: benefits-smart-processing__item-icon-1 .1s linear infinite alternate
}

@keyframes benefits-smart-processing__item-icon-1 {
    0% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
    to {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }
}

.benefits-smart-processing__item-icon-2 {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f0f0f0
}

.benefits-smart-processing__item-icon-2:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #040505
}

.benefits-smart-processing__item-icon-2:after {
    content: "";
    display: block;
    position: absolute;
    width: 72px;
    height: 72px;
    background-color: #040505;
    border-radius: 50%;
    -webkit-transition: 1s;
    transition: 1s
}

.benefits-smart-processing__item-icon-2.animated:after {
    transition: .7s;
    -webkit-transform: scale(.52);
    transform: scale(.52)
}

.benefits-smart-processing__item-icon-2 div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 68px;
    height: 68px;
    background-color: #ffd400;
    border-radius: 50%;
    -webkit-transition: 1s;
    transition: 1s
}

.benefits-smart-processing__item-icon-2.animated div {
    transition: .7s;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.benefits-smart-processing__item-icon-3 {
    position: relative;
    width: 205px
}

.benefits-smart-processing__item-icon-3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -125px;
    bottom: 0;
    width: 70px;
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
    border-right: 95px solid #fff
}

.benefits-smart-processing__item-icon-3 svg {
    display: block;
    position: absolute
}

.benefits-smart-processing__item-icon-3 svg.to-right {
    -webkit-transform: translateX(290px);
    transform: translateX(290px);
    -webkit-transition: 1.6s;
    transition: 1.6s
}

.benefits-smart-processing__item-icon-3 svg.hide-on-way {
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s
}

.benefits-smart-processing__item-icon-3 svg.gray-on-way path {
    fill: #e0e0e0
}

.benefits-smart-processing__item-icon-3 svg.hide {
    opacity: 0;
    -webkit-transition: 0s;
    transition: 0s
}

.benefits-smart-processing__item-icon-3 svg.to-start {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.benefits-smart-processing__item-icon-3 svg:first-child {
    top: 17px;
    left: -20px
}

.benefits-smart-processing__item-icon-3 svg:nth-child(2) {
    top: 45px;
    left: 4px
}

.benefits-smart-processing__item-icon-3 svg:nth-child(3) {
    top: 45px;
    left: -55px
}

.benefits-smart-processing__item-icon-3.step-2 svg:nth-child(3) {
    display: none
}

.benefits-smart-processing__item-icon-3 svg:nth-child(4) {
    top: 73px;
    left: -25px
}

.benefits-smart-processing__item-icon-3 img {
    position: relative;
    z-index: 1;
    display: block;
    margin: auto
}

.benefits-smart-processing__item-icon-4, .benefits-smart-processing__item-icon-4 .compuctor {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 112px
}

.benefits-smart-processing__item-icon-4 .compuctor {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    width: 48px;
    padding: 4px 0;
    border-radius: 6px;
    background-color: #f0f0f0
}

.benefits-smart-processing__item-icon-4 .compuctor div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 2px;
    -webkit-transition: .4s;
    transition: .4s
}

.benefits-smart-processing__item-icon-4 .compuctor div.active {
    background-color: #040505
}

.benefits-smart-processing__item-icon-4 .compuctor div svg {
    display: block
}

.benefits-smart-processing__item-icon-4 .compuctor div svg circle, .benefits-smart-processing__item-icon-4 .compuctor div svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.benefits-smart-processing__item-icon-4 .compuctor div.active svg circle, .benefits-smart-processing__item-icon-4 .compuctor div.active svg path {
    fill: #fff
}

.compuctor-logotypes {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    perspective: 1px
}

.compuctor-logotypes, .compuctor-logotypes div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.compuctor-logotypes div {
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 70px;
    height: 35px;
    background-color: #fff;
    border: 2px solid #040505;
    border-radius: 2px;
    transform-origin: left center;
    -webkit-transform: scale(.85) translateZ(0);
    transform: scale(.85) translateZ(0);
    -webkit-transition: .4s;
    transition: .4s
}

.compuctor-logotypes div.active {
    background-color: #ffd400
}

.compuctor-logotypes div.zoom {
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

.compuctor-logotypes div img {
    display: block;
    max-width: 90%;
    max-height: 90%
}

.benefits-smart-processing__item .caption {
    margin-bottom: 24px
}

.benefits-smart-processing__item-subtitle {
    font-family: ExtraBold;
    margin-bottom: 8px
}

.benefits-smart-processing__item-description {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.5px
}

@media screen and (max-width: 1250px) {
    .benefits-smart-processing {
        margin-bottom: 145px
    }

    .benefits-smart-processing__description {
        margin-bottom: 70px
    }

    .benefits-smart-processing__list {
        margin-bottom: -65px
    }

    .benefits-smart-processing__item {
        width: 43%;
        margin: 0 0 65px
    }

    .benefits-smart-processing__item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media screen and (max-width: 760px) {
    .benefits-smart-processing {
        margin-bottom: 120px
    }

    .benefits-smart-processing__description {
        margin-bottom: 32px
    }

    .benefits-smart-processing__list {
        display: block;
        margin: 0
    }

    .benefits-smart-processing__item {
        width: auto;
        margin: 0 0 80px
    }

    .benefits-smart-processing__item:last-child {
        margin-bottom: 0
    }

    .benefits-smart-processing__item-icon {
        height: auto;
        margin-bottom: 16px
    }

    .benefits-smart-processing__item-description {
        line-height: 26px
    }
}

.rule-engine {
    padding: 209px 0 105px
}

.rule-engine__descriptions {
    margin-bottom: 48px
}

.rule-engine__description {
    text-align: center;
    margin-bottom: 200px
}

.rule-engine__description:last-child {
    margin-bottom: 0
}

.rule-engine__description .caption {
    margin-bottom: 24px
}

.rule-engine__description p {
    width: 900px;
    margin: auto;
    color: #999
}

.rule-engine_video {
    display: block;
    width: 100%;
    border-radius: 6px;
    margin-bottom: 75px
}

.rule-engine__listes {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 90px
}

.rule-engine__list {
    width: 290px
}

.rule-engine__list:last-child {
    margin-right: 0
}

.rule-engine__list-item {
    position: relative;
    margin: 0 0 16px;
    padding-left: 29px
}

.rule-engine__list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 14px;
    height: 12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDggMS42NjRsLTguNzA1IDkuNzkzLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUzLjMzNmwxLjQ5NSAxLjMyOHoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=)
}

.rule-engine__list-item .more-info {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 4px
}

@media screen and (max-width: 1250px) {
    .rule-engine {
        padding: 145px 0 0
    }

    .rule-engine__description {
        margin-bottom: 120px
    }

    .rule-engine__description p {
        width: auto
    }

    .rule-engine__description p br {
        display: none
    }

    .rule-engine__listes {
        justify-content: space-between;
        margin: 0;
        padding: 0 30px 1px 0
    }

    .rule-engine__list {
        width: 50%;
        max-width: 50%;
        margin-right: 0
    }

    .rule-engine__list:nth-child(3) {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        padding-right: 0
    }

    .rule-engine__list:nth-child(3) li {
        width: 50%;
        max-width: 50%;
        padding-right: 30px
    }

    .rule-engine__list-item {
        padding-right: 30px
    }
}

@media screen and (max-width: 760px) {
    .rule-engine {
        padding: 120px 0 60px
    }

    .rule-engine__descriptions {
        margin-bottom: 40px
    }

    .rule-engine__description {
        text-align: left
    }

    .rule-engine_video {
        display: none
    }

    .rule-engine__listes {
        display: block;
        padding: 0
    }

    .rule-engine__list, .rule-engine__list:nth-child(3) {
        display: block;
        width: auto;
        max-width: none
    }

    .rule-engine__list:nth-child(3) li {
        width: auto;
        max-width: none
    }

    .rule-engine__list-item {
        padding-right: 0
    }
}

.more-info {
    position: relative;
    z-index: 1;
    cursor: pointer
}

.more-info__icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #e5eeff;
    color: #0006ff;
    font-family: ExtraBold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    background-position: center 3px;
    color: transparent;
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjc1IDMuMTE3VjlILjEyN1YzLjExN0gxLjc1ek0xLjYxLjc4NWMuMTcxLjE2NC4yNTcuMzgzLjI1Ny42NTYgMCAuMjctLjA4Ni40ODctLjI1OC42NS0uMTcxLjE2NS0uNDA2LjI0Ny0uNzAzLjI0Ny0uMjczIDAtLjQ5Mi0uMDgyLS42NTYtLjI0Ni0uMTYtLjE2NC0uMjQtLjM4MS0uMjQtLjY1IDAtLjI3NC4wODItLjQ5My4yNDYtLjY1N0MuNDIuNjIxLjYzNi41NC45MDYuNTRjLjI5NyAwIC41MzEuMDgyLjcwMy4yNDZ6IiBmaWxsPSIjMDAwNkZGIi8+PC9zdmc+)
}

.dark-bg .more-info__icon {
    background-color: #fff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjc1IDMuMTE3VjlILjEyN1YzLjExN0gxLjc1ek0xLjYxLjc4NWMuMTcxLjE2NC4yNTcuMzgzLjI1Ny42NTYgMCAuMjctLjA4Ni40ODctLjI1OC42NS0uMTcxLjE2NS0uNDA2LjI0Ny0uNzAzLjI0Ny0uMjczIDAtLjQ5Mi0uMDgyLS42NTYtLjI0Ni0uMTYtLjE2NC0uMjQtLjM4MS0uMjQtLjY1IDAtLjI3NC4wODItLjQ5My4yNDYtLjY1N0MuNDIuNjIxLjYzNi41NC45MDYuNTRjLjI5NyAwIC41MzEuMDgyLjcwMy4yNDZ6IiBmaWxsPSIjMDQwNTA1Ii8+PC9zdmc+)
}

.more-info__text {
    position: absolute;
    top: -8px;
    left: 25px;
    width: 296px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    padding: 11px 15px;
    font-family: Medium !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    box-shadow: 0 4px 16px rgba(34, 34, 34, .04);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s
}

.more-info__text.right {
    left: auto;
    right: 24px
}

.more-info__text.bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.dark-bg .more-info__text {
    background-color: #0b0c0d;
    border: 1px solid #1a1a1a
}

.more-info:hover .more-info__text {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    pointer-events: auto
}

@media screen and (min-width: 1000px) {
    .dark-bg .more-info__icon:hover {
        background-color: #999;
        color: #040505
    }
}

@media screen and (max-width: 760px) {
    .more-info__text {
        left: 0;
        width: calc(100vw - 38px);
        margin-top: 30px
    }
}

.routing-rules {
    padding: 145px 0 280px
}

.routing-rules.not-on-viewport .arrow {
    animation-play-state: paused !important
}

.routing-rules .caption {
    text-align: center
}

.routing-rules__header {
    text-align: center;
    margin-bottom: 78px
}

.routing-rules__header .caption {
    margin-bottom: 24px
}

.routing-rules__header p {
    max-width: 800px;
    margin: auto;
    color: #999
}

@media screen and (max-width: 1250px) {
    .routing-rules {
        padding-bottom: 180px
    }
}

@media screen and (max-width: 760px) {
    .routing-rules {
        padding: 60px 0
    }

    .routing-rules__header {
        margin-bottom: 50px;
        text-align: left
    }

    .routing-rules__header .caption {
        text-align: left
    }

    .routing-rules__header br {
        display: none
    }
}

@media screen and (max-width: 370px) {
    .routing-animation__conditions-item {
        font-size: 13px
    }

    .routing-animation__conditions-item div {
        width: 45px
    }
}

.routing-animation {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 1040px;
    margin: 0 auto
}

.routing-animation.no-transition * {
    transition: 0s !important
}

.routing-animation__left-line-adaptive, .routing-animation__right-line-adaptive, .routing-animation__top-line-adaptive {
    display: none
}

.routing-animation .caption {
    text-align: left
}

.routing-animation__user-container .caption {
    line-height: 26px;
    margin-bottom: 15px
}

.routing-animation__user-container {
    position: relative;
    top: 13px;
    padding-right: 150px
}

.routing-animation__user {
    position: relative;
    z-index: 2;
    width: 144px
}

.routing-animation__user-card {
    display: block;
    width: 100%
}

.routing-animation__user-icon {
    display: block;
    position: absolute;
    right: 8px;
    bottom: -16px
}

.routing-animation__start-lines {
    position: absolute;
    left: 144px;
    right: -2px;
    bottom: 45px;
    border-top: 2px dashed #333
}

.routing-animation__start-lines:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    right: -2px;
    z-index: 1;
    width: 4px;
    height: 4px;
    background-color: #040505;
    border: 2px solid #fff;
    border-radius: 50%
}

.routing-animation__line-start-bottom, .routing-animation__line-start-right, .routing-animation__line-start-top {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .5s linear;
    transition: .5s linear
}

.routing-animation__start-lines .line {
    position: relative;
    background-color: #ffd400
}

.routing-animation__line-start-right {
    -ms-align-items: center;
    align-items: center;
    top: -8px;
    left: 0;
    right: 0;
    width: 100%;
    height: 14px
}

.routing-animation__line-start-right .line {
    height: 2px;
    width: 100%
}

.routing-animation__line-start-right .line .arrow {
    position: absolute;
    top: -6px;
    left: -10px;
    width: 10px;
    height: 14px;
    animation-name: routing-animation__line-start-right;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-animation__line-start-right .line .arrow:nth-child(2) {
    animation-delay: -.333s
}

.routing-animation__line-start-right .line .arrow:nth-child(3) {
    animation-delay: -.666s
}

@keyframes routing-animation__line-start-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    90% {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(155px);
        transform: translateX(155px);
        opacity: 0
    }
}

.routing-animation__line-start-top {
    justify-content: center;
    right: -6px;
    bottom: 0;
    width: 14px;
    height: 0
}

.routing-animation__line-start-top .line {
    width: 2px;
    height: 100%
}

.routing-animation__line-start-bottom .line .arrow, .routing-animation__line-start-top .line .arrow {
    position: absolute;
    left: -6px;
    width: 14px;
    height: 10px;
    opacity: 0;
    animation-timing-function: linear;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-delay: -1s
}

.routing-animation__line-start-top .line .arrow {
    bottom: 0;
    animation-name: routing-animation__line-side-top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS45NiAxMGgxMi4wOGEuNS41IDAgMDAuNDEtLjc4N0w3LjQxLjU4NWEuNS41IDAgMDAtLjgyIDBMLjU1IDkuMjEzQS41LjUgMCAwMC45NiAxMHoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=)
}

.routing-animation__line-start-bottom .line .arrow {
    top: 0;
    animation-name: routing-animation__line-side-bottom;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.routing-animation__line-start-bottom .line .arrow:nth-child(2), .routing-animation__line-start-top .line .arrow:nth-child(2) {
    animation-delay: -1.3125s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(3), .routing-animation__line-start-top .line .arrow:nth-child(3) {
    animation-delay: -1.625s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(4), .routing-animation__line-start-top .line .arrow:nth-child(4) {
    animation-delay: -1.9375s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(5), .routing-animation__line-start-top .line .arrow:nth-child(5) {
    animation-delay: -2.25s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(6), .routing-animation__line-start-top .line .arrow:nth-child(6) {
    animation-delay: -2.5625s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(7), .routing-animation__line-start-top .line .arrow:nth-child(7) {
    animation-delay: -2.875s
}

.routing-animation__line-start-bottom .line .arrow:nth-child(8), .routing-animation__line-start-top .line .arrow:nth-child(8) {
    animation-delay: -3.1875s
}

@keyframes routing-animation__line-side-top {
    0% {
        bottom: 0;
        opacity: 0
    }
    5% {
        opacity: 1
    }
    to {
        bottom: 400px;
        opacity: 1
    }
}

@keyframes routing-animation__line-side-bottom {
    0% {
        bottom: 0;
        opacity: 0
    }
    5% {
        opacity: 1
    }
    to {
        top: 400px;
        opacity: 1
    }
}

.routing-animation__line-start-bottom {
    justify-content: center;
    top: 0;
    right: -6px;
    width: 14px;
    height: 0
}

.routing-animation__line-start-bottom .line {
    width: 2px;
    height: 100%
}

.routing-animation__conditions-container {
    width: 454px
}

.routing-animation__conditions-container .caption {
    margin: 0 0 31px 60px
}

.routing-animation__conditions-list {
    position: relative;
    border: 2px dashed #333
}

.routing-animation__conditions-item-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: relative;
    height: 52.5px;
    border-top: 2px dashed #333
}

.routing-animation__conditions-item-container:first-child {
    border: none
}

.routing-animation__conditions-item-container:last-child {
    border: none;
    height: 2px
}

.routing-animation__conditions-item-container:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 1;
    width: 4px;
    height: 4px;
    background-color: #040505;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-animation__conditions-item-container:last-child:before {
    top: -2px
}

.routing-animation__conditions-item-container .line-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: 2px;
    width: 0;
    height: 14px;
    overflow: hidden;
    -webkit-transition: 1s linear;
    transition: 1s linear
}

.routing-animation__conditions-item-container:last-child .line-container {
    top: -4px
}

.routing-animation__conditions-item-container.active .line-container {
    width: 100%
}

.routing-animation__conditions-item-container .line {
    height: 2px;
    width: 100%;
    background-color: #ffd400
}

.routing-animation__conditions-item-container .line .arrow {
    position: absolute;
    top: 0;
    left: 2px;
    width: 10px;
    height: 14px;
    opacity: 0;
    animation-name: condition-arrows;
    animation-timing-function: linear;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-delay: -2s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-animation__conditions-item-container .line .arrow:nth-child(2) {
    animation-delay: -2.375s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(3) {
    animation-delay: -2.75s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(4) {
    animation-delay: -3.125s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(5) {
    animation-delay: -3.5s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(6) {
    animation-delay: -3.875s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(7) {
    animation-delay: -4.25s
}

.routing-animation__conditions-item-container .line .arrow:nth-child(8) {
    animation-delay: -4.625s
}

@keyframes condition-arrows {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    95% {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(440px);
        transform: translateX(440px);
        opacity: 0
    }
}

.routing-animation__conditions-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    top: -21px;
    height: 39px;
    line-height: 20px;
    border-radius: 6px;
    background-color: #1f1f1f;
    padding-right: 16px;
    margin: 0 0 0 58px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-animation__conditions-item.active {
    background-color: #ffd400;
    color: #040505
}

.routing-animation__conditions-item-container:last-child .routing-animation__conditions-item {
    top: -18px
}

.routing-animation__conditions-item div {
    width: 50px
}

.routing-animation__conditions-item div img, .routing-animation__conditions-item div svg {
    display: block;
    max-height: 90%;
    margin: auto
}

.routing-animation__conditions-item div svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.routing-animation__conditions-item.active div svg path {
    fill: #040505
}

.routing-animation__conditions-item.active div svg ellipse {
    fill: #040505
}

.routing-animation__providers-container {
    position: relative;
    top: -5px;
    margin-left: 57px
}

.routing-animation__providers-container .caption {
    margin: 0 0 41px 60px
}

.routing-animation__providers-list {
    position: relative;
    border-left: 2px dashed #333
}

.routing-animation__end-lines {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -59px;
    width: 59px;
    margin-top: 35px;
    border-top: 2px dashed #333
}

.routing-animation__end-lines:after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: -2px;
    z-index: 1;
    width: 4px;
    height: 4px;
    background-color: #040505;
    border: 2px solid #fff;
    border-radius: 50%
}

.routing-animation__line-end-left-bottom, .routing-animation__line-end-left-top, .routing-animation__line-end-right, .routing-animation__line-end-right-bottom, .routing-animation__line-end-right-top {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    transition: height .5s linear
}

.routing-animation__end-lines .line {
    background-color: #ffd400
}

.routing-animation__line-end-right {
    -ms-align-items: center;
    align-items: center;
    top: -8px;
    left: 0;
    right: 0;
    width: 0;
    height: 14px;
    transition: width .4s linear
}

.routing-animation__line-end-right.active {
    width: 100%
}

.routing-animation__line-end-right .line {
    width: 100%;
    height: 2px
}

.routing-animation__line-end-right .line .arrow {
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 14px;
    animation-name: routing-animation__line-end-right;
    animation-timing-function: linear;
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-delay: -7.75s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-animation__line-end-right .line .arrow:nth-child(2) {
    animation-delay: -8.125s
}

@keyframes routing-animation__line-end-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }
}

.routing-animation__line-end-left-top {
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start;
    top: 0;
    left: -6px;
    width: 14px;
    height: 0
}

.routing-animation__line-end-left-top .line {
    position: relative;
    width: 2px;
    height: 400px
}

.routing-animation__line-end-left-bottom {
    justify-content: center;
    -ms-align-items: flex-end;
    align-items: flex-end;
    bottom: 0;
    left: -6px;
    width: 14px;
    height: 0
}

.routing-animation__line-end-left-bottom .line {
    position: relative;
    width: 2px;
    height: 400px
}

.routing-animation__line-end-left-bottom .line .arrow, .routing-animation__line-end-left-top .line .arrow {
    position: absolute;
    left: -6px;
    width: 14px;
    height: 10px;
    animation-timing-function: linear;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-delay: -5.75s
}

.routing-animation__line-end-left-top .line .arrow {
    top: -10px;
    animation-name: routing-animation__line-end-left-bottom;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.routing-animation__line-end-left-bottom .line .arrow {
    bottom: 400px;
    animation-name: routing-animation__line-end-left-top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS45NiAxMGgxMi4wOGEuNS41IDAgMDAuNDEtLjc4N0w3LjQxLjU4NWEuNS41IDAgMDAtLjgyIDBMLjU1IDkuMjEzQS41LjUgMCAwMC45NiAxMHoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=)
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(2), .routing-animation__line-end-left-top .line .arrow:nth-child(2) {
    animation-delay: -6.0625s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(3), .routing-animation__line-end-left-top .line .arrow:nth-child(3) {
    animation-delay: -6.375s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(4), .routing-animation__line-end-left-top .line .arrow:nth-child(4) {
    animation-delay: -6.6875s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(5), .routing-animation__line-end-left-top .line .arrow:nth-child(5) {
    animation-delay: -7s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(6), .routing-animation__line-end-left-top .line .arrow:nth-child(6) {
    animation-delay: -7.3125s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(7), .routing-animation__line-end-left-top .line .arrow:nth-child(7) {
    animation-delay: -7.625s
}

.routing-animation__line-end-left-bottom .line .arrow:nth-child(8), .routing-animation__line-end-left-top .line .arrow:nth-child(8) {
    animation-delay: -7.9375s
}

@keyframes routing-animation__line-end-left-top {
    0% {
        top: 400px
    }
    to {
        top: 0
    }
}

@keyframes routing-animation__line-end-left-bottom {
    0% {
        top: 0
    }
    to {
        top: 400px
    }
}

.routing-animation__line-end-right-bottom .line .arrow, .routing-animation__line-end-right-top .line .arrow {
    position: absolute;
    left: 0;
    width: 14px;
    height: 10px;
    opacity: 0;
    animation-timing-function: linear;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-delay: -8.5s
}

.routing-animation__line-end-right-top .line .arrow {
    bottom: 0;
    animation-name: routing-animation__line-end-right-top;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS45NiAxMGgxMi4wOGEuNS41IDAgMDAuNDEtLjc4N0w3LjQxLjU4NWEuNS41IDAgMDAtLjgyIDBMLjU1IDkuMjEzQS41LjUgMCAwMC45NiAxMHoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=)
}

.routing-animation__line-end-right-bottom .line .arrow {
    top: -10px;
    left: 0;
    animation-name: routing-animation__line-end-right-bottom;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(2), .routing-animation__line-end-right-top .line .arrow:nth-child(2) {
    animation-delay: -8.8125s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(3), .routing-animation__line-end-right-top .line .arrow:nth-child(3) {
    animation-delay: -9.125s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(4), .routing-animation__line-end-right-top .line .arrow:nth-child(4) {
    animation-delay: -9.4375s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(5), .routing-animation__line-end-right-top .line .arrow:nth-child(5) {
    animation-delay: -9.755s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(6), .routing-animation__line-end-right-top .line .arrow:nth-child(6) {
    animation-delay: -10.0675s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(7), .routing-animation__line-end-right-top .line .arrow:nth-child(7) {
    animation-delay: -10.38s
}

.routing-animation__line-end-right-bottom .line .arrow:nth-child(8), .routing-animation__line-end-right-top .line .arrow:nth-child(8) {
    animation-delay: -10.6925s
}

@keyframes routing-animation__line-end-right-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    93% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
        opacity: 0
    }
}

@keyframes routing-animation__line-end-right-bottom {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    93% {
        opacity: 1
    }
    to {
        -webkit-transform: translateY(400px);
        transform: translateY(400px);
        opacity: 0
    }
}

.routing-animation__line-end-right-top {
    justify-content: center;
    -ms-align-items: flex-end;
    align-items: flex-end;
    bottom: 0;
    right: -8px;
    width: 14px;
    height: 0
}

.routing-animation__line-end-right-top .line {
    width: 2px;
    height: 100%
}

.routing-animation__line-end-right-bottom {
    justify-content: center;
    top: 0;
    right: -8px;
    width: 14px;
    height: 0
}

.routing-animation__line-end-right-bottom .line {
    width: 2px;
    height: 100%
}

.routing-animation__providers-item-container {
    position: relative;
    width: 233px;
    height: 76px;
    border-top: 2px dashed #333
}

.routing-animation__providers-item-container:last-child {
    height: 2px
}

.routing-animation__providers-item-container:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: -5px;
    width: 4px;
    height: 4px;
    background-color: #040505;
    border: 2px solid #fff;
    border-radius: 50%
}

.routing-animation__providers-item-container .line-container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: 0;
    width: 0;
    height: 14px;
    overflow: hidden;
    transition: 1s linear
}

.routing-animation__providers-item-container.active .line-container {
    width: 100%
}

.routing-animation__providers-item-container .line-container .line {
    width: 100%;
    height: 2px;
    background-color: #ffd400
}

.routing-animation__providers-item-container .line-container .line .arrow {
    position: absolute;
    top: 0;
    left: -10px;
    width: 10px;
    height: 14px;
    animation-name: routing-animation__providers-item-arrow;
    animation-timing-function: linear;
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-delay: -9.5s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.routing-animation__providers-item-container .arrow.hidden {
    display: none
}

.routing-animation__providers-item-container .line-container .line .arrow:nth-child(2) {
    animation-delay: -9.875s
}

@keyframes routing-animation__providers-item-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(70px);
        transform: translateX(70px)
    }
}

.routing-animation__providers-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: -31px;
    right: 0;
    background-color: #1f1f1f;
    border-radius: 6px;
    width: 175px;
    height: 60px;
    -webkit-transition: .4s;
    transition: .4s
}

.routing-animation__providers-item.active {
    background-color: #ffd400;
    color: #040505
}

.routing-animation__providers-item img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 12px
}

.routing-animation_lines-hide .line-container, .routing-animation_lines-hide .routing-animation__line-end-left-bottom, .routing-animation_lines-hide .routing-animation__line-end-left-top, .routing-animation_lines-hide .routing-animation__line-end-right, .routing-animation_lines-hide .routing-animation__line-end-right-bottom, .routing-animation_lines-hide .routing-animation__line-end-right-top, .routing-animation_lines-hide .routing-animation__line-start-bottom, .routing-animation_lines-hide .routing-animation__line-start-top {
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0
}

.routing-animation_lines-transition-none .line-container, .routing-animation_lines-transition-none .routing-animation__line-end-left-bottom, .routing-animation_lines-transition-none .routing-animation__line-end-left-top, .routing-animation_lines-transition-none .routing-animation__line-end-right, .routing-animation_lines-transition-none .routing-animation__line-end-right-bottom, .routing-animation_lines-transition-none .routing-animation__line-end-right-top, .routing-animation_lines-transition-none .routing-animation__line-start-bottom, .routing-animation_lines-transition-none .routing-animation__line-start-top {
    -webkit-transition: none;
    transition: none
}

@media screen and (min-width: 1000px) {
    .routing-animation__conditions-item:hover {
        background-color: #ffd400;
        color: #040505
    }

    .routing-animation__conditions-item:hover div svg path {
        fill: #040505
    }
}

@media screen and (max-width: 1250px) {
    .routing-animation {
        display: block;
        width: auto
    }

    .routing-animation__conditions-item-container:before, .routing-animation__end-lines, .routing-animation__providers-item-container:before, .routing-animation__start-lines {
        display: none
    }

    .routing-animation__left-line-adaptive, .routing-animation__right-line-adaptive, .routing-animation__top-line-adaptive {
        position: absolute;
        display: block;
        overflow: hidden
    }

    .routing-animation.hidden .routing-animation__conditions-item-container .line-container, .routing-animation.hidden .routing-animation__left-line-adaptive, .routing-animation.hidden .routing-animation__providers-item-container .line-container, .routing-animation.hidden .routing-animation__right-line-adaptive, .routing-animation.hidden .routing-animation__top-line-adaptive {
        opacity: 0
    }

    .routing-animation.no-transition .routing-animation__conditions-item-container .line-container, .routing-animation.no-transition .routing-animation__left-line-adaptive, .routing-animation.no-transition .routing-animation__providers-item-container .line-container, .routing-animation.no-transition .routing-animation__right-line-adaptive, .routing-animation.no-transition .routing-animation__top-line-adaptive {
        -webkit-transition: none !important;
        transition: none !important
    }

    .routing-animation .caption {
        margin: 0 0 14px;
        text-align: center;
        white-space: nowrap
    }

    .routing-animation__user-container {
        top: 0;
        width: 144px;
        margin: 0 auto 80px;
        padding: 0
    }

    .routing-animation__top-line-adaptive {
        position: absolute;
        right: 100%;
        bottom: 38px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        height: 14px;
        width: 0;
        -webkit-transition: width .4s linear, opacity 1s;
        transition: width .4s linear, opacity 1s
    }

    .routing-animation__top-line-adaptive .line {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #ffd400
    }

    .routing-animation__top-line-adaptive .arrow {
        position: absolute;
        top: -6px;
        right: -10px;
        width: 10px;
        height: 14px;
        animation: routing-animation__top-line-adaptive 1.5s linear infinite;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDEzLjA0Vi45NmEuNS41IDAgMDAtLjc4Ny0uNDFMLjU4NSA2LjU5YS41LjUgMCAwMDAgLjgybDguNjI4IDYuMDRhLjUuNSAwIDAwLjc4Ny0uNDF6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .routing-animation__top-line-adaptive .arrow:nth-child(2) {
        animation-delay: -.375s
    }

    .routing-animation__top-line-adaptive .arrow:nth-child(3) {
        animation-delay: -.75s
    }

    .routing-animation__top-line-adaptive .arrow:nth-child(4) {
        animation-delay: -1.125s
    }

    @keyframes routing-animation__top-line-adaptive {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        to {
            -webkit-transform: translateX(-200px);
            transform: translateX(-200px)
        }
    }.routing-animation__conditions-container {
         position: relative;
         margin: 0 auto 82px
     }

    .routing-animation__left-line-adaptive {
        top: -125px;
        left: -6px;
        z-index: 1;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        width: 14px;
        height: 0;
        -webkit-transition: height .5s linear, opacity 1s;
        transition: height .5s linear, opacity 1s
    }

    .routing-animation__left-line-adaptive .line {
        width: 2px;
        height: 100%;
        background-color: #ffd400
    }

    .routing-animation__left-line-adaptive .arrow {
        position: absolute;
        top: -10px;
        left: 0;
        width: 14px;
        height: 10px;
        animation: routing-animation__left-line-adaptive 6s linear infinite;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(2) {
        animation-delay: -.4s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(3) {
        animation-delay: -.8s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(4) {
        animation-delay: -1.2s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(5) {
        animation-delay: -1.6s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(6) {
        animation-delay: -2s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(7) {
        animation-delay: -2.4s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(8) {
        animation-delay: -2.8s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(9) {
        animation-delay: -3.2s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(10) {
        animation-delay: -3.6s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(11) {
        animation-delay: -4s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(12) {
        animation-delay: -4.4s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(13) {
        animation-delay: -4.8s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(14) {
        animation-delay: -5.2s
    }

    .routing-animation__left-line-adaptive .arrow:nth-child(15) {
        animation-delay: -5.6s
    }

    @keyframes routing-animation__left-line-adaptive {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        to {
            -webkit-transform: translateY(750px);
            transform: translateY(750px)
        }
    }.routing-animation__right-line-adaptive {
         top: 0;
         right: -6px;
         z-index: 1;
         display: -webkit-flex;
         display: -ms-flex;
         display: flex;
         justify-content: center;
         width: 14px;
         height: 0;
         -webkit-transition: height .5s linear, opacity 1s;
         transition: height .5s linear, opacity 1s
     }

    .routing-animation__right-line-adaptive .line {
        width: 2px;
        height: 100%;
        background-color: #ffd400
    }

    .routing-animation__right-line-adaptive .arrow {
        position: absolute;
        top: -10px;
        left: 0;
        width: 14px;
        height: 10px;
        animation: routing-animation__right-line-adaptive 12s linear infinite;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(2) {
        animation-delay: -.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(3) {
        animation-delay: -.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(4) {
        animation-delay: -1.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(5) {
        animation-delay: -1.6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(6) {
        animation-delay: -2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(7) {
        animation-delay: -2.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(8) {
        animation-delay: -2.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(9) {
        animation-delay: -3.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(10) {
        animation-delay: -3.6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(11) {
        animation-delay: -4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(12) {
        animation-delay: -4.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(13) {
        animation-delay: -4.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(14) {
        animation-delay: -5.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(15) {
        animation-delay: -5.6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(16) {
        animation-delay: -6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(17) {
        animation-delay: -6.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(18) {
        animation-delay: -6.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(19) {
        animation-delay: -7.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(20) {
        animation-delay: -7.6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(21) {
        animation-delay: -8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(22) {
        animation-delay: -8.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(23) {
        animation-delay: -8.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(24) {
        animation-delay: -9.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(25) {
        animation-delay: -9.6s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(26) {
        animation-delay: -10s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(27) {
        animation-delay: -10.4s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(28) {
        animation-delay: -10.8s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(29) {
        animation-delay: -11.2s
    }

    .routing-animation__right-line-adaptive .arrow:nth-child(30) {
        animation-delay: -11.6s
    }

    @keyframes routing-animation__right-line-adaptive {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        to {
            -webkit-transform: translateY(1500px);
            transform: translateY(1500px)
        }
    }.routing-animation__conditions-container .caption {
         margin-bottom: 36px
     }

    .routing-animation__conditions-item-container .line-container {
        left: 0;
        -webkit-transition: 1s linear, opacity 1s;
        transition: 1s linear, opacity 1s
    }

    .routing-animation__providers-container {
        width: 454px;
        margin: 0 auto
    }

    .routing-animation__providers-container .caption {
        margin-bottom: 37px
    }

    .routing-animation__providers-list {
        border-left: none;
        border-right: 2px dashed #333
    }

    .routing-animation__providers-item-container {
        width: auto;
        height: 55px
    }

    .routing-animation__providers-item-container .line-container {
        left: auto;
        right: 0;
        width: 0;
        -webkit-transition: width .7s linear, opacity 1s;
        transition: width .7s linear, opacity 1s
    }

    .routing-animation__providers-item-container .arrow.hidden {
        display: block
    }

    .routing-animation__providers-item-container .line-container .line .arrow {
        top: 0;
        left: auto;
        right: -10px;
        animation: routing-animation__providers-item 4s linear infinite;
        animation-delay: 0s;
        background-position: 50%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDEzLjA0Vi45NmEuNS41IDAgMDAtLjc4Ny0uNDFMLjU4NSA2LjU5YS41LjUgMCAwMDAgLjgybDguNjI4IDYuMDRhLjUuNSAwIDAwLjc4Ny0uNDF6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(2) {
        animation-delay: -.571s
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(3) {
        animation-delay: -1.142s
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(4) {
        animation-delay: -1.713s
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(5) {
        animation-delay: -2.284s
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(6) {
        animation-delay: -2.855s
    }

    .routing-animation__providers-item-container .line-container .line .arrow:nth-child(7) {
        animation-delay: -3.426s
    }

    @keyframes routing-animation__providers-item {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        to {
            -webkit-transform: translateX(-400px);
            transform: translateX(-400px)
        }
    }.routing-animation__providers-item {
         top: -21px;
         left: 0;
         right: auto;
         width: 148px;
         height: 40px;
         font-size: 14px;
         line-height: 13px
     }

    .routing-animation__providers-item img {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 760px) {
    .routing-animation__conditions-container {
        width: auto
    }

    .routing-animation__conditions-item {
        margin-left: 18px;
        font-size: 14px;
        line-height: 16px
    }

    .routing-animation__providers-container {
        width: auto
    }
}

.optimizations {
    padding-bottom: 260px
}

.optimizations.not-on-viewport .arrow, .optimizations.not-on-viewport .arrow svg path {
    animation-play-state: paused !important
}

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

.optimizations__header .caption {
    margin-bottom: 24px
}

.optimizations__header p {
    color: #999
}

.optimizations__content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}

.optimizations__menu-val {
    display: none
}

.optimizations__menu {
    width: 280px;
    margin-top: 35px
}

.optimizations__menu-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 61px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.5px;
    padding: 0 24px;
    border-bottom: 1px solid #1a1a1a;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__menu-item:first-child {
    border-top: 1px solid #1a1a1a
}

.optimizations__menu-item svg {
    display: block;
    position: relative;
    top: -1px;
    margin-left: 8px
}

.optimizations__menu-item svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__menu-item.active {
    background-color: #fff;
    color: #040505;
    pointer-events: none
}

.optimizations__scheme-container {
    width: 820px
}

.optimizations__scheme-status {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 16px
}

.optimizations__scheme-status-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    margin-right: 40px;
    color: #999
}

.optimizations__scheme-status-item div {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    background-color: #333;
    margin-right: 4px
}

.optimizations__scheme-status-item div:last-of-type {
    margin-right: 8px
}

.optimizations__scheme-status-item div.customer-status {
    background-color: #794de0
}

.optimizations__scheme-status-item div.gateway-status {
    background-color: #50a9f2
}

.optimizations__scheme-status-item div.providers-status {
    background-color: #4ec27d
}

.optimizations__scheme-block {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    height: 420px;
    padding-left: 183px;
    border-radius: 6px;
    background-color: #1f1f1f;
    margin-bottom: 24px
}

.optimizations__scheme-title {
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -.5px;
    white-space: nowrap;
    font-family: ExtraBold
}

.optimizations__scheme-title p {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s
}

.optimizations__scheme-title p svg {
    position: relative;
    top: 1px;
    width: 20px;
    height: auto;
    margin-left: 6px
}

.optimizations__scheme-title .active {
    z-index: 1;
    opacity: 1
}

.optimizations__scheme-refresh {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 24px;
    right: 24px;
    height: 24px;
    padding: 0 8px 0 11px;
    background-color: #1463ff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Bold;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-refresh.hidden {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.optimizations__scheme-refresh:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 11px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNzY3IDIuMjMzQTUuMzA1IDUuMzA1IDAgMDA2IC42NjdhNS4zMzMgNS4zMzMgMCAwMDAgMTAuNjY2YzIuNDg3IDAgNC41Ni0xLjcgNS4xNTQtNEg5Ljc2N2EzLjk5MyAzLjk5MyAwIDAxLTYuNTk1IDEuNDk1QTQgNCAwIDAxNiAyYzEuMTA3IDAgMi4wOTQuNDYgMi44MTQgMS4xODdMNi42NjcgNS4zMzJoNC42NjdWLjY2N0w5Ljc2NyAyLjIzM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.optimizations__scheme {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-top: 25px
}

.optimizations__scheme-user {
    position: relative;
    width: 71px;
    height: 71px;
    border-radius: 6px;
    background-color: #794de0;
    margin-right: 120px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjMuNWE5LjUgOS41IDAgMDExOSAwVjI2SDB2LTIuNXpNMTUgNS41YTUuNSA1LjUgMCAxMS0xMSAwIDUuNSA1LjUgMCAwMTExIDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

.optimizations__scheme-user-arrows {
    position: absolute;
    left: 71px;
    top: 50%;
    height: 11px;
    margin-top: -5.5px
}

.optimizations__scheme-user-arrows .arrow {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.optimizations__scheme-user-arrows .arrow svg {
    display: block
}

.optimizations__scheme-user-arrows .arrow svg path {
    fill: #725ce3;
    animation-name: optimizations__scheme-user-arrows-color-to-blue;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes optimizations__scheme-user-arrows-color-to-blue {
    0% {
        fill: #725ce3
    }
    to {
        fill: #50a9f2
    }
}

.optimizations__scheme-processor {
    position: relative;
    z-index: 1;
    width: 71px;
    height: 71px;
    background-color: #50a9f2;
    border-radius: 6px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiByeD0iMiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik04IDI5YTEgMSAwIDAwMSAxaDFhMSAxIDAgMDAxLTF2LTJIOHYyek0xNCAyOWExIDEgMCAwMDEgMWgxYTEgMSAwIDAwMS0xdi0yaC0zdjJ6TTIwIDI5YTEgMSAwIDAwMSAxaDFhMSAxIDAgMDAxLTF2LTJoLTN2MnpNOCAyYTEgMSAwIDAxMS0xaDFhMSAxIDAgMDExIDF2Mkg4VjJ6TTE0IDJhMSAxIDAgMDExLTFoMWExIDEgMCAwMTEgMXYyaC0zVjJ6TTIwIDJhMSAxIDAgMDExLTFoMWExIDEgMCAwMTEgMXYyaC0zVjJ6TTIgOGExIDEgMCAwMC0xIDF2MWExIDEgMCAwMDEgMWgyVjhIMnpNMiAxNGExIDEgMCAwMC0xIDF2MWExIDEgMCAwMDEgMWgydi0zSDJ6TTIgMjBhMSAxIDAgMDAtMSAxdjFhMSAxIDAgMDAxIDFoMnYtM0gyek0yOSA4YTEgMSAwIDAxMSAxdjFhMSAxIDAgMDEtMSAxaC0yVjhoMnpNMjkgMTRhMSAxIDAgMDExIDF2MWExIDEgMCAwMS0xIDFoLTJ2LTNoMnpNMjkgMjBhMSAxIDAgMDExIDF2MWExIDEgMCAwMS0xIDFoLTJ2LTNoMnoiIGZpbGw9IiNmZmYiLz48cmVjdCB4PSIxMSIgeT0iMTEiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSIyIiBmaWxsPSIjNTBBOUYyIi8+PC9zdmc+)
}

.optimizations__scheme-processor-arrows {
    position: absolute;
    top: 0;
    left: 71px;
    bottom: 0
}

.optimizations__scheme-arrows-bottom, .optimizations__scheme-arrows-center, .optimizations__scheme-arrows-top {
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.optimizations__scheme-arrows-bottom.visible, .optimizations__scheme-arrows-center.visible, .optimizations__scheme-arrows-top.visible {
    opacity: 1
}

.optimizations__scheme-arrows-top {
    position: absolute;
    top: -5px;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.optimizations__scheme-processor-arrows.combined .optimizations__scheme-arrows-top {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.optimizations__scheme-arrows-center {
    position: absolute;
    top: 50%;
    margin-top: -5.5px
}

.optimizations__scheme-processor-arrows.combined .optimizations__scheme-arrows-center {
    opacity: 0 !important
}

.optimizations__scheme-arrows-bottom {
    position: absolute;
    bottom: 5px;
    left: 6px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

.optimizations__scheme-processor-arrows.combined .optimizations__scheme-arrows-bottom {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.optimizations__scheme-arrows-bottom.disabled .arrow svg, .optimizations__scheme-arrows-center.disabled .arrow svg, .optimizations__scheme-arrows-top.disabled .arrow svg {
    filter: grayscale(100%)
}

.optimizations__scheme-processor-arrows .arrow {
    position: absolute;
    opacity: 0
}

.optimizations__scheme-processor-arrows .arrow svg {
    display: block;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-processor-arrows .arrow svg path {
    fill: #50a9f2;
    animation-name: optimizations__scheme-user-arrows-color-to-green;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes optimizations__scheme-user-arrows-color-to-green {
    0% {
        fill: #50a9f2
    }
    to {
        fill: #4ec27d
    }
}

.optimizations__scheme-processor-arrows .arrow, .optimizations__scheme-user-arrows .arrow {
    animation-name: optimizations__scheme-user-arrows;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.optimizations__scheme-processor-arrows .arrow:nth-child(2), .optimizations__scheme-processor-arrows .arrow:nth-child(2) svg path, .optimizations__scheme-user-arrows .arrow:nth-child(2), .optimizations__scheme-user-arrows .arrow:nth-child(2) svg path {
    animation-delay: -.625s
}

.optimizations__scheme-processor-arrows .arrow:nth-child(3), .optimizations__scheme-processor-arrows .arrow:nth-child(3) svg path, .optimizations__scheme-user-arrows .arrow:nth-child(3), .optimizations__scheme-user-arrows .arrow:nth-child(3) svg path {
    animation-delay: -1.25s
}

.optimizations__scheme-processor-arrows .arrow:nth-child(4), .optimizations__scheme-processor-arrows .arrow:nth-child(4) svg path, .optimizations__scheme-user-arrows .arrow:nth-child(4), .optimizations__scheme-user-arrows .arrow:nth-child(4) svg path {
    animation-delay: -1.875s
}

@keyframes optimizations__scheme-user-arrows {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 0
    }
    15% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        -webkit-transform: translateX(105px);
        transform: translateX(105px);
        opacity: 0
    }
}

.optimizations__scheme-lists {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -36px;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-list-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 71px;
    height: 71px;
    border-radius: 6px;
    background-color: #333;
    opacity: 0;
    -webkit-transition: transform .4s, opacity .4s, background-color .4s;
    transition: transform .4s, opacity .4s, background-color .4s
}

.optimizations__scheme-list-item.visible {
    opacity: 1
}

.optimizations__scheme-list-item.top {
    margin: -110px 0 0 190px
}

.optimizations__scheme-list-item.center {
    margin: 0 0 0 190px
}

.optimizations__scheme-list-item.bottom {
    margin: 110px 0 0 190px
}

.optimizations__scheme-list-item div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 4px;
    left: 63px;
    width: 54px;
    height: 24px;
    font-size: 13px;
    line-height: 20px;
    font-family: Bold;
    color: #040505;
    background-color: #fff;
    border-radius: 30px;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-list-item.active {
    background-color: #4ec27d
}

.optimizations__scheme-list-item.active div {
    background-color: #ffd400;
    box-shadow: 0 0 12px #ffd400
}

.optimizations__scheme-list-item img {
    display: block;
    max-width: 80%;
    max-height: 80%
}

.optimizations__scheme-menu {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    left: 24px;
    bottom: 24px;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-menu.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.optimizations__scheme-button {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 36px;
    padding-right: 15px;
    margin-right: 15px;
    border-radius: 4px;
    color: #0006ff;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-button:hover {
    color: #0005e5;
    background-color: #e5e5e5
}

.optimizations__scheme-button.disabled {
    pointer-events: none;
    color: #999;
    background-color: #333
}

.optimizations__scheme-button svg {
    display: block;
    margin: 0 10px 0 12px
}

.optimizations__scheme-button svg path {
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-button:hover svg path {
    fill: #0005e5
}

.optimizations__scheme-button.disabled svg path {
    fill: #999
}

.optimizations__scheme-description {
    position: relative
}

.optimizations__scheme-description li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    -webkit-transition: .5s;
    transition: .5s
}

.optimizations__scheme-description .active {
    position: static;
    z-index: 1;
    opacity: 1
}

.optimizations__scheme-list {
    counter-reset: scheme-list-item-combined-title
}

.optimizations__scheme-list-item-combined {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s
}

.optimizations__scheme-list-item-combined.visible {
    opacity: 1;
    pointer-events: auto
}

.optimizations__scheme-list-item-combined:first-child {
    top: -129px;
    left: 187px
}

.optimizations__scheme-list-item-combined:nth-child(2) {
    top: 50px;
    left: 187px
}

.optimizations__scheme-list-item-combined:last-child {
    margin-bottom: 0
}

.optimizations__scheme-list-item-combined-title {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px
}

.optimizations__scheme-list-item-combined-title:before {
    counter-increment: scheme-list-item-combined-title;
    content: counter(scheme-list-item-combined-title);
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    color: #040505;
    font-family: Bold;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 8px
}

.optimizations__scheme-list-item-combined-items {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 10px 6px;
    border: 2px dashed #4ec27d;
    border-radius: 6px
}

.optimizations__scheme-list-item-combined-items div {
    display: none;
    width: 71px;
    height: 71px;
    background-color: #4ec27d;
    border-radius: 6px
}

.optimizations__scheme-list-item-combined-items .visible {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.optimizations__scheme-list-item-combined-items div {
    margin: 0 4px
}

.optimizations__scheme-list-item-combined-items div img {
    display: block;
    max-width: 80%;
    max-height: 95%
}

@media screen and (min-width: 1000px) {
    .optimizations__menu-item:hover {
        background-color: #fff;
        color: #040505
    }
}

@media screen and (max-width: 1250px) {
    .optimizations {
        padding-bottom: 140px
    }

    .optimizations__header {
        margin-bottom: 60px
    }

    .optimizations__content {
        display: block
    }

    .optimizations__menu-container {
        position: sticky;
        top: 69px;
        z-index: 2;
        margin-bottom: 42px;
        padding: 10px 0 20px;
        background-color: #040505
    }

    .optimizations__menu {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: 0
    }

    .optimizations__menu-item {
        width: 33.333%;
        justify-content: center;
        text-align: center;
        border: none
    }

    .optimizations__menu-item:first-child, .optimizations__menu-item:nth-child(2), .optimizations__menu-item:nth-child(3) {
        border: none;
        border-bottom: 1px solid #1a1a1a
    }

    .optimizations__scheme {
        margin-top: 0
    }

    .optimizations__scheme-container {
        width: 100%
    }

    .optimizations__scheme-block {
        height: 440px;
        padding: 40px 0 0 70px
    }

    .optimizations__scheme-list-item.bottom, .optimizations__scheme-list-item.center, .optimizations__scheme-list-item.top {
        margin-left: 160px
    }

    .optimizations__scheme-list-item-combined:first-child, .optimizations__scheme-list-item-combined:nth-child(2) {
        left: 145px
    }

    .optimizations__scheme-lists {
        margin-top: -11px
    }
}

@media screen and (max-width: 760px) {
    .optimizations {
        position: relative;
        z-index: 2;
        padding: 60px 0
    }

    .optimizations__header {
        margin-bottom: 40px;
        text-align: left
    }

    .optimizations__header br {
        display: none
    }

    .optimizations__menu-container {
        top: 68px;
        margin-bottom: 0
    }

    .optimizations__menu {
        margin-bottom: 35px
    }

    .optimizations__menu-val {
        position: relative;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        height: 48px;
        padding: 0 0 0 24px;
        background-color: #fff;
        color: #040505;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0
    }

    .optimizations__menu-val:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        width: 12px;
        height: 8px;
        margin-top: -4px;
        -webkit-transition: .4s;
        transition: .4s;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS4wNjMgMy4xNzFMMS45MzcuODMgNiA0LjA3OWw0LjA2My0zLjI1IDEuODc0IDIuMzQyTDYgNy45MjEuMDYyIDMuMTd6IiBmaWxsPSIjMDQwNTA1Ii8+PC9zdmc+)
    }

    .optimizations__menu-container.active .optimizations__menu-val:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .optimizations__menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 5;
        display: block;
        max-width: 100%;
        margin-top: -20px;
        border: 1px solid #191919;
        border-top: none;
        border-bottom: none;
        background-color: #040505;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        -webkit-transition: .4s;
        transition: .4s
    }

    .optimizations__menu-container.active .optimizations__menu {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .optimizations__menu-item {
        position: relative;
        justify-content: flex-start;
        width: auto;
        height: 52px;
        padding-left: 23px;
        border-bottom: 1px solid #1a1a1a
    }

    .optimizations__menu-item:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 19px;
        display: block;
        width: 14px;
        height: 12px;
        margin-top: -6px;
        opacity: 0;
        -webkit-transition: .4s;
        transition: .4s;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDggMS42NjRsLTguNzA1IDkuNzkzLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUzLjMzNWwxLjQ5NSAxLjMzeiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
    }

    .optimizations__menu-item.active {
        background-color: transparent;
        color: #fff
    }

    .optimizations__menu-item.active:after {
        opacity: 1
    }

    .optimizations__scheme-status-info {
        margin-top: 10px
    }

    .optimizations__scheme-block {
        display: block;
        height: 599px;
        padding: 0;
        border-radius: 0;
        -webkit-transition: .5s;
        transition: .5s
    }

    .optimizations__scheme-block.has-buttons {
        height: 683px
    }

    .optimizations__scheme-block.combined {
        height: 725px
    }

    .optimizations__scheme-refresh {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        margin-top: -5px;
        padding: 0;
        font-size: 0;
        color: transparent
    }

    .optimizations__scheme-refresh:before {
        position: absolute;
        min-width: 15px;
        min-height: 15px;
        margin: 0;
        background-size: 100%
    }

    .optimizations__scheme-menu {
        left: 20px
    }

    .optimizations__scheme-title {
        top: 22px;
        right: 150px;
        font-size: 22px;
        line-height: 22px;
        letter-spacing: -1px;
        white-space: normal
    }

    .optimizations__scheme-title p svg {
        top: 3px
    }

    .optimizations__scheme {
        position: absolute;
        left: 50%;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate(-36px, 29px) rotate(90deg);
        transform: translate(-36px, 29px) rotate(90deg)
    }

    .optimizations__scheme-user {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .optimizations__scheme-user-arrows {
        top: 100%;
        left: 37px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .optimizations__scheme-processor-arrows {
        left: 73px
    }

    .optimizations__scheme-lists {
        margin: -36px 0 0 113px
    }

    .optimizations__scheme-list.combined {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .optimizations__scheme-list-item {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .optimizations__scheme-list-item div {
        top: -20px;
        left: auto;
        right: -8px
    }

    .optimizations__scheme-list-item-combined:first-child, .optimizations__scheme-list-item-combined:nth-child(2) {
        left: 185px
    }

    .optimizations__scheme-list-item-combined:first-child {
        top: 79px
    }

    .optimizations__scheme-list-item-combined:nth-child(2) {
        top: -104px
    }

    .optimizations__scheme-list-item-combined-title {
        position: absolute;
        right: 100%;
        justify-content: center;
        align-items: flex-end;
        width: 95px;
        height: 25px;
        margin-right: 34px;
        font-size: 13px;
        line-height: 16px;
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .optimizations__scheme-list-item-combined-title:before {
        position: absolute;
        top: 2px;
        left: 50%;
        width: 20px;
        min-width: 20px;
        height: 20px;
        margin: -20px 0 0 -10px
    }

    .optimizations__scheme-list-item-combined-title .optimizations__scheme-list-item-combined:first-child .optimizations__scheme-list-item-combined-title {
        bottom: 100%;
        margin-bottom: -39px
    }

    .optimizations__scheme-processor-arrows.combined .optimizations__scheme-arrows-bottom {
        -webkit-transform: rotate(28deg);
        transform: rotate(28deg)
    }

    .optimizations__scheme-list-item-combined-items div {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media screen and (max-width: 370px) {
    .optimizations__scheme-list-item.top {
        margin-top: -100px
    }

    .optimizations__scheme-list-item.bottom {
        margin-top: 100px
    }
}

.extra-features {
    padding-bottom: 267px
}

.extra-features__header {
    max-width: 650px;
    margin-bottom: 80px
}

.extra-features__header .caption {
    margin-bottom: 24px
}

.extra-features__header p {
    color: #999
}

.extra-features__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -80px
}

.extra-features__item {
    width: 360px;
    margin: 0 67px 80px 0
}

.extra-features__item:nth-child(3n+3) {
    width: 340px;
    margin-right: 0
}

.extra-features__item-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #1a1a1a;
    margin: 0 0 24px -4px
}

.extra-features__item-icon img {
    display: block;
    max-width: 90%;
    max-height: 90%
}

.extra-features__item .caption {
    margin-bottom: 16px
}

.extra-features__item-description {
    color: #999
}

@media screen and (max-width: 1250px) {
    .extra-features {
        padding-bottom: 145px
    }

    .extra-features__header {
        margin-bottom: 70px
    }

    .extra-features__list {
        justify-content: space-between;
        margin-bottom: -60px
    }

    .extra-features__item {
        width: 47%;
        margin: 0 0 60px
    }
}

@media screen and (max-width: 760px) {
    .extra-features {
        margin-bottom: 120px;
        padding: 60px 0 120px
    }

    .extra-features__header {
        margin-bottom: 48px
    }

    .extra-features__list {
        display: block;
        margin: 0
    }

    .extra-features__item {
        width: auto;
        margin-bottom: 48px
    }

    .extra-features__item:nth-child(3n+3) {
        width: auto
    }

    .extra-features__item:last-child {
        margin-bottom: 0
    }
}

.cascading {
    padding: 268px 0 260px
}

.cascading__header {
    text-align: center;
    margin-bottom: 87px
}

.cascading__header .caption {
    margin-bottom: 24px
}

.cascading-scheme {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    right: -13px;
    width: 942px;
    margin: 0 auto 200px
}

.cascading-scheme.not-on-viewport .arrow {
    animation-play-state: paused !important
}

.cascading-scheme .caption {
    line-height: 26px;
    margin-bottom: 16px
}

.cascading-scheme__payment-line {
    position: absolute;
    z-index: -1;
    bottom: 50%;
    left: 135px;
    width: 224px;
    margin-bottom: -21px;
    height: 2px;
    background-color: #ffd400
}

.cascading-scheme__payment-line .arrow.hidden {
    display: none
}

.cascading-scheme__payment-line .arrow {
    position: absolute;
    top: -6px;
    left: 0;
    width: 10px;
    height: 14px;
    animation: cascading-scheme__payment-line 3s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.cascading-scheme__payment-line .arrow:nth-child(2) {
    animation-delay: -.6s
}

.cascading-scheme__payment-line .arrow:nth-child(3) {
    animation-delay: -1.2s
}

.cascading-scheme__payment-line .arrow:nth-child(4) {
    animation-delay: -1.8s
}

.cascading-scheme__payment-line .arrow:nth-child(5) {
    animation-delay: -2.4s
}

@keyframes cascading-scheme__payment-line {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(221px);
        transform: translateX(221px)
    }
}

.cascading-scheme__user {
    position: relative;
    width: 144px
}

.cascading-scheme__user-card {
    display: block;
    width: 100%
}

.cascading-scheme__user-icon {
    display: block;
    position: absolute;
    width: 40px;
    right: 8px;
    bottom: -16px
}

.cascading__routes {
    position: absolute;
    left: 565px;
    bottom: 50%;
    width: 202px;
    height: 2px;
    margin-bottom: -21px
}

.cascading__routes-status {
    position: absolute;
    z-index: 3;
    width: 32px;
    height: 32px;
    background-color: #040505;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s
}

.cascading__routes-status:after, .cascading__routes-status:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__routes-status:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43NTkgMS42NUw0LjExNyA5LjQuMzU5IDYuMjY3bDEuMjgtMS41MzZMMy44ODMgNi42IDkuMjQuMzVsMS41MTkgMS4zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==)
}

.cascading__routes-status:after {
    opacity: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjgwMiAxMC4yODhhLjM2My4zNjMgMCAxMC0uNTE0LjUxNGwxLjQ1NSAxLjQ1NWEuMzYyLjM2MiAwIDAwLjUxNCAwIC4zNjQuMzY0IDAgMDAwLS41MTRsLTEuNDU1LTEuNDU1ek01LjE5OCA1LjcxMmEuMzYzLjM2MyAwIDAwLjUxNCAwIC4zNjMuMzYzIDAgMDAwLS41MTVMNC4yNTcgMy43NDNhLjM2My4zNjMgMCAxMC0uNTE0LjUxNGwxLjQ1NSAxLjQ1NXpNMTMuNDU0IDkuMDloLTEuODE4YS4zNjMuMzYzIDAgMTAwIC43MjhoMS44MThhLjM2My4zNjMgMCAxMDAtLjcyN3pNOS40NTQgMTAuOTFhLjM2My4zNjMgMCAwMC0uMzYzLjM2M3YyLjE4MmEuMzYzLjM2MyAwIDEwLjcyNyAwdi0yLjE4MmEuMzYzLjM2MyAwIDAwLS4zNjQtLjM2NHpNNi41NDUgNS4wOTFhLjM2My4zNjMgMCAwMC4zNjQtLjM2M1YyLjU0NmEuMzYzLjM2MyAwIDEwLS43MjcgMHYyLjE4MmMwIC4yLjE2Mi4zNjMuMzYzLjM2M3pNMi41NDUgNi45MDloMi4xODJhLjM2My4zNjMgMCAxMDAtLjcyN0gyLjU0NWEuMzYzLjM2MyAwIDEwMCAuNzI3ek0xNS4zNzkgMS43NDhMMTQuMjI2LjU5M2MtLjc5LS43OS0yLjIwOS0uNzktMi45OTggMEw3Ljg5MyAzLjkzNGEyLjE0IDIuMTQgMCAwMC0uNjIgMS41MDFjMCAuNTYuMjI2IDEuMTA3LjYyIDEuNTAybC4wNjMuMDYyYS4zNjMuMzYzIDAgMDAuNTE0IDBsLjUxNC0uNTE1YS4zNjUuMzY1IDAgMDAwLS41MTVsLS4wNjItLjA2M2EuNjcyLjY3MiAwIDAxMC0uOTQybDMuMzM1LTMuMzRhLjY4OC42ODggMCAwMS45NCAwbDEuMTU0IDEuMTU1YS42NzIuNjcyIDAgMDEwIC45NDJsLTMuMzM2IDMuMzQxYS42ODguNjg4IDAgMDEtLjk0IDBsLS4wNjMtLjA2M2EuMzYzLjM2MyAwIDAwLS41MTQgMGwtLjUxNC41MTZhLjM2NS4zNjUgMCAwMDAgLjUxNWwuMDYzLjA2MmMuMzk0LjM5Ni45NC42MjIgMS40OTguNjIyczEuMTA0LS4yMjYgMS40OTktLjYyMmwzLjMzNS0zLjM0MWEyLjE0IDIuMTQgMCAwMC42Mi0xLjUwMSAyLjE0IDIuMTQgMCAwMC0uNjItMS41MDJ6TTguMDQ0IDguOTcxYS4zNjMuMzYzIDAgMDAtLjUxNCAwbC0uNTE0LjUxNmEuMzY1LjM2NSAwIDAwMCAuNTE1bC4wNjIuMDYyYS42NzIuNjcyIDAgMDEwIC45NDJsLTMuMzM1IDMuMzQyYS42ODguNjg4IDAgMDEtLjk0IDBsLTEuMTU0LTEuMTU2YS42NzIuNjcyIDAgMDEwLS45NDJMNC45ODQgOC45MWEuNjg4LjY4OCAwIDAxLjk0IDBsLjA2My4wNjJhLjM2My4zNjMgMCAwMC41MTQgMGwuNTE1LS41MTVhLjM2NS4zNjUgMCAwMDAtLjUxNWwtLjA2My0uMDYyYy0uNzg5LS43OTEtMi4yMDgtLjc5MS0yLjk5NyAwbC0zLjMzNSAzLjM0QTIuMTQgMi4xNCAwIDAwMCAxMi43MjJjMCAuNTU5LjIyNiAxLjEwNi42MiAxLjUwMWwxLjE1NCAxLjE1NmMuMzk1LjM5NS45NC42MjIgMS40OTkuNjIyLjU1OCAwIDEuMTA0LS4yMjcgMS40OTgtLjYyMmwzLjMzNi0zLjM0MWEyLjE0IDIuMTQgMCAwMC42Mi0xLjUwMiAyLjE0IDIuMTQgMCAwMC0uNjItMS41MDFsLS4wNjMtLjA2M3oiIGZpbGw9IiMwNDA1MDUiLz48L3N2Zz4=)
}

.cascading__routes .error .cascading__routes-status {
    background-color: #ff4343
}

.cascading__routes .error .cascading__routes-status:before {
    opacity: 0
}

.cascading__routes .error .cascading__routes-status:after {
    opacity: 1
}

.cascading__routes .line {
    position: absolute;
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__routes .error .line {
    opacity: 0
}

.cascading__routes .arrow {
    position: absolute;
    left: -3px;
    width: 10px;
    height: 14px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.cascading__route-bottom, .cascading__route-center, .cascading__route-top {
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__route-bottom.error:before, .cascading__route-center.error:before, .cascading__route-top.error:before {
    opacity: 1
}

.cascading__route-top {
    position: absolute;
    top: -76px;
    left: 0;
    width: 202px;
    height: 32px
}

.cascading__route-top:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: url(/build/images/cascading-route-top-error.c0460147.svg);
    background-position: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__route-top .cascading__routes-status {
    position: absolute;
    top: -14px;
    left: 74px
}

.cascading__route-top .line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 0
}

.cascading__route-top .arrows-bottom {
    position: absolute;
    left: -6px;
    bottom: 6px
}

.cascading__route-top .arrows-bottom .arrow {
    top: -2px;
    animation: route__side-arrows-left 3s linear infinite;
    animation-delay: -3s
}

.cascading__route-top .arrows-bottom .arrow.hidden {
    display: none
}

.cascading__route-top .arrows-bottom .arrow:nth-child(2) {
    animation-delay: -3.75s
}

.cascading__route-top .arrows-bottom .arrow:nth-child(3) {
    animation-delay: -4.5s
}

.cascading__route-top .arrows-bottom .arrow:nth-child(4) {
    animation-delay: -5.25s
}

@keyframes route__side-arrows-left {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        opacity: 1
    }
    45% {
        opacity: 0
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }
}

.cascading__route-top .arrows-top {
    position: absolute;
    top: -4px;
    left: 88px
}

.cascading__route-top .arrows-top .arrow {
    top: -2px;
    animation: route__side-arrows-right 3s linear infinite;
    animation-delay: -4.4s
}

.cascading__route-top .arrows-top .arrow:nth-child(2) {
    animation-delay: -5.15s
}

.cascading__route-top .arrows-top .arrow:nth-child(3) {
    animation-delay: -5.9s
}

.cascading__route-top .arrows-top .arrow:nth-child(4) {
    animation-delay: -6.65s
}

@keyframes route__side-arrows-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(208px);
        transform: translateX(208px)
    }
}

.cascading__route-center {
    height: 2px
}

.cascading__route-center:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: url(/build/images/cascading-route-center-error.1b8deaf8.svg);
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__route-center .cascading__routes-status {
    top: -15px;
    left: 74px
}

.cascading__route-center .line {
    width: 100%;
    height: 2px;
    background-color: #ffd400
}

.cascading__route-center .line .arrow {
    top: -6px;
    left: -9px;
    animation: cascading__route-center 3s linear infinite;
    animation-delay: -3s
}

.cascading__route-center .line .arrow.hidden {
    display: none
}

.cascading__route-center .line .arrow:nth-child(2) {
    animation-delay: -3.75s
}

.cascading__route-center .line .arrow:nth-child(3) {
    animation-delay: -4.5s
}

.cascading__route-center .line .arrow:nth-child(4) {
    animation-delay: -5.25s
}

@keyframes cascading__route-center {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(208px);
        transform: translateX(208px)
    }
}

.cascading__route-bottom {
    position: absolute;
    top: 46px;
    left: 0;
    width: 202px;
    height: 32px
}

.cascading__route-bottom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-image: url(/build/images/cascading-route-bottom-error.23125c33.svg);
    background-position: -22px;
    -webkit-transition: 1s;
    transition: 1s
}

.cascading__route-bottom .cascading__routes-status {
    position: absolute;
    left: 74px;
    bottom: -14px
}

.cascading__route-bottom .line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: -22px
}

.cascading__route-bottom .arrows-top {
    position: absolute;
    top: -4px;
    left: -6px
}

.cascading__route-bottom .arrows-top .arrow {
    top: -2px;
    animation: route__side-arrows-left 3s linear infinite;
    animation-delay: -3s
}

.cascading__route-bottom .arrows-top .arrow:nth-child(2) {
    animation-delay: -3.75s
}

.cascading__route-bottom .arrows-top .arrow:nth-child(3) {
    animation-delay: -4.5s
}

.cascading__route-bottom .arrows-top .arrow:nth-child(4) {
    animation-delay: -5.25s
}

.cascading__route-bottom .arrows-bottom {
    position: absolute;
    left: 88px;
    bottom: 6px
}

.cascading__route-bottom .arrows-bottom .arrow {
    top: -2px;
    animation: route__side-arrows-right 3s linear infinite;
    animation-delay: -4.4s
}

.cascading__route-bottom .arrows-bottom .arrow:nth-child(2) {
    animation-delay: -5.15s
}

.cascading__route-bottom .arrows-bottom .arrow:nth-child(3) {
    animation-delay: -5.9s
}

.cascading__route-bottom .arrows-bottom .arrow:nth-child(4) {
    animation-delay: -6.65s
}

.cascading-scheme__providers-container {
    position: relative;
    z-index: 0;
    margin-left: 202px
}

.cascading-scheme__providers {
    width: 175px
}

.cascading-scheme__providers-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 60px;
    border-radius: 6px;
    background-color: #f0f0f0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    margin-bottom: 16px
}

.cascading-scheme__providers-item:last-child {
    margin-bottom: 0
}

.cascading-scheme__providers-item img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 12px
}

.cascading__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -120px
}

.cascading__item {
    width: 500px;
    margin: 0 140px 120px 0
}

.cascading__item:nth-child(2n+2) {
    margin-right: 0
}

.cascading__item-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 132px;
    margin-bottom: 16px
}

.cascading__item:first-child .cascading__item-icon, .cascading__item:nth-child(2) .cascading__item-icon {
    height: 100px;
    margin-bottom: 24px
}

.cascading__item-icon img {
    display: block;
    max-height: 100%
}

.cascading__item .caption {
    margin-bottom: 16px
}

@media screen and (max-width: 1250px) {
    .cascading {
        padding: 145px 0
    }

    .cascading__list {
        margin-bottom: 0
    }

    .cascading__item {
        width: 100%;
        margin: 0 0 60px
    }

    .cascading__item:last-child {
        margin-bottom: 0
    }

    .cascading-scheme {
        right: auto;
        display: block;
        width: auto;
        margin-bottom: 100px
    }

    .cascading-scheme .caption {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        white-space: nowrap
    }

    .cascading-scheme__user-container {
        width: 144px;
        margin: 0 auto 88px;
        text-align: center
    }

    .cascading-scheme__payment-line {
        top: 61px;
        left: 50%;
        bottom: auto;
        width: 97px;
        height: 285px;
        margin: 0 0 0 72px;
        border-radius: 0 6px 6px 0;
        border: 2px solid #ffd400;
        border-left: none;
        background-color: transparent
    }

    .cascading-scheme__payment-line .arrow {
        top: -8px;
        left: -10px;
        animation: cascading-scheme__payment-line 6s linear infinite
    }

    .cascading-scheme__payment-line .arrow.hidden {
        display: block
    }

    .cascading-scheme__payment-line .arrow:nth-child(2) {
        animation-delay: -.666s
    }

    .cascading-scheme__payment-line .arrow:nth-child(3) {
        animation-delay: -1.332s
    }

    .cascading-scheme__payment-line .arrow:nth-child(4) {
        animation-delay: -1.998s
    }

    .cascading-scheme__payment-line .arrow:nth-child(5) {
        animation-delay: -2.664s
    }

    .cascading-scheme__payment-line .arrow:nth-child(6) {
        animation-delay: -3.33s
    }

    .cascading-scheme__payment-line .arrow:nth-child(7) {
        animation-delay: -3.99s
    }

    .cascading-scheme__payment-line .arrow:nth-child(8) {
        animation-delay: -4.65s
    }

    .cascading-scheme__payment-line .arrow:nth-child(9) {
        animation-delay: -5.316s
    }

    @keyframes cascading-scheme__payment-line {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        20% {
            -webkit-transform: translate(95px) rotate(0deg);
            transform: translate(95px) rotate(0deg)
        }
        23% {
            -webkit-transform: translate(101px, 6px) rotate(90deg);
            transform: translate(101px, 6px) rotate(90deg)
        }
        77% {
            -webkit-transform: translate(101px, 277px) rotate(90deg);
            transform: translate(101px, 277px) rotate(90deg)
        }
        80% {
            -webkit-transform: translate(95px, 283px) rotate(180deg);
            transform: translate(95px, 283px) rotate(180deg)
        }
        to {
            -webkit-transform: translateY(283px) rotate(180deg);
            transform: translateY(283px) rotate(180deg)
        }
    }.cascading-scheme .processor-container {
         width: 160px;
         margin: 0 auto 72px
     }

    .cascading-scheme .processor {
        width: 160px;
        height: 160px;
        -webkit-background-size: 100%;
        background-size: 100%
    }

    .cascading__routes {
        position: absolute;
        top: 319px;
        left: 50%;
        bottom: auto;
        width: 87px;
        height: auto;
        margin: 0 0 0 -167px
    }

    .cascading__route-bottom, .cascading__route-center, .cascading__route-top {
        position: relative
    }

    .cascading__route-bottom .arrows-bottom, .cascading__route-bottom .arrows-top, .cascading__route-top .arrows-bottom, .cascading__route-top .arrows-top {
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }

    .cascading__route-bottom .line .arrow, .cascading__route-center .line .arrow, .cascading__route-top .line .arrow {
        top: -8px;
        left: auto;
        animation: none;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDEzLjA0Vi45NmEuNS41IDAgMDAtLjc4Ny0uNDFMLjU4NSA2LjU5YS41LjUgMCAwMDAgLjgybDguNjI4IDYuMDRhLjUuNSAwIDAwLjc4Ny0uNDF6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
    }

    .cascading__route-top .line .arrow {
        right: 17px;
        animation: cascading__route-top 6s linear infinite
    }

    .cascading__route-top .line .arrow.hidden {
        display: block
    }

    .cascading__route-top .arrows-bottom .arrow:first-child {
        animation-delay: -6s
    }

    .cascading__route-top .arrows-bottom .arrow:nth-child(2) {
        animation-delay: -6.666s
    }

    .cascading__route-top .arrows-bottom .arrow:nth-child(3) {
        animation-delay: -7.332s
    }

    .cascading__route-top .arrows-bottom .arrow:nth-child(4) {
        animation-delay: -7.998s
    }

    .cascading__route-top .arrows-top .arrow:first-child {
        animation-delay: -8.664s
    }

    .cascading__route-top .arrows-top .arrow:nth-child(2) {
        animation-delay: -9.33s
    }

    .cascading__route-top .arrows-top .arrow:nth-child(3) {
        animation-delay: -9.996s
    }

    .cascading__route-top .arrows-top .arrow:nth-child(4) {
        animation-delay: -10.662s
    }

    .cascading__route-top .arrows-top .arrow:nth-child(5) {
        animation-delay: -11.328s
    }

    @keyframes cascading__route-top {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        20% {
            -webkit-transform: translate(-83px) rotate(0deg);
            transform: translate(-83px) rotate(0deg)
        }
        24% {
            -webkit-transform: translate(-89px, 6px) rotate(-90deg);
            transform: translate(-89px, 6px) rotate(-90deg)
        }
        76% {
            -webkit-transform: translate(-89px, 390px) rotate(-90deg);
            transform: translate(-89px, 390px) rotate(-90deg)
        }
        80% {
            -webkit-transform: translate(-89px, 396px) rotate(-180deg);
            transform: translate(-89px, 396px) rotate(-180deg)
        }
        to {
            -webkit-transform: translate(25px, 396px) rotate(-180deg);
            transform: translate(25px, 396px) rotate(-180deg)
        }
    }.cascading__route-top .arrows-bottom .arrow.hidden {
         display: none
     }

    .cascading__route-center .line .arrow {
        right: 21px;
        animation: cascading__route-center 5s linear infinite
    }

    .cascading__route-center .line .arrow.hidden {
        display: block
    }

    .cascading__route-center .line .arrow:first-child {
        animation-delay: -6s
    }

    .cascading__route-center .line .arrow:nth-child(2) {
        animation-delay: -6.625s
    }

    .cascading__route-center .line .arrow:nth-child(3) {
        animation-delay: -7.25s
    }

    .cascading__route-center .line .arrow:nth-child(4) {
        animation-delay: -7.875s
    }

    .cascading__route-center .line .arrow:nth-child(5) {
        animation-delay: -8.5s
    }

    .cascading__route-center .line .arrow:nth-child(6) {
        animation-delay: -9.125s
    }

    .cascading__route-center .line .arrow:nth-child(7) {
        animation-delay: -9.75s
    }

    .cascading__route-center .line .arrow:nth-child(8) {
        animation-delay: -10.375s
    }

    @keyframes cascading__route-center {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        15% {
            -webkit-transform: translate(-63px) rotate(0deg);
            transform: translate(-63px) rotate(0deg)
        }
        20% {
            -webkit-transform: translate(-69px, 6px) rotate(-90deg);
            transform: translate(-69px, 6px) rotate(-90deg)
        }
        75% {
            -webkit-transform: translate(-69px, 294px) rotate(-90deg);
            transform: translate(-69px, 294px) rotate(-90deg)
        }
        80% {
            -webkit-transform: translate(-69px, 300px) rotate(-180deg);
            transform: translate(-69px, 300px) rotate(-180deg)
        }
        to {
            -webkit-transform: translate(25px, 300px) rotate(-180deg);
            transform: translate(25px, 300px) rotate(-180deg)
        }
    }.cascading__route-bottom .line .arrow {
         right: 23px;
         animation: cascading__route-bottom 4s linear infinite
     }

    .cascading__route-bottom .arrows-top .arrow:first-child {
        animation-delay: -6s
    }

    .cascading__route-bottom .arrows-top .arrow:nth-child(2) {
        animation-delay: -6.666s
    }

    .cascading__route-bottom .arrows-top .arrow:nth-child(3) {
        animation-delay: -7.332s
    }

    .cascading__route-bottom .arrows-top .arrow:nth-child(4) {
        animation-delay: -7.998s
    }

    .cascading__route-bottom .arrows-bottom .arrow:first-child {
        animation-delay: -8.664s
    }

    .cascading__route-bottom .arrows-bottom .arrow:nth-child(2) {
        animation-delay: -9.33s
    }

    .cascading__route-bottom .arrows-bottom .arrow:nth-child(3), .cascading__route-bottom .arrows-bottom .arrow:nth-child(4) {
        display: none
    }

    @keyframes cascading__route-bottom {
        0% {
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }
        15% {
            -webkit-transform: translate(-42px) rotate(0deg);
            transform: translate(-42px) rotate(0deg)
        }
        20% {
            -webkit-transform: translate(-48px, 6px) rotate(-90deg);
            transform: translate(-48px, 6px) rotate(-90deg)
        }
        75% {
            -webkit-transform: translate(-48px, 198px) rotate(-90deg);
            transform: translate(-48px, 198px) rotate(-90deg)
        }
        80% {
            -webkit-transform: translate(-48px, 204px) rotate(-180deg);
            transform: translate(-48px, 204px) rotate(-180deg)
        }
        to {
            -webkit-transform: translate(25px, 204px) rotate(-180deg);
            transform: translate(25px, 204px) rotate(-180deg)
        }
    }.cascading__route-top {
         position: absolute;
         top: 0;
         left: auto;
         right: -25px;
         width: 112px;
         height: 398px;
         background-image: none !important;
         border: 2px solid #ffd400;
         border-right: none;
         border-radius: 6px 0 0 6px
     }

    .cascading__route-top.error {
        border-color: transparent
    }

    .cascading__route-top:before {
        top: -2px;
        left: -2px;
        bottom: -2px;
        background-image: url(/build/images/cascading-route-top-error-mobile.07fb4488.svg)
    }

    .cascading__route-top .line {
        background-image: none !important
    }

    .cascading__route-top .cascading__routes-status {
        top: auto;
        left: 54px;
        bottom: -16px
    }

    .cascading__route-center {
        position: absolute;
        top: 20px;
        left: auto;
        right: -29px;
        width: 96px;
        height: 302px;
        background-image: none !important;
        border: 2px solid #ffd400;
        border-right: none;
        border-radius: 6px 0 0 6px
    }

    .cascading__route-center.error {
        border-color: transparent
    }

    .cascading__route-center:before {
        top: -2px;
        left: -2px;
        bottom: -2px;
        background-image: url(/build/images/cascading-route-center-error-mobile.fe184326.svg)
    }

    .cascading__route-center .line {
        background-color: transparent
    }

    .cascading__route-center .cascading__routes-status {
        top: auto;
        left: 34px;
        bottom: -16px
    }

    .cascading__route-bottom {
        position: absolute;
        top: 41px;
        left: 41px;
        right: -22px;
        width: 77px;
        height: 206px;
        background-image: none !important;
        border: 2px solid #ffd400;
        border-right: none;
        border-radius: 6px 0 0 6px
    }

    .cascading__route-bottom.error {
        border-color: transparent
    }

    .cascading__route-bottom:before {
        top: -2px;
        left: -2px;
        bottom: -2px;
        background-position: 0 0;
        background-image: url(/build/images/cascading-route-bottom-error-mobile.bfd66e36.svg)
    }

    .cascading__route-bottom .line {
        background-image: none !important
    }

    .cascading__route-bottom .cascading__routes-status {
        top: auto;
        left: 13px;
        bottom: -16px
    }

    .cascading-scheme__providers-container {
        left: 29px;
        width: 175px;
        margin: auto
    }

    .cascading-scheme__providers-container .caption {
        justify-content: flex-start;
        text-align: left
    }
}

@media screen and (max-width: 760px) {
    .cascading {
        margin-bottom: 120px;
        padding: 0
    }

    .cascading__header {
        margin-bottom: 72px;
        text-align: left
    }

    .cascading-scheme {
        margin-bottom: 120px
    }

    .cascading__item {
        margin-bottom: 80px
    }

    .cascading__item:last-child {
        margin-bottom: 0
    }

    .cascading__item:first-child .cascading__item-icon, .cascading__item:nth-child(2) .cascading__item-icon {
        height: auto
    }
}

.auto-retry-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 72px
}

.auto-retry-icon.hide {
    opacity: 0;
    -webkit-transition: .7s;
    transition: .7s;
    transition-delay: 1s
}

.auto-retry-icon.hide * {
    animation-delay: unset !important;
    animation: unset !important;
    transition-delay: unset !important;
    transition: unset !important
}

.auto-retry-icon img {
    display: block;
    height: 72px
}

.auto-retry-icon div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 8px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.auto-retry-icon div span {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ffd400
}

.auto-retry-icon.animation div span {
    animation: auto-retry-dots .7s 4 alternate
}

.auto-retry-icon div span + span {
    margin-left: 4px
}

.auto-retry-icon > span, .auto-retry-icon div, .auto-retry-icon img {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s
}

.auto-retry-icon div:nth-child(2) span {
    animation-delay: .4s
}

.auto-retry-icon div:nth-child(2) span:nth-child(2) {
    animation-delay: .6s
}

.auto-retry-icon div:nth-child(2) span:nth-child(3) {
    animation-delay: .8s
}

@keyframes auto-retry-dots {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.auto-retry-icon div:nth-child(4), .auto-retry-icon img:nth-child(3) {
    transition-delay: 3.6s
}

.auto-retry-icon div:nth-child(4) span {
    animation-delay: 4s
}

.auto-retry-icon div:nth-child(4) span:nth-child(2) {
    animation-delay: 4.2s
}

.auto-retry-icon div:nth-child(4) span:nth-child(3) {
    animation-delay: 4.4s
}

.auto-retry-icon img:nth-child(5) {
    transition-delay: 7.2s
}

.auto-retry-icon > span {
    position: relative;
    z-index: 1;
    display: block;
    -ms-align-self: flex-start;
    align-self: flex-start;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    transition-delay: 7.6s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiMxNUFDNTIiLz48cGF0aCBkPSJNOCAxMi41bDMgMi41IDYtNyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
}

.auto-retry-icon.animation > span, .auto-retry-icon.animation div, .auto-retry-icon.animation img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.retry-management-icon {
    counter-reset: retry-management-num;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: flex-start;
    align-items: flex-start;
    height: 100px
}

.retry-management-icon__item {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 52px;
    height: 52px;
    margin-right: 32px
}

.retry-management-icon__item:last-child {
    margin-right: 0
}

.retry-management-icon__item:nth-child(2) {
    margin-top: 24px
}

.retry-management-icon__item:nth-child(3) {
    margin-top: 48px
}

.retry-management-icon__item:before {
    counter-increment: retry-management-num;
    content: counter(retry-management-num);
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: #040505;
    border: 2px solid #040505;
    border-radius: 4px;
    font-size: 14px;
    font-family: Bold;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.retry-management-icon__item.active:before {
    background-color: #ffd400;
    color: #040505
}

.retry-management-icon__item:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 2;
    display: block;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiIGZpbGw9IiMxNUFDNTIiLz48cGF0aCBkPSJNOCAxMi41bDMgMi41IDYtNyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
}

.retry-management-icon__item.active:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: .2s
}

.retry-management-icon__item div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 6px;
    background-color: #f0f0f0
}

.retry-management-icon__item span {
    position: absolute;
    top: 100%;
    left: 25px;
    display: block;
    width: 59px;
    height: 9px;
    border: 2px solid #ffd400;
    border-top: none;
    border-right: none;
    border-radius: 0 0 0 3px
}

.retry-management-icon__item span:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -8px;
    display: block;
    width: 14px;
    height: 10px;
    animation: retry-management-arrow 1.8s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0IDBILjk2YS41LjUgMCAwMC0uNDEuNzg3bDYuMDQgOC42MjhhLjUuNSAwIDAwLjgyIDBMMTMuNDUuNzg3QS41LjUgMCAwMDEzLjA0IDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

@keyframes retry-management-arrow {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    15% {
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg)
    }
    25% {
        -webkit-transform: translate(3px, 13px) rotate(-90deg);
        transform: translate(3px, 13px) rotate(-90deg)
    }
    to {
        -webkit-transform: translate(65px, 13px) rotate(-90deg);
        transform: translate(65px, 13px) rotate(-90deg)
    }
}

.psp-health-icon {
    position: relative;
    height: 104px;
    overflow: hidden
}

.psp-health-icon img {
    display: block;
    height: 104px
}

.psp-health-icon svg {
    position: absolute;
    top: 53px;
    left: 66px;
    display: block
}

.psp-health-icon svg path {
    stroke-dasharray: 0, 194;
    animation: psp-health-icon 5.5s ease-in-out infinite
}

.not-on-viewport .psp-health-icon svg path {
    animation-play-state: paused
}

@keyframes psp-health-icon {
    0% {
        opacity: 1;
        stroke-dasharray: 0, 194
    }
    70%, 85% {
        opacity: 1;
        stroke-dasharray: 194, 194
    }
    95%, to {
        opacity: 0;
        stroke-dasharray: 194, 194
    }
}

.tokens-cascading-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 132px
}

.tokens-cascading-icon img {
    position: relative;
    z-index: 3;
    display: block;
    width: 63px;
    min-width: 63px
}

.tokens-cascading-icon__lines {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.tokens-cascading-icon__line {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    width: 96px;
    height: 56px;
    background-position: 0 0
}

.tokens-cascading-icon__line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.tokens-cascading-icon__line.active:after {
    opacity: 1
}

.tokens-cascading-icon__line span {
    position: absolute;
    z-index: 2;
    display: block;
    width: 10px;
    height: 14px;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgLjk2djEyLjA4YS41LjUgMCAwMC43ODcuNDFsOC42MjgtNi4wNGEuNS41IDAgMDAwLS44MkwuNzg3LjU1QS41LjUgMCAwMDAgLjk2eiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==)
}

.tokens-cascading-icon__line.active span {
    opacity: 1
}

.tokens-cascading-icon__line:first-child span {
    top: 15px;
    left: -10px;
    animation: tokens-cascading-arrow-1 3s linear infinite
}

.tokens-cascading-icon__line:first-child span:nth-child(2) {
    animation-delay: 1.5s
}

@keyframes tokens-cascading-arrow-1 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    20% {
        -webkit-transform: translate(26px) rotate(0deg);
        transform: translate(26px) rotate(0deg)
    }
    23% {
        -webkit-transform: translate(29px, -3px) rotate(-90deg);
        transform: translate(29px, -3px) rotate(-90deg)
    }
    33% {
        -webkit-transform: translate(29px, -18px) rotate(-90deg);
        transform: translate(29px, -18px) rotate(-90deg)
    }
    36% {
        -webkit-transform: translate(32px, -21px) rotate(0deg);
        transform: translate(32px, -21px) rotate(0deg)
    }
    to {
        -webkit-transform: translate(120px, -21px) rotate(0deg);
        transform: translate(120px, -21px) rotate(0deg)
    }
}

.tokens-cascading-icon__line:nth-child(2) span {
    top: -6px;
    left: -10px;
    animation: tokens-cascading-arrow-2 1s linear infinite
}

@keyframes tokens-cascading-arrow-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

.tokens-cascading-icon__line:nth-child(3) span {
    top: -6px;
    left: -10px;
    animation: tokens-cascading-arrow-3 3s linear infinite
}

.tokens-cascading-icon__line:nth-child(3) span:nth-child(2) {
    animation-delay: 1.5s
}

@keyframes tokens-cascading-arrow-3 {
    0% {
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }
    20% {
        -webkit-transform: translate(26px) rotate(0deg);
        transform: translate(26px) rotate(0deg)
    }
    23% {
        -webkit-transform: translate(29px, 3px) rotate(90deg);
        transform: translate(29px, 3px) rotate(90deg)
    }
    33% {
        -webkit-transform: translate(29px, 18px) rotate(90deg);
        transform: translate(29px, 18px) rotate(90deg)
    }
    36% {
        -webkit-transform: translate(32px, 21px) rotate(0deg);
        transform: translate(32px, 21px) rotate(0deg)
    }
    to {
        -webkit-transform: translate(120px, 21px) rotate(0deg);
        transform: translate(120px, 21px) rotate(0deg)
    }
}

.tokens-cascading-icon__line div {
    position: relative;
    z-index: 3;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #040505;
    border: 8px solid #f0f0f0
}

.tokens-cascading-icon__line div:before {
    content: "";
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    background-color: #ffd400;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.tokens-cascading-icon__line.active div:before {
    opacity: 1
}

.tokens-cascading-icon__line div:after {
    content: "t";
    position: relative;
    top: -1px;
    z-index: 1;
    display: block;
    font-size: 22px;
    font-family: Bold;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.tokens-cascading-icon__line.active div:after {
    color: #040505
}

.tokens-cascading-icon__line:first-child, .tokens-cascading-icon__line:nth-child(3) {
    width: 160px;
    height: 23px
}

.tokens-cascading-icon__line:first-child {
    top: 28px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDIyaDI0Yy0uMzMzLTguNjY3LS44LTIxIDAtMjFoODEiIHN0cm9rZT0iI0VCRUJFQiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI0IDQiLz48L3N2Zz4=)
}

.tokens-cascading-icon__line:first-child:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDIyaDI0Yy0uMzMzLTguNjY3LS44LTIxIDAtMjFoODEiIHN0cm9rZT0iI0ZGRDQwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
}

.tokens-cascading-icon__line:first-child div {
    top: -27px
}

.tokens-cascading-icon__line:nth-child(2) {
    height: 2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxaDQwIiBzdHJva2U9IiNFQkVCRUIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWRhc2hhcnJheT0iNCA0Ii8+PC9zdmc+)
}

.tokens-cascading-icon__line:nth-child(2):after {
    background-color: #ffd400
}

.tokens-cascading-icon__line:nth-child(2) div {
    top: -28px
}

.tokens-cascading-icon__line:nth-child(3) {
    top: -28px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDFoMjRjLS4zMzMgOC42NjctLjggMjEgMCAyMWg4MSIgc3Ryb2tlPSIjRUJFQkVCIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1kYXNoYXJyYXk9IjQgNCIvPjwvc3ZnPg==)
}

.tokens-cascading-icon__line:nth-child(3):after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA1IiBoZWlnaHQ9IjIzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDFoMjRjLS4zMzMgOC42NjctLjggMjEgMCAyMWg4MSIgc3Ryb2tlPSIjRkZENDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
}

.tokens-cascading-icon__line:nth-child(3) div {
    top: -5px
}

.powerful-toolkit {
    margin-bottom: 198px
}

.powerful-toolkit .container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    position: relative
}

.powerful-toolkit__content {
    z-index: 3;
    width: 550px
}

.powerful-toolkit__header {
    margin-bottom: 48px
}

.powerful-toolkit__header .caption {
    margin-bottom: 40px
}

.powerful-toolkit__lists {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 40px;
    margin-bottom: 37px
}

.powerful-toolkit__list {
    max-width: 262px;
    width: 250px
}

.powerful-toolkit__list-item {
    position: relative;
    min-height: 32px;
    padding-left: 44px;
    margin-bottom: 24px;
    line-height: 26px;
    padding-top: 3px
}

.powerful-toolkit__list-item:last-child {
    margin-bottom: 0
}

.powerful-toolkit__list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #1f1f1f;
    border-radius: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDggMS42NjVsLTguNzA1IDkuNzkyLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUzLjMzNmwxLjQ5NSAxLjMyOXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.powerful-toolkit__list-item .more-info {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 4px
}

.powerful-toolkit .link_arrow {
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -.5px
}

.powerful-toolkit__payments {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 85px;
    right: -119px;
    width: 646px;
    padding-bottom: 4px;
    overflow: hidden
}

.powerful-toolkit__payments:after, .powerful-toolkit__payments:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 120px
}

.powerful-toolkit__payments:before {
    left: 0;
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.powerful-toolkit__payments:after {
    right: 0;
    background: linear-gradient(-90deg, #fff, hsla(0, 0%, 100%, 0))
}

.conveyor {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    height: 120px;
    background-color: #f0f0f0;
    background-repeat: repeat-x
}

.conveyor, .conveyor__line {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.conveyor__line {
    justify-content: flex-end;
    position: relative;
    left: 74px;
    width: 100%;
    -webkit-transition: .8s;
    transition: .8s
}

.conveyor__line li {
    margin-right: 80px
}

.conveyor__line li img {
    display: block;
    width: 63px;
    min-width: 63px
}

.scanning-compuctor {
    position: relative;
    top: 4px;
    z-index: 2;
    width: 182px;
    height: 334px
}

.scanning-compuctor__status {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 150px;
    height: 48px;
    border-radius: 6px;
    color: #040505;
    background-color: #ffd400;
    -webkit-transition: .4s;
    transition: .4s
}

.scanning-compuctor__status.allowed {
    background-color: #15ac52
}

.scanning-compuctor__status.denied {
    background-color: #f33
}

.scanning-compuctor__status.allowed .scanning-compuctor__card-status-item, .scanning-compuctor__status.denied .scanning-compuctor__card-status-item {
    color: #fff
}

.scanning-compuctor__card-status-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family: Bold;
    text-align: center;
    letter-spacing: .5px;
    padding-top: 7px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    transition: .4s
}

.scanning-compuctor__status.allowed .scanning-compuctor__card-status-item:nth-child(2), .scanning-compuctor__status.denied .scanning-compuctor__card-status-item:nth-child(3), .scanning-compuctor__status.scanning .scanning-compuctor__card-status-item:first-child {
    position: relative;
    z-index: 1;
    opacity: 1;
    pointer-events: auto
}

.scanning-compuctor__card-status-title {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 4px
}

.scanning-compuctor__card-status-value {
    font-size: 12px;
    line-height: 14px
}

.scanning-compuctor__card-block {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 84px;
    left: 16px;
    width: 150px;
    height: 104px;
    overflow: hidden
}

.scanning-compuctor__card-block:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 50px;
    opacity: .5
}

.scanning-compuctor__card-block.scanning:before {
    background: linear-gradient(0deg, #03f9ff, rgba(3, 249, 255, 0));
    animation: scanning-gradient 3s infinite
}

@keyframes scanning-gradient {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(204px);
        transform: translateY(204px)
    }
}

.scanning-compuctor__card-block .card {
    position: absolute;
    right: 100%;
    width: 63px;
    height: 44px;
    -webkit-transition: transform .5s;
    transition: transform .5s
}

.scanning-compuctor__card-block .card.active {
    -webkit-transform: translateX(106px);
    transform: translateX(106px)
}

.scanning-compuctor__card-block .card.hidden {
    -webkit-transform: translateX(213px);
    transform: translateX(213px)
}

.scanning-compuctor__card-block .card.denied {
    -webkit-transform: translate(106px, 74px);
    transform: translate(106px, 74px)
}

.scanning-compuctor__process {
    position: absolute;
    top: 196px;
    left: 16px;
    right: 16px;
    height: 50px
}

.scanning-compuctor__process-title {
    height: 26px;
    font-family: Bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 2px;
    text-align: center
}

.scanning-compuctor__process-title p {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 25px;
    opacity: 0;
    position: none;
    -webkit-transition: .4s;
    transition: .4s
}

.scanning-compuctor__process-title.scanned .scanning-compuctor__process-title-scannined, .scanning-compuctor__process-title.scanning .scanning-compuctor__process-title-scanning {
    z-index: 1;
    opacity: 1;
    pointer-events: auto
}

.scanning-compuctor__process-title-scanning:after {
    content: "";
    display: block
}

.scanning-compuctor__process-title.scanning .scanning-compuctor__process-title-scanning:after {
    animation: dots 1.4s linear infinite
}

@keyframes dots {
    0% {
        content: ""
    }
    25% {
        content: "."
    }
    50% {
        content: ".."
    }
    75% {
        content: "..."
    }
}

.scanning-compuctor__process-lines {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px
}

.scanning-compuctor__process-lines li {
    width: 2px;
    height: 16px;
    border-radius: 10px 0;
    background-color: #595959;
    -webkit-transition: .3s;
    transition: .3s
}

.scanning-compuctor__process-lines li.active {
    background-color: #1463ff
}

@media screen and (max-width: 1480px) {
    .powerful-toolkit__payments {
        right: -60px
    }
}

@media screen and (max-width: 1250px) {
    .powerful-toolkit {
        margin-bottom: 105px
    }

    .powerful-toolkit .container {
        display: block;
        padding-bottom: 425px
    }

    .powerful-toolkit__content {
        width: auto
    }

    .powerful-toolkit__payments {
        top: auto;
        right: auto;
        left: 27px;
        bottom: 0
    }

    .powerful-toolkit__lists {
        margin-bottom: 0
    }

    .powerful-toolkit__list {
        width: 325px;
        max-width: 325px
    }

    .powerful-toolkit__lists + a, .powerful-toolkit__lists + div {
        margin-top: 40px
    }
}

@media screen and (max-width: 760px) {
    .powerful-toolkit {
        margin-bottom: 110px
    }

    .powerful-toolkit .container {
        padding-bottom: 0
    }

    .powerful-toolkit__header {
        margin-bottom: 32px
    }

    .powerful-toolkit__header .caption {
        margin-bottom: 48px
    }

    .powerful-toolkit__header br {
        display: none
    }

    .powerful-toolkit__content {
        width: auto
    }

    .powerful-toolkit__payments {
        position: static;
        left: auto;
        bottom: auto
    }

    .powerful-toolkit__payments-container {
        position: relative;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        margin: 0 -20px 48px
    }

    .powerful-toolkit__payments {
        min-width: 646px
    }

    .powerful-toolkit__payments:after, .powerful-toolkit__payments:before {
        display: none
    }

    .powerful-toolkit__lists {
        display: block;
        margin-bottom: 30px;
        padding-bottom: 32px
    }

    .powerful-toolkit__list {
        width: auto;
        max-width: none;
        margin-bottom: 16px
    }

    .powerful-toolkit__list:last-child {
        margin-bottom: 0
    }

    .powerful-toolkit__list-item {
        margin-bottom: 16px
    }
}

.trigger-block {
    position: relative;
    justify-content: space-between;
    width: 1200px;
    padding: 38px 40px 38px 0;
    margin: 0 auto 168px;
    border-radius: 6px;
    background-color: #f0f0f0
}

.trigger-block, .trigger-block__side {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.trigger-block__icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    width: 128px;
    min-width: 128px;
    padding-left: 17px
}

.trigger-block__icon img {
    display: block;
    max-width: 90%
}

.trigger-block__description .caption {
    margin-bottom: 4px
}

@media screen and (max-width: 1250px) {
    .trigger-block {
        display: block;
        width: 700px;
        margin-bottom: 120px;
        padding-top: 150px
    }

    .trigger-block__icon {
        position: absolute;
        top: 27px;
        left: 0;
        bottom: 38px;
        height: 100px
    }

    .trigger-block__description {
        padding-left: 40px;
        margin-bottom: 30px
    }

    .trigger-block .button {
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        margin: 0 0 0 40px
    }
}

@media screen and (max-width: 760px) {
    .trigger-block {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        width: auto;
        padding: 150px 0 32px;
        margin: 0 20px 92px
    }

    .trigger-block__icon {
        position: absolute;
        top: 27px;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 104px;
        padding: 0
    }

    .trigger-block_found .trigger-block__icon {
        width: 100%;
        padding: 0
    }

    .trigger-block__description {
        padding: 0 18px;
        margin: 0 0 24px;
        text-align: center
    }

    .trigger-block__description .caption {
        margin-bottom: 16px
    }

    .trigger-block .button {
        width: calc(100% - 48px);
        margin: 0
    }
}

.accordions-block {
    position: relative;
    margin: 200px 0
}

.accordions-block-pricing-anchor {
    position: absolute;
    top: -170px;
    height: 1px
}

.accordions-block.-full-size {
    margin: 170px 0
}

.accordions-block .container {
    width: 720px;
    margin: auto
}

.accordions-block.-full-size .container {
    width: 1200px
}

.accordions-block .caption {
    margin-bottom: 50px;
    text-align: center
}

.accordions-block__list .accordion:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1250px) {
    .accordions-block.-full-size {
        margin: 120px 0
    }

    .accordions-block.-full-size .container {
        width: 700px
    }
}

@media screen and (max-width: 760px) {
    .accordions-block {
        margin: 120px 0 80px;
        padding: 0
    }

    .accordions-block.-full-size {
        margin: 92px 0
    }

    .accordions-block-pricing-anchor {
        top: -165px
    }

    .accordions-block.-full-size .container, .accordions-block .container {
        width: auto
    }

    .accordions-block .caption {
        margin-bottom: 40px
    }
}

.accordion {
    position: relative;
    border: 2px solid #f0f0f0;
    border-radius: 6px;
    margin-bottom: 8px;
    transition: .4s
}

.accordion.active {
    border-color: #040505 !important
}

.accordion__title {
    position: relative;
    padding: 17px 78px 18px 30px;
    line-height: 20px;
    border-radius: 6px;
    border-bottom: none;
    font-family: Bold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.5px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    transition: .4s
}

.accordion.active .accordion__title {
    color: #040505;
    border-color: #040505 !important
}

.accordion__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 29px;
    width: 16px;
    height: 2px;
    background-color: #0006ff;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.accordion.active .accordion__title:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion__title:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 29px;
    width: 16px;
    height: 2px;
    background-color: #0006ff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s
}

.accordion.active .accordion__title:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.accordion__content {
    border-top: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.accordion__content-inner {
    padding: 0 30px;
    overflow: hidden;
    height: 0;
    -webkit-transition: .7s;
    transition: .7s
}

.accordion.active .accordion__content-inner {
    border-color: #040505
}

.accordion__content-text h2, .accordion__content-text h3 {
    margin-bottom: 24px;
    font-family: Bold;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.5px
}

.accordion__content-text p {
    color: #222;
    line-height: 24px;
    margin-bottom: 24px
}

.accordion__content-text p:first-child {
    margin-top: 3px
}

.accordion__content-text p:last-child {
    padding-bottom: 32px;
    margin-bottom: 0
}

.accordion__content-text strong {
    font-family: Bold
}

.accordion__content-text ol {
    counter-reset: ol
}

.accordion__content-text ol, .accordion__content-text ul {
    margin-bottom: 24px
}

.accordion__content-text ol:last-child, .accordion__content-text ul:last-child {
    margin-bottom: 0;
    padding-bottom: 32px
}

.accordion__content-text ol li, .accordion__content-text ul li {
    position: relative;
    padding-left: 16px
}

.accordion__content-text ol li + li, .accordion__content-text ul li + li {
    margin-top: 8px
}

.accordion__content-text ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background-color: #0006ff
}

.accordion__content-text ol li:before {
    counter-increment: ol;
    content: counter(ol) ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Bold;
    font-size: 14px
}

@media screen and (min-width: 1000px) {
    .accordion__title:hover {
        color: #888
    }
}

@media screen and (max-width: 760px) {
    .accordion__title {
        padding: 14px 54px 15px 16px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.2px
    }

    .accordion__title:after, .accordion__title:before {
        top: 24px;
        right: 18px
    }

    .accordion__content-inner {
        padding: 0 16px
    }

    .accordion__content-text h2, .accordion__content-text h3 {
        margin-bottom: 18px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -.2px
    }

    .accordion__content-inner p {
        margin: 0 0 18px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -.2px
    }

    .accordion__content-inner p:first-child {
        margin-top: 0
    }

    .accordion__content-inner p:last-child {
        margin-bottom: 0;
        padding-bottom: 22px
    }

    .accordion__content-inner ol, .accordion__content-inner ul {
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -.2px
    }

    .accordion__content-text ol li:before {
        top: 1px;
        font-size: 13px
    }
}

.routes {
    padding: 120px 0;
    background-color: #17181a;
    color: #fff
}

.routes .caption {
    margin-bottom: 40px
}

.routes__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.dark-bg .routes__item .arrow-link_blue, .routes__list .arrow-link_blue {
    color: #0006ff
}

.dark-bg .routes__item .arrow-link_blue:after, .routes__list .arrow-link_blue:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy41OTMgOGwtNC4wOTgtNC42ODMgMy4wMS0yLjYzNEwzNC42NTcgMTBsLTguMTUyIDkuMzE3LTMuMDEtMi42MzRMMjcuNTkzIDEySDBWOGgyNy41OTN6IiBmaWxsPSIjMDAwNkZGIi8+PC9zdmc+)
}

.routes__item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 48px;
    overflow: hidden
}

.routes__item a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 576px;
    height: 100%;
    border-radius: 8px;
    padding: 40px 40px 42px;
    background-color: #fff;
    color: #040505;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.routes__list.triple .routes__item a {
    width: 384px
}

.routes__item-content {
    position: relative;
    z-index: 1
}

.routes__item-content div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #1f1f1f;
    margin-bottom: 23px
}

.routes__item-content div img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.routes__item-text {
    width: 454px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.5px;
    margin-top: 13px
}

.routes__item .wave-block__bg {
    display: block;
    position: absolute;
    width: 1400px;
    height: 1400px;
    margin-top: -700px;
    margin-left: -700px;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: #e5e5e5;
    -webkit-transition: transform 1.2s;
    -o-transition: transform 1.2s;
    transition: transform 1.2s
}

.routes__list_slider {
    position: relative;
    margin: 0 -24px
}

.routes__list_slider .slick-slide {
    padding: 0 24px
}

.routes__list_slider .slick-prev {
    top: 50%;
    left: 0;
    margin: -54px 0 0 -2px
}

.routes__list_slider .slick-next {
    top: 50%;
    right: 0;
    margin: -54px -2px 0 0
}

@media screen and (min-width: 1000px) {
    .routes__item a:hover .arrow-link {
        color: #021b9b
    }

    .routes__item a:hover .arrow-link_blue:after {
        width: 35px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy41OTMgOGwtNC4wOTgtNC42ODMgMy4wMS0yLjYzNEwzNC42NTcgMTBsLTguMTUyIDkuMzE3LTMuMDEtMi42MzRMMjcuNTkzIDEySDBWOGgyNy41OTN6IiBmaWxsPSIjMDIxQjlCIi8+PC9zdmc+)
    }

    .routes__item:hover .wave-block__bg {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (max-width: 1250px) {
    .routes {
        padding-bottom: 130px
    }

    .routes__list {
        -webkit-transform: none;
        transform: none
    }

    .routes__item, .routes__list.triple .routes__item {
        width: 100%
    }

    .routes__item:last-child {
        margin-bottom: 0
    }

    .routes__item a, .routes__list.triple .routes__item a {
        width: 100%
    }

    .routes__item-text {
        width: auto;
        margin-right: 100px
    }
}

@media screen and (max-width: 760px) {
    .routes {
        padding: 80px 0 88px
    }

    .routes .caption {
        margin-bottom: 24px
    }

    .routes__item {
        margin-bottom: 16px
    }

    .routes__item a {
        padding: 20px 20px 24px
    }

    .routes__item-content div {
        margin-bottom: 16px
    }

    .routes__list .arrow-link_blue {
        display: inline-block;
        margin-right: 10px
    }

    .routes__item-text {
        font-size: 16px;
        line-height: 22px;
        margin: 16px 0 0
    }

    .routes__item-text br {
        display: none
    }
}