a {
    color: #d71a21;
    text-decoration: none;
}
.stocks-block > a:hover {
    color: #d71a21;
    text-decoration: none;
}

.page-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 50px;
}

.inner-content .content-header-text {
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 20px;
}

.inner-content .number-phone-text {
    font-size: 15px;
    padding-bottom: 10px;
}

.input-phone-number-block #input-phone-number {
    border: 1px solid var(--color_grey_4);
    padding: 10px 0 10px 10px;
    border-radius: 5px;
}

.inner-content .content {
    padding-left: 20px;
}

.input-phone-number-block .input-group {
    display: flex;
    column-gap: 10px;
}

.input-group button {
    padding: 0 15px;
    border-radius: 5px;
    background: var(--color_red_2);
    border-color: var(--color_red_2);
    color: var(--text_color_1);
    transition: all .2s ease-in-out;
    max-height: 37px;
    font-size: 13px;
}

.input-group button:hover {
    background: var(--color_red);
    border-color: var(--color_red);
}

.content .hidden {
    display: none;
    visibility: collapse
}

.navigation {
    padding-top: 0px;
}

.link-no-style {
    color: black;
}

.link-no-style,
.link-no-style:hover {
    text-decoration: none;
}

.red-text {
    color: red;
}

.button {
    color: black;
    text-align: center;
    border: 1px solid red;
    padding: 6px;
    justify-self: center;
    width: max-content;
    position: relative;
    background-color: white;
}

    .button:hover {
        background-color: red;
        color: white;
        cursor: pointer;
    }

.flex-container {
    display: flex;
}

right-content-side div {
    display: flex;
    justify-content: space-around;
}

.number-phone-block {
    display: flex;
    font-size: 16px;
    padding-bottom: 20px;
    justify-content: flex-start;
}

.number-phone {
    padding-left: 5px;
}

.amount-bonus {
    padding: 0 5px
}

.bonus-balance-block {
    justify-content: flex-start;
    font-size: 16px;
    padding-bottom: 20px;
}

.right-content-side {
    border: 1px solid lightgray;
}

.left-content-side, .right-content-side {
    width: 100%;
}

.right-content-side {
    display: grid;
    grid-template-columns: auto;
}

a.bottom-dot div {
    color: darkred;
    border-bottom: 1px dashed darkred;
}

    a.bottom-dot div:hover {
        color: red;
        border-bottom: 1px dashed red;
    }

.right-content-side-title {
    border-bottom: 1px solid lightgrey;
    align-self: center;
    height: 100%;
    margin: 10px 0;
    padding: 0 15px;
}

.right-content-side-item {
    padding: 15px;
    font-weight: 500;
    border-bottom: 1px solid lightgray;
}

.right-content-side-item:last-child {
    border-bottom: 0;
}

.right-content-side-last-item {
    border-bottom: none;
}

.credit-cart-image {
    width: 30px;
    height: 24px;
    padding-right: 8px;
}

.align-center {
    align-self: center;
}

.merge-card-button-mobile {
    display: none;
}

.field-validation-error {
    display: block;
    max-width: 150px;
    text-align: center;
    font-size: 11px;
    color: red;
    margin-left: 10px;
}

.text-in-image-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.text-in-image-item {
    display: flex;
    flex-flow: column;
    width: 140px;
    margin-bottom: 25px;
}

    .text-in-image-item div:not(.text-in-image-block) {
        font-size: 11px;
        text-align: center;
    }

.text-in-image-block {
    background-image: url('https://object.pscloud.io/cms/wwwroot/img/guarantee.png');
    height: 110px;
    width: 110px;
    display: table;
    align-self: center;
}

    .text-in-image-block ul {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        font-size: 17px;
    }

.big-text {
    font-size: 29px;
}

.info-block {
    margin-bottom: 25px;
}

.tables-block {
    padding-bottom: 30px;
}

.table {
    display: table;
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
}

.row {
    display: table-row;
    width: 100%;
    text-align: center;
}

.column {
    display: table-column;
}

.cell {
    display: table-cell;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 5px;
}

.mobile-table {
    display: none;
    padding-bottom: 25px;
}

    .mobile-table .cell {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.flex-content-container {
    display: flex;
    padding-left: 10px;
}

.content-left-side {
    padding-right: 50px;
}

ul.enum {
    list-style: disc;
    list-style-position: inside;
}

.loading-block {
    background-color: gray;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: relative
}

.disabled {
    background-color: lightgray;
    color: gray;
    border: none;
}

    .disabled:hover {
        background-color: lightgray;
        color: gray;
        cursor: not-allowed;
    }

.grid-container-center {
    display: grid;
    justify-content: flex-start;
}

.field-validation-error {
    width: 100%;
    text-align: left;
    margin: 0;
}

.all-operation-button {
    padding: 9px 6px;
    border-radius: 5px;
    background: var(--color_red_2);
    border-color: var(--color_red_2);
    color: var(--text_color_1);
    transition: all .2s ease-in-out;
    font-size: 13px;
}

.all-operation-button:hover {
    background: var(--color_red);
    border-color: var(--color_red);
}

@media(max-width: 600px) {
    .page-content .content-header-text {
        font-size: 16px;
        font-weight: normal;
        text-align: center;
    }

    .sbonus-title-block {
        background: var(--color_white);
        border: 1px solid var(--body_bg_2);
        border-radius: 10px;
        padding: 20px 20px 20px 10px;
        font-size: 15px;
        font-weight: bold;
        display: block;
    }

    .inner-content .number-phone-text {
        display: none;
    }

    .inner-content .content {
        padding: 0 15px;
    }

    .input-phone-number-block .input-group {
        flex-direction: column;
    }

    .input-group #input-phone-number {
        width:100%;
    }

    .input-group button {
        position: absolute;
        min-height: 37px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 130px auto 0 auto;
    }

    .input-phone-number-block #input-phone-number {
        width: 100%;
    }

    .number-phone-block,
    .grid-container-center,
    .bonus-balance-block {
        justify-content: center;
    }
}

.sbonus-page {
    max-width: 1100px;
    margin: 10px auto;
    background: var(--color_white);
    display: flex;
    border: 1px solid var(--body_bg_2);
    border-radius: 20px;
    padding: 60px 20px 20px 10px;
}

.sbonus-page .navigation-block {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    font-size: 16px;
    width: 200px;
    border-width: 1px;
    border-right-color: var(--color_grey_4);
    border-right-style: solid;
}

.sbonus-page .inner-content{
    width: 100%;
}

.sbonus-page .navigation-block a,
.sbonus-page .navigation-block a:hover
{
    color: var(--text_color);
}

.sbonus-page .sprite-check-bonus-container,
.sbonus-page .sprite-questions-answers-container,
.sbonus-page .questions-answers-container,
.sbonus-page .sprite-about-container {
    display: flex;
    border-radius: 5px;
    padding: 6px 0 6px 10px;
    transition: background .2s ease-in-out;
}

.sbonus-page .sprite-check-bonus-container:hover,
.sbonus-page .sprite-questions-answers-container:hover,
.sbonus-page .questions-answers-container:hover,
.sbonus-page .sprite-about-container:hover {
    background: var(--color_grey_3);
}

.service-icon {
    width: 70px;
    height: 70px;
    display: block;
}

.questions-answers {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    color: #ccc;
}

.questions-answers.active {
    color: #d71a21;
}

.sprite-about.active {
    background-position: -20px 0;
    width: 20px;
    height: 20px;
}

.sprite.sprite-about.active + .sprite-about-description {
    color: var(--color_red);
}

.sprite-about {
    width: 20px;
    height: 20px;
    background-position: 0 0;
}

.sprite-questions-answers.active {
    background-position: -140px 0;
    width: 20px;
    height: 20px;
}

.sprite-questions-answers {
    width: 20px;
    height: 20px;
    background-position: -120px 0;
}

.questions-answers svg {
    width: 20px;
    height: 20px;
}

.sprite-check-bonus.active {
    background-position: -60px 0;
    width: 20px;
    height: 20px;
}

.sprite-check-bonus {
    width: 20px;
    height: 20px;
    background-position: -41px 0;
}

.sprite {
    margin-right: 10px;
    background-image: url('https://object.pscloud.io/cms/wwwroot/img/bonus-club-menu-images.png');
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.sbonus-page .navigation-row .arrow {
    display: none;
}

.sbonus-title-block {
    display: none;
}

.sbonus-page .content__text * + * {
    margin-top: auto;
}

.sbonus-page .content__text {
    color: var(--text_color);
}

@media(max-width: 600px) {
    .sbonus-page {
        flex-direction: column;
        padding: 10px 0 0 0;
        border-radius: 10px;
        margin: 10px auto 70px auto;
    }

        .sbonus-page .navigation-block {
            row-gap: 0;
            border: none;
        }

        .sbonus-page .inner-content {
            border: 1px solid var(--color_grey_4);
            border-radius: 10px;
            min-height: 250px;
            padding-top: 10px;
            position: relative;
        }

        .sbonus-page .navigation-menu {
            padding: 0 10px 10px 0;
        }

        .sbonus-page .navigation-block {
            width: 100%;
        }

        .sbonus-page .navigation-row {
            display: flex;
            justify-content: space-between;
            width: 100%;
            padding-left: 5px;
        }

    .arrow img {
        vertical-align: baseline;
    }

    .sbonus-page .navigation-row .arrow {
        display: block;
    }

    .sprite-about.active,
    .sprite-about,
    .questions-answers svg,
    .questions-answers.active svg,
    .sprite-questions-answers,
    .sprite-questions-answers.active,
    .sprite-check-bonus,
    .sprite-check-bonus.active {
        width: 22px;
    }
}

/*.inner-content .img-full-width {
    width: 80%;
}

.inner-content .img-desktop .flexin-specs {
    padding-top: 30px!important;
    justify-content: space-around;
}

.inner-content .img-desktop .flexin-specs .mg-top-10 {
    padding: 20px 0 0 20px;
    font-weight: normal;
    font-size: 17px;
}

.inner-content .img-desktop > div + div p {
    font-size:
}*/