.page, html {
    width: 100vw
}

.page {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: var(--color-bg-default);
    -webkit-font-smoothing: antialiased
}

    .page a {
        text-decoration: none
    }

        .page a:hover .text_view_link {
            color: var(--color-link-hover)
        }

.loader {
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.loader__left {
    animation: a .42s alternate both ease-in-out infinite -.28s
}

.loader__center, .loader__left {
    width: 16px;
    height: 16px;
    margin-right: var(--space-xs);
    border-radius: 99em;
    background-color: var(--color-control-bg-action)
}

.loader__center {
    animation: a .42s alternate both ease-in-out infinite -.14s
}

.loader__right {
    width: 16px;
    height: 16px;
    border-radius: 99em;
    background-color: var(--color-control-bg-action);
    animation: a .42s alternate both ease-in-out infinite
}

@keyframes a {
    0% {
        transform: scale(.8)
    }

    to {
        transform: scale(1.1)
    }
}

:root {
    --shadow-default: 0 4px 32px 0px rgba(0,65,141,.16),0 12px 20px -12px rgba(0,0,0,.5);
    --shadow-default-hover: 0 4px 32px 0px rgba(0,65,141,.16),0 12px 20px -12px rgba(0,0,0,.5);
    --shadow-sticky: 0 4px 20px 0px rgba(0,65,141,.05),0 12px 20px -16px rgba(0,0,0,.1);
    --shadow-tab: 0 6px 10px 0px rgba(0,65,141,.05),0 6px 10px -8px rgba(0,0,0,.1)
}

.theme_color_kassa-brand {
    --color-bg-brand: #0070f0;
    --color-bg-action: #3d98ff;
    --color-bg-selection: #8fc5ff;
    --color-bg-hover: #57a5ff;
    --color-bg-border: rgba(0,0,0,.12);
    --color-bg-stripe: rgba(0,0,0,.04);
    --color-bg-ghost: #fbfcfe;
    --color-bg-default: #0e1930;
    --color-bg-tone: rgba(0,0,0,.9);
    --color-bg-soft: rgba(14,25,48,.97);
    --color-bg-success: #00bf96;
    --color-bg-alert: #ff3352;
    --color-bg-warning: #f90;
    --color-bg-normal: #dde3e5;
    --color-bg-system: #778a9b;
    --color-bg-dark: #0d1d3f;
    --color-bg-medium: #1a3d89;
    --color-bg-link: rgba(50,241,177,.4);
    --color-bg-section: #0e1930;
    --color-typo-brand: #0070f0;
    --color-typo-primary: #fff;
    --color-typo-promo: hsla(0,0%,100%,.8);
    --color-typo-secondary: hsla(0,0%,100%,.85);
    --color-typo-ghost: hsla(0,0%,100%,.3);
    --color-typo-disable: hsla(0,0%,100%,.3);
    --color-typo-success: #00bf96;
    --color-typo-warning: #f90;
    --color-typo-alert: #f33;
    --color-link: #00dbac;
    --color-link-external: #00dbac;
    --color-link-minor: #0070f0;
    --color-link-hover: hsla(0,0%,100%,.85);
    --vector-tone--2: #00a36a;
    --vector-tone--1: #00b380;
    --vector-tone-default: #00bf96;
    --vector-tone-1: #23d7aa;
    --vector-tone-2: #66e5c5;
    --vector-tone-3: #9bf8e4
}

.theme {
    --bright-mod: 1.45;
    --shade-mod: 0.6
}

.theme_space_kassa-default {
    --space-xxxs: 2px;
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-s: 12px;
    --space-m: 16px;
    --space-l: 20px;
    --space-xl: 24px;
    --space-xxl: 32px;
    --space-xxxl: 40px;
    --space-xxxxl: 48px;
    --space-xxxxxl: 72px;
    --space-xxxxxxl: 96px
}

.theme_size_kassa-default {
    --size-typo-xs: 11px;
    --size-typo-s: 13px;
    --size-typo-m: 17px;
    --size-typo-l: 19px;
    --size-typo-xl: 29px;
    --size-typo-xxl: 37px;
    --size-typo-xxxl: 42px;
    --size-typo-xxxxl: 47px;
    --size-typo-xxxxxl: 61px;
    --line-height-typo-xs: 13px;
    --line-height-typo-s: 21px;
    --line-height-typo-m: 28px;
    --line-height-typo-l: 28px;
    --line-height-typo-xl: 40px;
    --line-height-typo-xxl: 47px;
    --line-height-typo-xxxl: 53px;
    --line-height-typo-xxxxl: 59px;
    --line-height-typo-xxxxxl: 73px
}

@media screen and (min-width:1024px) {
    .theme_size_kassa-default {
        --size-typo-xxl: 42px;
        --size-typo-xxxl: 47px;
        --size-typo-xxxxl: 61px;
        --line-height-typo-xxl: 53px;
        --line-height-typo-xxxl: 59px;
        --line-height-typo-xxxxl: 67px
    }
}

@media screen and (max-width:720px) {
    .theme_size_kassa-default {
        --size-typo-xxxxl: 29px;
        --size-typo-xxxl: 29px;
        --line-height-typo-xxxxl: 40px;
        --line-height-typo-xxxl: 40px
    }
}

.theme_space_default {
    --space-xxxs: 2px;
    --space-xxs: 4px;
    --space-xs: 8px;
    --space-s: 12px;
    --space-m: 16px;
    --space-l: 20px;
    --space-xl: 24px;
    --space-xxl: 32px;
    --space-xxxl: 40px;
    --space-xxxxl: 48px;
    --space-xxxxxl: 72px;
    --space-xxxxxxl: 96px
}

.theme_control_kassa-brand {
    --color-control-bg-action: #00bf96;
    --color-control-bg-action-hover: #00d6a8;
    --color-control-bg-normal: #428bf0;
    --color-control-bg-normal-hover: #5a99f2;
    --color-control-bg-disable: hsla(0,0%,100%,.12);
    --color-control-typo-action: #fff;
    --color-control-typo-action-hover: #fff;
    --color-control-typo-normal: #fff;
    --color-control-typo-normal-hover: hsla(0,0%,100%,.9);
    --color-control-typo-disable: hsla(0,0%,100%,.3);
    --color-control-typo-placeholder: rgba(0,0,0,.3)
}


:root {
    --font-sans: "Yandex Sans Text Web",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --font-serif: Georgia,serif;
    --font-mono: monospace
}

.theme_font_yandex-sans {
    font-family: var(--font-sans)
}

.usability-arrow-down__arrow {
    position: fixed;
    z-index: 10;
    bottom: 55px;
    left: 50%;
    width: 40px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='20' viewBox='0 0 44 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l20.8 16L42 2' stroke='%2300BF96' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    animation: b 3s linear infinite;
    cursor: pointer
}

    .usability-arrow-down__arrow:hover {
        animation-play-state: paused
    }

@keyframes b {
    0% {
        transform: translate(-50%)
    }

    50% {
        transform: translate(-50%,10px)
    }

    to {
        transform: translate(-50%)
    }
}

.usability-arrow-down__arrow_hide {
    display: none
}

@media screen and (max-width:767px) {
    .usability-arrow-down__arrow {
        display: none
    }
}

.tpl-layout {
    display: grid;
    padding-left: var(--gap);
    padding-right: var(--gap)
}

@media screen and (max-width:719px) {
    .tpl-layout__container_size_m {
        max-width: 420px !important
    }
}

.theme_color_kassa-default {
    --color-bg-brand: #0070f0;
    --color-bg-action: #3d98ff;
    --color-bg-selection: #8fc5ff;
    --color-bg-hover: #57a5ff;
    --color-bg-border: rgba(0,0,0,.12);
    --color-bg-stripe: rgba(0,0,0,.04);
    --color-bg-ghost: #f7f7f7;
    --color-bg-default: #fff;
    --color-bg-tone: rgba(0,0,0,.9);
    --color-bg-soft: hsla(0,0%,100%,.97);
    --color-bg-success: #00bf96;
    --color-bg-alert: #f33;
    --color-bg-warning: #f90;
    --color-bg-normal: #dde3e5;
    --color-bg-system: #778a9b;
    --color-bg-link: rgba(52,229,170,.4);
    --color-bg-section: #fff;
    --color-typo-brand: #0070f0;
    --color-typo-primary: #000;
    --color-typo-promo: rgba(0,0,0,.8);
    --color-typo-secondary: rgba(0,0,0,.6);
    --color-typo-ghost: rgba(0,0,0,.3);
    --color-typo-disable: rgba(0,0,0,.3);
    --color-typo-success: #00bf96;
    --color-typo-warning: #f90;
    --color-typo-alert: #f33;
    --color-link: #0ac79e;
    --color-link-external: #0ac79e;
    --color-link-minor: #0070f0;
    --color-link-hover: rgba(0,0,0,.6);
    --vector-tone--2: #00a36a;
    --vector-tone--1: #00b380;
    --vector-tone-default: #00bf96;
    --vector-tone-1: #23d7aa;
    --vector-tone-2: #66e5c5;
    --vector-tone-3: #9bf8e4
}

.header {
    padding: 0 var(--gap);
    color: var(--color-typo-primary);
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999;
    left: 0;
    top: 0;
    background: var(--color-bg-default)
}

.header__logo {
    transform: translateY(2px)
}

.header__mobile-toggler {
    position: fixed;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    z-index: 10001;
    bottom: 0;
    left: 0;
    background: var(--color-bg-default);
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -4px 6px rgba(0,0,0,.2);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--gap);
    border: none;
    -webkit-appearance: none
}

    .header__mobile-toggler:focus {
        outline: none
    }

.header_system_iOS .header__mobile-toggler.header__mobile-toggler_view_iOS {
    bottom: 32px;
    right: calc(var(--gap) - 8px);
    left: auto;
    width: 110px;
    border-radius: 99em;
    box-shadow: 0 4px 6px rgba(0,0,0,.2)
}

.header__burger {
    display: block;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M2 2.5l5 2 5-2m-10 4l5 2 5-2m-10 4l5 2 5-2' fill='none' stroke='%23000' stroke-opacity='.7'/%3E%3C/svg%3E")
}

.header__burger_view_open {
    transform: rotate(180deg)
}

.header__burger_view_close {
    transform: rotate(0)
}

.header__menu {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    z-index: 10000;
    bottom: 0;
    left: 0;
    background: var(--color-bg-default);
    margin: 0;
    padding: 0;
    overflow: hidden;
    transform: translate3d(0,120%,0);
    transition: transform .3s;
    border-radius: 8px 8px 0 0;
    will-change: transform;
    z-index: 10001
}

.header__menu-header {
    padding-left: var(--gap);
    height: 52px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.header__menu_state_opened {
    transform: translate3d(0,12px,0);
    box-shadow: 0 -4px 6px rgba(0,0,0,.2)
}

    .header__menu_state_opened .header__list {
        overflow-y: auto
    }

.header__close {
    -ms-flex: 1px 1px auto;
    flex: 1px 1px auto;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    padding: 0;
    padding-right: var(--gap);
    border: none;
    background: none;
    -webkit-appearance: none
}

    .header__close:focus {
        outline: none
    }

.header__list {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 var(--gap);
    margin: 0;
    
    list-style-type: none;
    max-height: calc(var(--vh, vh) * 100 - 52px);
    padding-top: var(--space-s)
}

    .header__list > :last-child {
        padding-bottom: 90px
    }

    .header__list > .header__item_has_sublist + .header__item_has_link:after {
        border-radius: 8px 8px 0 0;
        box-shadow: 0 -2px 8px rgba(0,0,0,.08)
    }

    .header__list > .header__item_has_link:after {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--gap) * -1);
        width: calc(100% + var(--gap) * 2);
        height: calc(100% + var(--space-xs));
        background-color: var(--color-bg-ghost);
        z-index: -1
    }

    .header__list > .header__item_first-link {
        padding-top: var(--space-xl)
    }

.header__item {
    position: relative;
    z-index: 1
}

    .header__item:focus {
        outline: none
    }

.header__item_mobile_accordion.header__item_has_sublist:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: calc(100% + var(--gap) * 2);
    height: 100%;
    top: 0;
    left: calc(var(--gap) * -1);
    background-color: var(--color-bg-default);
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 8px rgba(0,0,0,.08)
}

.header__item_mobile_accordion .header__box {
    display: none;
    box-sizing: border-box;
    cursor: default
}

@media screen and (min-width:768px) and (max-width:1070px) {
    .header__item_tablet_hide {
        display: none
    }
}

@media screen and (max-width:767px) {
    .header__item_mobile_hide {
        display: none
    }
}

.header__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--size-typo-l);
    line-height: var(--line-height-typo-m);
    font-weight: 700;
    color: var(--color-typo-primary);
    padding: var(--space-m) 0;
    margin: 0
}

    .header__heading:after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-top: 1px solid rgba(0,0,0,.4);
        border-right: 1px solid rgba(0,0,0,.4);
        transform: rotate(135deg)
    }

.header__subheading {
    color: var(--color-typo-secondary);
    font-size: var(--size-typo-xs);
    line-height: var(--line-height-typo-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 0
}

.header__sublist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: var(--space-xxl)
}

.header__sublist_view_col-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .header__sublist_view_col-2 .header__item {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

.header__sublist_view_articles .header__item {
    width: 60vw;
    margin-right: var(--space-l);
    padding-top: var(--space-s);
    border-top: 1px solid var(--color-bg-border)
}

.header__sublist_view_articles .header__articles-icons {
    display: -ms-flexbox;
    display: flex;
    margin-top: var(--space-s)
}

.header__sublist_view_articles .header__link {
    font-size: var(--size-typo-m);
    line-height: var(--line-height-typo-m)
}

.header__sublist_mobile_row {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--gap);
    margin-bottom: 0
}

.header__mobile-swiper {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: calc(100% + var(--gap) * 2);
    height: 130px;
    margin: var(--space-m) 0;
    left: calc(var(--gap) * -1)
}

.header__link-desc {
    display: none
}

.header__link_level_first {
    display: block;
    font-size: var(--size-typo-m);
    line-height: var(--line-height-typo-m);
    color: var(--color-link);
    padding: var(--space-xs) 0;
    margin-bottom: var(--space-xs)
}

    .header__link_level_first:active, .header__link_level_first:hover {
        color: var(--color-link-hover)
    }

.header__link_level_second {
    display: block;
    font-size: var(--size-typo-s);
    line-height: var(--line-height-typo-m);
    color: var(--color-typo-primary);
    margin-bottom: var(--space-xs)
}

    .header__link_level_second:active, .header__link_level_second:hover {
        color: var(--color-link-hover)
    }

.header__link_has_logo {
    padding-left: var(--space-xxxl);
    position: relative;
    margin-bottom: var(--space-s)
}

    .header__link_has_logo .header__product-logo {
        position: absolute;
        left: -4px;
        top: 0;
        transform: scale(.7);
        transform-origin: left center
    }

.header__box_view_products .header__subheading {
    margin: var(--space-s) 0
}

.header__box_view_products .header__sublist .header__sublist {
    margin-top: 0;
    margin-bottom: var(--space-m)
}

.header__box_view_developers > .header__sublist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

    .header__box_view_developers > .header__sublist .header__item {
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .header__box_view_developers > .header__sublist .header__item_has_link {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

.header__box_view_developers .header__subheading {
    margin: var(--space-s) 0
}

.header__box_view_developers .header__sublist .header__sublist {
    margin-bottom: var(--space-m)
}

.header__box_view_about .header__subheading {
    margin: var(--space-xxl) 0 var(--space-s)
}

@media screen and (max-width:767px) {
    .header__menu {
        --color-bg-default: #fff;
        --color-bg-ghost: #f7f7f7;
        --color-typo-primary: #000;
        --color-typo-secondary: rgba(0,0,0,.6);
        --color-link: #0ac79e;
        --color-link-hover: rgba(0,0,0,.6);
        --color-typo-ghost: rgba(0,0,0,.3)
    }

    .header__heading_mobile_noarrow:after {
        content: normal
    }
}

@media screen and (min-width:768px) {
    .header__mobile-toggler {
        display: none
    }

    .header__nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

        .header__nav > .header__logo {
            width: 100%
        }

            .header__nav > .header__logo:focus {
                outline: none
            }

    .header__menu {
        position: relative;
        height: auto;
        transform: none;
        background: none;
        overflow: visible;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .header__menu-header {
        padding-left: 0;
        display: none
    }

    .header__menu .header__close {
        display: none
    }

    .header__menu .header__logo {
        top: -2px
    }

    .header__list {
        position: static;
        max-height: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0
    }

        .header__list > :last-child {
            padding-bottom: 0
        }

        .header__list > .header__item {
            padding-right: var(--space-xs);
            padding-left: var(--space-xxs)
        }

        .header__list > .header__item_first-link {
            padding-top: 0
        }

        .header__list > .header__item > .header__heading, .header__list > .header__item > .header__link {
            color: var(--color-typo-primary);
            font-weight: 400;
            font-size: calc(var(--size-typo-m) - 2px);
            line-height: 60px;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .header__heading {
        padding-right: var(--space-xs)
    }

        .header__heading:after {
            position: relative;
            height: 4px;
            width: 4px;
            left: 6px;
            top: -3px;
            border-color: var(--color-typo-promo)
        }

    .header__item {
        position: static;
        cursor: pointer;
        margin: 0
    }

        .header__item:last-child {
            padding-right: 0
        }

            .header__item:last-child .header__link:after {
                display: none
            }

    .header__item_has_sublist .header__heading {
        position: relative
    }

        .header__item_has_sublist .header__heading:before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 10px 10px;
            border-color: transparent transparent #fff;
            border-style: inset;
            position: absolute;
            opacity: 0;
            bottom: 0;
            left: 50%;
            will-change: transform;
            transition: all .3s;
            transform: translateX(-50%) translateY(20px) rotate(1turn);
            filter: drop-shadow(0 -3px 3px rgba(0,0,0,.08))
        }

    .header__item_has_sublist.header__item_mobile_accordion:before {
        content: none
    }

    .header__item_has_sublist .header__box {
        display: -ms-flexbox;
        display: flex
    }

    .header__item_has_link:after {
        content: normal !important
    }

    .header__item_has_sublist:hover {
        cursor: pointer
    }

        .header__item_has_sublist:hover .header__heading {
            z-index: 5
        }

            .header__item_has_sublist:hover .header__heading:before {
                opacity: 1;
                transition: all .3s .05s;
                transform: translateX(-50%) translateY(0) rotate(1turn)
            }

        .header__item_has_sublist:hover .header__box {
            z-index: 10000;
            pointer-events: auto;
            visibility: visible;
            opacity: 1;
            transform: translateX(-50%) translateY(0);
            transition: opacity .3s .05s,transform .3s .05s,visibility .05s
        }

    .header__item_sublist_about .header__heading:before {
        border-color: transparent transparent #f7f7f7
    }

    .header__box {
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: -100;
        max-width: 100%;
        box-sizing: content-box !important;
        background: var(--color-bg-default);
        transform: translateX(-50%) translateY(20px);
        padding: var(--col-gap-half);
        border-radius: 4px;
        box-shadow: var(--shadow-default);
        transition: opacity .3s,transform .3s,visibility .1s .3s
    }

    .header__box_view_products {
        width: 840px
    }

        .header__box_view_products .header__subheading {
            margin-bottom: var(--space-xxs)
        }

        .header__box_view_products .header__link_level_first {
            padding-top: var(--col-gap-third);
            padding-bottom: var(--col-gap-third);
            padding-right: var(--col-gap-third);
            position: relative;
            z-index: 1
        }

            .header__box_view_products .header__link_level_first:before {
                content: "";
                position: absolute;
                z-index: -1;
                top: 0;
                bottom: 0;
                right: -6px;
                left: -12px;
                background: var(--color-bg-stripe);
                border-radius: 4px;
                transform: scale(.84);
                opacity: 0;
                transition: all .2s
            }

            .header__box_view_products .header__link_level_first:hover {
                color: var(--color-link)
            }

                .header__box_view_products .header__link_level_first:hover:before {
                    opacity: 1;
                    transform: scale(1)
                }

        .header__box_view_products .header__sublist_view_other-products, .header__box_view_products .header__sublist_view_payments {
            width: 50%;
            margin-bottom: 0
        }

            .header__box_view_products .header__sublist_view_other-products > .header__item, .header__box_view_products .header__sublist_view_payments > .header__item {
                border-bottom: 1px solid var(--color-bg-border)
            }

                .header__box_view_products .header__sublist_view_other-products > .header__item:last-child, .header__box_view_products .header__sublist_view_payments > .header__item:last-child {
                    border-bottom: none
                }

        .header__box_view_products .header__sublist_view_payments {
            padding-right: var(--col-gap-half)
        }

        .header__box_view_products .header__sublist_view_other-products {
            padding-left: var(--col-gap-half);
            position: relative;
            z-index: 1
        }

            .header__box_view_products .header__sublist_view_other-products:before {
                position: absolute;
                z-index: -1;
                content: "";
                display: block;
                top: calc(var(--col-gap-half) * -1);
                bottom: calc(var(--col-gap-half) * -1);
                left: 0;
                right: calc(var(--col-gap-half) * -1);
                background-color: var(--color-bg-ghost)
            }

        .header__box_view_products .header__product-logo {
            top: var(--col-gap-third)
        }

        .header__box_view_products .header__sublist_view_col-2 {
            box-sizing: border-box;
            padding-bottom: var(--space-s)
        }

    .header__box_view_developers {
        width: 440px
    }

        .header__box_view_developers .header__link_level_first {
            padding: 0;
            margin-bottom: var(--space-l)
        }

        .header__box_view_developers .header__sublist {
            margin-bottom: 0
        }

    .header__box_view_about {
        width: 580px
    }

        .header__box_view_about .header__sublist {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-bottom: 0
        }

        .header__box_view_about .header__articles {
            width: 64%;
            padding-left: var(--col-gap-half);
            box-sizing: border-box;
            position: relative;
            z-index: 1
        }

            .header__box_view_about .header__articles:before {
                content: "";
                position: absolute;
                top: calc(var(--gap) * -1);
                bottom: calc(var(--gap) * -1);
                right: calc(var(--gap) * -1);
                left: 0;
                background: var(--color-bg-ghost);
                z-index: -1
            }

            .header__box_view_about .header__articles .header__item {
                width: auto;
                margin-right: 0;
                padding: 0;
                border-top: none;
                border-bottom: 1px solid var(--color-bg-border)
            }

                .header__box_view_about .header__articles .header__item:last-child {
                    border-bottom: none
                }

            .header__box_view_about .header__articles .header__link {
                padding: var(--col-gap-third) 0;
                position: relative
            }

                .header__box_view_about .header__articles .header__link:before {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    bottom: 0;
                    right: -6px;
                    left: -12px;
                    background: var(--color-bg-stripe);
                    border-radius: 4px;
                    transform: scale(.84);
                    opacity: 0;
                    transition: all .2s
                }

                .header__box_view_about .header__articles .header__link:hover {
                    color: var(--color-link)
                }

                    .header__box_view_about .header__articles .header__link:hover:before {
                        opacity: 1;
                        transform: scale(1)
                    }

        .header__box_view_about .header__articles-icons {
            margin-top: var(--space-xs)
        }

        .header__box_view_about .header__mobile-swiper {
            left: 0;
            height: auto;
            width: auto;
            overflow: visible;
            margin: 0
        }

        .header__box_view_about .header__subheading {
            margin-top: var(--space-s)
        }

        .header__box_view_about .header__sublist_mobile_row {
            position: static;
            padding: 0;
            display: block
        }

    .header__link {
        margin-bottom: 0
    }

    .header__link_level_second {
        color: var(--color-link)
    }

    .header__link-desc {
        display: block;
        font-size: var(--size-typo-s);
        line-height: var(--line-height-typo-s);
        color: var(--color-typo-secondary);
        margin: 0
    }
}

@media screen and (min-width:1024px) {
    .header__list > .header__item {
        padding-right: var(--space-s);
        padding-left: var(--space-s)
    }

        .header__list > .header__item > .header__heading, .header__list > .header__item > .header__link {
            font-size: var(--size-typo-m)
        }

    .header__item.header__item_sublist_about, .header__item.header__item_sublist_developers {
        position: relative
    }

    .header__item:last-child .header__link:after {
        display: inline-block
    }

    .header__heading:after {
        left: var(--space-xs)
    }

    .header__box_view_products .header__subheading, .header__box_view_products .header__sublist_view_col-2 {
        padding-left: var(--space-xxxl)
    }

    .header__box_view_about, .header__box_view_developers {
        max-width: calc(100vw - var(--gap) * 2)
    }
}

@media screen and (min-width:1280px) {
    .header__list > .header__item {
        padding-right: var(--space-m);
        padding-left: var(--space-m)
    }

        .header__list > .header__item > .header__heading, .header__list > .header__item > .header__link {
            font-size: var(--size-typo-m)
        }
}

@media screen and (max-width:828px) and (min-width:720px) {
    .header__list > .header__item > .header__heading, .header__list > .header__item > .header__link {
        font-size: var(--size-typo-s)
    }

    .header__sublist_view_col-2 {
        margin-left: var(--space-xxxl)
    }

        .header__sublist_view_col-2 .header__item {
            -ms-flex: 0 1 100%;
            flex: 0 1 100%
        }
}

@media screen and (max-width:767px) {
    .header {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .header__nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.header__logo {
    position: relative;
    display: block;
    max-width: 138px
}

    .header__logo svg {
        max-width: 100%;
        height: auto;
        display: block
    }

@media screen and (max-width:1023px) {
    .header__logo {
        width: 90px
    }
}

@media screen and (min-width:1024px) {
    .header__logo {
        width: 114px
    }
}

@media screen and (max-width:800px) and (min-width:720px) {
    .header__logo {
        max-width: 100px
    }
}

.header__chat {
    opacity: 1;
    visibility: visible;
    bottom: 12px;
    transform: scale(1);
    transform-origin: 0 100% 0;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
    top: auto;
    transition: opacity .1s ease-in-out;
    width: 50px;
    height: 50px;
    right: calc(100% - 70px);
    font-family: Yandex Sans Text Web,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-size: 12px;
    color: #000;
    border-radius: 50%;
    box-shadow: 0 0 14px 0 rgba(0,0,0,.15);
    z-index: 2147483646 !important;
    position: fixed !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: inline-block !important;
    overflow: hidden !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI2NiIgdmlld0JveD0iMCAwIDY2IDY2Ij4KICA8ZyBmaWxsPSJub25lIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSAtMSkiPgogICAgPGNpcmNsZSBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4KICAgIDxnIGZpbGw9IiMwMDk5NUYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwIDIwKSI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIxNiIgcng9IjMiLz4KICAgICAgPHBhdGggZD0iTTEwLDE1IEwxOSwxNSBMMTksMTkuMTMxNDgyOSBDMTksMTkuNjgzNzY3NyAxOC41NTIyODQ3LDIwLjEzMTQ4MjkgMTgsMjAuMTMxNDgyOSBDMTcuODAyNTc1LDIwLjEzMTQ4MjkgMTcuNjA5NTY3MywyMC4wNzMwNDQ5IDE3LjQ0NTI5OTgsMTkuOTYzNTMzMiBMMTAsMTUgWiIvPgogICAgPC9nPgogICAgPHBhdGggZmlsbD0iIzAwRThBNiIgZD0iTTIzLDE4IEwyMywyMi4wNzkzNDQ0IEMyMywyMi42MzE2MjkyIDIyLjU1MjI4NDcsMjMuMDc5MzQ0NCAyMiwyMy4wNzkzNDQ0IEMyMS43OTQ4Mjc5LDIzLjA3OTM0NDQgMjEuNTk0NjIxMiwyMy4wMTYyMzQ4IDIxLjQyNjUzNzcsMjIuODk4NTc2NCBMMTQuNDI4NTcxNCwxOCBMMywxOCBDMS4zNDMxNDU3NSwxOCAyLjAyOTA2MTI1ZS0xNiwxNi42NTY4NTQyIDAsMTUgTDAsMyBDLTIuMDI5MDYxMjVlLTE2LDEuMzQzMTQ1NzUgMS4zNDMxNDU3NSwtNS44MzgxOTIzMmUtMTYgMywtOC44ODE3ODQyZS0xNiBMMjUsLTkuODYwNzYxMzJlLTMyIEMyNi42NTY4NTQyLC0zLjA0MzU5MTg4ZS0xNiAyOCwxLjM0MzE0NTc1IDI4LDMgTDI4LDE1IEMyOCwxNi42NTY4NTQyIDI2LjY1Njg1NDIsMTggMjUsMTggTDIzLDE4IFoiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDQzIDI5KSIvPgogICAgPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjIiIHg9IjIwIiB5PSIzNSIgZmlsbD0iIzkwRjdFMCIgcng9IjEiLz4KICAgIDxyZWN0IHdpZHRoPSIxMyIgaGVpZ2h0PSIyIiB4PSIyMCIgeT0iMzkiIGZpbGw9IiM5MEY3RTAiIHJ4PSIxIi8+CiAgPC9nPgo8L3N2Zz4K");
    background-color: #1f49a3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.page_system_iOS .header__chat {
    bottom: 32px !important
}

.button {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.tpl-layout__container {
    width: 100%
}

.pt-icon-plus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.pt-icon-plus__icon {
    margin-top: .2em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.icon {
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    background: 50% no-repeat
}

    .icon:empty:after {
        visibility: hidden;
        content: "\00A0"
    }

    .icon > img, .icon > svg {
        margin: -5.15em 0 -5em;
        vertical-align: middle
    }

.icon {
    transition: fill .3s ease
}

    .icon svg {
        display: block;
        margin: 0
    }

a:hover .icon_view_link {
    fill: var(--color-link-hover)
}

.text_size_m {
    font-size: var(--size-typo-m);
    line-height: var(--line-height-typo-m)
}

.product-logo {
    position: relative;
    width: 40px;
    height: 40px;
    background-position: 50%;
    background-repeat: no-repeat;
    --logo-color-brand: var(--color-bg-brand);
    --logo-color-dark: #0156b2;
    --logo-color-light: #4abef7;
    --logo-color-accent: #00eebc;
    --animation-timing: 8s;
    font-size: 6.3px;
    z-index: 1
}

.product-logo_circle_white {
    background-color: #fff;
    border-radius: 50%;
    border: var(--space-s) solid #fff
}

.product-logo_name_viplati:after {
    content: "";
    position: absolute;
    top: 1.4em;
    left: .4em;
    width: 3.1em;
    height: 4.5em;
    background: var(--logo-color-brand)
}

.product-logo_name_viplati > div {
    position: absolute;
    top: .4em;
    left: 2.5em;
    width: 3.3em;
    height: 4.6em;
    background: var(--logo-color-accent)
}

    .product-logo_name_viplati > div:before {
        content: "";
        position: absolute;
        top: 1.1em;
        left: 0;
        width: 2em;
        height: 2.7em;
        border-radius: 0 2em 2em 0;
        background: #fff
    }

    .product-logo_name_viplati > div:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1em;
        height: 4.6em;
        background: var(--logo-color-dark);
        transform-origin: top left;
        transform: skewY(42deg) scaleX(1) translate(0)
    }

.product-logo_name_viplati.product-logo_animated:after {
    animation: d var(--animation-timing) ease infinite
}

.product-logo_name_viplati.product-logo_animated > div {
    animation: c var(--animation-timing) ease infinite
}

    .product-logo_name_viplati.product-logo_animated > div:after {
        animation: e var(--animation-timing) ease infinite
    }

@keyframes c {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-.5em)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes d {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(.5em)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes e {
    0% {
        transform: skewY(42deg) scaleX(1)
    }

    50% {
        transform: skewY(24deg) scaleX(2)
    }

    to {
        transform: skewY(42deg) scaleX(1)
    }
}

.product-logo_name_b2b > div {
    position: absolute;
    top: 1.5em;
    width: 4em;
    height: 3.1em;
    background: var(--logo-color-brand)
}

    .product-logo_name_b2b > div:after {
        content: "";
        position: absolute;
        top: 1.8em;
        left: 0;
        width: 2.7em;
        border-bottom: 3em solid var(--logo-color-dark);
        border-right: 1.2em solid transparent
    }

    .product-logo_name_b2b > div:before {
        content: "";
        position: absolute;
        top: -1.8em;
        left: -.2em;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        background: var(--logo-color-accent)
    }

.product-logo_name_b2b.product-logo_animated > div:before {
    animation: h var(--animation-timing) ease infinite
}

.product-logo_name_registraciya:before {
    content: "";
    position: absolute;
    top: .8em;
    left: 1.4em;
    border-bottom: 4.9em solid var(--logo-color-brand);
    border-right: 4.8em solid transparent
}

.product-logo_name_registraciya:after {
    content: "";
    position: absolute;
    top: .5em;
    left: 0;
    width: 2.7em;
    height: 2.7em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_registraciya.product-logo_animated:after {
    animation: f var(--animation-timing) ease infinite
}

@keyframes f {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(.5em,1.5em)
    }

    to {
        transform: translate(0)
    }
}

.product-logo_name_antifraud:before {
    content: "";
    position: absolute;
    top: 1.4em;
    left: 2em;
    width: 2.2em;
    height: 2.2em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_antifraud > div:first-child:before {
    left: .4em;
    transform: skewY(-31deg);
    transform-origin: top left
}

.product-logo_name_antifraud > div:first-child:after, .product-logo_name_antifraud > div:first-child:before {
    content: "";
    position: absolute;
    top: 1.6em;
    width: 2.75em;
    height: 2.6em;
    background: var(--logo-color-dark);
    z-index: -1
}

.product-logo_name_antifraud > div:first-child:after {
    right: .4em;
    transform: skewY(31deg);
    transform-origin: top right
}

.product-logo_name_antifraud > div:nth-child(2):before {
    content: "";
    position: absolute;
    top: 2.75em;
    left: .4em;
    width: 2.75em;
    height: 2em;
    background: var(--logo-color-brand);
    transform: skewY(28deg);
    transform-origin: top left
}

.product-logo_name_antifraud > div:nth-child(2):after {
    content: "";
    position: absolute;
    top: 2.75em;
    right: .4em;
    width: 2.75em;
    height: 2em;
    background: var(--logo-color-brand);
    transform: skewY(-28deg);
    transform-origin: top right
}

.product-logo_name_antifraud.product-logo_animated:before {
    animation: g var(--animation-timing) ease infinite
}

@keyframes g {
    0% {
        transform: translateY(-.2em)
    }

    50% {
        transform: translateY(.8em)
    }

    to {
        transform: translateY(-.2em)
    }
}

.product-logo_name_biznes-market:before {
    content: "";
    position: absolute;
    top: 2.6em;
    left: 1.45em;
    width: 3.4em;
    height: 3.4em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_biznes-market > div:before {
    content: "";
    position: absolute;
    top: .3em;
    right: 1.45em;
    width: 3em;
    height: 3.9em;
    background: var(--logo-color-dark);
    transform-origin: top right;
    transform: skewX(20deg)
}

.product-logo_name_biznes-market > div:after {
    content: "";
    position: absolute;
    top: .3em;
    left: 1.05em;
    width: 3.75em;
    height: 3.9em;
    background: var(--logo-color-brand);
    transform-origin: top left;
    transform: skewX(-15deg)
}

.product-logo_name_recepti:before {
    content: "";
    position: absolute;
    top: 1.5em;
    left: .7em;
    width: 3.5em;
    height: 5em;
    background: var(--logo-color-dark)
}

.product-logo_name_recepti:after {
    content: "";
    position: absolute;
    top: 4.3em;
    left: 3.7em;
    width: 2.4em;
    height: 2.4em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_recepti > div {
    position: absolute;
    top: 2.5em;
    left: 3.2em;
    width: 1.8em;
    height: 5em;
    background: var(--logo-color-brand)
}

    .product-logo_name_recepti > div:before {
        content: "";
        position: absolute;
        top: 0;
        left: -1.6em;
        border-bottom: 2em solid var(--logo-color-accent);
        border-left: 1.6em solid transparent
    }

    .product-logo_name_recepti > div:after {
        content: "";
        position: absolute;
        top: 1.5em;
        left: -1.6em;
        width: 1.6em;
        height: 3.5em;
        border-radius: 1em 0 0 0;
        background: var(--logo-color-brand)
    }

.product-logo_name_recepti.product-logo_animated > div:before {
    animation: h var(--animation-timing) ease infinite
}

@keyframes h {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(1.2em)
    }

    to {
        transform: translateY(0)
    }
}

.product-logo_name_kontekstnaya-reklama:before {
    content: "";
    position: absolute;
    top: 1.4em;
    left: 2.3em;
    width: 3.4em;
    height: 3.4em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_kontekstnaya-reklama:after {
    content: "";
    position: absolute;
    top: 4.3em;
    left: .8em;
    width: 1.4em;
    height: 2.2em;
    background: var(--logo-color-brand);
    border-radius: 0 0 30% 30%
}

.product-logo_name_kontekstnaya-reklama > div:before {
    content: "";
    position: absolute;
    top: 1.8em;
    left: .3em;
    width: 1.9em;
    height: 2.7em;
    background: var(--logo-color-brand);
    border-radius: 55% 0 0 55%
}

.product-logo_name_kontekstnaya-reklama > div:after {
    content: "";
    position: absolute;
    top: 1.8em;
    left: .8em;
    width: 2.7em;
    border-bottom: 2.5em solid var(--logo-color-dark);
    border-right: 1.2em solid transparent;
    border-left: 1.2em solid transparent;
    transform: rotate(-90deg)
}

.product-logo_name_biznes-market.product-logo_animated > div:before {
    transform: skewX(20deg);
    animation: i var(--animation-timing) ease infinite
}

.product-logo_name_biznes-market.product-logo_animated > div:after {
    transform: skewX(-15deg);
    animation: j var(--animation-timing) ease infinite
}

@keyframes i {
    0% {
        transform: skewX(20deg)
    }

    50% {
        transform: skewX(24deg)
    }

    to {
        transform: skewX(20deg)
    }
}

@keyframes j {
    0% {
        transform: skewX(-15deg)
    }

    50% {
        transform: skewX(-19deg)
    }

    to {
        transform: skewX(-15deg)
    }
}

.product-logo_name_split {
    background-image: url(https://kassa.yandex.ru/assets/images/product-logo/split.svg);
    background-size: cover;
    width: 34px;
    height: 28px
}

.authorisation-popup {
    position: relative;
    cursor: pointer;
    color: var(--color-link)
}

    .authorisation-popup .text_letter_rest {
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100px;
        overflow: hidden
    }

@media screen and (max-width:1024px) {
    .authorisation-popup .text_letter_rest {
        max-width: 50px
    }
}

@media screen and (max-width:720px) {
    .authorisation-popup .text_letter_rest {
        max-width: 200px
    }
}

.avatar__photo {
    border-radius: 50%;
    height: 100%;
    overflow: hidden;
    background-image: url(https://kassa.yandex.ru/node_modules/whitepaper-bem/avatar/__photo/default.svg);
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    background-image: url(https://kassa.yandex.ru/assets/logos/default_avatar.svg);
    width: 42px;
    height: 42px
}

@media screen and (max-width:1024px) {
    .avatar__photo {
        display: none
    }
}

@media screen and (max-width:720px) {
    .avatar__photo {
        display: inline-block
    }
}

.decorator_indent-r_s {
    margin-right: var(--space-s)
}

.authorisation-popup__button {
    cursor: pointer
}

.authorisation-popup__popup {
    position: absolute;
    min-width: 180px;
    left: -35px;
    top: 60px;
    box-shadow: var(--shadow-default);
    padding: var(--space-l) var(--space-xxl);
    background: var(--color-bg-section);
    z-index: 20000;
    line-height: 2
}

.authorisation-popup__popup_state_active {
    display: block;
    opacity: 1;
    transition: opacity .3s linear
}

.authorisation-popup__popup_state_hidden {
    opacity: 0;
    transition: opacity .3s linear;
    display: none
}

@media screen and (max-width:1280px) {
    .authorisation-popup__popup {
        left: -20px;
        min-width: 120px;
        font-size: calc(var(--size-typo-m) - 2px)
    }
}

@media screen and (max-width:720px) {
    .authorisation-popup__popup {
        left: 0;
        background: transparent;
        padding: var(--space-s);
        font-size: var(--size-typo-m)
    }
}

.authorisation-popup__link {
    color: var(--color-typo-primary)
}

.search-form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 20px
}

.search-form__input_hide {
    display: none
}

.search-form__close {
    width: 20px;
    height: 20px;
    background-image: url(https://kassa.yandex.ru/assets/images/control-elements/search/close.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 9px
}

.search-form__close_hide {
    display: none
}

.search-form__input {
    position: absolute;
    z-index: 100000
}

.search-form__input_mobile_center {
    width: 95vw;
    top: 14px;
    left: 50%;
    transform: translateX(-50%)
}

.search-form__loupe {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    cursor: pointer
}

    .search-form__loupe svg {
        width: 20px
    }

.search-form__loupe_hide {
    visibility: hidden
}

.search-form__loupe-text {
    color: var(--color-typo-primary);
    display: none
}

.search-form__loupe_mobile {
    display: none
}

@media screen and (max-width:767px) {
    .search-form__loupe_mobile {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .search-form__loupe_hide {
        visibility: hidden
    }

    .search-form__loupe-text {
        display: block;
        margin-left: 10px;
        font-size: 13px
    }

    .search-form__loupe {
        border: 1px solid var(--color-bg-system);
        border-radius: 5px;
        padding: 5px 15px;
        color: hsla(0,0%,100%,.7)
    }
}

@media screen and (max-width:1023px) {
    .search-form__loupe svg {
        width: 16px
    }
}

.section {
    position: relative;
    padding: 92px 0;
    box-sizing: border-box
}

@media screen and (max-width:1023px) {
    .section__fraction_s_space-xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .section_with-split {
        padding: 0
    }
}

@media screen and (max-width:719px) {
    .section__fraction_xs_space-xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .section__fraction_xs_space-l {
        padding-bottom: var(--space-l)
    }
}

@media screen and (min-width:1024px) {
    .section_vertical-align_center {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.section_height_screen {
    min-height: 100vh
}

@media screen and (max-width:1279px) {
    .section_height_screen {
        min-height: auto
    }
}

.section_view_default {
    --bright-mod: 1.45;
    --shade-mod: 0.6;
    --color-bg-section: var(--color-bg-default);
    position: relative;
    background: var(--color-bg-section)
}

    .section_view_default:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin: 0 -50vw;
        background: var(--color-bg-section);
        z-index: -1
    }

.tpl-grid {
    display: grid;
    width: 100%
}

.tpl-grid_col-gap_third {
    grid-column-gap: var(--col-gap-third)
}

.tpl-grid_xs-columns_2 {
    grid-template-columns: repeat(2,1fr)
}

.tpl-grid_xs-columns_3 {
    grid-template-columns: repeat(3,1fr)
}

@media screen and (max-width:719px) {
    .tpl-grid_xs-ratio_1-1-1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        grid-template-columns: 1fr 1fr 1fr
    }

        .tpl-grid_xs-ratio_1-1-1 .tpl-grid__fraction {
            padding: var(--col-gap-half);
            box-sizing: border-box
        }
}

@media screen and (max-width:1023px) {
    .tpl-grid_s-max-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

        .tpl-grid_s-max-ratio_1-1 .tpl-grid__fraction {
            padding: var(--col-gap-half);
            box-sizing: border-box
        }

    .tpl-grid_s-hidden_on_mobile {
        display: none
    }
}

@media screen and (max-width:719px) {
    .tpl-grid_xs-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

        .tpl-grid_xs-ratio_1-1 .tpl-grid__fraction {
            padding: var(--col-gap-half);
            box-sizing: border-box
        }
}

@media screen and (min-width:720px) {
    .tpl-grid_s-ratio_1-1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .tpl-grid_s-ratio_1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .tpl-grid_s-ratio_1-1-1 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .tpl-grid_s-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

    .tpl-grid_s-ratio_1-2 {
        grid-template-columns: 1fr 2fr
    }

    .tpl-grid_s-columns_5 {
        grid-template-columns: repeat(5,1fr)
    }

    .tpl-grid_s-columns_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .tpl-grid_s-columns_8 {
        grid-template-columns: repeat(8,1fr)
    }

    .tpl-grid_s_pt-none {
        padding-top: 0
    }

    .tpl-grid_l-ratio_5-1_6 {
        grid-template-columns: 5fr 1.6fr
    }
}

@media screen and (min-width:1024px) {
    .tpl-grid_m-ratio_1-1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .tpl-grid_m-ratio_1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .tpl-grid_m-ratio_1-1-1 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .tpl-grid_m-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

    .tpl-grid_m-columns_12 {
        grid-template-columns: repeat(12,1fr)
    }

    .tpl-grid_m-columns_10 {
        grid-template-columns: repeat(10,1fr)
    }

    .tpl-grid_m-columns_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .tpl-grid_m-hidden_on_desktop {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .tpl-grid_l-ratio_1-1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .tpl-grid_l-ratio_1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .tpl-grid_l-ratio_1-1-1 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .tpl-grid_l-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

    .tpl-grid_l-columns_12 {
        grid-template-columns: repeat(12,1fr)
    }

    .tpl-grid_l-columns_10 {
        grid-template-columns: repeat(10,1fr)
    }

    .tpl-grid_l-columns_6 {
        grid-template-columns: repeat(6,1fr)
    }
}

@media screen and (min-width:1440px) {
    .tpl-grid_xl-ratio_1-1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr
    }

    .tpl-grid_xl-ratio_1-1-1-1 {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .tpl-grid_xl-ratio_1-1-1 {
        grid-template-columns: 1fr 1fr 1fr
    }

    .tpl-grid_xl-ratio_1-1 {
        grid-template-columns: 1fr 1fr
    }

    .tpl-grid_xl-columns_12 {
        grid-template-columns: repeat(12,1fr)
    }

    .tpl-grid_xl-columns_10 {
        grid-template-columns: repeat(10,1fr)
    }

    .tpl-grid_xl-columns_6 {
        grid-template-columns: repeat(6,1fr)
    }

    .tpl-grid_xl-ratio_1-5_3 {
        grid-template-columns: 1fr 5.3fr
    }
}

.tpl-grid_col-gap_full {
    grid-column-gap: var(--col-gap-full)
}

.tpl-grid_vertical-align_center {
    -ms-flex-align: center;
    align-items: center
}

.tpl-grid__fraction {
    min-width: 0
}

.tpl-grid__fraction_xs-col_1 {
    grid-column: span 1
}

.tpl-grid__fraction_xs-col_2 {
    grid-column: span 2
}

.tpl-grid__fraction_xs-col_3 {
    grid-column: span 3
}

@media screen and (max-width:719px) {
    .tpl-grid__fraction_xs-order_-1 {
        -ms-flex-order: -1;
        order: -1
    }

    .tpl-grid__fraction_xs-order_0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tpl-grid__fraction_xs-order_1 {
        -ms-flex-order: 1;
        order: 1
    }

    .tpl-grid__fraction_xs-row_1 {
        grid-row: span 1
    }

    .tpl-grid__fraction_xs-row_2 {
        grid-row: span 2
    }

    .tpl-grid__fraction_xs-row_3 {
        grid-row: span 3
    }
}

@media screen and (max-width:720px) {
    .tpl-grid__fraction_xs-col_hidden {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .tpl-grid__fraction_s-col_hidden {
        display: none
    }

    .tpl-grid__fraction_s-order_-1 {
        -ms-flex-order: -1;
        order: -1
    }

    .tpl-grid__fraction_s-order_0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tpl-grid__fraction_s-order_1 {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width:720px) {
    .tpl-grid__fraction_s-col_1 {
        grid-column: span 1
    }

    .tpl-grid__fraction_s-col_2 {
        grid-column: span 2
    }

    .tpl-grid__fraction_s-col_3 {
        grid-column: span 3
    }

    .tpl-grid__fraction_s-col_4 {
        grid-column: span 4
    }

    .tpl-grid__fraction_s-col_5 {
        grid-column: span 5
    }

    .tpl-grid__fraction_s-col_6 {
        grid-column: span 6
    }

    .tpl-grid__fraction_s-col_7 {
        grid-column: span 7
    }

    .tpl-grid__fraction_s-col_8 {
        grid-column: span 8
    }

    .tpl-grid__fraction_s-col_9 {
        grid-column: span 9
    }

    .tpl-grid__fraction_s-col_10 {
        grid-column: span 10
    }

    .tpl-grid__fraction_s-col_11 {
        grid-column: span 11
    }

    .tpl-grid__fraction_s-col_12 {
        grid-column: span 12
    }

    .tpl-grid__fraction_s-row_1 {
        grid-row: span 1
    }

    .tpl-grid__fraction_s-row_2 {
        grid-row: span 2
    }

    .tpl-grid__fraction_s-row_3 {
        grid-row: span 3
    }
}

@media screen and (min-width:1024px) {
    .tpl-grid__fraction_m-col_1 {
        grid-column: span 1
    }

    .tpl-grid__fraction_m-col_2 {
        grid-column: span 2
    }

    .tpl-grid__fraction_m-col_3 {
        grid-column: span 3
    }

    .tpl-grid__fraction_m-col_4 {
        grid-column: span 4
    }

    .tpl-grid__fraction_m-col_5 {
        grid-column: span 5
    }

    .tpl-grid__fraction_m-col_6 {
        grid-column: span 6
    }

    .tpl-grid__fraction_m-col_7 {
        grid-column: span 7
    }

    .tpl-grid__fraction_m-col_8 {
        grid-column: span 8
    }

    .tpl-grid__fraction_m-col_9 {
        grid-column: span 9
    }

    .tpl-grid__fraction_m-col_10 {
        grid-column: span 10
    }

    .tpl-grid__fraction_m-col_11 {
        grid-column: span 11
    }

    .tpl-grid__fraction_m-col_12 {
        grid-column: span 12
    }

    .tpl-grid__fraction_m-row_1 {
        grid-row: span 1
    }

    .tpl-grid__fraction_m-row_2 {
        grid-row: span 2
    }

    .tpl-grid__fraction_m-row_3 {
        grid-row: span 3
    }

    .tpl-grid__fraction_m-order_-1 {
        -ms-flex-order: -1;
        order: -1
    }

    .tpl-grid__fraction_m-order_0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tpl-grid__fraction_m-order_1 {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width:1279px) {
    .tpl-grid__fraction_m-col_hidden {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .tpl-grid__fraction_l-col_1 {
        grid-column: span 1
    }

    .tpl-grid__fraction_l-col_2 {
        grid-column: span 2
    }

    .tpl-grid__fraction_l-col_3 {
        grid-column: span 3
    }

    .tpl-grid__fraction_l-col_4 {
        grid-column: span 4
    }

    .tpl-grid__fraction_l-col_5 {
        grid-column: span 5
    }

    .tpl-grid__fraction_l-col_6 {
        grid-column: span 6
    }

    .tpl-grid__fraction_l-col_7 {
        grid-column: span 7
    }

    .tpl-grid__fraction_l-col_8 {
        grid-column: span 8
    }

    .tpl-grid__fraction_l-col_9 {
        grid-column: span 9
    }

    .tpl-grid__fraction_l-col_10 {
        grid-column: span 10
    }

    .tpl-grid__fraction_l-col_11 {
        grid-column: span 11
    }

    .tpl-grid__fraction_l-col_12 {
        grid-column: span 12
    }

    .tpl-grid__fraction_l-row_1 {
        grid-row: span 1
    }

    .tpl-grid__fraction_l-row_2 {
        grid-row: span 2
    }

    .tpl-grid__fraction_l-row_3 {
        grid-row: span 3
    }

    .tpl-grid__fraction_l-order_-1 {
        -ms-flex-order: -1;
        order: -1
    }

    .tpl-grid__fraction_l-order_0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tpl-grid__fraction_l-order_1 {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width:1439px) {
    .tpl-grid__fraction_l-col_hidden {
        display: none
    }
}

@media screen and (min-width:1440px) {
    .tpl-grid__fraction_xl-col_1 {
        grid-column: span 1
    }

    .tpl-grid__fraction_xl-col_2 {
        grid-column: span 2
    }

    .tpl-grid__fraction_xl-col_3 {
        grid-column: span 3
    }

    .tpl-grid__fraction_xl-col_4 {
        grid-column: span 4
    }

    .tpl-grid__fraction_xl-col_5 {
        grid-column: span 5
    }

    .tpl-grid__fraction_xl-col_6 {
        grid-column: span 6
    }

    .tpl-grid__fraction_xl-col_7 {
        grid-column: span 7
    }

    .tpl-grid__fraction_xl-col_8 {
        grid-column: span 8
    }

    .tpl-grid__fraction_xl-col_9 {
        grid-column: span 9
    }

    .tpl-grid__fraction_xl-col_10 {
        grid-column: span 10
    }

    .tpl-grid__fraction_xl-col_11 {
        grid-column: span 11
    }

    .tpl-grid__fraction_xl-col_12 {
        grid-column: span 12
    }

    .tpl-grid__fraction_xl-row_1 {
        grid-row: span 1
    }

    .tpl-grid__fraction_xl-row_2 {
        grid-row: span 2
    }

    .tpl-grid__fraction_xl-row_3 {
        grid-row: span 3
    }

    .tpl-grid__fraction_xl-order_-1 {
        -ms-flex-order: -1;
        order: -1
    }

    .tpl-grid__fraction_xl-order_0 {
        -ms-flex-order: 0;
        order: 0
    }

    .tpl-grid__fraction_xl-order_1 {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width:1599px) {
    .tpl-grid__fraction_xl-col_hidden {
        display: none
    }
}

.text_type_h1-promo {
    margin-top: 0;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.text_size_xxxxl {
    font-size: var(--size-typo-xxxxl);
    line-height: var(--line-height-typo-xxxxl)
}

.text_view_primary {
    color: var(--color-typo-primary)
}

.decorator_indent-b_xxxl {
    margin-bottom: var(--space-xxxl)
}

.text_short_medium {
    max-width: 600px
}

.text_size_l {
    font-size: var(--size-typo-l);
    line-height: var(--line-height-typo-l)
}

.text_view_white {
    color: #fff
}

.text_align_left {
    text-align: left
}

.decorator_space-v_s {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s)
}

.text_weight_regular {
    font-weight: 400
}

.text_view_secondary {
    color: var(--color-typo-secondary)
}

.decorator_indent-b_l {
    margin-bottom: var(--space-l)
}

.decorator_indent-t_s {
    margin-top: var(--space-s)
}

.icon_view_link {
    fill: var(--color-link);
    text-decoration: none;
    cursor: pointer;
    transition: .3s ease
}

    .icon_view_link:hover {
        fill: var(--color-link-hover)
    }

.illustration {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 600px;
    margin: 0 auto;
    -ms-flex-align: center;
    align-items: center
}

@keyframes k {
    0% {
        transform: translateY(-20px)
    }

    to {
        transform: translateY(20px)
    }
}

.image {
    border: 0;
    display: block;
    height:80% !important;
}

.illustration_name_54fz {
    transform: translateZ(-1000px);
    transform-style: preserve-3d;
    
        
}

   

@keyframes l {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@keyframes m {
    0% {
        filter: blur(0)
    }

    to {
        filter: blur(6px)
    }
}

@keyframes n {
    0% {
        transform: translateY(74%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes o {
    0% {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,0),0 27px 0 0 hsla(0,0%,100%,0),0 47px 0 0 hsla(0,0%,100%,0),0 69px 0 0 hsla(0,0%,100%,0),0 99px 0 0 hsla(0,0%,100%,0)
    }

    18% {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,0),0 27px 0 0 hsla(0,0%,100%,0),0 47px 0 0 hsla(0,0%,100%,0),0 69px 0 0 hsla(0,0%,100%,0),0 99px 0 0 hsla(0,0%,100%,.05)
    }

    34% {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,0),0 27px 0 0 hsla(0,0%,100%,0),0 47px 0 0 hsla(0,0%,100%,0),0 69px 0 0 hsla(0,0%,100%,.05),0 99px 0 0 hsla(0,0%,100%,.05)
    }

    44% {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,0),0 27px 0 0 hsla(0,0%,100%,0),0 47px 0 0 hsla(0,0%,100%,.05),0 69px 0 0 hsla(0,0%,100%,.05),0 99px 0 0 hsla(0,0%,100%,.05)
    }

    62% {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,0),0 27px 0 0 hsla(0,0%,100%,.1),0 47px 0 0 hsla(0,0%,100%,.05),0 69px 0 0 hsla(0,0%,100%,.05),0 99px 0 0 hsla(0,0%,100%,.05)
    }

    to {
        box-shadow: 0 13px 0 0 hsla(0,0%,100%,.05),0 27px 0 0 hsla(0,0%,100%,.1),0 47px 0 0 hsla(0,0%,100%,.05),0 69px 0 0 hsla(0,0%,100%,.05),0 99px 0 0 hsla(0,0%,100%,.05)
    }
}

.section_view_dark {
    --bright-mod: 1.25;
    --shade-mod: 0.8;
    --color-bg-section: #1a3d8a;
    position: relative;
    background: var(--color-bg-section)
}

    .section_view_dark:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin: 0 -50vw;
        background: var(--color-bg-section);
        z-index: -1
    }

.tpl-grid_row-gap_full {
    grid-row-gap: var(--col-gap-full)
}

.vector {
    width: 72px;
    height: 72px
}

.vector_name_money #VectorNameMoneyBanknote2 {
    animation: p 10s ease infinite
}

.vector_name_money #VectorNameMoneyBanknote3 {
    animation: q 10s ease infinite
}

.vector_name_money #VectorNameMoneyCoin2 {
    animation: r 10s ease infinite
}

.vector_name_money #VectorNameMoneyCoin3 {
    animation: s 10s ease infinite
}

@keyframes p {
    0% {
        transform: translateY(0)
    }

    3% {
        transform: translateY(9px)
    }

    7% {
        transform: translateY(-3px)
    }

    9% {
        transform: translateY(0)
    }
}

@keyframes q {
    0% {
        transform: translateY(0)
    }

    3% {
        transform: translateY(18px)
    }

    7% {
        transform: translateY(-6px)
    }

    9% {
        transform: translateY(0)
    }
}

@keyframes r {
    0% {
        transform: translateY(0)
    }

    3% {
        transform: translateY(2px)
    }

    7% {
        transform: translateY(-2px)
    }

    9% {
        transform: translateY(0)
    }
}

@keyframes s {
    0% {
        transform: translateY(0)
    }

    3% {
        transform: translateY(4px)
    }

    7% {
        transform: translateY(-4px)
    }

    9% {
        transform: translateY(0)
    }
}

.decorator_indent-b_xl {
    margin-bottom: var(--space-xl)
}

.text_type_h2 {
    margin: 48px 0 20px;
    margin-top: 0
}

.text_size_xl {
    font-size: var(--size-typo-xl);
    line-height: var(--line-height-typo-xl)
}

.text_type_p {
    margin: 15px 0 21px;
    line-height: 25px;
    margin-top: 0;
    line-height: var(--line-height-typo-m)
}

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

.text_view_link {
    color: var(--color-link);
    text-decoration: none;
    cursor: pointer;
    transition: .3s ease
}

    .text_view_link:hover {
        color: var(--color-link-hover)
    }

.text_view_success {
    color: var(--color-typo-success)
}

.vector_name_law #VectorNameLawHammer {
    transform-origin: 60px 44px;
    animation: t 5s -3.1s ease infinite
}

.vector_name_law #VectorNameLawWood {
    transform-origin: 21.5px 60.5px;
    animation: u 5s -3.1s ease infinite
}

@keyframes t {
    0% {
        transform: rotate(0deg) translate(0)
    }

    10% {
        transform: rotate(7deg) translateY(-4px)
    }

    15% {
        transform: rotate(-30deg) translateY(-7px)
    }

    20% {
        transform: rotate(0deg) translate(0)
    }
}

@keyframes u {
    0% {
        transform: rotate(0deg) translateY(0)
    }

    15% {
        transform: rotate(0deg) translateY(0)
    }

    17% {
        transform: rotate(5deg) translateY(-1px)
    }

    19% {
        transform: rotate(-5deg) translateY(-2px)
    }

    21% {
        transform: rotate(-5deg) translateY(-1px)
    }

    23% {
        transform: rotate(0deg) translateY(0)
    }
}

.vector_name_connection #VectorNameConnectionPlug {
    animation: v 5s ease infinite
}

.vector_name_connection #VectorNameConnectionSocket {
    animation: w 5s ease infinite
}

@keyframes v {
    0% {
        transform: translate(0)
    }

    5% {
        transform: translate(5px,5px)
    }

    20% {
        transform: translate(5px,5px)
    }

    25% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

@keyframes w {
    0% {
        transform: translate(0)
    }

    5% {
        transform: translate(-5px,-5px)
    }

    20% {
        transform: translate(-5px,-5px)
    }

    25% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

.text_type_h2-promo {
    margin-top: 0;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual
}

.text_size_xxxl {
    font-size: var(--size-typo-xxxl);
    line-height: var(--line-height-typo-xxxl)
}

.text_display {
    &_inline:inline
}

.text_display_inline-block {
    display: inline-block
}

.decorator_indent-b_xxl {
    margin-bottom: var(--space-xxl)
}

.decorator_indent-r_xxxl {
    margin-right: var(--space-xxxl)
}

.tpl-grid_col-gap_half {
    grid-column-gap: var(--col-gap-half)
}

.decorator_indent-b_xxxxxl {
    margin-bottom: var(--space-xxxxxl)
}

.decorator_indent-b_m {
    margin-bottom: var(--space-m)
}

.icon_size_m {
    width: 24px;
    height: 24px
}

.icon_round_ghost {
    background-repeat: no-repeat;
    padding: var(--space-s);
    border-radius: 50%;
    background-color: var(--color-bg-ghost)
}

.icon_view_success {
    fill: var(--color-typo-success);
    fill: var(--color-bg-success)
}

.decorator__padding_bottom_xxxs {
    padding-bottom: var(--space-xxxs)
}

.decorator__padding_bottom_xxs {
    padding-bottom: var(--space-xxs)
}

.decorator__padding_bottom_xs {
    padding-bottom: var(--space-xs)
}

.decorator__padding_bottom_s {
    padding-bottom: var(--space-s)
}

.decorator__padding_bottom_m {
    padding-bottom: var(--space-m)
}

.decorator__padding_bottom_l {
    padding-bottom: var(--space-l)
}

.decorator__padding_bottom_xl {
    padding-bottom: var(--space-xl)
}

.decorator__padding_bottom_xxl {
    padding-bottom: var(--space-xxl)
}

.decorator__padding_bottom_xxxl {
    padding-bottom: var(--space-xxxl)
}

.decorator__padding_bottom_xxxxl {
    padding-bottom: var(--space-xxxxl)
}

.decorator__padding_bottom_xxxxxl {
    padding-bottom: var(--space-xxxxxl)
}

.decorator__padding_bottom_xxxxxxl {
    padding-bottom: var(--space-xxxxxxl)
}

@media screen and (min-width:320px) and (max-width:719px) {
    .decorator__padding_xs-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_xs-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_xs-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_xs-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_xs-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_xs-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_xs-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_xs-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_xs-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_xs-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_xs-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_xs-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

@media screen and (min-width:720px) and (max-width:1023px) {
    .decorator__padding_s-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_s-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_s-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_s-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_s-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_s-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_s-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_s-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_s-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_s-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_s-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_s-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
    .decorator__padding_m-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_m-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_m-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_m-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_m-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_m-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_m-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_m-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_m-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_m-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_m-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_m-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

@media screen and (min-width:1280px) and (max-width:1439px) {
    .decorator__padding_l-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_l-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_l-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_l-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_l-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_l-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_l-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_l-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_l-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_l-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_l-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_l-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {
    .decorator__padding_xl-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_xl-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_xl-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_xl-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_xl-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_xl-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_xl-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_xl-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_xl-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_xl-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_xl-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_xl-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

@media screen and (min-width:1600px) and (max-width:1920px) {
    .decorator__padding_xxl-bottom_xxxs {
        padding-bottom: var(--space-xxxs)
    }

    .decorator__padding_xxl-bottom_xxs {
        padding-bottom: var(--space-xxs)
    }

    .decorator__padding_xxl-bottom_xs {
        padding-bottom: var(--space-xs)
    }

    .decorator__padding_xxl-bottom_s {
        padding-bottom: var(--space-s)
    }

    .decorator__padding_xxl-bottom_m {
        padding-bottom: var(--space-m)
    }

    .decorator__padding_xxl-bottom_l {
        padding-bottom: var(--space-l)
    }

    .decorator__padding_xxl-bottom_xl {
        padding-bottom: var(--space-xl)
    }

    .decorator__padding_xxl-bottom_xxl {
        padding-bottom: var(--space-xxl)
    }

    .decorator__padding_xxl-bottom_xxxl {
        padding-bottom: var(--space-xxxl)
    }

    .decorator__padding_xxl-bottom_xxxxl {
        padding-bottom: var(--space-xxxxl)
    }

    .decorator__padding_xxl-bottom_xxxxxl {
        padding-bottom: var(--space-xxxxxl)
    }

    .decorator__padding_xxl-bottom_xxxxxxl {
        padding-bottom: var(--space-xxxxxxl)
    }
}

.text_align_center {
    text-align: center
}

.icon_view_primary {
    fill: var(--color-typo-primary)
}

.text_type_h3 {
    margin: 43px 0 0;
    line-height: var(--line-height-typo-m);
    margin-top: 0
}

.steps_view_split {
    position: relative;
    padding-left: 0;
    margin: 0;
    counter-reset: a
}

    .steps_view_split .steps__item {
        list-style-type: none;
        position: relative;
        padding-left: var(--size-typo-xxxl)
    }

    .steps_view_split .steps__number {
        position: absolute;
        left: 0
    }

        .steps_view_split .steps__number:after {
            color: var(--color-typo-success)
        }

        .steps_view_split .steps__number:after, .steps_view_split .steps__number_disabled:after {
            counter-increment: a;
            content: counter(a);
            font-weight: 500;
            font-size: var(--size-typo-xxxxl);
            line-height: 1em
        }

    .steps_view_split .steps__number_disabled:after {
        color: var(--color-typo-disable)
    }

@media screen and (min-width:720px) {
    .steps_view_split {
        grid-row-gap: 0
    }

        .steps_view_split .steps__item {
            z-index: 0;
            padding: var(--col-gap-half);
            padding-bottom: var(--col-gap-two-thirds)
        }

            .steps_view_split .steps__item:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                background-color: var(--color-bg-section)
            }

            .steps_view_split .steps__item:nth-child(odd):before {
                filter: brightness(var(--shade-mod))
            }

            .steps_view_split .steps__item:nth-child(2n):before {
                filter: brightness(var(--bright-mod))
            }

            .steps_view_split .steps__item:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                z-index: -1;
                left: 0;
                top: calc(var(--col-gap-half) + var(--size-typo-xxxxxl) / 2);
                transform: translateY(-50%);
                border-top: var(--space-s) solid transparent;
                border-bottom: var(--space-s) solid transparent;
                border-left: var(--space-s) solid var(--color-bg-section)
            }

            .steps_view_split .steps__item:nth-child(odd):after {
                filter: brightness(var(--bright-mod))
            }

            .steps_view_split .steps__item:nth-child(2n):after {
                filter: brightness(var(--shade-mod))
            }

            .steps_view_split .steps__item:first-child:after {
                content: none
            }

        .steps_view_split .steps__number {
            position: static;
            left: auto;
            margin-bottom: var(--space-xxl)
        }

            .steps_view_split .steps__number:after {
                font-size: var(--size-typo-xxxxxl)
            }
}

@media screen and (min-width:720px) {
    .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n):before, .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+1):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+1):after, .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+2):before, .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+3):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+2):after, .steps_view_split.tpl-grid_s-ratio_1-1 .steps__item:nth-child(4n+3):after, .steps_view_split.tpl-grid_s-ratio_1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_s-ratio_1-1-1 .steps__item:nth-child(2n):before, .steps_view_split.tpl-grid_s-ratio_1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):before, .steps_view_split.tpl-grid_s-ratio_1-1-1 .steps__item:nth-child(2n):after {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):after, .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--shade-mod))
    }
}

@media screen and (min-width:1024px) {
    .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n):before, .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+1):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+1):after, .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+2):before, .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+3):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+2):after, .steps_view_split.tpl-grid_m-ratio_1-1 .steps__item:nth-child(4n+3):after, .steps_view_split.tpl-grid_m-ratio_1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1 .steps__item:nth-child(2n):before, .steps_view_split.tpl-grid_m-ratio_1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1 .steps__item:nth-child(2n):after {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):after {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--shade-mod))
    }
}

@media screen and (min-width:1280px) {
    .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n):before, .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+1):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+1):after, .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+2):before, .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+3):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+2):after, .steps_view_split.tpl-grid_l-ratio_1-1 .steps__item:nth-child(4n+3):after, .steps_view_split.tpl-grid_l-ratio_1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1-1 .steps__item:nth-child(2n):before, .steps_view_split.tpl-grid_l-ratio_1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1-1 .steps__item:nth-child(2n):after, .steps_view_split.tpl-grid_l-ratio_1-1-1-1 .steps__item:nth-child(2n):before {
        filter: brightness(var(--shade-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1-1-1 .steps__item:nth-child(2n):after, .steps_view_split.tpl-grid_l-ratio_1-1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--bright-mod))
    }

    .steps_view_split.tpl-grid_l-ratio_1-1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--shade-mod))
    }
}

@media screen and (max-width:719px) {
    .steps_view_split .steps__item {
        margin-bottom: 40px
    }
}

@media screen and (min-width:320px) {
    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):before {
        filter: brightness(var(--shade-mod)) !important
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):before, .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(odd):after {
        filter: brightness(var(--bright-mod)) !important
    }

    .steps_view_split.tpl-grid_m-ratio_1-1-1-1 .steps__item:nth-child(2n):after {
        filter: brightness(var(--shade-mod)) !important
    }
}

.get-kassa {
    text-align: center
}

.text_hide {
    display: none
}

.decorator_indent-b_xxxxl {
    margin-bottom: var(--space-xxxxl)
}

.text_size_xs {
    font-size: var(--size-typo-xs);
    line-height: var(--line-height-typo-xs)
}

.text_short_default {
    max-width: 800px
}

.faq__arrow {
    display: inline-block
}

.faq__question {
    padding-bottom: var(--space-xs)
}

.faq__section {
    position: relative
}

.faq__hide, .faq__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq__row {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.faq__item {
    width: 50%
}

.faq__item_width_full {
    width: 100%
}

.faq__number {
    padding-bottom: var(--space-s);
    position: relative
}

    .faq__number:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: var(--space-xxl);
        height: 2px;
        background: var(--color-action)
    }

@media screen and (max-width:719px) {
    .pt-form__item_distribute_between, .pt-form__item_distribute_default {
        display: block !important
    }
}

.emoji {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 5px
}

.emoji_size_m {
    font-size: 14px;
    width: 11px;
    height: 18px
}

.pt-icon-plus__icon_indent-r_s {
    margin-right: var(--space-s)
}

.pt-icon-plus__block {
    position: relative;
    top: 1px
}

.section_view_medium {
    --bright-mod: 1.3;
    --shade-mod: 0.75;
    --color-bg-section: #0e1e3f !important;
    position: relative;
    background: var(--color-bg-section)
}

    .section_view_medium:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        height: 100%;
        margin: 0 -50vw;
        background: var(--color-bg-section);
        z-index: -1
    }

.tpl-grid_row-gap_half {
    grid-row-gap: var(--col-gap-half)
}

@media screen and (max-width:720px) {
    .decorator_s-indent-b_xs {
        margin-bottom: 8px !important
    }

    .decorator_s-indent-b_s {
        margin-bottom: 12px !important
    }

    .decorator_s-indent-b_m {
        margin-bottom: 16px !important
    }

    .decorator_s-indent-b_l {
        margin-bottom: 20px !important
    }

    .decorator_s-indent-b_xl {
        margin-bottom: 24px !important
    }

    .decorator_s-indent-b_xxl {
        margin-bottom: 32px !important
    }

    .decorator_s-indent-b_xxxl {
        margin-bottom: 40px !important
    }
}

.text_type_p:last-child {
    margin-bottom: 0 !important
}

.footer {
    padding-top: 48px;
    padding-bottom: 72px;
    color: var(--color-typo-primary);
    background: var(--color-bg-default)
}

@media screen and (max-width:1023px) {
    .footer {
        padding: 48px 37px 82px 40px
    }
}

@media screen and (max-width:719px) {
    .footer {
        padding: 48px 20px 70px
    }
}

.footer__section {
    width: 200px
}

@media screen and (max-width:1279px) and (min-width:1024px) {
    .footer__section {
        width: 214px
    }
}

@media screen and (max-width:719px) {
    .footer__section {
        width: 140px
    }

        .footer__section.footer__section_xs-width_auto {
            width: auto
        }
}

@media screen and (max-width:360px) {
    .footer__section {
        width: 130px
    }
}

.footer__link {
    display: block;
    color: var(--color-typo-secondary);
    font-size: 15px;
    line-height: 34px
}

@media screen and (max-width:719px) {
    .footer__link {
        font-size: var(--size-typo-s);
        line-height: 18px;
        margin-bottom: 13px
    }
}

.footer__partition-title {
    display: block;
    font-weight: 700;
    color: var(--color-typo-primary);
    margin-bottom: 12px;
    font-size: var(--size-typo-m);
    line-height: var(--line-height-typo-l)
}

@media screen and (max-width:719px) {
    .footer__partition-title {
        display: block;
        font-weight: 700;
        color: var(--color-typo-primary);
        font-size: var(--size-typo-s);
        line-height: var(--line-height-typo-s);
        margin-bottom: 12px
    }
}

.footer__link-collection .text.text_title {
    margin-bottom: 12px
}

.footer__link-collection .text.text_link {
    display: block
}

.footer__content {
    display: grid;
    grid-template-areas: "a b c d e" "a b c d f" "a b c d f" "a b c d f" "g g h h h" "i i h h h" "j j h h h";
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

@media screen and (max-width:1279px) {
    .footer__content {
        grid-template-areas: "a b c d" "a b c d" "a b e f" "a b e f" "g h h h" "i h h h" "j h h h"
    }
}

@media screen and (max-width:1023px) {
    .footer__content {
        grid-template-areas: "a b c" "a b c" "a b e" "a b e" "d f f" "g h h" "i h h" "j h h";
        grid-column-gap: 20px
    }
}

@media screen and (max-width:719px) {
    .footer__content {
        grid-template-areas: "a b" "c e" "d f" "g g" "h h" "j j" "i i"
    }
}

.footer__products {
    grid-area: a
}

.footer__services {
    grid-area: b
}

.footer__resourses {
    grid-area: c
}

.footer__company {
    grid-area: d
}

.footer__support {
    grid-area: e
}

.footer__call-center {
    grid-area: f
}

.footer .telephone, .footer .title {
    margin-bottom: 12px
}

.footer .pt-list .text {
    font-size: 15px;
    line-height: 28px
}

@media screen and (max-width:719px) {
    .footer__call-center .pt-list .text, .footer__call-center .text {
        font-size: var(--size-typo-s);
        line-height: var(--line-height-typo-m)
    }
}

.footer__languages {
    grid-area: g
}

    .footer__languages .pt-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

@media screen and (max-width:719px) {
    .footer__languages .pt-list {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .footer__languages .pt-list .footer__link {
            margin-right: 40px
        }
}

.footer__copyrights {
    grid-area: i
}

    .footer__copyrights .yandex-logo {
        margin-bottom: 16px
    }

    .footer__copyrights .copyright-text {
        width: 217px;
        font-size: var(--size-typo-s);
        line-height: var(--line-height-typo-s);
        color: hsla(0,0%,100%,.6)
    }

.footer__social-links {
    grid-area: j
}

    .footer__social-links .pt-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

@media screen and (max-width:719px) {
    .footer__social-links .brand-logo {
        transform: scale(1.5)
    }
}

.brand-logo {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    transition: .3s
}

.decorator_indent-r_m {
    margin-right: var(--space-m)
}

.brand-logo_name_vk-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_vk-white.svg);
    width: 20px;
    height: 11px
}

.brand-logo_name_telegram-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_telegram-white.svg);
    width: 20px;
    height: 15px
}

.brand-logo_name_youtube-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_youtube-white.svg);
    width: 20px;
    height: 15px
}

.brand-logo_name_zen-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_zen-white.svg);
    width: 18px;
    height: 18px
}

.brand-logo_name_instagram-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_instagram-white.svg);
    width: 24px;
    height: 24px
}

.footer__applications {
    grid-area: h;
    justify-self: end
}

@media screen and (max-width:719px) {
    .footer__applications {
        justify-self: start;
        width: 100%
    }
}

.footer__application {
    display: grid;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 240px 140px 140px;
    grid-template-rows: repeat(4,1fr);
    transform: translateX(-90px)
}

    .footer__application .footer__mobile-photo {
        grid-column: 1/2;
        grid-row: 1/5
    }

    .footer__application .footer__title {
        max-width: 205px;
        grid-column: 2/4;
        grid-row: 1/2
    }

    .footer__application .footer__qr-code {
        grid-column: 2/3;
        grid-row: 2/4
    }

        .footer__application .footer__qr-code .image {
            width: 100px;
            height: 100px
        }

    .footer__application .footer__app-stores {
        grid-column: 3/4;
        grid-row: 2/4
    }

        .footer__application .footer__app-stores .image {
            margin-bottom: 12px
        }

    .footer__application .footer__prompt {
        grid-column: 2/3;
        grid-row: 4/5
    }

        .footer__application .footer__prompt .text {
            max-width: 136px
        }

@media screen and (max-width:1279px) {
    .footer__application .footer__mobile-photo {
        display: block
    }
}

@media screen and (max-width:1023px) {
    .footer__application {
        transform: translateX(-50px);
        grid-template-columns: 140px 140px
    }

        .footer__application .footer__title {
            grid-column: 1/3
        }

        .footer__application .footer__qr-code {
            grid-column: 1/2;
            grid-row: 2/4
        }

        .footer__application .footer__app-stores {
            grid-column: 2/3;
            grid-row: 2/4
        }

        .footer__application .footer__prompt {
            grid-column: 1/3;
            grid-row: 4/5
        }

        .footer__application .footer__mobile-photo {
            display: none
        }
}

@media screen and (max-width:719px) {
    .footer__application {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 20px;
        grid-auto-rows: auto;
        transform: translateX(0)
    }

        .footer__application .footer__title {
            grid-column: 1/2
        }

        .footer__application .footer__app-stores {
            grid-column: 1/2;
            grid-row: 2/3;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: space-start;
            justify-content: space-start
        }

            .footer__application .footer__app-stores .image {
                margin-right: 20px
            }

        /*.footer__application .footer__prompt  {*/
           /* display: none*/
        /*}*/
}

@media screen and (max-width:375px) {
    .footer__application {
        width: 100%
    }

        .footer__application .footer__app-stores {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .footer__application .footer__app-stores .image {
                margin-right: 0
            }
}

.theme_gap_small, :root {
    --gap: var(--space-xxxxl);
    --col-gap-third: var(--space-m);
    --col-gap-half: var(--space-xl);
    --col-gap-two-thirds: var(--space-xxxl);
    --col-gap-full: var(--space-xxxxl)
}

:root {
    --gap: 20px;
    --col-gap-third: calc(var(--gap) * 0.33);
    --col-gap-half: calc(var(--gap) * 0.5);
    --col-gap-two-thirds: calc(var(--gap) * 0.66);
    --col-gap-full: var(--gap);
    --col-gap-2x: calc(var(--gap) * 2);
    --col-gap-3x: calc(var(--gap) * 3)
}

@media screen and (min-width:720px) {
    :root {
        --gap: 40px
    }
}

@media screen and (min-width:1024px) {
    :root {
        --gap: 48px
    }
}

@media screen and (min-width:1280px) {
    :root {
        --gap: 72px
    }
}

.button_theme_kassa {
    font-family: var(--font-sans),Helvetica Neue,Helvetica,Arial,sans-serif;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--color-control-typo-normal);
    border: 0;
    box-sizing: border-box;
    border-radius: 4px;
    outline: 0;
    background: var(--color-control-bg-normal);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.24);
    transform: scale(1);
    transition: box-shadow .2s ease,background .2s linear,transform .1s ease;
    text-align: center;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

    .button_theme_kassa::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .button_theme_kassa .button__text {
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        transition: .3s ease
    }

    .button_theme_kassa .icon {
        position: relative
    }

    .button_theme_kassa.button_type_link {
        text-decoration: none
    }

    .button_theme_kassa.button_hovered {
        cursor: pointer;
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.16)
    }

    .button_theme_kassa.button_focused-hard, .button_theme_kassa.button_hovered {
        background: var(--color-control-bg-normal-hover);
        color: var(--color-control-typo-normal-hover)
    }

    .button_theme_kassa.button_focused-hard {
        z-index: 1;
        box-shadow: 0 4px 12px 0 rgba(0,0,0,.16),inset 0 0 0 2px var(--color-control-bg-action)
    }

    .button_theme_kassa.button_pressed {
        transform: scale(.96)
    }

    .button_theme_kassa.button_checked {
        background: var(--color-control-bg-action) !important;
        color: var(--color-control-typo-action) !important
    }

        .button_theme_kassa.button_checked:before {
            background: #ffeba0
        }

        .button_theme_kassa.button_checked.button_pressed {
            background: rgba(129,103,0,.6)
        }

            .button_theme_kassa.button_checked.button_pressed:before {
                background: #fee481
            }

        .button_theme_kassa.button_checked.button_hovered {
            background: rgba(129,103,0,.6)
        }

    .button_theme_kassa.button_view_clear {
        color: var(--color-control-typo-normal);
        background: none;
        box-shadow: none
    }

        .button_theme_kassa.button_view_clear.button_hovered {
            color: var(--color-control-typo-normal-hover)
        }

        .button_theme_kassa.button_view_clear.button_pressed {
            transform: scale(.96)
        }

        .button_theme_kassa.button_view_clear.button_focused-hard {
            color: var(--color-control-typo-normal-hover);
            box-shadow: inset 0 0 0 2px var(--color-control-bg-action)
        }

        .button_theme_kassa.button_view_clear.button_checked {
            background: #ffeba0
        }

            .button_theme_kassa.button_view_clear.button_checked.button_pressed {
                background: #fee481
            }

        .button_theme_kassa.button_view_clear.button_disabled {
            background: none
        }

    .button_theme_kassa.button_view_action {
        background: var(--color-control-bg-action);
        color: var(--color-control-typo-action)
    }

        .button_theme_kassa.button_view_action:before {
            display: none
        }

        .button_theme_kassa.button_view_action.button_hovered {
            background: var(--color-control-bg-action-hover);
            color: var(--color-control-typo-action-hover);
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.16)
        }

        .button_theme_kassa.button_view_action.button_focused-hard {
            background: var(--color-control-bg-action-hover);
            color: var(--color-control-typo-action-hover);
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.16),inset 0 0 0 2px var(--color-control-bg-normal)
        }

    .button_theme_kassa.button_view_plain {
        background: none;
        color: var(--color-link);
        box-shadow: none
    }

        .button_theme_kassa.button_view_plain:before {
            display: none
        }

        .button_theme_kassa.button_view_plain.button_focused-hard, .button_theme_kassa.button_view_plain.button_hovered {
            background: none;
            color: var(--color-link-hover);
            box-shadow: none
        }

    .button_theme_kassa.button_view_pseudo {
        color: var(--color-control-typo-normal);
        background: hsla(0,0%,100%,.1)
    }

        .button_theme_kassa.button_view_pseudo.button_focused-hard, .button_theme_kassa.button_view_pseudo.button_hovered {
            color: var(--color-control-typo-normal-hover);
            background: hsla(0,0%,100%,.2)
        }

    .button_theme_kassa.button_togglable_radio {
        box-shadow: none;
        color: var(--color-control-typo-normal);
        background: var(--color-bg-border)
    }

        .button_theme_kassa.button_togglable_radio:after {
            content: "";
            z-index: -1;
            display: block;
            position: absolute;
            left: 2px;
            right: 2px;
            top: 2px;
            bottom: 2px;
            background: var(--color-control-bg-normal);
            border-radius: 2px;
            opacity: 0;
            transition: opacity .2s linear
        }

        .button_theme_kassa.button_togglable_radio.button_width_max {
            width: 100%
        }

        .button_theme_kassa.button_togglable_radio.button_pressed {
            transform: scale(1)
        }

        .button_theme_kassa.button_togglable_radio.button_checked {
            background: var(--color-bg-border) !important;
            color: var(--color-control-typo-normal) !important
        }

            .button_theme_kassa.button_togglable_radio.button_checked:after {
                opacity: 1
            }

        .button_theme_kassa.button_togglable_radio.button_hovered {
            color: var(--color-control-typo-normal-hover)
        }

    .button_theme_kassa.button_disabled {
        background: var(--color-control-bg-disable);
        box-shadow: none
    }

        .button_theme_kassa.button_disabled:before {
            display: none
        }

        .button_theme_kassa.button_disabled.button_checked {
            background: var(--color-control-bg-disable)
        }

        .button_theme_kassa.button_disabled .button__text {
            color: var(--color-control-typo-disable)
        }

        .button_theme_kassa.button_disabled .icon {
            opacity: .3
        }

    .button_theme_kassa.button_size_s {
        margin-right: var(--space-m);
        font-size: var(--size-typo-s);
        line-height: 32px
    }

        .button_theme_kassa.button_size_s:last-of-type {
            margin-right: 0
        }

        .button_theme_kassa.button_size_s:first-of-type {
            margin-left: 0
        }

        .button_theme_kassa.button_size_s .icon {
            position: relative;
            top: var(--space-xxs);
            width: auto;
            margin-right: var(--space-xs);
            margin-left: var(--space-xs)
        }

        .button_theme_kassa.button_size_s .button__text {
            margin: 0 var(--space-l)
        }

    .button_theme_kassa.button_size_m {
        margin-right: var(--space-l);
        font-size: var(--size-typo-m);
        line-height: 40px
    }

        .button_theme_kassa.button_size_m:last-of-type {
            margin-right: 0
        }

        .button_theme_kassa.button_size_m:first-of-type {
            margin-left: 0
        }

        .button_theme_kassa.button_size_m .icon {
            position: relative;
            top: var(--space-xxxs);
            width: auto;
            margin-right: var(--space-xs);
            margin-left: var(--space-xl)
        }

        .button_theme_kassa.button_size_m .button__text {
            margin: 0 var(--space-xl)
        }

    .button_theme_kassa.button_size_l {
        margin-right: var(--space-xl);
        font-size: var(--size-typo-l);
        line-height: 48px
    }

        .button_theme_kassa.button_size_l:last-of-type {
            margin-right: 0
        }

        .button_theme_kassa.button_size_l:first-of-type {
            margin-left: 0
        }

        .button_theme_kassa.button_size_l .icon {
            margin-right: var(--space-s)
        }

        .button_theme_kassa.button_size_l .button__text {
            margin: 0 var(--space-xxl)
        }

    .button_theme_kassa.button_margin_false {
        margin-right: 1px
    }

        .button_theme_kassa.button_margin_false:last-of-type {
            margin-right: var(--space-l)
        }

    .button_theme_kassa .icon + .button__text {
        margin-left: 0
    }

    .button_theme_kassa .button__text:not(:last-child) {
        margin-right: 0
    }

    .button_theme_kassa.button_with_caption .button__caption {
        position: absolute;
        width: 100%;
        top: 100%;
        margin-top: var(--space-m);
        color: var(--color-typo-secondary);
        font-size: var(--size-typo-s);
        line-height: var(--line-height-typo-s)
    }

.control-group .button_checked + .button_theme_kassa:before, .control-group .checkbox_checked + .checkbox .button_theme_kassa:before, .control-group .radio_checked + .radio .button_theme_kassa:before {
    left: 0
}

.control-group .button_theme_kassa {
    border-radius: 0
}

    .control-group .button_theme_kassa:before {
        right: 0;
        border-radius: 0
    }

    .control-group .button_theme_kassa.button_checked:before {
        right: 1px
    }

    .control-group .button_theme_kassa.button_focused-hard.button:before {
        left: 0
    }

.control-group > .button_theme_kassa:first-child, .control-group > :first-child .button_theme_kassa, .control-group > :first-child.popup + .button_theme_kassa {
    border-radius: 4px 0 0 4px
}

    .control-group > .button_theme_kassa:first-child:before, .control-group > :first-child .button_theme_kassa:before, .control-group > :first-child.popup + .button_theme_kassa:before {
        border-radius: 2px 0 0 2px
    }

    .control-group > .button_theme_kassa:first-child.button_focused-hard.button:before, .control-group > :first-child .button_theme_kassa.button_focused-hard.button:before, .control-group > :first-child.popup + .button_theme_kassa.button_focused-hard.button:before {
        left: 1px
    }

.control-group > .button_theme_kassa:last-child, .control-group > :last-child .button_theme_kassa {
    border-radius: 0 4px 4px 0
}

    .control-group > .button_theme_kassa:last-child:before, .control-group > :last-child .button_theme_kassa:before {
        border-radius: 0 2px 2px 0;
        right: 1px
    }

.control-group > :only-child .button_theme_kassa {
    border-radius: 4px
}

    .control-group > :only-child .button_theme_kassa:before {
        border-radius: 2px
    }

@media screen and (max-width:719px) {
    .button_theme_kassa {
        width: 100%
    }

        .button_theme_kassa.button_size_s {
            margin-right: 0;
            margin-bottom: var(--space-xs)
        }

            .button_theme_kassa.button_size_s:last-of-type {
                margin-bottom: 0
            }

        .button_theme_kassa.button_size_m {
            margin-right: 0;
            margin-bottom: var(--space-s)
        }

            .button_theme_kassa.button_size_m:last-of-type {
                margin-bottom: 0
            }

        .button_theme_kassa.button_size_l {
            margin-right: 0;
            margin-bottom: var(--space-m)
        }

            .button_theme_kassa.button_size_l:last-of-type {
                margin-bottom: 0
            }

        .button_theme_kassa.button_with_caption {
            margin-bottom: var(--space-xxxl)
        }

            .button_theme_kassa.button_with_caption .button__caption {
                margin-top: var(--space-s)
            }
}

.tpl-layout__container_size_m {
    max-width: 1144px
}

.tpl-layout__container_align_center {
    margin: 0 auto
}

.pt-icon-plus_vertical-align_center {
    -ms-flex-align: center;
    align-items: center
}

    .pt-icon-plus_vertical-align_center .pt-icon-plus__icon {
        margin-top: 0
    }

.pt-icon-plus_distribute_between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pt-icon-plus__icon_indent-l_xs {
    margin-left: var(--space-xs)
}

.pt-icon-plus__icon_indent-r_xs {
    margin-right: var(--space-xs)
}

.icon_size_s {
    width: 16px;
    height: 16px
}

.icon_view_ghost {
    fill: var(--color-typo-ghost)
}

.text_view_ghost {
    color: var(--color-typo-ghost)
}

.text_size_s {
    font-size: var(--size-typo-s);
    line-height: var(--line-height-typo-s)
}

.text_transform_uppercase {
    text-transform: uppercase
}

.text_spacing_xs {
    letter-spacing: .6px
}

.text_type_link {
    position: relative;
    display: inline-block
}

    .text_type_link:after {
        content: "→";
        position: absolute;
        display: inline-block;
        margin-left: var(--space-xs);
        transition: transform .3s ease
    }

    .text_type_link:hover:after {
        transform: translate(var(--space-xxs))
    }

@media screen and (min-width:1024px) {
    .text_desktop_right {
        float: right
    }
}

.decorator_indent-r_l {
    margin-right: var(--space-l)
}

.product-logo_name_priem-platezhey:before {
    content: "";
    position: absolute;
    top: 1.7em;
    left: 0;
    width: 3.1em;
    height: 4.1em;
    border-radius: 0 0 0 .6em;
    background: var(--logo-color-brand);
    transform-origin: top left;
    transform: skewX(16deg)
}

.product-logo_name_priem-platezhey > div:before {
    content: "";
    position: absolute;
    bottom: .45em;
    left: 1.6em;
    width: 3.3em;
    height: 2.1em;
    background: var(--logo-color-dark);
    transform-origin: bottom left;
    transform: skewX(-25deg)
}

.product-logo_name_priem-platezhey > div:after {
    content: "";
    position: absolute;
    top: .8em;
    left: 3.8em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    background: var(--logo-color-accent)
}

.product-logo_name_priem-platezhey.product-logo_animated > div:after {
    animation: x var(--animation-timing) ease infinite
}

@keyframes x {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-2em)
    }

    to {
        transform: translateX(0)
    }
}

.product-logo_size_m {
    width: 40px;
    height: 40px;
    font-size: 6.3px
}

.text_weight_bold {
    font-weight: 600
}

.image_width_flex {
    display: block;
    max-width: 100%
}

.decorator_indent-a_s {
    margin: var(--space-s)
}

.decorator_indent-h_auto {
    margin-left: auto;
    margin-right: auto
}

.brand-logo_name_fb-white {
    background-image: url(https://kassa.yandex.ru/common.blocks/brand-logo/_name/brand-logo_name_fb-white.svg);
    width: 10px;
    height: 20px
}

.title-anchor {
    position: absolute;
    left: -30px;
    top: .3em;
    transition: opacity .2s;
    opacity: 0;
    
    background-size: contain
}

.title-anchor_size_2 {
    height: 20px;
    width: 20px
}

.text_anchor_true:hover .title-anchor {
    opacity: 1
}

.text_anchor_true {
    padding-top: 68px;
    margin-top: -68px;
    outline: none
}

.text_wrap {
    position: relative;
    cursor: pointer
}
