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

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

.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 .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_commerce.animate-block .main-block__image {
    -webkit-transform: translate(100px);
    transform: translate(100px)
}

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

.main-block_commerce {
    padding-top: 56px;
    margin-bottom: 72px
}

.main-block_commerce .container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    min-height: 529px;
    padding: 16px 0 0
}

.main-block_commerce .main-block__content {
    width: 540px;
    padding: 0
}

.main-block_commerce .main-block__image {
    top: 109px;
    right: 15px;
    max-width: 518px
}

.commerce-scheme-svg .hidden {
    display: none
}

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

@media screen and (max-width: 1250px) {
    .main-block_commerce.animate-block .main-block__image {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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

    .main-block_commerce {
        min-height: auto;
        margin-bottom: 70px
    }

    .main-block_commerce .container {
        display: block
    }

    .main-block_commerce .main-block__content {
        margin-bottom: 70px
    }

    .main-block_commerce .main-block__image {
        width: 560px;
        max-width: 560px
    }
}

@media screen and (max-width: 760px) {
    .main-block_commerce {
        padding-top: 40px;
        margin-bottom: 48px
    }

    .main-block_commerce .container {
        margin: 0 20px
    }

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

    .main-block_commerce .main-block__description {
        margin-bottom: 32px
    }

    .main-block_commerce .main-block__buttons .button {
        margin-bottom: 0
    }

    .main-block_commerce .main-block__image {
        width: calc(100% - 40px);
        height: 570px !important;
        margin: auto
    }

    .main-block_commerce .main-block__image svg {
        width: 100%;
        height: auto
    }
}

.block-three-items {
    margin-bottom: 217px
}

.block-three-items__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block-three-items__list li {
    width: 240px;
    margin: 0 80px 50px 0
}

.block-three-items__list li:nth-child(4n+4) {
    margin-right: 0
}

.block-three-items__list li:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgNmw0IDQgOC05IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==")
}
.block-three-items__list li.fire:before {
    background-color: transparent;
        border-radius: 0;
    background-image: url("/static/landing/icons/fire.svg");
    background-size: 25px;
}

.block-three-items__list li .caption {
    margin: 24px 0 16px
}

@media screen and (max-width: 1250px) {
    .block-three-items {
        margin-bottom: 135px
    }

    .block-three-items__list {
        justify-content: space-between
    }

    .block-three-items__list li, .block-three-items__list li:nth-child(3n+3) {
        width: calc(50% - 25px);
        margin: 0 0 50px
    }
}

@media screen and (max-width: 760px) {
    .block-three-items {
        margin-bottom: 120px
    }

    .block-three-items__list {
        display: block
    }

    .block-three-items__list li, .block-three-items__list li:nth-child(3n+3) {
        width: auto;
        margin: 0 0 40px
    }

    .block-three-items__list li:last-child {
        margin-bottom: 0
    }

    .block-three-items__list li .caption {
        margin: 16px 0
    }
}

.block-three-items.animate-block {
    opacity: 0;
    -webkit-transform: translateY(70px);
    transform: translateY(70px)
}

.block-three-items.animate-block.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .7s, opacity .7s;
    transition: transform .7s, opacity .7s;
    transition-delay: .6s
}

.divide-et-impera {
    margin-bottom: 260px
}

.divide-et-impera .caption {
    text-align: center;
    margin-bottom: 24px
}

.divide-et-impera__caption-description {
    max-width: 600px;
    margin: auto;
    text-align: center
}

.divide-et-impera, .divide-et-impera__content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}

.divide-et-impera__content {
    margin-top: 63px
}

.divide-et-impera__list-block {
    width: 542px
}

.divide-et-impera__list-block-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    left: -12px;
    width: 112px;
    height: 112px;
    margin: 0 0 25px
}

.divide-et-impera__list-block-icon img {
    display: block;
    margin: auto
}

.divide-et-impera__list-block-icon .angle {
    position: absolute;
    -webkit-transition: .8s;
    transition: .8s
}

.divide-et-impera__list-block-icon .angle.top-left {
    top: 0;
    left: 0;
    width: 34px;
    height: 50px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDQwNTA1IiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xNyAzM3YxNkgxVjMzek0xNyAxN3YxNkgxVjE3ek0xNyAxdjE2SDFWMXpNMzMgMXYxNkgxN1YxeiIvPjwvc3ZnPg==")
}

.divide-et-impera__list-block-icon.collected .angle.top-left {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px)
}

.divide-et-impera__list-block-icon .angle.top-right {
    top: 0;
    right: 0;
    width: 50px;
    height: 34px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDQwNTA1IiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xNyAxN0gxVjFoMTZ6TTMzIDE3SDE3VjFoMTZ6TTQ5IDE3SDMzVjFoMTZ6TTQ5IDMzSDMzVjE3aDE2eiIvPjwvc3ZnPg==")
}

.divide-et-impera__list-block-icon.collected .angle.top-right {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px)
}

.divide-et-impera__list-block-icon .angle.bottom-left {
    left: 0;
    bottom: 0;
    width: 50px;
    height: 34px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDQwNTA1IiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0zMyAxN2gxNnYxNkgzM3pNMTcgMTdoMTZ2MTZIMTd6TTEgMTdoMTZ2MTZIMXpNMSAxaDE2djE2SDF6Ii8+PC9zdmc+")
}

.divide-et-impera__list-block-icon.collected .angle.bottom-left {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px)
}

.divide-et-impera__list-block-icon .angle.bottom-right {
    right: 0;
    bottom: 0;
    width: 34px;
    height: 50px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iNTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGRDQwMCIgc3Ryb2tlPSIjMDQwNTA1IiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xNyAxN1YxaDE2djE2ek0xNyAzM1YxN2gxNnYxNnpNMTcgNDlWMzNoMTZ2MTZ6TTEgNDlWMzNoMTZ2MTZ6Ii8+PC9zdmc+")
}

.divide-et-impera__list-block-icon.collected .angle.bottom-right {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

.divide-et-impera__list-block .caption {
    text-align: left;
    margin-bottom: 38px
}

@media screen and (max-width: 1250px) {
    .divide-et-impera {
        margin-bottom: 135px
    }

    .divide-et-impera__content {
        display: block
    }

    .divide-et-impera__list-block {
        width: auto;
        margin-bottom: 65px
    }

    .divide-et-impera__list-block:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 760px) {
    .divide-et-impera {
        margin-bottom: 120px
    }

    .divide-et-impera__content {
        margin-top: 35px
    }

    .divide-et-impera__list-block-icon {
        left: 0;
        margin: 0 auto 25px
    }

    .divide-et-impera__list-block .caption {
        text-align: center;
        margin-bottom: 30px
    }

    .divide-et-impera__list-block {
        margin-bottom: 72px
    }
}

.how-it-work-block {
    margin-bottom: 265px
}

.how-it-work-block .caption {
    margin-bottom: 41px
}

.how-it-work-block__caption-description {
    margin: 0 0 46px 2px
}

.how-it-work-block__content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.how-it-work-block__left {
    max-width: 536px
}

.how-it-work-block__link {
    margin-top: 40px;
    padding-top: 38px;
    border-top: 1px solid #ebebeb;
    font-size: 18px;
    letter-spacing: -.5px
}

@media screen and (max-width: 1250px) {
    .how-it-work-block {
        margin-bottom: 120px
    }

    .how-it-work-block__content {
        display: block
    }

    .how-it-work-block__left {
        max-width: none;
        margin-bottom: 90px
    }
}

@media screen and (max-width: 760px) {
    .how-it-work-block .container {
        position: relative;
        padding-top: 615px
    }

    .how-it-work-block__content {
        display: block
    }

    .how-it-work-block .caption {
        margin-bottom: 24px
    }

    .how-it-work-block__caption-description {
        margin-bottom: 32px
    }

    .how-it-work-block__link {
        margin-top: 24px;
        padding: 22px 30px 0 0
    }
}

.text-with-checkmarks p + p {
    margin-top: 40px
}

.text-with-checkmarks p strong {
    font-family: ExtraBold
}

.text-with-checkmarks p + ul {
    margin-top: 40px
}

.dark-bg .checkmarks-list li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDcgMS42NjRsLTguNzA0IDkuNzkzLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUzLjMzNWwxLjQ5NCAxLjMzeiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==")
}

.checkmarks-list li, .text-with-checkmarks ul li {
    position: relative;
    padding-left: 44px;
    min-height: 32px
}

.text-with-checkmarks ul li {
    padding-top: 4px
}

.checkmarks-list li + li, .text-with-checkmarks ul li + li {
    margin-top: 16px
}

.checkmarks-list li:before, .text-with-checkmarks ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDcgMS42NjRsLTguNzA0IDkuNzkzLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUyLjMzNmwxLjQ5NSAxLjMyOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.dark-bg .checkmarks-list li:before, .dark-bg .text-with-checkmarks ul li:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NDggMS42NjRsLTguNzA1IDkuNzkzLTQuNzUtNC43NSAxLjQxNC0xLjQxNCAzLjI1IDMuMjVMMTIuMjUzLjMzNWwxLjQ5NSAxLjMzeiIgZmlsbD0iI0ZGRDQwMCIvPjwvc3ZnPg==")
}

.checkmarks-list li p, .text-with-checkmarks ul li {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.5px;
    padding-top: 4px
}

.checkmarks-list li p strong {
    font-family: ExtraBold
}

.checkmarks-list li .more-info, .text-with-checkmarks ul li .more-info {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 0 0 4px
}

@media screen and (max-width: 1250px) {
    .text-with-checkmarks_list-double-adaptive ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 544px;
        margin-bottom: -16px
    }

    .text-with-checkmarks_list-double-adaptive ul li {
        max-width: 50%;
        min-width: 272px;
        padding-right: 30px;
        margin: 0 0 16px !important
    }
}

@media screen and (max-width: 760px) {
    .text-with-checkmarks p + ul {
        margin-top: 32px
    }

    .text-with-checkmarks_list-double-adaptive ul {
        display: block
    }
}

.financial-accounting {
    margin-bottom: 268px
}

.financial-accounting .container {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.financial-accounting__content {
    width: 543px;
    padding-top: 42px
}

.financial-accounting__content .caption {
    margin-bottom: 40px
}

@media screen and (max-width: 1250px) {
    .financial-accounting {
        margin-bottom: 135px
    }

    .financial-accounting .container {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .financial-accounting__content {
        width: 100%;
        margin-bottom: 50px
    }

    .financial-accounting__illustration {
        width: 100%
    }
}

@media screen and (max-width: 760px) {
    .financial-accounting {
        position: relative;
        padding-top: 628px;
        margin-bottom: 120px
    }

    .financial-accounting__content {
        margin: 0;
        padding: 0
    }

    .financial-accounting__content .caption {
        margin-bottom: 24px
    }
}

.accounting-ill {
    width: 486px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.accounting-ill.not-on-viewport .arrow {
    animation-play-state: paused !important
}

.accounting-ill__left {
    position: relative
}

.accounting-ill__shop-icon {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #f0f0f0
}

.accounting-ill__shop-icon img {
    display: block;
    width: 59px
}

.accounting-ill__lines {
    position: absolute;
    top: 0;
    left: 100%
}

.accounting-ill__lines .line {
    position: absolute;
    z-index: -1
}

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

.accounting-ill__lines .line .arrow.hidden {
    display: none
}

.accounting-ill__lines .line.top {
    top: -132px;
    left: -8px;
    width: 170px;
    height: 166px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjE2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcwIDFIOTVhNiA2IDAgMDAtNiA2djE1MmE2IDYgMCAwMS02IDZIMCIgc3Ryb2tlPSIjRkZENDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
}

.accounting-ill__lines .line.top .arrow {
    bottom: -6px;
    animation: accounting-ill__arrows-top 5s linear infinite
}

.accounting-ill__lines .line.top .arrow:nth-child(2) {
    animation-delay: -1.25s
}

.accounting-ill__lines .line.top .arrow:nth-child(3) {
    animation-delay: -2.5s
}

.accounting-ill__lines .line.top .arrow:nth-child(4) {
    animation-delay: -3.75s
}

@keyframes accounting-ill__arrows-top {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translate(88px) rotate(0deg);
        transform: translate(88px) rotate(0deg)
    }
    30% {
        -webkit-transform: translate(94px, -5px) rotate(-90deg);
        transform: translate(94px, -5px) rotate(-90deg)
    }
    70% {
        -webkit-transform: translate(94px, -164px) rotate(-90deg);
        transform: translate(94px, -164px) rotate(-90deg)
    }
    75% {
        -webkit-transform: translate(100px, -164px) rotate(0deg);
        transform: translate(100px, -164px) rotate(0deg)
    }
    to {
        -webkit-transform: translate(180px, -164px) rotate(0deg);
        transform: translate(180px, -164px) rotate(0deg)
    }
}

.accounting-ill__lines .line.center {
    position: absolute;
    top: 49px;
    left: 0;
    width: 162px;
    height: 2px;
    background-color: #ffd400
}

.accounting-ill__lines .line.center .arrow {
    top: -6px;
    animation: accounting-ill__arrows-center 2.4s linear infinite
}

.accounting-ill__lines .line.center .arrow:nth-child(2) {
    animation-delay: -1.2s
}

@keyframes accounting-ill__arrows-center {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(172px);
        transform: translateX(172px)
    }
}

.accounting-ill__lines .line.bottom {
    left: -8px;
    bottom: -232px;
    width: 170px;
    height: 166px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwIiBoZWlnaHQ9IjE2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcwIDE2NUg5NWE2IDYgMCAwMS02LTZWN2E2IDYgMCAwMC02LTZIMCIgc3Ryb2tlPSIjRkZENDAwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=")
}

.accounting-ill__lines .line.bottom .arrow {
    top: -6px;
    animation: accounting-ill__arrows-bottom 5s linear infinite
}

.accounting-ill__lines .line.bottom .arrow:nth-child(2) {
    animation-delay: -1.25s
}

.accounting-ill__lines .line.bottom .arrow:nth-child(3) {
    animation-delay: -2.5s
}

.accounting-ill__lines .line.bottom .arrow:nth-child(4) {
    animation-delay: -3.75s
}

@keyframes accounting-ill__arrows-bottom {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    25% {
        -webkit-transform: translate(88px) rotate(0deg);
        transform: translate(88px) rotate(0deg)
    }
    30% {
        -webkit-transform: translate(94px, 5px) rotate(90deg);
        transform: translate(94px, 5px) rotate(90deg)
    }
    70% {
        -webkit-transform: translate(94px, 164px) rotate(90deg);
        transform: translate(94px, 164px) rotate(90deg)
    }
    75% {
        -webkit-transform: translate(100px, 164px) rotate(0deg);
        transform: translate(100px, 164px) rotate(0deg)
    }
    to {
        -webkit-transform: translate(180px, 164px) rotate(0deg);
        transform: translate(180px, 164px) rotate(0deg)
    }
}

.accounting-ill__list {
    width: 224px
}

.accounting-ill__item {
    padding: 13px 22px 2px;
    border-radius: 6px;
    background-color: #040505;
    margin-bottom: 45px
}

.accounting-ill__item:last-child {
    margin-bottom: 0
}

.accounting-ill__item .line {
    display: none
}

.accounting-ill__item-title {
    font-family: Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -.2px;
    color: #666;
    margin-bottom: 8px
}

.accounting-ill__item-amount {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 50px;
    padding: 0 10px 0 12px;
    font-family: Bold;
    letter-spacing: -.5px;
    border-radius: 4px;
    background-color: #fff
}

.accounting-ill__item-amount-val {
    font-family: Bold;
    font-size: 16px;
    line-height: 18px
}

.accounting-ill__item-amount-currency {
    font-size: 14px;
    line-height: 16px;
    color: #b2b2b2
}

.accounting-ill__transactions {
    position: relative;
    height: 51px;
    padding-top: 3px;
    overflow: hidden
}

.accounting-ill__transactions:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: linear-gradient(180deg, rgba(4, 5, 5, 0), #040505)
}

.accounting-ill__transactions__list {
    position: relative;
    -webkit-transition: transform .4s;
    transition: transform .4s
}

.accounting-ill__transactions__list div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center;
    height: 28px;
    padding-right: 10px;
    margin-top: 1px;
    border-radius: 4px;
    font-family: Bold;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    background-color: #171717
}

.accounting-ill__transactions__list div.plus {
    background-position: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUgMHYxME0wIDVoMTAiIHN0cm9rZT0iIzE1QUM1MiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+")
}

.accounting-ill__transactions__list div.minus {
    background-position: 14px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDJIMFYwaDEwdjJ6IiBmaWxsPSIjRkYyRTJFIi8+PC9zdmc+")
}

@media screen and (max-width: 1250px) {
    .accounting-ill {
        display: block;
        width: 100%
    }

    .accounting-ill__shop-icon {
        position: relative;
        z-index: 2;
        margin: 0 auto 160px
    }

    .accounting-ill__lines {
        z-index: 1;
        top: 100px;
        left: 50%;
        margin-left: 50px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .accounting-ill__list {
        position: relative;
        z-index: 20;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .accounting-ill__item {
        width: 224px;
        margin: 0
    }
}

@media screen and (max-width: 760px) {
    .accounting-ill {
        position: absolute;
        top: 0;
        left: 20px;
        right: 20px;
        width: auto
    }

    .accounting-ill__shop-icon {
        margin: 0 0 24px
    }

    .accounting-ill__list {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-align-items: flex-end;
        align-items: flex-end
    }

    .accounting-ill__lines {
        z-index: -1;
        top: 100%;
        left: 0;
        margin: 0;
        -webkit-transform: none;
        transform: none
    }

    .accounting-ill__lines .line.top {
        top: 0;
        left: 49px;
        width: 100px;
        height: 410px;
        border-left: 2px solid #ffd400;
        border-bottom: 2px solid #ffd400;
        border-radius: 0 0 0 6px;
        background-image: none
    }

    .accounting-ill__lines .line.top .arrow {
        top: -10px;
        left: -8px;
        width: 14px;
        height: 10px;
        animation: accounting-ill__line-arrow 6.5s linear infinite;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjA0MiAwSC45NjJhLjUuNSAwIDAwLS40MS43ODdsNi4wNCA4LjYyOGEuNS41IDAgMDAuODIgMGw2LjA0LTguNjI4YS41LjUgMCAwMC0uNDEtLjc4N3oiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=")
    }

    .accounting-ill__lines .line.top .arrow:nth-child(2) {
        animation-delay: -.8125s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(3) {
        animation-delay: -1.625s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(4) {
        animation-delay: -2.4375s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(5) {
        animation-delay: -3.25s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(6) {
        animation-delay: -4.0625s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(7) {
        animation-delay: -4.875s
    }

    .accounting-ill__lines .line.top .arrow:nth-child(8) {
        animation-delay: -5.6875s
    }

    .accounting-ill__lines .line .arrow.hidden {
        display: block
    }

    @keyframes accounting-ill__line-arrow {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0)
        }
        76% {
            -webkit-transform: translateY(408px) rotate(0deg);
            transform: translateY(410px) rotate(0deg)
        }
        80% {
            -webkit-transform: translate(6px, 414px) rotate(-90deg);
            transform: translate(6px, 414px) rotate(-90deg)
        }
        to {
            -webkit-transform: translate(105px, 414px) rotate(-90deg);
            transform: translate(105px, 414px) rotate(-90deg)
        }
    }.accounting-ill__lines .line.bottom, .accounting-ill__lines .line.center {
         display: none
     }

    .accounting-ill__lines .line.bottom .arrow, .accounting-ill__lines .line.center .arrow {
        animation: none
    }

    .accounting-ill__item {
        margin-bottom: 24px
    }

    .accounting-ill__item:last-child {
        margin-bottom: 0
    }

    .accounting-ill__item .line {
        display: block;
        position: absolute;
        z-index: -1;
        left: 50px;
        width: 100px;
        height: 2px;
        margin-top: 50px;
        background-color: #ffd400
    }

    .accounting-ill__item .line .arrow {
        position: absolute;
        top: -6px;
        left: 0;
        width: 10px;
        height: 14px;
        animation: accounting-ill__item-arrow 1.5s linear infinite;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4wMDIuOTZ2MTIuMDhhLjUuNSAwIDAwLjc4Ny40MWw4LjYyOC02LjA0YS41LjUgMCAwMDAtLjgyTC43ODkuNTVhLjUuNSAwIDAwLS43ODcuNDF6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+")
    }

    .accounting-ill__item .line .arrow:nth-child(2) {
        animation-delay: -.75s
    }

    @keyframes accounting-ill__item-arrow {
        0% {
            -webkit-transform: scale(.2) translateX(0);
            transform: scale(.2) translateX(0)
        }
        13% {
            -webkit-transform: scale(1) translateX(13.5px);
            transform: scale(1) translateX(13.5px)
        }
        to {
            -webkit-transform: scale(1) translateX(105px);
            transform: scale(1) translateX(105px)
        }
    }
}

.cards-slider-block {
    position: relative;
    text-align: center;
    padding-bottom: 130px
}

.cards-slider-block:before {
    left: 0
}

.cards-slider-block:after, .cards-slider-block:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 96px
}

.cards-slider-block:after {
    right: 0
}

.cards-slider-block .caption {
    margin-bottom: 16px
}

.cards-slider {
    position: relative;
    margin-top: 72px
}

.cards-slider .slick-arrow {
    top: 178px
}

.cards-slider .slick-prev {
    right: 50%;
    margin-right: 419px
}

.cards-slider .slick-next {
    left: 50%;
    margin-left: 419px
}

.cards-slider .slick-disabled {
    opacity: 0;
    pointer-events: none
}

.cards-slider .slick-track {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-align-items: flex-end;
    align-items: stretch
}

.cards-slider .slick-slide {
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    height: auto;
    margin: 0 12px
}

.cards-slider .slick-slide, .cards-slider .slick-slide > div:not(.cards-slider_item) {
    width: 282px;
    min-width: 282px
}

.cards-slider_clear {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: stretch;
    align-items: stretch
}

.cards-slider_item {
    width: 282px;
    min-width: 282px;
    height: 100%;
    border-radius: 6px;
    text-align: left;
    border: 2px solid #1a1a1a
}

.cards-slider_clear .cards-slider_item {
    height: auto;
    margin: 0 12px
}

.cards-slider__preview {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: 200px
}

.cards-slider_content {
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 21px 24px 10px
}

.cards-slider_content .caption {
    text-align: center;
    line-height: 29px
}

.cards-slider_item-title {
    font-family: ExtraBold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -.5px;
    margin: -2px 0 15px
}

.cards-slider_item-description {
    width: 234px;
    color: #999;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -.5px;
    padding-bottom: 36px
}

@media screen and (max-width: 1250px) {
    .cards-slider-block {
        padding-bottom: 120px
    }

    .cards-slider-block .caption {
        margin-bottom: 25px
    }

    .cards-slider-block .caption-description {
        padding: 0 30px
    }

    .cards-slider .slick-prev {
        margin-right: 120px
    }

    .cards-slider .slick-next {
        margin-left: 120px
    }
}

@media screen and (max-width: 760px) {
    .cards-slider-block {
        padding-bottom: 100px
    }

    .cards-slider-block:after, .cards-slider-block:before {
        display: none
    }

    .cards-slider-block .caption-description {
        padding: 0
    }

    .cards-slider {
        margin-top: 32px
    }

    .cards-slider .slick-slide {
        margin: 0 7px
    }

    .cards-slider_content {
        padding: 16px 30px 2px
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.checkout-customisation-icon {
    width: 138px;
    height: 94px
}

.checkout-customisation-icon svg {
    display: block;
    width: 100%
}

.checkout-customisation-icon.animation .line_1 {
    animation: checkout-customisation-icon-line-1 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .line_1 {
    animation: checkout-customisation-icon-line-1 2s ease-in-out
}

@keyframes checkout-customisation-icon-line-1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    25% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
    50% {
        -webkit-transform: translateX(25px);
        transform: translateX(25px)
    }
    75% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.checkout-customisation-icon.animation .circle_1 {
    animation: checkout-customisation-icon-circle-1 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_1 {
    animation: checkout-customisation-icon-circle-1 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px)
    }
    50% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
    75% {
        -webkit-transform: translateY(28px);
        transform: translateY(28px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_2 {
    animation: checkout-customisation-icon-circle-2 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_2 {
    animation: checkout-customisation-icon-circle-2 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px)
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    75% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_3 {
    animation: checkout-customisation-icon-circle-3 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_3 {
    animation: checkout-customisation-icon-circle-3 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    75% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_4 {
    animation: checkout-customisation-icon-circle-4 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_4 {
    animation: checkout-customisation-icon-circle-4 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-4 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(9px);
        transform: translateY(9px)
    }
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_5 {
    animation: checkout-customisation-icon-circle-5 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_5 {
    animation: checkout-customisation-icon-circle-5 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-5 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    50% {
        -webkit-transform: translateY(-9px);
        transform: translateY(-9px)
    }
    75% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_6 {
    animation: checkout-customisation-icon-circle-6 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_6 {
    animation: checkout-customisation-icon-circle-6 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-6 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    75% {
        -webkit-transform: translateY(7px);
        transform: translateY(7px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_7 {
    animation: checkout-customisation-icon-circle-7 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_7 {
    animation: checkout-customisation-icon-circle-7 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-7 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    50% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
    75% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.checkout-customisation-icon.animation .circle_8 {
    animation: checkout-customisation-icon-circle-8 2s ease-in-out;
    animation-delay: 3s
}

.checkout-customisation-icon.animation.not-delay .circle_8 {
    animation: checkout-customisation-icon-circle-8 2s ease-in-out
}

@keyframes checkout-customisation-icon-circle-8 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    75% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.processing-options-icon {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    width: 174px;
    height: 113px
}

.processing-options-icon div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background-color: #171717;
    font-family: Bold;
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

.processing-options-icon div:first-child, .processing-options-icon div:nth-child(3) {
    margin-top: 16px
}

.processing-options-icon div:nth-child(3) {
    background-color: #ffd400;
    color: #040505
}

.processing-options-icon.animation div:first-child {
    animation: processing-options-icon-num-1 2s;
    animation-delay: 3s
}

.processing-options-icon.animation.not-delay div:first-child {
    animation: processing-options-icon-num-1 2s
}

@keyframes processing-options-icon-num-1 {
    0%, 40% {
        background-color: #171717;
        color: #fff
    }
    50%, 80% {
        background-color: #ffd400;
        color: #040505
    }
    90% {
        background-color: #171717;
        color: #fff
    }
    to {
        background-color: #171717;
        color: #fff
    }
}

.processing-options-icon.animation div:nth-child(2) {
    animation: processing-options-icon-num-2 2s;
    animation-delay: 3s
}

.processing-options-icon.animation.not-delay div:nth-child(2) {
    animation: processing-options-icon-num-2 2s
}

@keyframes processing-options-icon-num-2 {
    0%, 20% {
        background-color: #171717;
        color: #fff
    }
    30%, 40% {
        background-color: #ffd400;
        color: #040505
    }
    55%, 80% {
        background-color: #171717;
        color: #fff
    }
    90% {
        background-color: #ffd400;
        color: #040505
    }
    to {
        background-color: #171717;
        color: #fff
    }
}

.processing-options-icon.animation div:nth-child(3) {
    animation: processing-options-icon-num-3 2s;
    animation-delay: 3s
}

.processing-options-icon.animation.not-delay div:nth-child(3) {
    animation: processing-options-icon-num-3 2s
}

@keyframes processing-options-icon-num-3 {
    15% {
        background-color: #ffd400;
        color: #040505
    }
    25%, 90% {
        background-color: #171717;
        color: #fff
    }
    to {
        background-color: #ffd400;
        color: #040505
    }
}

.processing-options-icon:before {
    width: 38px;
    height: 38px;
    margin-left: -19px
}

.processing-options-icon:after, .processing-options-icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 50%;
    background-color: #171717
}

.processing-options-icon:after {
    z-index: 1;
    width: 10px;
    height: 10px;
    margin: 0 0 13px -5px
}

.processing-options-icon span {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 71px;
    height: 42px;
    margin: 0 0 7px -59px;
    -webkit-transform-origin: 59px 30.5px;
    transform-origin: 59px 30.5px;
    -webkit-transform: rotate(119deg);
    transform: rotate(119deg);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY3LjExNyAzMy40MDhhOS4wNzQgOS4wNzQgMCAwMC01LjIzNi0xMS43MTVMNi4xNjkgOC4yOTNjLTIuODg3LS42OTUtNC4zNjIgMy4zMjYtMS43MSA0LjY2Mmw1MC45NDMgMjUuNjlhOS4wNzQgOS4wNzQgMCAwMDExLjcxNS01LjIzNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
}

.processing-options-icon.animation span {
    animation: processing-options-icon-arrow 2s ease-in-out;
    animation-delay: 3s
}

.processing-options-icon.animation.not-delay span {
    animation: processing-options-icon-arrow 2s ease-in-out
}

@keyframes processing-options-icon-arrow {
    0% {
        -webkit-transform: rotate(119deg);
        transform: rotate(119deg)
    }
    70% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(119deg);
        transform: rotate(119deg)
    }
}

.choose-payment-option-icon {
    position: relative;
    width: 200px;
    height: auto
}

.choose-payment-option-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    background: linear-gradient(0deg, #040505, transparent)
}

.choose-payment-option-icon__title {
    margin-bottom: 8px;
    font-family: Bold;
    font-size: 12px;
    color: #666;
    line-height: 12px;
    letter-spacing: -.2px
}

.choose-payment-option-icon__item {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    height: 36px;
    background-color: #171717;
    border-radius: 4px;
    font-family: Bold;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    letter-spacing: -.2px;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s;
    transition-delay: 1.1333s
}

.choose-payment-option-icon__item.animation {
    animation: choose-payment-option-icon__item 1.666s
}

.choose-payment-option-icon__item.animation.delay-none {
    transition-delay: 0s
}

@keyframes choose-payment-option-icon__item {
    0% {
        background-color: #171717;
        color: #fff
    }
    30%, 70% {
        background-color: #fff;
        color: #222
    }
    to {
        background-color: #171717;
        color: #fff
    }
}

.choose-payment-option-icon__item + .choose-payment-option-icon__item {
    margin-top: 4px
}

.choose-payment-option-icon__item:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    border-radius: 50%
}

.choose-payment-option-icon__item.animation:before {
    animation: choose-payment-option-icon__item-before 1.666s reverse
}

@keyframes choose-payment-option-icon__item-before {
    0% {
        opacity: 1
    }
    30%, 70% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.choose-payment-option-icon__item:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffd400;
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA0LjMzM0w0IDdsNS02IiBzdHJva2U9IiMyMjIiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==")
}

.choose-payment-option-icon__item.animation:after {
    animation: choose-payment-option-icon__item-after 1.666s
}

@keyframes choose-payment-option-icon__item-after {
    0% {
        opacity: 0
    }
    30%, 70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.choose-payment-option-icon__item img {
    display: block;
    width: 24px;
    height: auto;
    margin: 0 10px
}

.limits-per-method-icon {
    width: 212px;
    overflow: hidden
}

.limits-per-method-icon__text {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}

.limits-per-method-icon__text span {
    display: block;
    font-family: Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -.2px;
    color: #fff
}

.limits-per-method-icon__text span:first-child, .limits-per-method-icon__text span:nth-child(6) {
    color: #4d4d4d
}

.limits-per-method-icon.animation .limits-per-method-icon__text span:nth-child(3) {
    animation: limits-per-method-icon__text-3 2s ease-in-out;
    animation-delay: 3s
}

.limits-per-method-icon.animation.not-delay .limits-per-method-icon__text span:nth-child(3) {
    animation: limits-per-method-icon__text-3 2s ease-in-out
}

@keyframes limits-per-method-icon__text-3 {
    0%, 35% {
        color: #fff
    }
    55%, 75% {
        color: #4d4d4d
    }
    95%, to {
        color: #fff
    }
}

.limits-per-method-icon.animation .limits-per-method-icon__text span:nth-child(4) {
    animation: limits-per-method-icon__text-4 2s ease-in-out;
    animation-delay: 3s
}

.limits-per-method-icon.animation.not-delay .limits-per-method-icon__text span:nth-child(4) {
    animation: limits-per-method-icon__text-4 2s ease-in-out
}

@keyframes limits-per-method-icon__text-4 {
    0%, 25% {
        color: #fff
    }
    45%, 80% {
        color: #4d4d4d
    }
    to {
        color: #fff
    }
}

.limits-per-method-icon.animation .limits-per-method-icon__text span:nth-child(5) {
    animation: limits-per-method-icon__text-5 2s ease-in-out;
    animation-delay: 3s
}

.limits-per-method-icon.animation.not-delay .limits-per-method-icon__text span:nth-child(5) {
    animation: limits-per-method-icon__text-5 2s ease-in-out
}

@keyframes limits-per-method-icon__text-5 {
    0%, 10% {
        color: #fff
    }
    30%, 90% {
        color: #4d4d4d
    }
    to {
        color: #fff
    }
}

.limits-per-method-icon__line {
    position: relative;
    padding: 20px 0 8px;
    overflow: hidden
}

.limits-per-method-icon__line:after, .limits-per-method-icon__line:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 4px;
    width: 19px;
    height: 19px
}

.limits-per-method-icon__line:before {
    left: 0;
    background: linear-gradient(90deg, #040505, transparent)
}

.limits-per-method-icon__line:after {
    right: 0;
    background: linear-gradient(270deg, #040505, transparent)
}

.limits-per-method-icon__line-inner {
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: flex-end;
    padding: 0 10px;
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.limits-per-method-icon.animation .limits-per-method-icon__line-inner {
    animation: limits-per-method-icon-inner 2s ease-in-out;
    animation-delay: 3s
}

.limits-per-method-icon.animation.not-delay .limits-per-method-icon__line-inner {
    animation: limits-per-method-icon-inner 2s ease-in-out
}

@keyframes limits-per-method-icon-inner {
    0% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    65% {
        -webkit-transform: translateX(60px);
        transform: translateX(60px)
    }
    to {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

.limits-per-method-icon__line-inner span {
    display: block;
    width: 2px;
    min-width: 2px;
    height: 13px;
    background-color: #e5e5e5;
    border-radius: 1px
}

.limits-per-method-icon__line-inner span + span {
    margin-left: 4px
}

.limits-per-method-icon__arrow {
    content: "";
    display: block;
    position: absolute;
    left: 152px;
    bottom: 0;
    width: 18px;
    height: 37px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMzgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDEwLjA1MmExIDEgMCAwMS4yODktLjcwM2w4LTguMDkxYTEgMSAwIDAxMS40MjIgMGw4IDguMDkxYTEgMSAwIDAxLjI4OS43MDN2MjYuOTFhMSAxIDAgMDEtMSAxSDFhMSAxIDAgMDEtMS0xdi0yNi45MXoiIGZpbGw9IiNGRkQ0MDAiLz48L3N2Zz4=")
}

.limits-per-method-icon.animation .limits-per-method-icon__arrow {
    animation: limits-per-method-icon-arrow 2s ease-in-out;
    animation-delay: 3s
}

.limits-per-method-icon.animation.not-delay .limits-per-method-icon__arrow {
    animation: limits-per-method-icon-arrow 2s ease-in-out
}

@keyframes limits-per-method-icon-arrow {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    65% {
        -webkit-transform: translateX(-113px);
        transform: translateX(-113px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fees-per-method-icon {
    position: relative;
    width: 96px;
    height: 96px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.fees-per-method-icon__chart {
    width: 100%;
    height: 100%
}

.fees-per-method-icon__chart:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 50%;
    background-color: #040505
}

.fees-per-method-icon__chart div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #171717
}

.fees-per-method-icon__chart div:nth-child(2) {
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    background-color: #fff
}

.fees-per-method-icon__piece-white {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 50%;
    opacity: 0;
    -webkit-transform: translate(17px, -17px);
    transform: translate(17px, -17px);
    overflow: hidden
}

.fees-per-method-icon.animation .fees-per-method-icon__piece-white {
    animation: fees-per-method-icon__piece-white 1.6s ease-in-out;
    animation-delay: 3s
}

.fees-per-method-icon.animation.not-delay .fees-per-method-icon__piece-white {
    animation: fees-per-method-icon__piece-white 1.6s ease-in-out
}

@keyframes fees-per-method-icon__piece-white {
    0% {
        opacity: 0;
        -webkit-transform: translate(17px, -17px);
        transform: translate(17px, -17px)
    }
    50%, 60% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate(17px, -17px);
        transform: translate(17px, -17px)
    }
}

.fees-per-method-icon__piece-white div {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background-color: #171717
}

.fees-per-method-icon__piece-white div:nth-child(2) {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff
}

.fees-per-method-icon__piece-yellow {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 50%;
    -webkit-transform: translate(17px, -17px);
    transform: translate(17px, -17px);
    overflow: hidden
}

.fees-per-method-icon.animation .fees-per-method-icon__piece-yellow {
    animation: fees-per-method-icon__piece-yellow 1.6s ease-in-out;
    animation-delay: 3s
}

.fees-per-method-icon.animation.not-delay .fees-per-method-icon__piece-yellow {
    animation: fees-per-method-icon__piece-yellow 1.6s ease-in-out
}

@keyframes fees-per-method-icon__piece-yellow {
    0% {
        opacity: 1;
        -webkit-transform: translate(17px, -17px);
        transform: translate(17px, -17px)
    }
    50%, 60% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(17px, -17px);
        transform: translate(17px, -17px)
    }
}

.fees-per-method-icon__piece-yellow div {
    position: absolute;
    top: 4px;
    right: 4px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    width: 88px;
    height: 88px;
    padding: 0 0 38px 38px;
    border-radius: 50%;
    background-color: #ffd400;
    font-family: ExtraBold;
    font-size: 19px;
    color: #040505;
    line-height: 20px
}

.cards-slider-block_commerce {
    padding: 208px 0 100px
}

.cards-slider-block_commerce .caption {
    margin-bottom: 24px
}

.cards-slider-block_commerce .caption-description {
    margin-bottom: 80px
}

.cards-slider-block_commerce .caption-description strong {
    font-family: ExtraBold;
    color: #ffd400
}

@media screen and (max-width: 1250px) {
    .cards-slider-block_commerce {
        padding: 135px 0 50px
    }
}

@media screen and (max-width: 760px) {
    .cards-slider-block_commerce {
        padding: 120px 0 60px
    }

    .cards-slider-block_commerce .caption-description {
        margin-bottom: 48px
    }

    .cards-slider_item-title {
        font-size: 16px;
        margin-bottom: 12px
    }

    .cards-slider_item-description {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -.2px;
        padding-bottom: 38px
    }
}

.slick-arrow {
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #0309d0;
    border: none;
    font-size: 1px;
    color: transparent;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s
}

.dark-bg .slick-arrow {
    background-color: #1463ff
}

.slick-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjcwNyAxMy43MDdMMCA3IDYuNzA3LjI5M2wxLjQxNCAxLjQxNEwzLjgyOCA2aDkuNTg2djJIMy44MjhsNC4yOTMgNC4yOTMtMS40MTQgMS40MTR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)
}

.slick-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjcwNy4yOTNMMTMuNDE0IDdsLTYuNzA3IDYuNzA3LTEuNDE0LTEuNDE0TDkuNTg2IDhIMFY2aDkuNTg2TDUuMjkzIDEuNzA3IDYuNzA3LjI5M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

@media screen and (min-width: 1000px) {
    .slick-next:hover, .slick-prev:hover {
        background-color: #071e99
    }

    .dark-bg .slick-next:hover, .dark-bg .slick-prev:hover {
        background-color: #0c3782
    }
}

@media screen and (max-width: 1250px) {
    .slick-arrow {
        width: 48px;
        height: 48px
    }

    .slick-prev {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjI5My4xNUwuNDQzIDZsNS44NSA1Ljg1IDEuNDE0LTEuNDE0TDQuMjcgN2g3Ljg3MlY1SDQuMjdsMy40MzYtMy40MzZMNi4yOTMuMTV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+")
    }

    .slick-next {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjcwNy4xNUwxMi41NTcgNmwtNS44NSA1Ljg1LTEuNDE0LTEuNDE0TDguNzMgN0guODU3VjVIOC43M0w1LjI5MyAxLjU2NCA2LjcwNy4xNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=")
    }
}

.data-segmentation {
    padding: 169px 0 315px
}

.data-segmentation .caption {
    margin-bottom: 40px
}

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

.data-segmentation__description {
    max-width: 536px;
    color: #999;
    margin-bottom: 48px
}

.data-segmentation__description strong {
    font-family: ExtraBold;
    color: #ffd400
}

.data-segmentation .checkmarks-list {
    max-width: 536px;
    color: #999
}

.data-segmentation .checkmarks-list strong {
    color: #fff
}

.data-segmentation__list {
    margin-top: -25px;
    counter-reset: data-segmentation__list-item
}

.data-segmentation__list.not-on-viewport .arrow {
    animation-play-state: paused !important
}

.data-segmentation__list-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    margin-bottom: 97px;
    -webkit-transition: .6s;
    transition: .6s
}

.data-segmentation__list-item:last-child {
    margin-bottom: 0
}

.data-segmentation__list-item.hidden {
    opacity: 0;
    -webkit-transform: translateY(-169px);
    transform: translateY(-169px)
}

.data-segmentation__list-item:first-child {
    z-index: 3
}

.data-segmentation__list-item:nth-child(2) {
    z-index: 2
}

.data-segmentation__list-item:nth-child(3) {
    z-index: 1
}

.data-segmentation__list-item-user {
    width: 71px;
    height: 71px;
    border-radius: 6px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMjMuNWE5LjUgOS41IDAgMDExOSAwVjI2SDB2LTIuNXoiIGZpbGw9IiNmZmYiLz48Y2lyY2xlIGN4PSI5LjUiIGN5PSI1LjUiIHI9IjUuNSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
}

.data-segmentation__list-item-arrows {
    width: 230px;
    margin: -10px 13px 0 20px
}

.data-segmentation__list-item-arrows .arrow {
    position: absolute;
    width: 6px;
    height: 11px;
    opacity: 0;
    animation: data-segmentation__arrows 4.5s linear infinite
}

.data-segmentation__list-item-arrows .arrow:nth-child(2) {
    animation-delay: -.3s
}

.data-segmentation__list-item-arrows .arrow:nth-child(3) {
    animation-delay: -.6s
}

.data-segmentation__list-item-arrows .arrow:nth-child(4) {
    animation-delay: -.9s
}

.data-segmentation__list-item-arrows .arrow:nth-child(5) {
    animation-delay: -1.2s
}

.data-segmentation__list-item-arrows .arrow:nth-child(6) {
    animation-delay: -1.5s
}

.data-segmentation__list-item-arrows .arrow:nth-child(7) {
    animation-delay: -1.8s
}

.data-segmentation__list-item-arrows .arrow:nth-child(8) {
    animation-delay: -2.1s
}

.data-segmentation__list-item-arrows .arrow:nth-child(9) {
    animation-delay: -2.4s
}

.data-segmentation__list-item-arrows .arrow:nth-child(10) {
    animation-delay: -2.7s
}

.data-segmentation__list-item-arrows .arrow:nth-child(11) {
    animation-delay: -3s
}

.data-segmentation__list-item-arrows .arrow:nth-child(12) {
    animation-delay: -3.3s
}

.data-segmentation__list-item-arrows .arrow:nth-child(13) {
    animation-delay: -3.6s
}

.data-segmentation__list-item-arrows .arrow:nth-child(14) {
    animation-delay: -3.9s
}

.data-segmentation__list-item-arrows .arrow:nth-child(15) {
    animation-delay: -4.2s
}

@keyframes data-segmentation__arrows {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(235px);
        transform: translateX(235px)
    }
}

.data-segmentation__list-item-arrows.purple .arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjEzN3Y4LjcyNmEuNS41IDAgMDAuODM4LjM2OWw0Ljc2LTQuMzYzYS41LjUgMCAwMDAtLjczOEwuODM4Ljc2OEEuNS41IDAgMDAwIDEuMTM3eiIgZmlsbD0iIzc5NERFMCIvPjwvc3ZnPg==")
}

.data-segmentation__list-item-arrows.blue .arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjEzN3Y4LjcyNmEuNS41IDAgMDAuODM4LjM2OWw0Ljc2LTQuMzYzYS41LjUgMCAwMDAtLjczOEwuODM4Ljc2OEEuNS41IDAgMDAwIDEuMTM3eiIgZmlsbD0iIzc1OUFGQSIvPjwvc3ZnPg==")
}

.data-segmentation__list-item-arrows.green .arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxLjEzN3Y4LjcyNmEuNS41IDAgMDAuODM4LjM2OWw0Ljc2LTQuMzYzYS41LjUgMCAwMDAtLjczOEwuODM4Ljc2OEEuNS41IDAgMDAwIDEuMTM3eiIgZmlsbD0iIzQ1QTQ4QyIvPjwvc3ZnPg==")
}

.data-segmentation__list-item-icon {
    position: relative
}

.data-segmentation__list-item-icon:before {
    counter-increment: data-segmentation__list-item;
    content: counter(data-segmentation__list-item)
}

.data-segmentation__list-item-icon:before, .data-segmentation__list .data-segmentation__list-item:first-child .data-segmentation__list-item-icon:after {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    top: -27px;
    left: 50%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #040505;
    font-family: Bold;
    font-size: 18px;
    background-color: #fff;
    border: 4px solid #040505;
    margin-left: -20px
}

.data-segmentation__list .data-segmentation__list-item:first-child .data-segmentation__list-item-icon:after {
    content: "N";
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s
}

.data-segmentation__list.active .data-segmentation__list-item:first-child .data-segmentation__list-item-icon:after {
    opacity: 0
}

.data-segmentation__list-item-icon img {
    display: block;
    width: 87px
}

@media screen and (max-width: 1250px) {
    .data-segmentation {
        padding: 85px 0 135px
    }

    .data-segmentation__description {
        max-width: none
    }

    .data-segmentation__content {
        display: block
    }

    .data-segmentation .checkmarks-list {
        max-width: none;
        margin-bottom: 110px
    }

    .data-segmentation__list {
        width: 420px;
        margin: 0 auto
    }
}

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

    .data-segmentation .caption {
        margin-bottom: 24px
    }

    .data-segmentation__description {
        margin-bottom: 32px
    }

    .data-segmentation .checkmarks-list {
        margin-bottom: 95px
    }

    .data-segmentation__list {
        width: 100%
    }

    .data-segmentation__list-item {
        margin-bottom: 85px
    }

    .data-segmentation__list-item-user {
        width: 71px;
        min-width: 71px
    }

    .data-segmentation__list-item-arrows {
        margin: -9px 0 0 13px
    }

    .data-segmentation__list-item-arrows .arrow:first-child {
        animation-delay: -.5s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(2) {
        animation-delay: -1s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(3) {
        animation-delay: -1.5s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(4) {
        animation-delay: -2s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(5) {
        animation-delay: -2.5s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(6) {
        animation-delay: -3s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(7) {
        animation-delay: -3.5s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(8) {
        animation-delay: -4s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(9) {
        animation-delay: -4.5s
    }

    .data-segmentation__list-item-arrows .arrow:nth-child(10), .data-segmentation__list-item-arrows .arrow:nth-child(11), .data-segmentation__list-item-arrows .arrow:nth-child(12), .data-segmentation__list-item-arrows .arrow:nth-child(13), .data-segmentation__list-item-arrows .arrow:nth-child(14), .data-segmentation__list-item-arrows .arrow:nth-child(15) {
        display: none
    }

    @keyframes data-segmentation__arrows {
        0% {
            opacity: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        10% {
            opacity: 1
        }
        90% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translateX(150px);
            transform: translateX(150px)
        }
    }
}

@media screen and (max-width: 370px) {
    @keyframes data-segmentation__arrows {
        0% {
            opacity: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        10% {
            opacity: 1
        }
        90% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translateX(135px);
            transform: translateX(135px)
        }
    }
}

.single-reporting {
    padding-top: 268px;
    margin-bottom: 178px
}

.single-reporting .caption {
    max-width: 500px;
    margin-bottom: 40px
}

.single-reporting__description {
    max-width: 500px;
    margin-bottom: 48px
}

.single-reporting__description strong {
    font-family: ExtraBold
}

.single-reporting__content, .single-reporting__list {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}

.single-reporting__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 629px
}

.single-reporting__list-item {
    position: relative;
    width: 270px;
    margin-bottom: 32px
}

.single-reporting__list-item:last-child {
    margin-bottom: 0
}

.single-reporting__list-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -26px;
    width: 15px;
    height: 13px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4xMjEgMS45OTdMNi4wNjQgMTIuMTg1Ljk0IDcuMDYxbDIuMTIyLTIuMTIyIDIuODc1IDIuODc1IDYuOTQzLTcuODEgMi4yNDIgMS45OTN6IiBmaWxsPSIjRkZENDAwIi8+PC9zdmc+")
}

.single-reporting__list-item-title {
    font-family: ExtraBold;
    line-height: 20px;
    margin-bottom: 16px
}

.single-reporting__list-item-description {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.5px
}

.single-reporting .conversion-chart {
    position: relative;
    right: -43px;
    margin-top: -137px
}

@media screen and (max-width: 1400px) {
    .single-reporting .conversion-chart {
        right: 0
    }

    .single-reporting__list {
        width: 605px
    }
}

@media screen and (max-width: 1250px) {
    .single-reporting {
        padding-top: 135px;
        margin-bottom: 135px
    }

    .single-reporting__description {
        max-width: none
    }

    .single-reporting__content {
        display: block
    }

    .single-reporting__list {
        width: auto;
        padding-left: 26px;
        margin-bottom: 60px
    }

    .single-reporting__list-item {
        width: 320px
    }

    .single-reporting .conversion-chart {
        margin: 0
    }

    .single-reporting .conversion-chart .conversion-chart__header {
        padding-left: 26px
    }
}

@media screen and (max-width: 760px) {
    .single-reporting {
        padding-top: 120px;
        margin-bottom: 80px
    }

    .single-reporting .caption {
        margin-bottom: 24px
    }

    .single-reporting__content {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .single-reporting .conversion-chart .conversion-chart__header {
        padding: 0 0 0 14px
    }

    .single-reporting__list {
        margin-bottom: 0
    }

    .single-reporting__list-item {
        margin-bottom: 24px
    }
}

.conversion-chart {
    width: 559px
}

.conversion-chart__header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    padding-right: 45px;
    margin-bottom: 17px;
    letter-spacing: -.2px
}

.conversion-chart__title {
    font-family: ExtraBold;
    font-size: 14px;
    line-height: 16px
}

.conversion-chart__colors {
    margin-left: 25px
}

.conversion-chart__colors, .conversion-chart__colors div {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.conversion-chart__colors div {
    font-family: Bold;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
}

.conversion-chart__colors div + div {
    margin-left: 24px
}

.conversion-chart__colors img {
    display: block;
    width: 20px;
    margin-right: 8px
}

.conversion-chart__chart-container {
    position: relative
}

.conversion-chart__gradients {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none
}

#conversion-chart {
    position: relative;
    width: 515px;
    height: 452px;
    border: 1px solid #f0f0f0;
    border-bottom: none
}

#conversion-chart:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #f0f0f0
}

.google-visualization-tooltip {
    position: absolute !important;
    width: 40px !important;
    box-shadow: none !important;
    border: 1px solid #f5f5f5 !important;
    border-radius: 4px !important;
    margin: 10px 0 0 -44px
}

.google-visualization-tooltip:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 12px;
    height: 7px;
    margin-left: -6px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMGgxMnYxaC0uNTMyYS41LjUgMCAwMC0uMzg0LjE4TDcuMTUyIDUuODk4YTEuNSAxLjUgMCAwMS0yLjMwNCAwTC45MTYgMS4xOEEuNS41IDAgMDAuNTMyIDFIMFYweiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaC41MzJhMS41IDEuNSAwIDAxMS4xNTIuNTRsMy45MzIgNC43MThhLjUuNSAwIDAwLjc2OCAwTDEwLjMxNi41NEExLjUgMS41IDAgMDExMS40NjggMEgxMnYxaC0uNTMyYS41LjUgMCAwMC0uMzg0LjE4TDcuMTUyIDUuODk4YTEuNSAxLjUgMCAwMS0yLjMwNCAwTC45MTYgMS4xOEEuNS41IDAgMDAuNTMyIDFIMFYweiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==")
}

.google-visualization-tooltip > ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important
}

.google-visualization-tooltip > ul > li, .google-visualization-tooltip > ul > li > span {
    display: block !important;
    padding: 0 !important
}

.google-visualization-tooltip > ul > li > span {
    font-family: Bold !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: -.2px !important
}

.google-visualization-tooltip > ul > li > span:after {
    content: "%"
}

#conversion-chart circle {
    fill: #fff
}

#conversion-chart circle + g circle {
    display: none
}

#conversion-chart circle + g circle:last-child {
    display: block
}

.conversion-chart__chart-percents, .conversion-chart__chart-time {
    font-family: Bold;
    font-size: 14px;
    line-height: 8px;
    letter-spacing: 0;
    color: #999
}

.conversion-chart__chart-percents {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 60px
}

.conversion-chart__chart-percents, .conversion-chart__chart-time {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between
}

.conversion-chart__chart-time {
    padding: 20px 89px 0 45px
}

.conversion-chart_left .conversion-chart__header {
    padding: 0 0 0 45px
}

.conversion-chart_left #conversion-chart {
    margin-left: 45px
}

.conversion-chart_left .conversion-chart__chart-percents {
    left: 0;
    right: auto
}

.conversion-chart_left .conversion-chart__chart-time {
    padding: 20px 45px 0 90px
}

@media screen and (max-width: 1250px) {
    .conversion-chart {
        width: auto
    }

    #conversion-chart {
        width: 656px
    }
}

@media screen and (max-width: 1250px) {
    .conversion-chart_left .conversion-chart__header {
        padding: 0 45px 0 0
    }

    .conversion-chart_left #conversion-chart {
        margin-left: 0
    }

    .conversion-chart_left .conversion-chart__chart-percents {
        left: auto;
        right: 0
    }

    .conversion-chart_left .conversion-chart__chart-time {
        padding: 20px 90px 0 45px
    }
}

@media screen and (max-width: 760px) {
    .conversion-chart__header {
        display: block;
        margin-bottom: 13px
    }

    .conversion-chart__title {
        font-size: 11px;
        line-height: 12px;
        letter-spacing: -.2px
    }

    .conversion-chart__colors {
        margin: 13px 0 0
    }

    .conversion-chart__colors div {
        font-family: Medium;
        font-size: 11px;
        line-height: 10px;
        letter-spacing: -.2px
    }

    .conversion-chart__colors div + div {
        margin-left: 12px
    }

    .conversion-chart__colors img {
        width: 12px;
        margin-right: 4px
    }

    .single-reporting .conversion-chart {
        margin-bottom: 70px
    }

    #conversion-chart {
        width: calc(100% - 14px);
        height: 270px;
        margin-left: 14px
    }

    .conversion-chart__chart-percents, .conversion-chart__chart-time {
        font-size: 9px;
        line-height: 10px;
        letter-spacing: -.2px
    }

    .conversion-chart__chart-percents {
        position: absolute;
        top: 22px;
        left: -12px;
        bottom: 40px
    }

    .conversion-chart__chart-time {
        padding: 10px 0 0 14px
    }

    .conversion-chart_left .conversion-chart__header {
        padding: 0 0 0 14px
    }

    .conversion-chart_left #conversion-chart {
        margin: 0 0 0 14px
    }

    .conversion-chart_left .conversion-chart__chart-percents {
        left: -11px;
        right: auto
    }

    .conversion-chart_left .conversion-chart__chart-time {
        padding: 10px 0 0 14px
    }
}

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