p {
    margin: 0;
    color: #000
}

.b-wrapper {
    overflow: visible;
}

.b-links {
    text-decoration: none;
    color: #272624;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0
}

.b-links:hover {
    text-decoration: none;
    color: unset;
    border-bottom: unset
}

a {
    background: 0 0;
    color: #2190dc;
    text-decoration: none;
    transition: border .2s ease
}

section {
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.main_txt {
    position: relative;
}

.b-container__block {
    max-width: 1140px;
    margin: 0 auto;
}

@media screen and (max-width: 1140px) {
    .b-container__block {
        padding: 0 45px 0 45px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px 0 15px
    }
}

.b-tariff__main_text {
    margin: 100px 0 84px 0
}

.b-tariff__title {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 54px;
    text-align: center;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__main_description {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__flex {
    display: flex;
    justify-content: space-between
}

.b-tariff__name {
    display: block;
    margin-top: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 38px;
    text-align: center;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__container {
    text-align: center;
    border-radius: 25px;
    position: relative;
    border: 1px solid #f3f4f5;
    background: #fff;
    width: 30%;
    margin-right: 30px;
    box-shadow: 0 6px 30px 4px rgba(69, 88, 157, .1)
}

.b-tariff__container:hover {
    box-shadow: 0 6px 30px 4px rgb(69 88 157 / 20%)
}

.b-tariff__container a:hover {
    border-bottom: none;
    color: transparent
}

.b-tariff__maximum {
    margin-right: 0
}

.b-tariff__price {
    margin-top: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #000
}

.b-tariff__price_numeral {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__price_litera {
    padding: 0 6px
}

.b-tariff__location {
    margin-top: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #272624;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__flex_txt {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.b-tariff__line {
    border-left: 1px solid #939699;
    height: 32px
}

.b-tariff__txt_left {
    padding-left: 20px
}

.b-tariff__txt_main {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__txt_sub {
    padding-top: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 16px;
    color: #009eff
}

.b-tariff__txt_right {
    padding-right: 20px
}

.b-tariff_grey_block {
    margin-top: 36px;
    width: 100%;
    height: 80px;
    background: rgba(247, 248, 251, .9)
}

.b-tariff_blue_block {
    margin-top: 36px;
    width: 100%;
    height: 80px;
    background: #d9e8ff
}

.b-tariff__description {
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding-top: 32px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__btn {
    margin: 34px 0 45px 0;
    width: 220px;
    height: 64px;
    border: 2px solid #2190dc;
    border-radius: 4px;
    background-color: #fff;
    color: #2190dc;
    font-size: 18px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;

}

.b-tariff__btn:hover {
    border: none;
    background: #328cca;
    color: #fff
}


.b-tariff__btn_blue {
    margin: 54px 0 48px 0;
    height: 64px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 19px;
    background-color: #FFB300;
    color: #000000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border: none;
    font-weight: 700;
}

.b-tariff__btn_blue:hover {
    background: #F8A100;
    color: #000000;
}

.b-tariff__business {
    background: #eaf1fc
}

.b-tariff__action_txt {
    margin-top: 80px;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__action_txt_discounts {
    margin-top: 26px
}

.b-tariff__action_txt_bold {
    font-weight: 800
}

@media screen and (max-width: 1140px) {
    .b-tariff__container {
        width: 40%
    }
}

@media screen and (max-width: 960px) {
    .b-tariff__price {
        margin-top: 28px
    }

    .b-tariff__name {
        margin-top: 36px;
        font-size: 34px;
        line-height: 38px
    }

    .b-tariff_grey_block {
        margin-top: 34px
    }

    .b-tariff__btn {
        margin: 32px 0 40px 0;
        width: 200px
    }

    .b-tariff__txt_main {
        font-size: 16px
    }

    .b-tariff__txt_sub {
        font-size: 20px
    }
}

@media screen and (max-width: 860px) {
    .b-tariff__container {
        margin-right: 18px
    }

    .b-tariff__maximum {
        margin-right: 0
    }
}

@media screen and (max-width: 840px) and (min-width: 486px) {
    .b-container__block {
        padding: 0
    }

    .b-tariff__flex {
        display: block
    }

    .b-tariff__container {
        margin: 0 auto;
        margin-bottom: 60px;
        width: 440px
    }

    .b-tariff__maximum {
        margin: 0 auto;
        margin-bottom: 60px
    }

    .b-tariff__price {
        margin-top: 32px
    }

    .b-tariff__description {
        width: 74%
    }

    .b-tariff_grey_block {
        margin-top: 36px
    }

    .b-tariff__btn {
        margin: 34px 0 45px 0;
        width: 220px;
        height: 54px
    }

    .b-tariff__txt_main {
        font-size: 18px
    }

    .b-tariff__txt_sub {
        font-size: 22px
    }

    .b-tariff__txt_left {
        padding-left: 54px
    }

    .b-tariff__txt_right {
        padding-right: 54px
    }

    .b-tariff__action_txt {
        text-align: center;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px 0 15px
    }

    .b-tariff__flex {
        display: block
    }

    .b-tariff__container {
        margin: 0 auto;
        margin-bottom: 48px;
        width: 290px
    }

    .b-tariff__title {
        font-size: 24px;
        margin: 60px 0 70px 0
    }

    .b-tariff__name {
        margin-top: 30px;
        font-size: 24px
    }

    .b-tariff__price_numeral {
        font-size: 26px
    }

    .b-tariff__price {
        margin-top: 4px;
        font-size: 14px
    }

    .b-tariff__txt_sub {
        font-size: 18px
    }

    .b-tariff_grey_block {
        margin-top: 18px
    }

    .b-tariff__description {
        padding-top: 24px
    }

    .b-tariff__action_txt {
        margin-top: 24px;
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }

    .b-tariff__action_txt_discounts {
        margin-top: 18px
    }
}

.b-hobbi {
    margin-top: 100px
}

.b-hobbi__parrent {
    position: relative
}

.b-hobbi__parrent.state .b-hobbi__flex_bottom {
    max-height: 0;
    transition: max-height .5s ease-out
}

.b-hobbi__parrent.state .b-hobbi__button_close {
    display: none
}

.b-hobbi__parrent .b-hobbi__button_close {
    display: inline-block
}

.b-hobbi__parrent.state .b-hobbi__button_open {
    display: inline-block
}

.b-hobbi__parrent .b-hobbi__button_open {
    display: none
}

.b-hobbi__flex_bottom {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0 0 24px 24px;
    box-shadow: 0 6px 47px rgb(69 88 157 / 10%);
    max-height: 500px;
    transition: max-height .5s ease-in
}

.b-hobbi__check_flex {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.b-hobbi__parrent.state .b-hobbi__header {
    transition: border-radius .5s ease-out;
    border-radius: 24px
}

.b-hobbi__parrent {
    position: relative
}

.b-hobbi__flex {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.b-hobbi__flex_block {
    display: flex;
    justify-content: center
}

.b-hobbi__check {
    padding: 0 10px 0 0
}

.b-hobbi__flex {
    padding-left: 68px
}

.b-hobbi__padding {
    padding-left: 24px
}

.b-hobbi__header {
    background: #eaf1fc;
    transition: border-radius .5s ease-in;
    border-radius: 24px 24px 0 0;
    min-height: 243px;
    position: relative
}

.b-hobbi__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.b-hobbi__flex_bottom_left_block {
    margin-top: 40px;
    padding-left: 98px
}

.b-hobbi__flex_bottom_right_block {
    margin-top: 40px;
    padding-right: 98px
}

.b-hobbi__check_img {
    padding-left: 108px
}

.b-hobbi__txt {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-hobbi__header_main_txt {
    padding: 42px 24px 30px 68px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px
}


.b-hobbi__header_span {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    padding-left: 30px
}

.b-hobbi__header_span_month {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px
}

.b-hobbi__ua_price {
    font-size: 16px;
    line-height: 32px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-hobbi__description {
    font-size: 18px;
    line-height: 16px
}

.b-hobbi__btn {
    display: inline-block;
    position: absolute;
    padding: 20px 26px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 28px;
    border: none;
    background-color: #005FCC;
    color: #FFFFFF;
    right: 68px;
    top: 42px;
    text-align: center;
    font-weight: 700;
}

.b-hobbi__btn:hover {
    border: none;
    background-color: #004CA3;
    color: #fff;
}

.b-hobbi__margin {
    margin: 40px 0 54px 0
}

@media screen and (max-width: 1140px) {
    .b-hobbi__header_main_txt {
        padding: 38px 0 34px 68px;
        width: 58%
    }

    .b-hobbi__btn {
        top: 38px
    }
}

@media screen and (max-width: 1040px) {
    .b-hobbi__txt {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1020px) {
    .b-hobbi__padding {
        padding-left: 20px
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__header_main_txt {
        padding: 30px 24px 30px 48px;
        width: 58%
    }

    .b-hobbi__flex {
        padding-left: 48px
    }

    .b-hobbi__btn {
        right: 30px
    }

    .b-hobbi__check_img {
        padding-left: 60px
    }

    .b-hobbi__flex_bottom_left_block {
        padding-left: 48px
    }

    .b-hobbi__flex_bottom_right_block {
        padding-right: 48px
    }
}

@media screen and (max-width: 860px) {
    .b-container__block {
        padding: 0 45px 0 45px
    }

    .b-hobbi__flex {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding-bottom: 40px
    }

    .b-hobbi__flex_block {
        width: 50%;
        margin-top: 10px
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__flex_block {
        display: flex;
        justify-content: flex-start
    }

    .b-hobbi__check_img {
        padding-left: 28px;
        width: 30px
    }

    .b-hobbi__padding {
        padding-left: 0
    }

    .b-hobbi__flex {
        padding-left: 48px
    }

    .b-hobbi__btn {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        margin: 20px 0 20px 48px
    }

    .b-hobbi__header_main_txt {
        padding: 30px 24px 0 48px;
        width: 70%
    }
}

@media screen and (max-width: 660px) {
    .b-hobbi__header_main_txt {
        padding: 30px 24px 0 48px;
        width: 80%
    }
}

@media screen and (max-width: 648px) {
    .b-hobbi__flex_bottom_left_block {
        margin-top: 30px;
        padding-left: 32px
    }

    .b-hobbi__flex_bottom_right_block {
        margin-top: 30px;
        padding-right: 32px
    }

    .b-hobbi__check_img {
        padding-left: 10px;
        width: 30px
    }

    .b-hobbi__header_main_txt {
        padding: 30px 24px 0 32px;
        width: 80%
    }

    .b-hobbi__btn {
        margin: 20px 0 20px 32px
    }

    .b-hobbi__flex {
        padding-left: 32px
    }
}

@media screen and (max-width: 590px) {
    .b-hobbi__flex {
        display: block
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__header_main_txt {
        font-size: 24px;
        line-height: 38px;
        padding: 30px 24px 0 32px;
        width: 86%
    }

    .b-hobbi__header_span {
        font-size: 28px;
        padding-left: 22px
    }

    .b-hobbi__flex_block {
        width: 100%
    }

    .b-hobbi__flex_bottom {
        display: block;
        max-height: 100%
    }

    .b-hobbi__flex_bottom_left_block {
        padding: 0 30px 20px 30px
    }

    .b-hobbi__flex_bottom_right_block {
        padding: 0 30px 20px 30px
    }

    .b-hobbi__margin {
        margin: 0
    }

    .b-hobbi__flex_bottom_left_block {
        padding: 0 30px 0 30px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px 0 15px
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }
}

.b-description_tariff {
    margin: 120px 0 48px 0;
    /* position: absolute; */
}

.b-description_tariff__block {
    max-width: 1140px;
    min-height: 112px;
    display: flex;
    align-items: center;
    background: #eaf1fc;
    border-radius: 24px 24px 0 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1;
    align-self: start;
}

.sticky_ua {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
    z-index: 1;
    align-self: start;
}

.tariff-clone {
    display: none
}

.fixed-tariff {
    position: fixed;
    top: 80px;
    width: 100%;
    transition: all .5s ease-out;
    display: inline-block;
    z-index: 4;
    background: #eaf1fc
}

.fixed-tariff .b-description_tariff__block {
    border-radius: unset;
    min-height: 70px;
    margin: 0 auto
}

.b-description_tariff__block_startap {
    padding-left: 286px
}

.b-description_tariff__block_business {
    padding-left: 110px
}

.b-description_tariff__block_maximum {
    padding-left: 100px
}

.b-description_tariff__client {
    margin: 50px 0 30px 58px;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase
}

.b-description_tariff__features_item {
    min-height: 78px;
    border-bottom: 1px solid #c4c4c4;
    display: flex;
    align-items: center
}

.b-description_tariff__features_label {
    display: flex;
    flex-direction: row;
    padding: 0 58px;
    width: 40%;
    box-sizing: border-box
}

.b-description_tariff__features_value {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    min-height: 42px;
    height: 100%
}

.features_flex {
    display: flex
}

.b-description_tariff__cell.state .b-description_tariff__arrow {
    transform: rotate(270deg);
    transition: all .3s
}

.b-description_tariff__arrow {
    transform: rotate(360deg);
    transition: all .3s
}

.b-description_tariff__main_txt,
.b-description_tariff__main_txt p {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-description_tariff__flex {
    min-height: 78px;
    display: flex;
    align-items: center
}

.b-description_tariff__line {
    width: 100%;
    height: 1px;
    background-color: #c4c4c4
}

.main_txt_flex {
    display: flex;
    flex-direction: row;
    padding: 0 58px;
    width: calc(42% - 25px);
    box-sizing: border-box
}

.main_txt {
    background: rgba(247, 248, 251, .8);
    overflow: hidden;
    /* max-height: 150px; */
    transition: all .3s
}

.b-description_tariff__cell {
    border-bottom: 1px solid #c4c4c4
}

.b-description_tariff__cell.state .main_txt {
    max-height: 0
}

.main_txt_style {
    padding: 16px 24px 16px 68px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: rgba(15, 33, 55, .8);
    font-family: 'Open Sans', sans-serif
}

.main_txt_flex {
    display: flex;
    align-items: center;
    word-break: break-word
}

.main_txt_more {
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #000
}

.main_txt_more:hover {
    border: none
}

.arrow_more {
    padding-left: 8px;
    vertical-align: middle
}

.b-description_tariff__main_text,
.b-description_tariff__main_text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-left: 10px
}

.b-description_tariff__terms {
    margin-top: 48px;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-family: 'Open Sans', sans-serif
}

.b-description_tariff__startup_number {
    display: none
}

.b-description_tariff__business_number {
    display: none
}

.b-description_tariff__maximum_number {
    display: none
}

@media screen and (min-width: 1140px) {
    .b-description_tariff__block {
        padding: 0 45px 0 45px
    }

    .main_txt_flex {
        width: 50%
    }

    .b-description_tariff__features_label {
        width: 50%
    }
}

@media screen and (max-width: 960px) {
    .b-description_tariff__features_label {
        padding: 0 22px
    }

    .b-description_tariff__client {
        margin: 50px 0 30px 22px
    }

    .main_txt_flex {
        padding: 0 22px
    }
}

@media screen and (max-width: 840px) {
    .b-description_tariff__main_txt {
        font-size: 16px;
        line-height: 24px
    }

    .b-description_tariff__client {
        font-size: 16px;
        line-height: 24px
    }

    .b-description_tariff__main_text,
    .b-description_tariff__main_text p {
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
    }

    .b-description_tariff_img {
        width: 84%
    }

    .main_txt_style {
        padding: 16px 24px 16px 24px
    }

    .b-description_tariff__terms {
        font-size: 16px;
        line-height: 28px
    }

    .b-description_tariff__main_txt,
    .b-description_tariff__main_txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 640px) {
    .b-description_tariff__features_label {
        padding: 0 6px
    }

    .b-description_tariff__main_txt {
        font-size: 14px;
        line-height: 24px
    }

    .b-description_tariff__startup_txt {
        display: none
    }

    .b-description_tariff__business_txt {
        display: none
    }

    .b-description_tariff__maximum_txt {
        display: none
    }

    .b-description_tariff__startup_number {
        display: block
    }

    .b-description_tariff__business_number {
        display: block
    }

    .b-description_tariff__maximum_number {
        display: block
    }
}

@media screen and (max-width: 520px) {
    .b-description_tariff__block {
        min-height: 82px;
        padding: 0
    }

    .b-description_tariff__features_value {
        width: 20%
    }

    .b-description_tariff__client {
        font-size: 12px;
        line-height: 18px;
        margin: 28px 0 20px 0
    }

    .b-description_tariff__flex {
        min-height: 56px
    }

    .main_txt_flex {
        width: 50%;
        padding: 0
    }

    .main_txt_style {
        font-size: 12px;
        line-height: 24px;
        padding: 16px 20px
    }

    .main_txt_more {
        font-size: 14px
    }

    .b-description_tariff__main_text {
        font-size: 12px;
        line-height: 18px
    }

    .b-description_tariff__terms {
        font-size: 14px;
        line-height: 18px;
        margin-top: 32px
    }

    .b-description_tariff__main_text,
    .b-description_tariff__main_text p {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        font-family: 'Open Sans', sans-serif;
        color: #000
    }
}

.b-cta {
    position: relative;
    margin-top: 84px;
    width: 100%;
    min-height: 210px;
    background: linear-gradient(179.43deg, rgba(234, 241, 252, .35) 7.49%, rgba(224, 239, 250, .35) 96.83%)
}

.b-cta__img_left {
    position: absolute;
    top: 0;
    left: 0
}

.b-cta__img_right {
    position: absolute;
    top: 0;
    right: 0
}

.b-cta__txt {
    padding: 48px 0 36px 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    text-align: center;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-cta__btn {
    margin: 0 auto;
    padding: 18px 0 18px 0;
    width: 220px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 19px;
    background-color: #2190dc;
    color: #fff;
    text-align: center
}

.b-cta__btn:hover {
    border: none;
    background: #328cca;
    color: #fff
}

@media screen and (max-width: 840px) {
    .b-cta {
        min-height: 240px
    }

    .b-cta__img_left {
        display: none
    }

    .b-cta__img_right {
        display: none
    }

    .b-cta__txt {
        font-size: 20px;
        line-height: 34px
    }
}

@media screen and (max-width: 520px) {
    .b-cta {
        margin-top: 50px
    }

    .b-cta__txt {
        font-size: 16px;
        line-height: 26px;
        width: 90%;
        margin: 0 auto
    }
}

.b-FAQ {
    margin-top: 130px;
    margin-bottom: 60px
}

.b-FAQ__title {
    margin-bottom: 60px;
    font-weight: 700;
    font-size: 32px;
    line-height: 54px;
    text-align: center
}

.b-FAQ__cell.state .b-FAQ__flex {
    border-radius: 10px
}

.b-FAQ__cell .b-FAQ__flex {
    min-height: 78px;
    width: 82%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #f3f4f5;
    box-shadow: 0 4px 10px rgb(69 88 157 / 10%);
    border-radius: 10px 10px 0 0;
    margin: 0 auto
}

.b-FAQ__cell {
    margin-bottom: 20px
}

.b-FAQ__txt_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px 0 40px;
    width: 100%
}

.b-FAQ__heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    padding: 18px 0 18px 0;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-FAQ__main_txt {
    width: 82%;
    border-bottom: 1px solid #c4c4c4;
    align-items: center;
    background: #fff;
    border: 1px solid #f3f4f5;
    box-shadow: 0 4px 10px rgb(69 88 157 / 10%);
    border-radius: 0 0 10px 10px;
    margin: 0 auto;
    margin-bottom: 24px;
    overflow: hidden;
    max-height: 500px;
    transition: max-height .5s linear
}

.b-FAQ__cell.state .b-FAQ__main_txt {
    max-height: 0
}

.b-FAQ__main_txt_style {
    padding: 34px 62px 40px 62px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #272624;
    font-family: 'Open Sans', sans-serif
}

.b-FAQ__main_text {
    font-weight: 400;
    font-size: 18px;
    line-height: 16px
}

.b-FAQ__arrow {
    transform: rotate(180deg);
    margin: 0 14px 0 14px;
    transition: all .3s
}

.b-FAQ__cell.state .b-FAQ__arrow {
    transform: rotate(0);
    transition: all .3s
}

@media screen and (max-width: 840px) {
    .b-FAQ {
        margin-top: 76px
    }

    .b-FAQ__cell .b-FAQ__flex {
        width: 100%
    }

    .b-FAQ__main_txt {
        width: 100%
    }

    .b-FAQ__main_txt_style {
        padding: 30px 48px 30px 48px
    }
}

@media screen and (max-width: 520px) {
    .b-FAQ {
        margin-top: 60px
    }

    .b-FAQ__main_txt {
        margin-bottom: 16px
    }

    .b-FAQ__txt_flex {
        padding: 0 16px 0 16px
    }

    .b-FAQ__title {
        font-size: 24px;
        margin-bottom: 30px
    }

    .b-FAQ__heading {
        font-size: 14px;
        line-height: 20px
    }

    .b-FAQ__main_txt_style {
        font-size: 14px;
        padding: 20px 18px
    }

    .b-FAQ__cell {
        margin-bottom: 16px
    }
}

.b-boss {
    margin-top: 140px
}

.b-boss__main_title {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #000;
    margin: 0 auto
}

.b-boss__wrapper,
.b-staff__wrapper {
    grid-column-gap: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin-top: 100px
}

.b-boss__title {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #000;
    margin-bottom: 24px
}

.b-boss__title a {
    color: #005FCC;
}

.b-boss__txt {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #272624;
    max-width: 96%
}

.b-boss__button_flex {
    margin-top: 40px;
    align-items: center
}

.b-boss__img_block {
    max-width: 100%;
    text-align: right
}

.b-staff__img_block {
    max-width: 100%;
}

.b-boss__appstore,
.b-boss__playmarket {
    height: 54px;
    width: auto;
}

.b-boss__playmarket {
    padding-left: 20px
}

@media screen and (max-width: 960px) {
    .b-boss__title {
        max-width: 76%
    }

    .b-boss__img,
    .b-staff__img {
        width: 100%;
        height: auto;
    }

    .b-boss__wrapper {
        display: flex;
        flex-flow: column-reverse;
        align-items: normal;
    }

    .b-staff__wrapper {
        display: block;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        margin-top: 100px;
        grid-column-gap: 60px;
    }

    .b-boss__img_block,
    .b-staff__img_block {
        padding-bottom: 80px;
        text-align: center
    }

    .b-boss__txt {
        max-width: 80%
    }
}

@media screen and (max-width: 780px) {
    .b-boss__wrapper {
        margin-top: 80px
    }

    .b-boss__title {
        max-width: 100%
    }

    .b-boss__txt {
        max-width: 100%
    }
}

@media screen and (max-width: 520px) {
    .b-boss__wrapper {
        margin-top: 60px
    }

    .b-boss__main_title {
        font-size: 20px;
        line-height: 30px
    }

    .b-boss__img_block,
    .b-staff__img_block {
        padding-bottom: 40px
    }

    .b-boss__title {
        font-size: 18px;
        line-height: 30px;
        max-width: 100%
    }

    .b-boss__txt {
        font-size: 14px;
        line-height: 22px;
        max-width: 100%
    }

    .b-boss__playmarket {
        margin: 10px 0 0 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 448px) {
    .b-boss__button_flex {
        flex-direction: column;
        align-items: start
    }
}

.b-hobbi__header,
.b-tariff__container {
    position: relative;
    box-shadow: 0 6px 30px 4px rgba(69, 88, 157, .1)
}

.b-container__block {
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width: 1140px) {
    .b-container__block {
        padding: 0 45px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }
}

.b-tariff__title {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 54px;
    text-align: center;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__sale_txt,
.b-tariff__subtitle {
    line-height: 36px;
    color: #000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.b-tariff__subtitle {
    font-weight: 400;
    font-size: 24px
}

.b-tariff__sale {
    background: #febd1f;
    border-radius: 4px;
    width: 358px;
    padding: 2px;
    margin: 0 auto margin-top: 34px;
}

.b-tariff__sale_txt {
    font-weight: 600;
    font-size: 16px;
    align-items: center
}

.b-tariff__flex {
    display: flex;
    justify-content: space-between;
    margin-top: 54px
}

.b-tariff__name {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 38px
}

.b-tariff__description,
.b-tariff__description_max,
.b-tariff__employee {
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center
}

.b-tariff__employee {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #2190dc;
    margin: 40px 0 18px;
    padding: 0 10px;
}

.b-tariff__employee_line {
    border: .8px solid rgba(147, 150, 153, .45);
    width: 160px;
    margin: 0 auto
}

.b-tariff__employee_business_line {
    border: .8px solid #fff;
    width: 160px;
    margin: 0 auto
}

.line_startup {
    margin-top: 67px
}

.line_business {
    margin-top: 42px
}

.b-tariff__description,
.b-tariff__description_max {
    font-size: 14px;
    font-style: normal;
    width: 90%;
    margin: 0 auto;
    color: #000
}

.b-tariff__price,
.b-tariff__price_numeral {
    line-height: 40px;
    color: #000;
    font-style: normal
}

.b-tariff__description {
    padding-top: 20px
}

.b-tariff__description_max {
    padding-top: 12px
}

.b-tariff__container {
    text-align: center;
    border-radius: 25px;
    border: 1px solid #f3f4f5;
    background: #fff;
    width: 34%;
    margin-right: 30px
}

.b-tariff__container:hover {
    box-shadow: 0 6px 30px 4px rgb(69 88 157 / 20%)
}

.b-tariff__container a:hover {
    border-bottom: none;
    color: transparent
}

.b-tariff__name_bg {
    background: rgba(247, 248, 251, .95);
    border-radius: 25px 25px 0 0;
    padding: 36px 0
}

.b-tariff__name_business_bg {
    background: #d9e8ff;
    border-radius: 25px 25px 0 0;
    padding: 36px 0
}

.b-tariff__maximum {
    margin-right: 0
}

.b-tariff__price {
    margin-top: 42px;
    font-weight: 400;
    font-size: 24px
}

.b-tariff__price_numeral {
    font-weight: 700;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__flex_txt {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.b-tariff__txt_main {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff_blue_block {
    margin-top: 36px;
    width: 100%;
    height: 80px;
    background: #d9e8ff
}

.b-tariff__btn {
    margin: 34px 0 45px;
    width: 220px;
    height: 54px;
    border: 2px solid #2190dc;
    border-radius: 4px;
    background-color: #fff;
    color: #2190dc;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__btn:hover {
    border: none;
    background: #328cca;
    color: #fff
}

.b-tariff__btn_blue {
    margin: 54px 0 48px 0;
    height: 64px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 19px;
    background-color: #FFB300;
    color: #000000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border: none;
    font-weight: 700;
}

.b-tariff__btn_blue:hover {
    background: #F8A100;
    color: #000000;
}

.b-tariff__business {
    background: #eaf1fc
}

.b-tariff__action_txt {
    margin-top: 22px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__action_txt_bold {
    font-weight: 800
}

@media screen and (max-width: 1140px) {
    .b-tariff__container {
        width: 40%
    }
}

@media screen and (max-width: 960px) {
    .b-tariff__name {
        font-size: 34px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 32px 0 40px;
        width: 200px
    }

    .b-tariff__txt_main {
        font-size: 16px
    }
}

@media screen and (max-width: 960px) and (min-width: 486px) {
    .b-container__block {
        padding: 0
    }

    .b-tariff__flex {
        display: block
    }

    .b-tariff__container {
        margin: 0 auto 60px;
        width: 400px
    }

    .b-tariff__maximum {
        margin: 0 auto 60px
    }

    .b-tariff__description {
        width: 74%
    }

    .b-tariff__name {
        font-size: 38px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 34px 0 45px;
        width: 220px;
        height: 54px
    }

    .b-tariff__txt_main {
        font-size: 18px
    }

    /* .b-tariff__btn_blue {
            width: 254px
        } */
}

@media screen and (max-width: 486px) {
    .b-tariff__price {
        margin-top: 30px
    }

    .b-tariff__sale {
        width: 300px;
        padding: 4px 2px margin-top: 34px;
    }

    .b-tariff__sale_txt {
        font-size: 14px;
        line-height: 24px
    }

    .b-tariff__btn_blue {
        margin: 40px 0
    }

    .b-tariff__employee {
        margin: 30px 0 18px
    }

    .b-tariff__flex {
        display: block
    }

    .b-container__block {
        padding: 0 15px
    }

    .b-tariff__container {
        margin: 0 auto 48px;
        width: 300px
    }

    .b-tariff__subtitle {
        font-size: 18px;
        line-height: 28px
    }

    .b-tariff__title {
        font-size: 24px;
        line-height: 34px;
        margin: 60px 0 0
    }

    .b-tariff__name {
        font-size: 24px
    }

    .b-tariff__price_numeral {
        font-size: 26px
    }

    .b-tariff__name_bg {
        padding: 26px 0
    }

    .b-tariff__name_business_bg {
        padding: 22px 0
    }

    .b-tariff__description {
        padding-top: 24px
    }

    .b-tariff__action_txt {
        margin-top: 24px;
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }
}

.b-hobbi {
    margin-top: 80px
}

.b-hobbi__parrent.state .b-hobbi__flex_bottom {
    max-height: 0;
    transition: max-height .5s ease-out
}

.b-hobbi__parrent.state .b-hobbi__header {
    transition: border-radius .5s ease-out;
    border-radius: 24px
}

.b-hobbi__parrent {
    position: relative
}

.b-hobbi__flex {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.b-hobbi__flex_block {
    display: flex;
    justify-content: center
}

.b-hobbi__check {
    padding: 0 10px 0 0;
    margin-top: 4px
}

.b-hobbi__flex {
    padding-left: 68px
}

.b-hobbi__padding {
    padding-left: 24px
}

.b-hobbi__header {
    min-height: 230px;
    background: #fff;
    border: 1px solid #f3f4f5;
    border-radius: 25px
}

.b-hobbi__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.b-hobbi__flex_bottom_left_block {
    margin-top: 40px;
    padding-left: 98px
}

.b-hobbi__flex_bottom_right_block {
    margin-top: 40px;
    padding-right: 98px
}

.b-hobbi__check_img {
    padding-left: 108px
}

.b-hobbi__txt {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-hobbi__header_main_txt {
    padding: 20px 24px 20px 68px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px
}

.b-hobbi__header_span {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    padding-left: 30px
}

.b-hobbi__header_span_month {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px
}

.b-hobbi__description {
    font-size: 18px;
    line-height: 16px
}

.b-hobbi__btn {
    display: inline-block;
    position: absolute;
    padding: 20px 26px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 28px;
    border: none;
    background-color: #005FCC;
    color: #FFFFFF;
    right: 68px;
    top: 42px;
    text-align: center;
    font-weight: 700;
}

.b-hobbi__btn:hover {
    border: none;
    background-color: #004CA3;
    color: #fff;
}

@media screen and (max-width: 1160px) {
    .b-hobbi__header_main_txt {
        padding: 12px 0 10px 30px;
        width: 58%
    }

    .b-hobbi__flex {
        padding-left: 68px
    }

    .b-hobbi__btn {
        right: 38px
    }

    .b-hobbi__header {
        min-height: 210px
    }
}

@media screen and (max-width: 1140px) {
    .b-hobbi__header_main_txt {
        padding: 38px 0 10px 68px;
        width: 58%
    }

    .b-hobbi__padding {
        padding-left: 20px
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__btn {
        top: 38px
    }
}

@media screen and (max-width: 1040px) {
    .b-hobbi__txt {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1020px) {
    .b-hobbi__btn {
        right: 30px
    }

    .b-hobbi__check_img {
        padding-left: 60px
    }

    .b-hobbi__flex_bottom_left_block {
        padding-left: 48px
    }

    .b-hobbi__flex_bottom_right_block {
        padding-right: 48px
    }
}

@media screen and (max-width: 860px) {
    .b-container__block {
        padding: 0 45px
    }

    .b-hobbi__flex {
        display: block;
        padding-bottom: 40px;
        padding-left: 48px
    }

    .b-hobbi__flex_block {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
        align-items: flex-start
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__check_img {
        padding-left: 28px;
        width: 30px
    }

    .b-hobbi__padding {
        padding-left: 0
    }

    .b-hobbi__btn {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 0 20px 48px
    }

    .b-hobbi__header_main_txt {
        padding: 38px 24px 20px 48px;
        width: 100%
    }
}

@media screen and (max-width: 648px) {
    .b-hobbi__flex_bottom_left_block {
        margin-top: 30px;
        padding-left: 32px
    }

    .b-hobbi__flex_bottom_right_block {
        margin-top: 30px;
        padding-right: 32px
    }

    .b-hobbi__check_img {
        padding-left: 10px;
        width: 30px
    }
}

@media screen and (max-width: 590px) {
    .b-hobbi__flex {
        display: block
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__header_main_txt {
        font-size: 24px;
        line-height: 38px
    }

    .b-hobbi__header_span {
        font-size: 28px;
        padding-left: 22px
    }

    .b-hobbi__flex_block {
        width: 100%
    }

    .b-hobbi__flex_bottom {
        display: block;
        max-height: 100%
    }

    .b-hobbi__flex_bottom_left_block,
    .b-hobbi__flex_bottom_right_block {
        padding: 0 30px 20px
    }

    .b-hobbi__flex_bottom_left_block {
        padding: 0 30px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__header_main_txt {
        padding: 24px 24px 20px 28px;
    }

    .b-hobbi__btn {
        margin: 0 0 20px 28px
    }

    .b-hobbi__flex {
        padding-left: 28px;
        padding-right: 12px
    }
}

.b-links,
.b-links:hover,
a {
    text-decoration: none
}

p,
section {
    color: #000
}

.b-hobbi__header,
.b-tariff__container {
    position: relative;
    box-shadow: 0 6px 30px 4px rgba(69, 88, 157, .1)
}

p {
    margin: 0
}

.b-links {
    color: #272624;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0
}

.b-links:hover {
    color: unset;
    border-bottom: unset
}

a {
    background: 0 0;
    color: #2190dc;
    transition: border .2s
}

section {
    font-family: 'Open Sans', sans-serif
}

.b-container__block {
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width: 1140px) {
    .b-container__block {
        padding: 0 45px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }
}

.b-tariff__title {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 54px;
    text-align: center;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__sale_txt,
.b-tariff__subtitle {
    line-height: 36px;
    color: #000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.b-tariff__subtitle {
    font-weight: 400;
    font-size: 24px;
    margin-top: 18px
}

.b-tariff__sale {
    background: #febd1f;
    border-radius: 4px;
    width: 358px;
    padding: 4px 2px;
    margin: 0px auto 0;
    margin-top: 34px;
}

.b-tariff__sale_txt {
    font-weight: 600;
    font-size: 16px;
    align-items: center;
}

.b-tariff__flex {
    display: flex;
    justify-content: space-between;
    margin-top: 54px;
}

.b-tariff {
    margin-top: 100px
}

.b-tariff__name {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 38px;
}

.b-tariff__description,
.b-tariff__description_max,
.b-tariff__employee {
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.b-tariff__employee {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #2190dc;
    margin: 40px 0 18px;
    padding: 0 10px;
}

.b-tariff__employee_line {
    border: .8px solid rgba(147, 150, 153, .45);
    width: 160px;
    margin: 0 auto;
}

.b-tariff__employee_business_line {
    border: .8px solid #fff;
    width: 160px;
    margin: 0 auto;
}

.line_startup {
    margin-top: 67px;
}

.line_business {
    margin-top: 42px;
}

.b-tariff__description,
.b-tariff__description_max {
    font-size: 14px;
    font-style: normal;
    width: 90%;
    margin: 0 auto;
    color: #000;
}

.b-tariff__price,
.b-tariff__price_numeral {
    line-height: 40px;
    color: #000;
    font-style: normal;
}

.b-tariff__description {
    padding-top: 20px;
}

.b-tariff__description_max {
    padding-top: 12px;
}

.b-tariff__container {
    text-align: center;
    border-radius: 25px;
    border: 1px solid #f3f4f5;
    background: #fff;
    width: 34%;
    margin-right: 30px;
}

.b-tariff__container:hover {
    box-shadow: 0 6px 30px 4px rgb(69 88 157 / 20%);
}

.b-tariff__container a:hover {
    border-bottom: none;
    color: transparent;
}

.b-tariff__name_bg {
    background: rgba(247, 248, 251, .95);
    border-radius: 25px 25px 0 0;
    padding: 36px 0;
}

.b-tariff__name_business_bg {
    background: #d9e8ff;
    border-radius: 25px 25px 0 0;
    padding: 36px 0;
}

.b-tariff__maximum {
    margin-right: 0;
}

.b-tariff__price {
    margin-top: 42px;
    font-weight: 400;
    font-size: 24px;
}

.b-tariff__price_numeral {
    font-weight: 700;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif;
}

.b-tariff__flex_txt {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.b-tariff__txt_main {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

.b-tariff_blue_block {
    margin-top: 36px;
    width: 100%;
    height: 80px;
    background: #d9e8ff;
}

.b-tariff__btn {
    margin: 34px 0 45px;
    width: 220px;
    height: 54px;
    border: 2px solid #2190dc;
    border-radius: 4px;
    background-color: #fff;
    color: #2190dc;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
}

.b-tariff__btn:hover {
    border: none;
    background: #328cca;
    color: #fff;
}

.b-tariff__btn_blue {
    margin: 54px 0 48px 0;
    height: 64px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 19px;
    background-color: #FFB300;
    color: #000000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border: none;
    font-weight: 700;
}

.b-tariff__btn_blue:hover {
    background: #F8A100;
    color: #000000;
}

.b-tariff__business {
    background: #eaf1fc;
}

.b-tariff__action_txt {
    margin-top: 22px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.b-tariff__action_txt_bold {
    font-weight: 800;
}

@media screen and (max-width: 1140px) {
    .b-tariff__container {
        width: 40%;
    }
}

@media screen and (max-width: 960px) {
    .b-tariff__name {
        font-size: 34px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 32px 0 40px;
        width: 200px
    }

    .b-tariff__txt_main {
        font-size: 16px
    }
}

@media screen and (max-width: 960px) and (min-width: 486px) {
    .b-container__block {
        padding: 0
    }

    .b-tariff__flex {
        display: block
    }

    .b-tariff__container {
        margin: 0 auto 60px;
        width: 400px
    }

    .b-tariff__maximum {
        margin: 0 auto 60px
    }

    .b-tariff__description {
        width: 74%
    }

    .b-tariff__name {
        font-size: 38px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 34px 0 45px;
        width: 220px;
        height: 54px
    }

    .b-tariff__txt_main {
        font-size: 18px
    }

    /*
        .b-tariff__btn_blue {
            width: 254px
        } */
}

@media screen and (max-width: 486px) {
    .b-tariff__price {
        margin-top: 30px
    }

    .b-tariff__sale {
        width: 300px;
        padding: 4px 2px margin-top: 34px;
    }

    .b-tariff__sale_txt {
        font-size: 14px;
        line-height: 24px
    }

    .b-tariff__btn_blue {
        margin: 40px 0
    }

    .b-tariff__employee {
        margin: 30px 0 18px
    }

    .b-tariff__flex {
        display: block
    }

    .b-container__block {
        padding: 0 15px
    }

    .b-tariff__container {
        margin: 0 auto 48px;
        width: 300px
    }

    .b-tariff__subtitle {
        font-size: 18px;
        line-height: 28px
    }

    .b-tariff__title {
        font-size: 24px;
        line-height: 34px;
        margin: 60px 0 0
    }

    .b-tariff__name {
        font-size: 24px
    }

    .b-tariff__price_numeral {
        font-size: 26px
    }

    .b-tariff__name_bg {
        padding: 26px 0
    }

    .b-tariff__name_business_bg {
        padding: 22px 0
    }

    .b-tariff__description {
        padding-top: 24px
    }

    .b-tariff__action_txt {
        margin-top: 24px;
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }
}

.b-hobbi {
    margin-top: 80px
}

.b-hobbi__parrent.state .b-hobbi__flex_bottom {
    max-height: 0;
    transition: max-height .5s ease-out
}

.b-hobbi__parrent.state .b-hobbi__header {
    transition: border-radius .5s ease-out;
    border-radius: 24px
}

.b-hobbi__parrent {
    position: relative
}

.b-hobbi__flex {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.b-hobbi__flex_block {
    display: flex;
    justify-content: center
}

.b-hobbi__check {
    padding: 0 10px 0 0;
    margin-top: 4px
}

.b-hobbi__flex {
    padding-left: 68px
}

.b-hobbi__padding {
    padding-left: 24px
}

.b-hobbi__header {
    min-height: 230px;
    background: #fff;
    border: 1px solid #f3f4f5;
    border-radius: 25px
}

.b-hobbi__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.b-hobbi__flex_bottom_left_block {
    margin-top: 40px;
    padding-left: 98px
}

.b-hobbi__flex_bottom_right_block {
    margin-top: 40px;
    padding-right: 98px
}

.b-hobbi__check_img {
    padding-left: 108px
}

.b-hobbi__txt {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-hobbi__header_main_txt {
    padding: 20px 24px 20px 68px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px
}

.b-hobbi__header_span {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    padding-left: 30px
}

.b-hobbi__header_span_month {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px
}

.b-hobbi__description {
    font-size: 18px;
    line-height: 16px
}

.b-hobbi__btn {
    display: inline-block;
    position: absolute;
    padding: 20px 26px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 28px;
    border: none;
    background-color: #005FCC;
    color: #FFFFFF;
    right: 68px;
    top: 42px;
    text-align: center;
    font-weight: 700;
}

.b-hobbi__btn:hover {
    border: none;
    background-color: #004CA3;
    color: #fff;
}

@media screen and (max-width: 1160px) {
    .b-hobbi__header_main_txt {
        padding: 12px 0 10px 30px;
        width: 58%
    }

    .b-hobbi__btn {
        right: 38px
    }

    .b-hobbi__header {
        min-height: 210px
    }
}

@media screen and (max-width: 1140px) {
    .b-hobbi__header_main_txt {
        padding: 38px 0 10px 68px;
        width: 58%
    }

    .b-hobbi__padding {
        padding-left: 20px
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__btn {
        top: 38px
    }
}

@media screen and (max-width: 1040px) {
    .b-hobbi__txt {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1020px) {
    .b-hobbi__btn {
        right: 30px
    }

    .b-hobbi__check_img {
        padding-left: 60px
    }

    .b-hobbi__flex_bottom_left_block {
        padding-left: 48px
    }

    .b-hobbi__flex_bottom_right_block {
        padding-right: 48px
    }
}

@media screen and (max-width: 860px) {
    .b-container__block {
        padding: 0 45px
    }

    .b-hobbi__flex {
        display: block;
        padding-bottom: 40px;
        padding-left: 48px
    }

    .b-hobbi__flex_block {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
        align-items: flex-start;
        width: 100%
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__check_img {
        padding-left: 28px;
        width: 30px
    }

    .b-hobbi__padding {
        padding-left: 0
    }

    .b-hobbi__btn {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 0 20px 48px
    }

    .b-hobbi__header_main_txt {
        padding: 38px 24px 20px 48px;
        width: 100%
    }
}

@media screen and (max-width: 648px) {
    .b-hobbi__flex_bottom_left_block {
        margin-top: 30px;
        padding-left: 32px
    }

    .b-hobbi__flex_bottom_right_block {
        margin-top: 30px;
        padding-right: 32px
    }

    .b-hobbi__check_img {
        padding-left: 10px;
        width: 30px
    }
}

@media screen and (max-width: 590px) {
    .b-hobbi__flex {
        display: block
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__header_main_txt {
        font-size: 24px;
        line-height: 38px
    }

    .b-hobbi__header_span {
        font-size: 28px;
        padding-left: 22px
    }

    .b-hobbi__flex_block {
        width: 100%
    }

    .b-hobbi__flex_bottom {
        display: block;
        max-height: 100%
    }

    .b-hobbi__flex_bottom_left_block,
    .b-hobbi__flex_bottom_right_block {
        padding: 0 30px 20px
    }

    .b-hobbi__flex_bottom_left_block {
        padding: 0 30px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__header_main_txt {
        padding: 24px 24px 20px 28px;
    }

    .b-hobbi__btn {
        margin: 0 0 20px 28px
    }

    .b-hobbi__flex {
        padding-left: 28px;
        padding-right: 12px
    }
}

.b-links,
.b-links:hover,
a {
    text-decoration: none
}

p,
section {
    color: #000
}

.b-hobbi__header,
.b-tariff__container {
    position: relative;
    box-shadow: 0 6px 30px 4px rgba(69, 88, 157, .1)
}

p {
    margin: 0
}

.b-links {
    color: #272624;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0
}

.b-links:hover {
    color: unset;
    border-bottom: unset
}

a {
    background: 0 0;
    color: #2190dc;
    transition: border .2s
}

section {
    font-family: 'Open Sans', sans-serif
}

.b-container__block {
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width: 1140px) {
    .b-container__block {
        padding: 0 45px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }
}

.b-tariff__title {
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 54px;
    text-align: center;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__sale_txt,
.b-tariff__subtitle {
    line-height: 36px;
    color: #000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.b-tariff__subtitle {
    font-weight: 400;
    font-size: 24px
}

.b-tariff__sale {
    background: #febd1f;
    border-radius: 4px;
    width: 358px;
    padding: 2px;
    margin: 0 auto;
    margin-top: 34px;
}

.b-tariff__sale_txt {
    font-weight: 600;
    font-size: 16px;
    align-items: center
}

.b-tariff__flex {
    display: flex;
    justify-content: space-between;
    margin-top: 54px
}

.b-tariff__name {
    display: block;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 38px
}

.b-tariff__description,
.b-tariff__description_max,
.b-tariff__employee {
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    text-align: center
}

.b-tariff__employee {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    color: #2190dc;
    margin: 40px 0 18px padding: 0 20px;
}

.b-tariff__employee_line {
    border: .8px solid rgba(147, 150, 153, .45);
    width: 160px;
    margin: 0 auto
}

.b-tariff__employee_line_white {
    border: .8px solid #fff;
    width: 160px;
    margin: 0 auto
}

.b-tariff__employee_line_startup {
    margin-top: 67px
}

.b-tariff__employee_line_business {
    margin-top: 42px
}

.b-tariff__description,
.b-tariff__description_max {
    font-size: 14px;
    font-style: normal;
    width: 90%;
    margin: 0 auto;
    color: #000
}

.b-tariff__price,
.b-tariff__price_numeral {
    line-height: 40px;
    color: #000;
    font-style: normal
}

.b-tariff__description {
    padding-top: 20px
}

.b-tariff__description_max {
    padding-top: 12px
}

.b-tariff__container {
    text-align: center;
    border-radius: 25px;
    border: 1px solid #f3f4f5;
    background: #fff;
    width: 34%;
    margin-right: 30px
}

.b-tariff__container:hover {
    box-shadow: 0 6px 30px 4px rgb(69 88 157 / 20%)
}

.b-tariff__container a:hover {
    border-bottom: none;
    color: transparent
}

.b-tariff__name_bg {
    background: rgba(247, 248, 251, .95);
    border-radius: 25px 25px 0 0;
    padding: 36px 0
}

.b-tariff__name_bg_business {
    background: #d9e8ff;
    border-radius: 25px 25px 0 0;
    padding: 36px 0
}

.b-tariff__block_maximum {
    margin-right: 0
}

.b-tariff__price {
    margin-top: 42px;
    font-weight: 400;
    font-size: 24px
}

.b-tariff__price_numeral {
    font-weight: 700;
    font-size: 40px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__flex_txt {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.b-tariff__txt_main {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    margin: 0;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-tariff_blue_block {
    margin-top: 36px;
    width: 100%;
    height: 80px;
    background: #d9e8ff
}

.b-tariff__btn {
    margin: 34px 0 45px;
    width: 220px;
    height: 54px;
    border: 2px solid #2190dc;
    border-radius: 4px;
    background-color: #fff;
    color: #2190dc;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__btn:hover {
    border: none;
    background: #328cca;
    color: #fff
}


.b-tariff__btn_blue {
    margin: 54px 0 48px 0;
    height: 64px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 19px;
    background-color: #FFB300;
    color: #000000;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border: none;
    font-weight: 700;
}

.b-tariff__btn_blue:hover {
    background: #F8A100;
    color: #000000;
}

.b-tariff__block_business {
    background: #eaf1fc
}

.b-tariff__action_txt {
    margin-top: 22px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif
}

.b-tariff__action_txt_bold {
    font-weight: 800
}

@media screen and (max-width: 1140px) {
    .b-tariff__container {
        width: 40%
    }
}

@media screen and (max-width: 960px) {
    .b-tariff__name {
        font-size: 34px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 32px 0 40px;
        width: 200px
    }

    .b-tariff__txt_main {
        font-size: 16px
    }
}

@media screen and (max-width: 960px) and (min-width: 486px) {
    .b-container__block {
        padding: 0
    }

    .b-tariff__flex {
        display: block
    }

    .b-tariff__container {
        margin: 0 auto 60px;
        width: 400px
    }

    .b-tariff__maximum {
        margin: 0 auto 60px
    }

    .b-tariff__description {
        width: 74%
    }

    .b-tariff__name {
        font-size: 38px;
        line-height: 38px
    }

    .b-tariff__btn {
        margin: 34px 0 45px;
        width: 220px;
        height: 54px
    }

    .b-tariff__txt_main {
        font-size: 18px
    }

    /*
        .b-tariff__btn_blue {
            width: 254px
        } */
}

@media screen and (max-width: 486px) {
    .b-tariff__price {
        margin-top: 30px
    }

    .b-tariff__sale {
        width: 300px;
        padding: 4px 2px margin-top: 34px;
    }

    .b-tariff__sale_txt {
        font-size: 14px;
        line-height: 24px
    }

    .b-tariff__btn_blue {
        margin: 40px 0
    }

    .b-tariff__employee {
        margin: 30px 0 18px
    }

    .b-tariff__flex {
        display: block
    }

    .b-container__block {
        padding: 0 15px
    }

    .b-tariff__container {
        margin: 0 auto 48px;
        width: 300px
    }

    .b-tariff__subtitle {
        font-size: 18px;
        line-height: 28px
    }

    .b-tariff__title {
        font-size: 24px;
        line-height: 34px;
        margin: 60px 0 0
    }

    .b-tariff__name {
        font-size: 24px
    }

    .b-tariff__price_numeral {
        font-size: 26px
    }

    .b-tariff__name_bg {
        padding: 26px 0
    }

    .b-tariff__name_bg_business {
        padding: 22px 0
    }

    .b-tariff__description {
        padding-top: 24px
    }

    .b-tariff__action_txt {
        margin-top: 24px;
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }
}

.b-hobbi {
    margin-top: 80px
}

.b-hobbi__parrent.state .b-hobbi__flex_bottom {
    max-height: 0;
    transition: max-height .5s ease-out
}

.b-hobbi__parrent.state .b-hobbi__header {
    transition: border-radius .5s ease-out;
    border-radius: 24px
}

.b-hobbi__parrent {
    position: relative
}

.b-hobbi__flex {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.b-hobbi__flex_block {
    display: flex;
    justify-content: center
}

.b-hobbi__check {
    padding: 0 10px 0 0;
    margin-top: 4px
}

.b-hobbi__flex {
    padding-left: 68px
}

.b-hobbi__padding {
    padding-left: 24px
}

.b-hobbi__header {
    min-height: 246px;
    background: #fff;
    border: 1px solid #f3f4f5;
    border-radius: 25px
}

.b-hobbi__button {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.b-hobbi__flex_bottom_left_block {
    margin-top: 40px;
    padding-left: 98px
}

.b-hobbi__flex_bottom_right_block {
    margin-top: 40px;
    padding-right: 98px
}

.b-hobbi__check_img {
    padding-left: 108px
}

.b-hobbi__txt {
    font-size: 18px;
    line-height: 26px;
    color: #000;
    font-family: 'Open Sans', sans-serif
}

.b-hobbi__header_main_txt {
    padding: 20px 24px 20px 68px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 52px
}

.b-hobbi__header_span {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    padding-left: 30px
}

.b-hobbi__header_span_month {
    font-weight: 600;
    font-size: 24px;
    line-height: 40px
}

.b-hobbi__description {
    font-size: 18px;
    line-height: 16px
}

.b-hobbi__btn {
    display: inline-block;
    position: absolute;
    padding: 20px 26px;
    width: 264px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 28px;
    border: none;
    background-color: #005FCC;
    color: #FFFFFF;
    right: 68px;
    top: 42px;
    text-align: center;
    font-weight: 700;
}

.b-hobbi__btn:hover {
    border: none;
    background-color: #004CA3;
    color: #fff;
}

@media screen and (max-width: 1160px) {
    .b-hobbi__header_main_txt {
        padding: 12px 0 10px 30px;
        width: 58%
    }

    .b-hobbi__btn {
        right: 38px
    }

}

@media screen and (max-width: 1140px) {
    .b-hobbi__header_main_txt {
        padding: 38px 0 10px 68px;
        width: 58%
    }

    .b-hobbi__padding {
        padding-left: 20px
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__btn {
        top: 38px
    }
}

@media screen and (max-width: 1040px) {
    .b-hobbi__txt {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (max-width: 1020px) {
    .b-hobbi__btn {
        right: 30px
    }

    .b-hobbi__check_img {
        padding-left: 60px
    }

    .b-hobbi__flex_bottom_left_block {
        padding-left: 48px
    }

    .b-hobbi__flex_bottom_right_block {
        padding-right: 48px
    }
}

@media screen and (max-width: 860px) {
    .b-container__block {
        padding: 0 45px
    }

    .b-hobbi__flex {
        display: block;
        padding-bottom: 40px;
        padding-left: 48px
    }

    .b-hobbi__flex_block {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
        align-items: flex-start
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__check_img {
        padding-left: 28px;
        width: 30px
    }

    .b-hobbi__padding {
        padding-left: 0
    }

    .b-hobbi__btn {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        margin: 0 0 20px 48px
    }

    .b-hobbi__header_main_txt {
        padding: 38px 24px 20px 48px;
        width: 100%
    }
}

@media screen and (max-width: 648px) {
    .b-hobbi__flex_bottom_left_block {
        margin-top: 30px;
        padding-left: 32px
    }

    .b-hobbi__flex_bottom_right_block {
        margin-top: 30px;
        padding-right: 32px
    }

    .b-hobbi__check_img {
        padding-left: 10px;
        width: 30px
    }
}

@media screen and (max-width: 590px) {
    .b-hobbi__flex {
        display: block
    }

    .b-hobbi__check {
        padding: 0 10px 0 0
    }

    .b-hobbi__header_main_txt {
        font-size: 24px;
        line-height: 38px
    }

    .b-hobbi__header_span {
        font-size: 28px;
        padding-left: 22px
    }

    .b-hobbi__flex_block {
        width: 100%
    }

    .b-hobbi__flex_bottom {
        display: block;
        max-height: 100%
    }

    .b-hobbi__flex_bottom_left_block,
    .b-hobbi__flex_bottom_right_block {
        padding: 0 30px 20px
    }

    .b-hobbi__flex_bottom_left_block {
        padding: 0 30px
    }
}

@media screen and (max-width: 486px) {
    .b-container__block {
        padding: 0 15px
    }

    .b-hobbi__description {
        font-size: 14px;
        line-height: 16px
    }

    .b-hobbi__header_main_txt {
        padding: 24px 24px 20px 28px;
    }

    .b-hobbi__btn {
        margin: 0 0 20px 28px;
    }

    .b-hobbi__flex {
        padding-left: 28px;
        padding-right: 12px;
    }
}

/* ///////popup_block_html////////// */

.b-popup_container {
    padding: 0px 30px;
}

.b-popup_tariff__block {
    max-width: 1140px;
    min-height: 112px;
    display: flex;
    align-items: center;
    background: #eaf1fc;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}

.fixed-tariff .b-popup_tariff__block {
    border-radius: unset;
    min-height: 70px;
    margin: 0 auto;
}

.b-description_tariff_bg {
    background-color: rgba(0, 0, 0, 0.4);
}

.b-description__container {
    background: #FFFFFF;
    max-width: 1140px;
    margin: 0 auto;
}

.b-description__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    align-self: start;
}

.b-description_tariff__popup {
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
}

.b-popup_tariff__bg {
    background: #FFFFFF;
}

.b-description_tariff_close {
    right: 140px;
    top: 40px;
    position: fixed;
}

@media screen and (max-width: 1140px) {
    .b-popup_tariff__block {
        padding: 0 45px 0 45px;
    }

    .b-popup_tariff__features_label {
        padding: 0px 20px;
    }
}

@media screen and (max-width: 960px) {
    .b-popup_tariff__features_label {
        padding: 0px 0px;
    }

    .b-popup_tariff__block {
        padding: 0 20px 0 20px;
    }
}

@media screen and (max-width: 520px) {
    .b-popup_tariff__block {
        min-height: 82px;
    }

    .b-popup_tariff__client {
        margin: 28px 0 20px 20px;
    }

    .b-popup__main_txt_flex {
        margin: 0 0 0 20px;
    }
}


/* ///// new_demo ////// */

.b-cta-sto {
    margin-top: 160px;
}

.b-cta-sto__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.b-cta-sto__color {
    background-color: #D5E2F9;
    max-width: 1140px;
    height: auto;
    border-radius: 16px;
}

.b-cta-sto__img_block {
    /* width: 100%; */
    text-align: right;
}

.b-cta-sto__img {
    width: auto;
    border-radius: 16px;
}

.b-cta-sto__block {
    padding-left: 68px;
}

.b-cta-sto__txt {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 18px;
    /*max-width: 88%;*/
}

.b-cta-demo__title_sub-sto {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 38px;
    /*max-width: 60%;*/
}


.b-cta__btn-sto {
    padding: 20px 40px;
    text-align: center;
    width: 220px;
    border-radius: 4px;
    color: #FFFFFF;
;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 19px;
    background-color: #218838;
    font-weight: 700;
}

.b-cta__btn-sto:hover {
    background: #19692C;
    color: #FFFFFF;
}

@media screen and (max-width: 980px) {

    .b-cta-demo__title_sub-sto {
        max-width: 90%;
    }

    .b-cta-sto__block {
        padding-left: 0;
    }

    .b-cta-sto__img {
        display: none;
    }

    .b-cta-sto__flex {
        display: block;
        position: relative;
        text-align: center;
    }

    .b-cta-sto__txt {
        max-width: 94%;
        font-size: 22px;
        line-height: 32px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .b-cta-sto__color {
        padding: 30px 20px 48px 20px;
    }
}

@media screen and (max-width: 812px) {
    .b-cta-demo__title_sub-sto {
        font-size: 14px;
        line-height: 18px;
        max-width: 100%;
        margin-bottom: 42px;
    }
}

@media screen and (max-width: 520px) {
    .b-cta-sto {
        margin-top: 60px;
    }

    .b-cta-sto__txt {
        font-size: 18px;
        line-height: 28px;
        max-width: 100%;
    }

    .b-cta-sto__color {
        padding: 30px 30px 48px 30px;
    }

    .b-cta__btn-sto {
        padding: 18px 14px;
    }
}