/* Start:/bitrix/templates/template.nadel/css/pages/bonus-program.css?177692861010677*/
.l-page-content .l-wrapper {
    max-width: none !important;
}
.l-page-content .l-wrapper.b-content-wrapper {
    padding: 0;
}
.l-page-content .b-breadcrumb {
    max-width: 1364px;
    margin: 0 auto 38px auto;
    padding: 20px 20px 15px 20px;
}
.rights__bonus a, .rights__bonus a:visited {
    border-bottom: 0px !important;
}
.bonus-container {
    margin: 0 auto 0 auto;
    max-width: 1029px;
}
.bonus-program {
    position: relative;
    width: 100%;
    height: 353px;
    background: linear-gradient(252.11deg, #F8F8F8 29.89%, #E6E3E1 67.88%);
}
.bonus-program .header-title {
    font-weight: 600;
    font-size: 54px;
    margin-bottom: 65px;
}
.bonus-program .background-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.bonus-program .background-svg svg {
    position: absolute;
    bottom: 0;
}
.bonus-program .vector-line {
    margin-right: 20px;
}
.bonus-program .description {
    display: flex;
    justify-content: space-between;
    height: 64px;
}
.bonus-program .description__title {
    width: 607px;
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}
.join-btn {
    display: flex;
    padding: 24px;
    font-size: 20px;
    font-weight: 600;
    background: #FDE804;
    border-radius: 4px;
    border-bottom: 0px !important;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.privilegies {
    margin-top: 110px;
}
.privilegies .items {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.privilegies .item {
    display: flex;
    flex-direction: column;
    width: 189.9px;
    gap: 8px;
}
.privilegies .title {
    font-size: 32px;
    font-weight: 600;
}
.privilegies .item__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.privilegies .item__icon {
    width: 120px;
    height: 120px;
}
.join__program {
    display: flex;
    margin-top: 120px;
    padding-top: 35px;   
}
.join__program-bg {
    background: linear-gradient(87.23deg, #E6E3E1 -25.68%, #F8F8F8 99.77%);
}
.join__program-content {
    padding-top: 10px;
}
.join__program-content > span {
    display: flex;
    width: 607px;
    font-size: 36px;
    font-weight: 600;
    line-height: 41.4px;
}
.join__program-content > ul {
    width: 489px;
    font-size: 20px;
    padding-left: 20px;
    margin-top: 40px;
    margin-bottom: 39px;
}
.join__program .phone {
    overflow: auto;
    margin-right: -188px;
}
.join__program .phone-mobile {
    display: none;
}
.join__program .join-btn {
    display: flex;
    width: 205px;
    height: 64px;
    padding: 24px;
    margin-bottom: 51px;
    font-size: 20px;
    font-weight: 600;
    background: #FDE804;
    border-radius: 4px;
    border-bottom: 0px !important;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.bonus-types {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 120px;
}
.bonus-types > span {
    font-size: 32px;
    line-height: 36.8px;
    font-weight: 600;
}
.bonus-types .types {
    display: flex;
    flex-direction: row;
    gap: 34px;
}
.bonus-types .type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 497.5px;
    height: 283px;
    padding: 32px;
    gap: 10px;
    background: rgba(248, 248, 248, 0.9);
    border-radius: 4px;
}
.bonus-types .type__header {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(230, 227, 225, 1);
}
.bonus-types .type__title {
    font-size: 24px;
    line-height: 27.6px;
}
.bonus-types .type ul {
    padding-left: 17px;
    margin-top: 2px;
}
.bonus-privilegies {
    margin-top: 115px;
}
.bonus-privilegies .statuses {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow-x: hidden;
    will-change: transform;
    user-select: none;
    cursor: pointer;
}
.bonus-privilegies .status {
    display: flex;
    flex-direction: column;
    width: 300px;
    position: relative;
    border-right: none;
}
.bonus-privilegies .status::after {
    content: "";
    position: absolute;
    top: 0;
    right: -32.5px;
    height: 100%;
    width: 32.5px;
    border-right: 1px solid rgba(230, 227, 225, 1);
}
.bonus-privilegies .status:last-child::after {
    border-right: none;
}
.bonus-privilegies .status__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.bonus-privilegies .status__icon {
    margin-bottom: 20px;
    padding-top: 5px;
}
.bonus-privilegies .status__title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
}
.bonus-privilegies .status__buying-sum {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 24px;
}
.bonus-privilegies .status__conditions {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.bonus-privilegies .status__condition {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 6px 16px 6px 16px;
    gap: 4px;
    width: 300px;
    height: 64px;
    background: #F8F8F8;
    border-radius: 4px;
}
.bonus-privilegies .condition__text.bold {
    font-weight: 600;
}
.bonus-privilegies .join-btn {
    display: flex;
    width: 205px;
    height: 64px;
    padding: 24px;
    margin: 40px auto 80px auto;
    font-size: 20px;
    font-weight: 600;
    background: #FDE804;
    border-radius: 4px;
    border-bottom: 0px !important;
    align-items: center;
    justify-content: center;
}
.rights {
    display: flex;
    justify-content: center;
}
.rights__bonus {
    font-size: 20px;
    line-height: 30px;
}
.l-footer {
    margin-top: 80px;
}
.privilegies .item__content {
    display: none;
}
@media (max-width: 768px) {
    .l-wrapper > div:not(.join__program-content):not(.b-footer-logo):not(.bonus-container.description):not(.background-svg) {
        max-width: 100%;
        padding: 0 16px !important;
    }
    .b-breadcrumb {
        display: none;
    }
    .bonus-program {
        height: 349px;
    }
    .bonus-program .header-title {
        font-size: 32px;
        padding-top: 56px;
        padding-bottom: 0px;
        margin-bottom: 17px;
    }
    .bonus-program .description__title {
        width: auto;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 56px;
    }
    .bonus-program .description {
        flex-direction: column;
    }
    .bonus-program .background-svg {
        left: -425px;
        overflow: visible;
    }
    .privilegies {
        margin-top: 45px;
    }
    .privilegies .items {
        flex-direction: column;
        gap: 16px;
        margin-top: 20px;
    }
    .privilegies .title {
        font-size: 24px;
    }
    .privilegies .item {
        flex-direction: row;
        width: auto;
    }
    .privilegies .item__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 8px;
    }
    .privilegies .desktop {
        display: none;
    }
    .privilegies .item__icon {
        width: 64px;
        height: 64px;
    }
    .join__program-bg {
        background: linear-gradient(182.76deg, #E6E3E1 4.61%, #F8F8F8 60.65%);
    }
    .join__program-content > span {
        width: auto;
        font-size: 24px;
        line-height: 27.6px;
        padding-bottom: 0px;
    }
    .join__program-content > ul {
        width: auto;
        font-size: 16px;
        padding-left: 25px;
        margin-top: 24px;
        margin-bottom: 20px;
    }
    .join__program-content > li {
        margin-bottom: 9px;
        margin-top: 0px;
    }
    .join__program-content > .join-btn {
        margin-top: -64px;
        position: relative;
        z-index: 1;
    }
    .join__program-content {
        padding-top: 0;
        padding-bottom: 0;
    }
    .join__program {
        padding-top: 32px;
        margin-top: 48px;
    }
    .join__program .join-btn {
        width: auto;
        height: 64px;
        margin-bottom: 32px;
    }
    .join__program .phone {
        display: none;
    }
    .join__program .phone-mobile {
        display: block;
    }
    .bonus-types {
        flex-direction: column;
        margin-top: 48px;
        gap: 20px;
    }
    .bonus-types > span {
        font-size: 24px;
        line-height: 27.6px;
    }
    .bonus-types .types {
        flex-direction: column;
        gap: 15px;
    }
    .bonus-types .type {
        width: auto;
        height: auto;
        padding: 15px 10px 10px 10px;
        gap: 0px;
    }
    .bonus-types .type__header {
        gap: 13px;
        padding-top: 0px;
        padding-bottom: 11px;
    }
    .bonus-types .type__title {
        font-size: 20px;
        line-height: 23px;
    }
    .bonus-types .type__icon {
        transform: scale(0.75);
    }
    .bonus-types .type ul {
        padding-top: 5px;
        padding-left: 23px;
        margin: 0;
    }
    .bonus-types .type li {
        margin-top: 11px;
        margin-bottom: 10px;
    }
    .bonus-privilegies {
        margin-top: 48px;
    }
    .bonus-privilegies .status::after {
        border: 0px;
    }
    .bonus-privilegies .statuses {
        gap: 20px;
    }
    .bonus-privilegies .status__condition {
        width: 260px;
    }
    .bonus-privilegies .status {
        width: 260px;
    }
    .bonus-privilegies .status__icon {
        margin-bottom: 15px;
        width: 87.5px;
        height: 56px;
        transform: scale(1.1);
    }
    .bonus-privilegies .status__title {
        margin-bottom: 8px;
    }
    .bonus-privilegies .status__buying-sum {
        margin-bottom: 15px;
    }
    .bonus-privilegies .status__conditions {
        gap: 9px;
    }
    .bonus-privilegies .status__condition {
        gap: 0px;
    }
    .bonus-privilegies .join-btn {
        width: auto;
        margin: 22px auto 32px auto;
    }
    .rights__bonus {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .l-footer {
        margin-top: 64px;
    }
    .description .join-btn {
        height: 56px;
    }
}
/* End */
/* /bitrix/templates/template.nadel/css/pages/bonus-program.css?177692861010677 */