.payments-phone-ill {
    position: relative;
    /* width: 938px; */
    /* min-width: 938px; */
    height: 538px;
    background-position: top
}

.payments-phone-ill.not-on-viewport .arrow,.payments-phone-ill.not-on-viewport .dollar {
    animation-play-state: paused!important
}

.payments-phone-ill .line {
    position: absolute
}

.payments-phone-ill .line:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffd400
}

.payments-phone-ill .line .arrow,.payments-phone-ill .line .dollar {
    position: absolute;
    opacity: 0
}

.payments-phone-ill .line .dollar {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9IiNGRkQ0MDAiLz48cGF0aCBkPSJNMTcuMTM0IDkuNzA4Yy40ODIuMTE1LjkyNC4zMDMgMS4zMjYuNTY3LjQwMy4yNTcuNjgzLjQ4My44NC42NzhsLjI0My4zLTEuMzU1IDEuNjc0YTMuMjYzIDMuMjYzIDAgMDAtLjI1LS4yOTJjLS4xMDQtLjEyLS4zMjUtLjI3Ny0uNjY0LS40NzJhMi4wNzUgMi4wNzUgMCAwMC0xLjA0Ni0uMjkyYy0uNDMyIDAtLjc4LjEyOS0xLjA0Ni4zODYtLjI2LjI1OC0uMzkuNTctLjM5LjkzNiAwIC40MTIuMTc3Ljc0NC41My45OTYuMzU5LjI0Ni43OTEuNDU1IDEuMjk3LjYyNy41MS4xNzEgMS4wMjEuMzcxIDEuNTMyLjYuNTE2LjIzLjk1My42MDcgMS4zMTEgMS4xMzMuMzU5LjUyNy41MzggMS4xOTQuNTM4IDIgMCAuOTM5LS4yNTMgMS43NDYtLjc1OSAyLjQyMS0uNS42NzUtMS4yMDMgMS4xMTYtMi4xMDcgMS4zMjJWMjRoLTEuOTY2di0xLjY0OGE0Ljg4NyA0Ljg4NyAwIDAxLTEuMTM1LS4zNDMgNC45NTQgNC45NTQgMCAwMS0uODkxLS40OTggNy4zMjkgNy4zMjkgMCAwMS0uNjI2LS41MjQgMy43ODMgMy43ODMgMCAwMS0uMzktLjQxMmwtLjEyNi0uMTggMS4zNjMtMS41OGMuMDY5LjA5Mi4xNjQuMjEyLjI4Ny4zNjEuMTI4LjE0My40MDguMzM4Ljg0LjU4NC40MzIuMjQ2Ljg4NC4zNjkgMS4zNTUuMzY5LjU0NSAwIC45Ny0uMTQ5IDEuMjc1LS40NDcuMzEtLjI5Ny40NjQtLjY3NS40NjQtMS4xMzMgMC0uNDEyLS4xOC0uNzQ0LS41MzgtLjk5NWE0Ljc0NCA0Ljc0NCAwIDAwLTEuMzA0LS42MjcgMTYuOTM1IDE2LjkzNSAwIDAxLTEuNTMyLS42Yy0uNTA2LS4yMy0uOTM4LS42MDctMS4yOTctMS4xMzQtLjM1OC0uNTI2LS41MzctMS4xOTMtLjUzNy0yIDAtLjg0MS4yNS0xLjU5Ljc1MS0yLjI0OS41MDYtLjY1OCAxLjE4Ni0xLjA3NiAyLjA0LTEuMjUzVjhoMS45Njd2MS43MDh6IiBmaWxsPSIjMDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_1 {
    left: 279px;
    bottom: 68px;
    width: 87px;
    height: 145px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODciIGhlaWdodD0iMTQ1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDB2MTM4YTYgNiAwIDAwNiA2aDgwIiBzdHJva2U9IiNGRkQ0MDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==)
}

.payments-phone-ill .line_1:before {
    top: -4px;
    left: -3px
}

.payments-phone-ill .line_1 .arrow {
    top: -4px;
    left: -6px;
    width: 14px;
    height: 10px;
    animation: payments-phone-ill__line-arrow_1 4s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDE2IDExLjM3NkwxNS40ODIuNzc3QS41LjUgMCAwMDE1LjA2NiAwSC45MzRhLjUuNSAwIDAwLS40MTYuNzc3bDcuMDY2IDEwLjU5OWEuNS41IDAgMDAuODMyIDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_1 .dollar {
    top: -16px;
    left: -15px;
    animation: payments-phone-ill__line-dollar_1 4s linear infinite
}

.payments-phone-ill .line_1 div:nth-child(2) {
    animation-delay: -1s
}

.payments-phone-ill .line_1 div:nth-child(3) {
    animation-delay: -2s
}

.payments-phone-ill .line_1 div:nth-child(4) {
    animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(137px);
        transform: translateY(137px)
    }

    55% {
        -webkit-transform: translate(6px,143px) rotate(-90deg);
        transform: translate(6px,143px) rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(120px,143px) rotate(-90deg);
        transform: translate(120px,143px) rotate(-90deg)
    }
}

@keyframes payments-phone-ill__line-dollar_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(137px);
        transform: translateY(137px)
    }

    56% {
        -webkit-transform: translate(6px,143px);
        transform: translate(6px,143px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(120px,143px);
        transform: translate(120px,143px)
    }
}

.payments-phone-ill .line_2 {
    left: 151px;
    bottom: 290px;
    width: 215px;
    height: 109px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjE1IiBoZWlnaHQ9IjEwOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxaDEyM2E2IDYgMCAwMTYgNnY5NWE2IDYgMCAwMDYgNmg4MCIgc3Ryb2tlPSIjRkZENDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
}

.payments-phone-ill .line_2:before {
    top: -3px;
    left: -4px
}

.payments-phone-ill .line_2 .arrow {
    top: -6px;
    left: -4px;
    width: 10px;
    height: 14px;
    animation: payments-phone-ill__line-arrow_2 4s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjM3NiA3LjU4NEwuNzc3LjUxOEEuNS41IDAgMDAwIC45MzR2MTQuMTMyYS41LjUgMCAwMC43NzcuNDE2bDEwLjU5OS03LjA2NmEuNS41IDAgMDAwLS44MzJ6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_2 .dollar {
    top: -15px;
    left: -16px;
    animation: payments-phone-ill__line-dollar_2 4s linear infinite
}

.payments-phone-ill .line_2 .arrow:nth-child(2) {
    animation-delay: -1s
}

.payments-phone-ill .line_2 .dollar:nth-child(3) {
    animation-delay: -2s
}

.payments-phone-ill .line_2 .arrow:nth-child(4) {
    animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1
    }

    35% {
        -webkit-transform: translate(122px);
        transform: translate(122px)
    }

    40% {
        -webkit-transform: translate(128px,6px) rotate(90deg);
        transform: translate(128px,6px) rotate(90deg)
    }

    65% {
        -webkit-transform: translate(128px,101px) rotate(90deg);
        transform: translate(128px,101px) rotate(90deg)
    }

    70% {
        -webkit-transform: translate(134px,107px) rotate(0deg);
        transform: translate(134px,107px) rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(252px,107px) rotate(0deg);
        transform: translate(252px,107px) rotate(0deg)
    }
}

@keyframes payments-phone-ill__line-dollar_2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1
    }

    35% {
        -webkit-transform: translate(122px);
        transform: translate(122px)
    }

    40% {
        -webkit-transform: translate(128px,6px);
        transform: translate(128px,6px)
    }

    65% {
        -webkit-transform: translate(128px,101px);
        transform: translate(128px,101px)
    }

    70% {
        -webkit-transform: translate(134px,107px);
        transform: translate(134px,107px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(252px,107px);
        transform: translate(252px,107px)
    }
}

.payments-phone-ill .line_3 {
    top: 6px;
    left: 311px;
    width: 137px;
    height: 73px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM3IiBoZWlnaHQ9IjczIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xIDczVjM2YTYgNiAwIDAxNi02aDUzYTYgNiAwIDAwNi02VjdhNiA2IDAgMDE2LTZoNThhNiA2IDAgMDE2IDZ2MzIiIHN0cm9rZT0iI0ZGRDQwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
}

.payments-phone-ill .line_3:before {
    left: -3px;
    bottom: -4px
}

.payments-phone-ill .line_3 .arrow {
    left: -6px;
    bottom: -4px;
    width: 14px;
    height: 10px;
    animation: payments-phone-ill__line-arrow_3 4s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNTg0LjYyNEwuNTE4IDExLjIyM0EuNS41IDAgMDAuOTM0IDEyaDE0LjEzMmEuNS41IDAgMDAuNDE2LS43NzdMOC40MTYuNjI0YS41LjUgMCAwMC0uODMyIDB6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_3 .dollar {
    left: -15px;
    bottom: -16px;
    animation: payments-phone-ill__line-dollar_3 4s linear infinite
}

.payments-phone-ill .line_3 .dollar:nth-child(2) {
    animation-delay: -1s
}

.payments-phone-ill .line_3 .arrow:nth-child(3) {
    animation-delay: -2s
}

.payments-phone-ill .line_3 .dollar:nth-child(4) {
    animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-36px);
        transform: translateY(-36px)
    }

    15% {
        -webkit-transform: translate(6px,-42px) rotate(90deg);
        transform: translate(6px,-42px) rotate(90deg)
    }

    35% {
        -webkit-transform: translate(59px,-42px) rotate(90deg);
        transform: translate(59px,-42px) rotate(90deg)
    }

    40% {
        -webkit-transform: translate(65px,-48px) rotate(0deg);
        transform: translate(65px,-48px) rotate(0deg)
    }

    50% {
        -webkit-transform: translate(65px,-65px) rotate(0deg);
        transform: translate(65px,-65px) rotate(0deg)
    }

    55% {
        -webkit-transform: translate(71px,-71px) rotate(90deg);
        transform: translate(71px,-71px) rotate(90deg)
    }

    75% {
        -webkit-transform: translate(129px,-71px) rotate(90deg);
        transform: translate(129px,-71px) rotate(90deg)
    }

    80% {
        -webkit-transform: translate(135px,-65px) rotate(180deg);
        transform: translate(135px,-65px) rotate(180deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(135px) rotate(180deg);
        transform: translate(135px) rotate(180deg)
    }
}

@keyframes payments-phone-ill__line-dollar_3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-36px);
        transform: translateY(-36px)
    }

    15% {
        -webkit-transform: translate(6px,-42px);
        transform: translate(6px,-42px)
    }

    35% {
        -webkit-transform: translate(59px,-42px);
        transform: translate(59px,-42px)
    }

    40% {
        -webkit-transform: translate(65px,-48px);
        transform: translate(65px,-48px)
    }

    50% {
        -webkit-transform: translate(65px,-65px);
        transform: translate(65px,-65px)
    }

    55% {
        -webkit-transform: translate(71px,-71px);
        transform: translate(71px,-71px)
    }

    75% {
        -webkit-transform: translate(129px,-71px);
        transform: translate(129px,-71px)
    }

    80% {
        -webkit-transform: translate(135px,-65px);
        transform: translate(135px,-65px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(135px);
        transform: translate(135px)
    }
}

.payments-phone-ill .line_4 {
    top: 112px;
    right: 178px;
    width: 144px;
    height: 38px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0IiBoZWlnaHQ9IjM4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNDQgMzdIODdhNiA2IDAgMDEtNi02VjdhNiA2IDAgMDAtNi02SDAiIHN0cm9rZT0iI0ZGRDQwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
}

.payments-phone-ill .line_4:before {
    bottom: -3px;
    right: -4px
}

.payments-phone-ill .line_4 .arrow {
    bottom: -6px;
    right: -4px;
    width: 10px;
    height: 14px;
    animation: payments-phone-ill__line-arrow_4 4s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42MjQgNy41ODRMMTEuMjIzLjUxOEEuNS41IDAgMDExMiAuOTM0djE0LjEzMmEuNS41IDAgMDEtLjc3Ny40MTZMLjYyNCA4LjQxNmEuNS41IDAgMDEwLS44MzJ6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_4 .dollar {
    bottom: -15px;
    right: -16px;
    animation: payments-phone-ill__line-dollar_4 4s linear infinite
}

.payments-phone-ill .line_4 .arrow:nth-child(2) {
    animation-delay: -1s
}

.payments-phone-ill .line_4 .dollar:nth-child(3) {
    animation-delay: -2s
}

.payments-phone-ill .line_4 .arrow:nth-child(4) {
    animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    10% {
        opacity: 1
    }

    25% {
        -webkit-transform: translate(-56px) rotate(0deg);
        transform: translate(-56px) rotate(0deg)
    }

    30% {
        -webkit-transform: translate(-62px,-6px) rotate(90deg);
        transform: translate(-62px,-6px) rotate(90deg)
    }

    45% {
        -webkit-transform: translate(-62px,-31px) rotate(90deg);
        transform: translate(-62px,-31px) rotate(90deg)
    }

    50% {
        -webkit-transform: translate(-68px,-36px) rotate(0deg);
        transform: translate(-68px,-36px) rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-168px,-36px) rotate(0deg);
        transform: translate(-168px,-36px) rotate(0deg)
    }
}

@keyframes payments-phone-ill__line-dollar_4 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    10% {
        opacity: 1
    }

    25% {
        -webkit-transform: translate(-56px);
        transform: translate(-56px)
    }

    30% {
        -webkit-transform: translate(-62px,-6px);
        transform: translate(-62px,-6px)
    }

    45% {
        -webkit-transform: translate(-62px,-31px);
        transform: translate(-62px,-31px)
    }

    50% {
        -webkit-transform: translate(-68px,-36px);
        transform: translate(-68px,-36px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-168px,-36px);
        transform: translate(-168px,-36px)
    }
}

.payments-phone-ill .line_5 {
    top: 225px;
    right: 202px;
    width: 120px;
    height: 214px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjIxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIwIDFIODdhNiA2IDAgMDAtNiA2djIwMGE2IDYgMCAwMS02IDZIMCIgc3Ryb2tlPSIjRkZENDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
}

.payments-phone-ill .line_5:before {
    top: -3px;
    right: -4px
}

.payments-phone-ill .line_5 .arrow {
    top: -6px;
    right: -4px;
    width: 10px;
    height: 14px;
    animation: payments-phone-ill__line-arrow_5 4s linear infinite;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42MjQgNy41ODRMMTEuMjIzLjUxOEEuNS41IDAgMDExMiAuOTM0djE0LjEzMmEuNS41IDAgMDEtLjc3Ny40MTZMLjYyNCA4LjQxNmEuNS41IDAgMDEwLS44MzJ6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+)
}

.payments-phone-ill .line_5 .dollar {
    top: -15px;
    right: -16px;
    animation: payments-phone-ill__line-dollar_5 4s linear infinite
}

.payments-phone-ill .line_5 .dollar:nth-child(2) {
    animation-delay: -1s
}

.payments-phone-ill .line_5 .arrow:nth-child(3) {
    animation-delay: -2s
}

.payments-phone-ill .line_5 .dollar:nth-child(4) {
    animation-delay: -3s
}

@keyframes payments-phone-ill__line-arrow_5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0) rotate(0deg);
        transform: translate(0) rotate(0deg)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(-32px) rotate(0deg);
        transform: translate(-32px) rotate(0deg)
    }

    15% {
        -webkit-transform: translate(-38px,6px) rotate(-90deg);
        transform: translate(-38px,6px) rotate(-90deg)
    }

    65% {
        -webkit-transform: translate(-38px,206px) rotate(-90deg);
        transform: translate(-38px,206px) rotate(-90deg)
    }

    70% {
        -webkit-transform: translate(-44px,212px) rotate(0deg);
        transform: translate(-44px,212px) rotate(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-144px,212px) rotate(0deg);
        transform: translate(-144px,212px) rotate(0deg)
    }
}

@keyframes payments-phone-ill__line-dollar_5 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    10% {
        opacity: 1;
        -webkit-transform: translate(-32px);
        transform: translate(-32px)
    }

    15% {
        -webkit-transform: translate(-38px,6px);
        transform: translate(-38px,6px)
    }

    65% {
        -webkit-transform: translate(-38px,206px);
        transform: translate(-38px,206px)
    }

    70% {
        -webkit-transform: translate(-44px,212px);
        transform: translate(-44px,212px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-144px,212px);
        transform: translate(-144px,212px)
    }
}

.payments-phone-ill__phone {
    position: relative;
    top: 45px;
    left: 22px;
    width: 250px;
    height: 492px;
    margin: 0 auto 24px;
    padding: 37px 16px 0;
    border-radius: 30px;
    background-color: #fff;
    overflow: hidden
}

.payments-phone-ill__phone:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    border: 5px solid #000;
    border-radius: 33px;
    pointer-events: none
}

.payments-phone-ill__phone:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    width: 134px;
    height: 16px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM0IiBoZWlnaHQ9IjE2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNiAxNmgxMDJjNS41MjMgMCAxMC00LjQ3NyAxMC0xMFYwSDZ2NmMwIDUuNTIzIDQuNDc3IDEwIDEwIDEweiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0xMjggMHY2YzAtMyAzLTYgNi02aC02ek02IDB2NmMwLTMtMy02LTYtNmg2eiIgZmlsbD0iIzA0MDUwNSIvPjwvc3ZnPg==)
}

.payments-phone-ill__card {
    display: block;
    width: 100%;
    margin-bottom: 24px
}

.payments-phone-ill__list-title {
    margin: 10px 8px 0 !important;
    color: #9b9b9b;
    font-size: 12px !important;
    line-height: 10px;
    letter-spacing: .2px
}

.payments-phone-ill__list-container {
    position: relative;
    height: 269px;
    margin: 0 6px;
    border-radius: 0 0 8px 8px;
    overflow: hidden
}

.payments-phone-ill__list-container:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 78px;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.payments-phone-ill__list {
    -webkit-transition: transform .4s;
    transition: transform .4s
}

.payments-phone-ill__item {
    display: -webkit-flex;
    margin: 10px 0 !important;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    height: 40px;
    margin-bottom: 8px;
    padding: 0 16px !important;
    border-radius: 6px;
    background-color: #e3e3e3;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.payments-phone-ill__item.new {
    background-color: #ffd400
}

.payments-phone-ill__item-amount {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-family: Bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0
}

.payments-phone-ill__item-amount:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzA0MDUwNSIgZD0iTTAgNGgxMHYySDB6Ii8+PHBhdGggZmlsbD0iIzA0MDUwNSIgZD0iTTYgMHYxMEg0VjB6Ii8+PC9zdmc+)
}

.payments-phone-ill__item-title {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end;
    height: 20px;
    font-size: 12px;
    line-height: 10px
}

.payments-phone-ill__item-title span {
    position: absolute;
    display: block;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.payments-phone-ill__item-title span:first-child {
    opacity: 0
}

.payments-phone-ill__item.new .payments-phone-ill__item-title span:first-child {
    opacity: 1
}

.payments-phone-ill__item.new .payments-phone-ill__item-title span:nth-child(2) {
    opacity: 0
}

@media screen and (max-width: 760px) {
    .payments-phone-ill {
        /* width: 440px; */
        height: 368px;
        /* min-width: 664px; */
    }

    .payments-phone-ill,.payments-phone-ill__phone {
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }

    .payments-phone-ill__phone {
        top: 33px;
        left: 0;
        width: 170px;
        height: 335px;
        padding: 25px 11px 0 12px;
        border-radius: 20px
    }

    .payments-phone-ill__phone:before {
        border: 3px solid #000;
        border-radius: 23px
    }

    .payments-phone-ill__phone:after {
        top: 3px;
        width: 90px;
        height: 11px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjgxIDExaDY4LjM4QTYuODEgNi44MSAwIDAwODYgNC4xOVYwSDR2NC4xOUE2LjgxIDYuODEgMCAwMDEwLjgxIDExeiIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik04NiAwdjRjMC0yLjA0MyAxLjk2LTQgNC00aC00ek00IDB2NGMwLTIuMDQzLTEuOTYtNC00LTRoNHoiIGZpbGw9IiMwNDA1MDUiLz48L3N2Zz4=)
    }

    .payments-phone-ill__card {
        margin-bottom: 16px
    }

    .payments-phone-ill__list-title {
        margin: 0 0 6px;
        font-size: 8px;
        line-height: 7px;
        letter-spacing: .5px
    }

    .payments-phone-ill__list-container {
        height: 186px;
        margin: 0;
        border-radius: 0 0 0 0
    }

    .payments-phone-ill__list-container:after {
        display: none
    }

    .payments-phone-ill__item {
        height: 26px;
        margin-bottom: 7px;
        padding: 0 12px;
        border-radius: 4px
    }

    .payments-phone-ill__item-amount {
        font-size: 10px;
        line-height: 10px;
        letter-spacing: 0
    }

    .payments-phone-ill__item-amount:before {
        width: 7px;
        height: 7px;
        margin-right: 5px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMwNDA1MDUiIGQ9Ik0wIDNoN3YxSDB6Ii8+PHBhdGggZmlsbD0iIzA0MDUwNSIgZD0iTTQgMHY3SDNWMHoiLz48L3N2Zz4=)
    }

    .payments-phone-ill__item-title {
        font-size: 8px;
        line-height: 6px
    }

    .payments-phone-ill .line .dollar {
        width: 18px;
        height: 18px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjkiIGZpbGw9IiNGRkQ0MDAiLz48cGF0aCBkPSJNOS42MzggNS40NmMuMjcuMDY1LjUyLjE3MS43NDYuMzIuMjI2LjE0NC4zODQuMjcxLjQ3Mi4zOGwuMTM3LjE3LS43NjIuOTQxYTEuODQgMS44NCAwIDAwLS4xNDEtLjE2NGMtLjA1OC0uMDY3LS4xODMtLjE1Ni0uMzczLS4yNjVhMS4xNjcgMS4xNjcgMCAwMC0uNTg5LS4xNjRjLS4yNDMgMC0uNDM5LjA3Mi0uNTg4LjIxN2EuNzEzLjcxMyAwIDAwLS4yMi41MjZjMCAuMjMyLjEuNDE5LjI5OS41Ni4yMDEuMTM5LjQ0NS4yNTYuNzMuMzUzLjI4Ni4wOTYuNTc0LjIwOS44Ni4zMzguMjkxLjEyOC41MzcuMzQuNzM5LjYzNy4yMDEuMjk2LjMwMi42NzEuMzAyIDEuMTI1IDAgLjUyOC0uMTQyLjk4Mi0uNDI3IDEuMzYyLS4yODIuMzgtLjY3Ny42MjctMS4xODUuNzQzdi45NjFIOC41MzJ2LS45MjdhMi43NSAyLjc1IDAgMDEtLjYzOC0uMTkzIDIuNzg1IDIuNzg1IDAgMDEtLjUwMi0uMjhjLS4xMzItLjEtLjI1LS4xOTgtLjM1Mi0uMjk1YTIuMTQgMi4xNCAwIDAxLS4yMi0uMjMybC0uMDctLjEuNzY3LS44OWMuMDM4LjA1Mi4wOTIuMTIuMTYxLjIwNC4wNzIuMDguMjMuMTkuNDczLjMyOC4yNDMuMTM4LjQ5Ny4yMDcuNzYyLjIwNy4zMDcgMCAuNTQ2LS4wODMuNzE3LS4yNWEuODQ2Ljg0NiAwIDAwLjI2LS42MzhjMC0uMjMyLS4xLS40MTgtLjMwMi0uNTZhMi42NjYgMi42NjYgMCAwMC0uNzMzLS4zNTMgOS41NDIgOS41NDIgMCAwMS0uODYyLS4zMzggMS43NjMgMS43NjMgMCAwMS0uNzMtLjYzN2MtLjItLjI5Ni0uMzAyLS42NzEtLjMwMi0xLjEyNSAwLS40NzMuMTQxLS44OTUuNDIzLTEuMjY1LjI4NS0uMzcuNjY3LS42MDUgMS4xNDgtLjcwNVY0LjVoMS4xMDZ2Ljk2eiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==)
    }

    .payments-phone-ill .line_1 {
        left: 213px;
        bottom: 48px;
        width: 36px;
        height: 80px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMHY3NS43NDJDMSA3Ny41NDIgMi40NTggNzkgNC4yNTcgNzlIMzYiIHN0cm9rZT0iI0ZGRDQwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
    }

    .payments-phone-ill .line_1 .dollar {
        top: -9px;
        left: -8px
    }

    @keyframes payments-phone-ill__line-arrow_1 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1
        }

        50% {
            -webkit-transform: translateY(72px);
            transform: translateY(72px)
        }

        55% {
            -webkit-transform: translate(6px,78px) rotate(-90deg);
            transform: translate(6px,78px) rotate(-90deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(80px,78px) rotate(-90deg);
            transform: translate(80px,78px) rotate(-90deg)
        }
    }

    @keyframes payments-phone-ill__line-dollar_1 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1
        }

        50% {
            -webkit-transform: translateY(72px);
            transform: translateY(72px)
        }

        55% {
            -webkit-transform: translate(6px,78px);
            transform: translate(6px,78px)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(80px,78px);
            transform: translate(80px,78px)
        }
    }

    .payments-phone-ill .line_2 {
        left: 167px;
        bottom: 198px;
        width: 81px;
        height: 61px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODEiIGhlaWdodD0iNjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMWg0Mi43NDJDNDQuNTQyIDEgNDYgMi40NTkgNDYgNC4yNTh2NTIuNDg0YzAgMS44IDEuNDU5IDMuMjU4IDMuMjU4IDMuMjU4SDgxIiBzdHJva2U9IiNGRkQ0MDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==)
    }

    .payments-phone-ill .line_2 .dollar {
        top: -8px;
        left: -9px
    }

    @keyframes payments-phone-ill__line-arrow_2 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1
        }

        30% {
            -webkit-transform: translate(39px);
            transform: translate(39px)
        }

        35% {
            -webkit-transform: translate(45px,6px) rotate(90deg);
            transform: translate(45px,6px) rotate(90deg)
        }

        65% {
            -webkit-transform: translate(45px,53px) rotate(90deg);
            transform: translate(45px,53px) rotate(90deg)
        }

        70% {
            -webkit-transform: translate(51px,59px) rotate(0deg);
            transform: translate(51px,59px) rotate(0deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(100px,59px) rotate(0deg);
            transform: translate(100px,59px) rotate(0deg)
        }
    }

    @keyframes payments-phone-ill__line-dollar_2 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1
        }

        30% {
            -webkit-transform: translate(39px);
            transform: translate(39px)
        }

        35% {
            -webkit-transform: translate(45px,6px);
            transform: translate(45px,6px)
        }

        65% {
            -webkit-transform: translate(45px,53px);
            transform: translate(45px,53px)
        }

        70% {
            -webkit-transform: translate(51px,59px);
            transform: translate(51px,59px)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(100px,59px);
            transform: translate(100px,59px)
        }
    }

    .payments-phone-ill .line_3 {
        top: 11px;
        left: 225px;
        width: 83px;
        height: 40px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMiIGhlaWdodD0iNDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNDBWMjAuMjU4QzEgMTguNDU4IDIuNDU5IDE3IDQuMjU4IDE3aDM2LjQ4NUM0Mi41NDIgMTcgNDQgMTUuNTQyIDQ0IDEzLjc0MlY0LjI1OEM0NCAyLjQ1OCA0NS40NiAxIDQ3LjI1OCAxaDMxLjQ4NUM4MC41NDIgMSA4MiAyLjQ1OSA4MiA0LjI1OHYxOC42ODYiIHN0cm9rZT0iI0ZGRDQwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
    }

    .payments-phone-ill .line_3 .dollar {
        left: -8px;
        bottom: -9px
    }

    @keyframes payments-phone-ill__line-arrow_3 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1;
            -webkit-transform: translateY(-16px);
            transform: translateY(-16px)
        }

        15% {
            -webkit-transform: translate(6px,-22px) rotate(90deg);
            transform: translate(6px,-22px) rotate(90deg)
        }

        35% {
            -webkit-transform: translate(37px,-22px) rotate(90deg);
            transform: translate(37px,-22px) rotate(90deg)
        }

        40% {
            -webkit-transform: translate(43px,-28px) rotate(0deg);
            transform: translate(43px,-28px) rotate(0deg)
        }

        45% {
            -webkit-transform: translate(43px,-32px) rotate(0deg);
            transform: translate(43px,-32px) rotate(0deg)
        }

        50% {
            -webkit-transform: translate(49px,-38px) rotate(90deg);
            transform: translate(49px,-38px) rotate(90deg)
        }

        75% {
            -webkit-transform: translate(75px,-38px) rotate(90deg);
            transform: translate(75px,-38px) rotate(90deg)
        }

        80% {
            -webkit-transform: translate(81px,-32px) rotate(180deg);
            transform: translate(81px,-32px) rotate(180deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(81px) rotate(180deg);
            transform: translate(81px) rotate(180deg)
        }
    }

    @keyframes payments-phone-ill__line-dollar_3 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1;
            -webkit-transform: translateY(-16px);
            transform: translateY(-16px)
        }

        15% {
            -webkit-transform: translate(6px,-22px);
            transform: translate(6px,-22px)
        }

        35% {
            -webkit-transform: translate(37px,-22px);
            transform: translate(37px,-22px)
        }

        40% {
            -webkit-transform: translate(43px,-28px);
            transform: translate(43px,-28px)
        }

        45% {
            -webkit-transform: translate(43px,-32px);
            transform: translate(43px,-32px)
        }

        50% {
            -webkit-transform: translate(49px,-38px);
            transform: translate(49px,-38px)
        }

        75% {
            -webkit-transform: translate(75px,-38px);
            transform: translate(75px,-38px)
        }

        80% {
            -webkit-transform: translate(81px,-32px);
            transform: translate(81px,-32px)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(81px);
            transform: translate(81px)
        }
    }

    .payments-phone-ill .line_4 {
        top: 77px;
        right: 168px;
        width: 79px;
        height: 22px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzkiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc5IDIwLjk4NUg0OS4yNThBMy4yNTggMy4yNTggMCAwMTQ2IDE3LjcyOFY0LjI1OEM0NiAyLjQ1OCA0NC41NDIgMSA0Mi43NDMgMUgwIiBzdHJva2U9IiNGRkQ0MDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==)
    }

    .payments-phone-ill .line_4 .dollar {
        right: -9px;
        bottom: -8px
    }

    @keyframes payments-phone-ill__line-arrow_4 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }

        10% {
            opacity: 1
        }

        20% {
            -webkit-transform: translate(-26px) rotate(0deg);
            transform: translate(-26px) rotate(0deg)
        }

        25% {
            -webkit-transform: translate(-32px,-6px) rotate(90deg);
            transform: translate(-32px,-6px) rotate(90deg)
        }

        32% {
            -webkit-transform: translate(-32px,-15px) rotate(90deg);
            transform: translate(-32px,-15px) rotate(90deg)
        }

        37% {
            -webkit-transform: translate(-38px,-20px) rotate(0deg);
            transform: translate(-38px,-20px) rotate(0deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(-138px,-20px) rotate(0deg);
            transform: translate(-138px,-20px) rotate(0deg)
        }
    }

    @keyframes payments-phone-ill__line-dollar_4 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1
        }

        20% {
            -webkit-transform: translate(-26px);
            transform: translate(-26px)
        }

        25% {
            -webkit-transform: translate(-32px,-6px);
            transform: translate(-32px,-6px)
        }

        32% {
            -webkit-transform: translate(-32px,-15px);
            transform: translate(-32px,-15px)
        }

        37% {
            -webkit-transform: translate(-38px,-20px);
            transform: translate(-38px,-20px)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(-138px,-20px);
            transform: translate(-138px,-20px)
        }
    }

    .payments-phone-ill .line_5 {
        top: 190px;
        right: 180px;
        width: 67px;
        height: 117px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iMTE3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02NyAxSDQ5LjI1OEEzLjI1OCAzLjI1OCAwIDAwNDYgNC4yNTh2MTA4LjQ4NEEzLjI1OCAzLjI1OCAwIDAxNDIuNzQzIDExNkgwIiBzdHJva2U9IiNGRkQ0MDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==)
    }

    .payments-phone-ill .line_5 .dollar {
        top: -8px;
        right: -9px
    }

    @keyframes payments-phone-ill__line-arrow_5 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0) rotate(0deg);
            transform: translate(0) rotate(0deg)
        }

        10% {
            opacity: 1;
            -webkit-transform: translate(-14px) rotate(0deg);
            transform: translate(-14px) rotate(0deg)
        }

        15% {
            -webkit-transform: translate(-20px,6px) rotate(-90deg);
            transform: translate(-20px,6px) rotate(-90deg)
        }

        65% {
            -webkit-transform: translate(-20px,109px) rotate(-90deg);
            transform: translate(-20px,109px) rotate(-90deg)
        }

        70% {
            -webkit-transform: translate(-26px,115px) rotate(0deg);
            transform: translate(-26px,115px) rotate(0deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(-126px,115px) rotate(0deg);
            transform: translate(-126px,115px) rotate(0deg)
        }
    }

    @keyframes payments-phone-ill__line-dollar_5 {
        0% {
            opacity: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        10% {
            opacity: 1;
            -webkit-transform: translate(-14px);
            transform: translate(-14px)
        }

        15% {
            -webkit-transform: translate(-20px,6px);
            transform: translate(-20px,6px)
        }

        65% {
            -webkit-transform: translate(-20px,109px);
            transform: translate(-20px,109px)
        }

        70% {
            -webkit-transform: translate(-26px,115px);
            transform: translate(-26px,115px)
        }

        to {
            opacity: 1;
            -webkit-transform: translate(-126px,115px);
            transform: translate(-126px,115px)
        }
    }
}

.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
    }
}