/* Start:/local/templates/sotbit_origami/assets/css/pages/about/mebelson_club.css?171690140517010*/
.title_about {
    display: none!important;
}

.club-header,
.club-banner {
    position: relative;
    color: #fff;
}

.club-banner .club-banner--banner {
    position: relative;
    background-image: url("/include/about/mebelson_club/banner.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 31.12%;
}

.club-banner .club-banner--content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 220px;
}

.club-banner .club-banner--title {
    line-height: 1.2;
    font-size: 80px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    padding: 0;
    font-weight: 400;
}

.club-banner .club-banner--description {
    font-size: var(--size-xl);
    margin-top: var(--space-xxl);
    color: #fff;
}

.club-banner .club-banner--buttons {
    align-items: center;
    display: flex;
    margin-top: var(--space-xb);
}

.club-banner .club-banner--button__wrapper {
    cursor: pointer;
    text-decoration: none;
    margin-right: var(--space-l);
    max-width: 330px;
    width: 100%;
}

.club-banner .club-banner--button {
    background-color: initial;
    border: 1px solid var(--color-white);
    color: var(--color-white);
    padding: 0 var(--space-n);
    transition: all .2s;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: var(--size-n);
    font-weight: 500;
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    outline: 0;
    border-radius: 4px;
    width: 100%;
}

.club-banner .club-banner--button:hover {
    background-color: rgba(0, 0, 0, .2);
}

.club-banner .club-banner--link {
    background-image: linear-gradient(var(--color-white), var(--color-white));
    color: var(--color-white);
    transition: color .2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    background-position: left 0 bottom calc(16% - 3px);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 1px;
}

.club-banner .club-banner--link:hover {
    background-image: none;
}

@media (max-width: 1900px) {
    .club-banner .club-banner--banner {
        padding-bottom: 31.12%;
    }

    .club-banner .club-banner--content {
        padding-left: 150px;
    }

    .club-banner .club-banner--button {
        height: 42px;
    }

    .club-banner .club-banner--title {
        font-size: 60px;
    }
}

@media (max-width: 1365px) {
    .club-banner .club-banner--banner {
        padding-bottom: 31.25%;
    }

    .club-banner .club-banner--description {
        font-size: var(--size-m);
        margin-top: var(--space-n);
    }

    .club-banner .club-banner--link {
        font-size: var(--size-s);
    }

    .club-banner .club-banner--content {
        padding-left: var(--space-xxl);
    }
}

@media (max-width: 1023px) {
    .club-banner .club-banner--banner {
        padding-bottom: 39.1%;
    }

    .club-banner .club-banner--content {
        padding-left: var(--space-s);
    }

    .club-banner .club-banner--title {
        font-size: var(--size-b);
        line-height: 1.5;
    }

    .club-banner .club-banner--buttons {
        font-size: var(--size-n);
        margin-top: var(--space-s);
    }

    .club-banner .club-banner--button__wrapper {
        max-width: 240px;
    }
}

@media (max-width: 767px) {
    .club-banner .club-banner--banner {
        padding-bottom: 500px;
    }

    .club-banner .club-banner--content {
        padding: 0 var(--space-s);
    }

    .club-banner .club-banner--buttons {
        flex-direction: column;
        margin-top: 149px;
    }

    .club-banner .club-banner--button__wrapper {
        margin-bottom: var(--space-n);
        margin-right: 0;
        max-width: 330px;
    }
}

.club-title__wrapper {
    margin: 120px 0;
    padding: 0 var(--space-s);
}

.club-title {
    font-size: var(--size-b);
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    word-break: break-word;
    padding: 0;
}

.club-loyalty {

}

.club-loyalty .club-loyalty--content {
    display: flex;
    gap: 120px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1480px;
}

.club-loyalty  .club-loyalty--item {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 300px;
}

.club-loyalty .club-loyalty--title {
    background-color: initial;
    height: 90px;
    width: 100%;
    position: relative;
    font-weight: 500;
}

.club-loyalty .club-loyalty--title svg {
    height: inherit;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    vertical-align: bottom;
    width: 100%;
}

.club-loyalty  .club-loyalty--description {
    font-size: var(--size-m);
    margin-top: var(--space-s);
    text-align: center;
}

.club-loyalty .club-loyalty--footer {
    text-align: center;
    font-size: var(--size-s);
    line-height: 1.5;
    margin-top: var(--space-b);
}

.club-loyalty .club-loyalty--footer p {
    margin: 0;
}

.club-loyalty .club-loyalty--footer .club-loyalty__open-modal {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-blue);
    transition: color .2s ease-in-out;
}

.club-loyalty .club-loyalty--footer .club-loyalty__open-modal:hover {
    color: var(--color-grafit);
}

@media (max-width: 1900px) {
    .club-title {
        font-size: var(--size-xxl);
    }

    .club-title__wrapper {
        margin: var(--space-xxe) 0;
    }

    .club-loyalty {

    }

    .club-loyalty .club-loyalty--content {
        gap: var(--space-xxe);
        max-width: 1066px;
    }

    .club-loyalty  .club-loyalty--item {
        max-width: 280px;
    }

    .club-loyalty .club-loyalty--title svg {
        height: 84px;
    }

    .club-loyalty  .club-loyalty--description {
        font-size: var(--size-n);
    }
}

@media (max-width: 1365px) {
    .club-title__wrapper {
        margin: var(--space-e) 0;
    }

    .club-loyalty .club-loyalty--content {
        gap: var(--space-e);
        padding: 0 var(--space-xxl);
    }

    .club-loyalty  .club-loyalty--item {
        max-width: 260px;
    }

    .club-loyalty .club-loyalty--title svg {
        height: 78px;
    }
}

@media (max-width: 1023px) {
    .club-title__wrapper {
        margin: var(--space-xb) 0;
    }

    .club-title {
        font-size: var(--size-xl);
    }

    .club-loyalty .club-loyalty--content {
        gap: var(--space-xxl);
        padding: 0 var(--space-s);
    }

    .club-loyalty  .club-loyalty--item {
        max-width: 220px;
    }

    .club-loyalty .club-loyalty--title svg {
        height: 66px;
    }

    .club-loyalty  .club-loyalty--description {
        font-size: var(--size-s);
        margin-top: var(--space-xs);
    }

    .club-loyalty .club-loyalty--footer {
        font-size: var(--size-xs);
        margin: var(--space-xxl) var(--space-s) 0;
    }

    .club-loyalty .club-loyalty--footer p {
        font-size: var(--size-xs);
    }

}

@media (max-width: 767px) {
    .club-loyalty .club-loyalty--content {
        flex-direction: column;
    }

    .club-loyalty  .club-loyalty--item {
        margin-top: 0;
        max-width: none;
    }

    .club-loyalty .club-loyalty--title {
        height: 66px;
    }
}

.participation {
    background-color: var(--color-light-gray);
    padding: var(--space-xb);
    padding-bottom: var(--space-e);
    text-align: center;
    margin: 120px 0;
}

.participation .participation--title {
    font-family: var(--font-hero);
    font-size: var(--size-xxl);
    font-weight: 600;
    line-height: 1.5;
    margin: 0 var(--space-xxl);
    margin-bottom: var(--space-xb);
}

.participation .participation--item {
    line-height: 1.5;
    margin-top: var(--space-xxl);
}

.participation .participation--item .participation--item--name {
    font-size: var(--size-xl);
    font-weight: 600;
}

.participation .participation--item .participation--item--content {
    font-size: var(--size-m);
    margin-top: var(--space-s);
}

.participation .participation--link {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-blue);
    transition: color .2s ease-in-out;
}

.participation .participation--link:hover {
    color: var(--color-grafit);
}

.participation .participation--btn__wrapper {
    display: inline-block;
    margin: 0 auto;
    margin-top: var(--space-xb);
    max-width: 420px;
    width: 100%;
}

.participation .participation--btn {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: var(--size-n);
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    outline: 0;
    width: 100%;
    border-radius: 4px;
    background: #404040;
    background: var(--color-grafit);
    border: 1px solid var(--color-grafit);
    color: var(--color-white);
    font-weight: 500;
    outline: none;
    padding: 0 var(--space-n);
    transition: all .2s;
}

@media (max-width: 1900px)  {
    .participation {
        margin: var(--space-xxe) 0;
    }

    .participation .participation--title {
        font-size: var(--size-xl);
    }

    .participation .participation--btn {
        height: 42px;
    }
}

@media (max-width: 1365px)  {
    .participation {
        margin: var(--space-e) 0;
        padding: var(--space-xxl);
        padding-bottom: var(--space-xb);
    }

    .participation .participation--item .participation--item--content {
        font-size: var(--size-n);
    }

    .participation .participation--btn__wrapper {
        max-width: 330px;
    }
}

@media (max-width: 1023px)  {
    .participation {
        margin: var(--space-xb) 0;
    }

    .participation .participation--item .participation--item--name {
        font-size: var(--size-m);
    }

    .participation .participation--item .participation--item--content {
        font-size: var(--size-s);
    }

    .participation .participation--btn__wrapper {
        max-width: 296px;
    }
}

.questions {
    box-sizing: border-box;
    margin-bottom: var(--space-e);
    width: 100%;
}

.questions .questions__title {
    font-size: var(--size-xxl);
    font-weight: 500;
    line-height: 1.5;
    margin: 0 var(--space-xxl);
    margin-bottom: var(--space-b);
    text-align: center;
}

.questions .questions__content {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 876px;
    width: 100%;
}

.questions .questions__item {
    border-bottom: 1px solid var(--color-light-gray);
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
}

.questions .questions__item .questions__item--question {
    display: flex;
    padding: var(--space-l) var(--space-s);
}

.questions .questions__item .questions__item--question:not(.active):hover {
    background-color: var(--color-light-gray);
}

.questions .questions__item .questions__item--question:focus {
    border-radius: 4px;
    outline: 1px solid var(--color-black);
}

.questions .questions__item .questions__item--question:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.questions .questions__item .questions__item--question .questions__item--question__icon {
    align-self: center;
    flex-shrink: 0;
    height: 12px;
    position: relative;
    width: 12px;
}

.questions .questions__link  {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-blue);
    transition: color .2s ease-in-out;
}

.questions .questions__link:hover  {
    color: var(--color-grafit);
}

.questions .questions__item .questions__item--question .questions__item--question__icon:before,
.questions .questions__item .questions__item--question .questions__item--question__icon:after {
    background: #000;
    content: "";
    height: 12px;
    left: 6px;
    position: absolute;
    top: 0;
    transition: all .3s ease-out;
    width: 1px;
}

.questions .questions__item .questions__item--question .questions__item--question__icon:before {
    transform: rotate(90deg);
}

.questions .questions__item .questions__item--question.active .questions__item--question__icon:after {
    transform: rotate(90deg);
}

.questions .questions__item .questions__item--question .questions__item--question__name {
    font-size: var(--size-m);
    font-weight: 500;
    margin-left: var(--space-n);
    color: var(--color-black);
    font-style: normal;
    line-height: 1.5;
}

.questions .questions__item .questions__item--answer__wrapper {
    overflow: hidden;
    transition-property: height;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    color: var(--color-black);
    font-style: normal;
    line-height: 1.5;
    font-size: var(--size-n);
    font-weight: 400;
    height: 0;
    transition-duration: 500ms;
}

.questions .questions__item .questions__item--answer__wrapper.active {
    height: 78px;
}

.questions .questions__item .questions__item--answer {
    opacity: 1;
    transition: opacity .2s;
}

.questions .questions__item .questions__item--answer__inner {
    color: var(--color-grafit);
    padding: 0 var(--space-s) var(--space-l) var(--space-s);
}

.questions .questions__item .questions__item--answer.active {

}

@media (max-width: 1900px) {
    .questions {
        margin-bottom: var(--space-xb);
    }

    .questions .questions__title {
        margin-bottom: var(--space-l);
        text-align: center;
    }

    .questions .questions__content {
        max-width: 848px;
    }
}

@media (max-width: 1365px) {
    .questions .questions__title {
        margin-bottom: var(--size-xl);
        text-align: center;
    }

    .questions .questions__content {
        max-width: 622px;
    }
}

@media (max-width: 1023px) {
    .questions .questions__title {
        font-size: var(--size-l);
        margin: 0 var(--space-s);
    }

    .questions .questions__content {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .questions .questions__item .questions__item--question .questions__item--question__name  {
        font-size: var(--size-n);
    }

    .questions .questions__item .questions__item--answer__wrapper {
        font-size: var(--size-s);
    }
}

.back-call {
    background-color: var(--color-light-gray);
    margin: 120px 0;
}

.back-call .back-call__wrapper {
    margin: 0 auto;
    max-width: 574px;
    padding: var(--space-xb);
    text-align: center;
    width: 100%;
}

.back-call .back-call__title {
    font-size: var(--size-l);
    font-weight: 600;
    line-height: 1.5;
}

.back-call .back-call__sub-title {
    line-height: 1.5;
    font-size: var(--size-n);
    margin-top: var(--space-n);
}

.back-call .back-call__btn {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: var(--size-n);
    height: 50px;
    justify-content: center;
    line-height: 1.5;
    outline: 0;
    margin: 0 auto;
    max-width: 420px;
    width: 100%;
    margin-top: var(--space-l);
    border-radius: 4px;
    background: #404040;
    background: var(--color-grafit);
    border: 1px solid var(--color-grafit);
    color: var(--color-white);
    font-weight: 500;
    outline: none;
    padding: 0 var(--space-n);
    transition: all .2s;
}

.back-call .back-call__btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.back-call .back-call__footer {
    color: var(--color-dark-gray);
    font-size: var(--size-s);
    line-height: 1.5;
    margin-top: var(--space-l);
}

@media (max-width: 1900px) {
    .back-call {
        margin: var(--space-xxe) 0;
    }

    .back-call .back-call__btn {
        height: 42px;
        max-width: 408px;
    }
}

@media (max-width: 1365px) {
    .back-call {
        margin: var(--space-e) 0;
    }

    .back-call .back-call__btn {
        max-width: 300px;
    }
}

@media (max-width: 1023px) {
    .back-call {
        margin: var(--space-xb) 0;
    }

    .back-call .back-call__wrapper {
        padding: var(--space-xxl) var(--space-s);
    }
}

@media (max-width: 767px) {
    .back-call {
        padding: var(--space-xxl) var(--space-s);
    }

    .back-call .back-call__wrapper {
        margin: 0;
        max-width: none;
        padding: 0;
    }
}

/* End */


/* Start:/local/templates/sotbit_origami/components/bitrix/news.list/interior_examples_slider/style.css?1705561442676*/
.interior .interior-header {
    display: flex;
    flex-direction: column;
}

.interior .mb-slider-block__header {
    align-items: flex-end;
}

.interior .interior-about {
    margin-top: var(--space-m);
    font-size: var(--size-m);
    line-height: var(--lh-m);
}

.interior .interior-about a:hover {
    color: #000;
}

.interior .interior__slide {
    max-width: 423px;
    min-width: 300px;
    vertical-align: top;
    width: 22.547vw;
}

.interior .interior__slide .interior__slide-img {
    width: 100%;
}

 .interior .interior__slide .interior__slide-author {
     color: var(--color-dark-gray);
     margin-top: var(--space-xs);
 }
/* End */
/* /local/templates/sotbit_origami/assets/css/pages/about/mebelson_club.css?171690140517010 */
/* /local/templates/sotbit_origami/components/bitrix/news.list/interior_examples_slider/style.css?1705561442676 */