/* Start:/local/templates/main/components/bitrix/news/projects/style.css?1732283402524*/
.project-top {
    padding-top: 94px;
}

.project-top h1 {
    font-size: 70px;
    font-weight: 500;
    line-height: 70px;
    margin-bottom: 50px;
}

/**/
.project {
    overflow: hidden;
}

.project-head {
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 24px;
}

.project-head h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 48px;
}

.project-head__sub-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #989CAE;
    margin-top: 8px;
}
/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/main/style.css?1732283412627*/
.breadcrumb {
    padding-top: 12px;
    overflow: hidden;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.breadcrumb-scroll {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #989CAE;
    text-decoration: none;
}

.breadcrumb__item--link {
    position: relative;
    padding-right: 17px;
    color: #fff;
}

.breadcrumb__item--link:after {
    content: '/';
    position: absolute;
    right: 6px;
}


/* End */


/* Start:/local/templates/main/components/bitrix/news.detail/project/style.css?175648024919255*/
.project-detail {

}

.project-detail__wrap {
    display: flex;
}

.project-detail__main {
    flex: 1;
    padding-top: 40px;
    border-right: 1px solid #3C3E47;
}

.project-detail__right {
    padding-top: 40px;
    width: 454px;
}

.project-informer {
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 40px;
}

.project-tg {
    padding-top: 40px;
    padding-left: 40px;
}

.project-tg--mob {
    display: none;
}

.project-tg__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 20px;
}

.btn.btn-tg {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 100%;
    max-width: 323px;
    margin-bottom: 20px;

    & svg{
        margin-left: 5px;
    }
}

/*rating*/
.project-informer__rating {
    padding-left: 40px;
}

.project-informer__rating-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 12px;
}

.project-informer__rating-val {
    width: fit-content;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    border-bottom: 1px dashed #FFFFFF;
    cursor: pointer;
}

.project-informer__rating-color {
    color: var(--main-color-link);
}

.project-informer__rating + .project-informer__author {
    margin-top: 40px;
}

/*author*/
.project-informer__author {
    padding-left: 40px;
}

.project-informer__author-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 12px;
}

.project-informer__author-name {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 12px;
}

.project-informer__author-phone {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.project-informer__phone {
    text-decoration: none;
}

.project-informer__author-link {
    text-decoration: none;
    display: inline-block;
    margin: 0 6px;
    position: relative;
    top: 2px;
}

.project-informer__author + .project-informer__docs {
    margin-top: 40px;
}

/*docs*/
.project-informer__docs {
    padding-left: 40px;
    width: min-content;
}

.project-informer__docs-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 12px;
}

.project-informer__docs-link {
    white-space: nowrap;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    color: var(--main-color-link);
    text-decoration: none;

    &:not(:last-child) {
        margin-bottom: 12px;
    }
}

.project-informer__docs-link svg {
    margin-left: 8px;
}

/*props*/
.project-props {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 21px;
}

.project-prop {
    width: calc(50% - 6px);
    margin-bottom: 28px;
}

.project-prop__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 4px;
}

.project-prop__val {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
}

/*project-calc*/
.project-calc {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    padding-top: 48px;
    margin-bottom: 24px;
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 40px;
    padding-right: 42px;
}

.project-calc__title {
    margin-bottom: 24px;
}

.project-calc__tabs {
    display: flex;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;

    background: #313440;
    color: #fff;
    cursor: pointer;
}

.project-calc__tab {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0 8px;
}

.project-calc__tab:nth-child(2) {
    background: transparent;
}

.project-calc__tab.active {
    background: #49BAB9;
    cursor: default;
    border-radius: 8px;
}

/**/
.calc-invest {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}

.calc-invest:not(.active) {
    display: none;
}

.calc-invest__block {
    width: 346px;
    margin-right: 20px;
}

.calc-invest__box {
    flex: 1;
    max-width: 461px;

    & .calc-invest__no-results {
        font-size: 14px;
        font-weight: 400;
        line-height: 16.8px;
        color: #989CAE;
    }

    &.active .calc-invest__no-results {
        display: none;
    }

    &:not(.active) .calc-invest__results {
        display: none;
    }
}

.calc__item {
    &:not(:last-child) {
        margin-bottom: 16px;
    }

    .checkers {
        margin-bottom: -16px;
    }
}

.calc__btn.btn {
    width: 100%;
    background: #F7F9FC;
    font-size: 16px;
    font-weight: 600;
    color: #1B1C20;
}

.range-wrap {
    display: flex;
    flex-direction: column;
    position: relative;
}

.calc__title {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
}

.calc__sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 8px;
}

.calc-invest:not(.calc-invest--not) .range-control .range-value {
    width: 100%;
    background: #313440 url("/local/templates/main/components/bitrix/news.detail/project/./img/rub.svg") no-repeat calc(100% - 20px) 50%;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 50px;
    padding: 0 16px;
    border-radius: 6px;
    height: 50px;
    overflow: hidden;
}


/*.calc-invest .range-control .output:after {
    content: url(/local/templates/main/components/bitrix/news.detail/project/./img/ico-r.svg);
    margin-left: 6px;
}*/

.range-control__line-progress {
    pointer-events: none;
    background: var(--main-color-link);
    position: absolute;
    height: 2px;
    top: 100%;
    margin-top: -1px;
    z-index: 0;
}

.range-control input[type=range] {

}

.owl-carousel .owl-item .item-img {
    max-height: 200px;
    object-fit: cover;
}

.progress-invest__item.active {
    cursor: default;
}

body .detail-informer__progress-end {
    color: #2b8bca;
}

.calc-invest .range-control {
    display: flex;
    flex-direction: column;
}

.calc-invest .range-control.range-hidden {
    margin-bottom: 0;
}

.range-control__summ {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-top: 10px;
    text-decoration: none;
}

body .calc-invest__income {
    height: 200px;
}

.al-breadcrumbs__item {
    max-width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.labels {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}

.labels_item {
    display: flex;
    align-items: center;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    color: #fff;
    border-radius: 4px;
}

.labels_item svg {
    margin-right: 8px;
}

.labels_item--stop {
    background: #FB8F94;
}


.detail-right .list-doc__item-text {
    margin-top: -4px;
}

.detail-review .author__img {
    background-size: cover;
}


/*range*/
/*range-none*/
input[type=range] {
    position: relative;
    -webkit-appearance: none; /* Скрывает слайдер, чтобы можно было создать свой */
    width: 100%; /* Указание параметра ширины требуется для Firefox. */
    height: 0; /* Указание параметра ширины требуется для Firefox. */
    background: transparent; /* Указание параметра ширины требуется для Firefox. */
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none; /* Убирает голубую границу у элемента. Хотя, возможно, и стоит создавать некоторое оформления для состояния фокуса в целях обеспечения доступности. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent; /* Скрывает слайдер, чтобы можно было добавить собственные стили. */
    border-color: transparent;
    color: transparent;
}

/*balloon*/
/* Специальные правила для браузеров на движках WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 16px;
    width: 16px;
    border: 2px solid #49BAB9;
    border-radius: 50%;
    background: #313440;
    margin-top: -7px; /* Вам нужно указать значение для поля в Chrome, но в Firefox и IE это происходит автоматически */
    cursor: pointer;
}

/* Тоже самое для Firefox */
input[type=range]::-moz-range-thumb {
    height: 16px;
    width: 16px;
    border: 2px solid #49BAB9;
    border-radius: 50%;
    background: #313440;
    cursor: pointer;
}

/* Тоже самое для IE */
input[type=range]::-ms-thumb {
    height: 16px;
    width: 16px;
    border: 2px solid #49BAB9;
    border-radius: 50%;
    background: #313440;
    cursor: pointer;
}

/*line*/
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #727686;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #727686;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #727686;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

/*line active*/
input[type=range]::-ms-fill-lower {
    background: #727686;
}

input[type=range]:focus::-ms-fill-lower {
    background: #727686;
}

input[type=range]::-ms-fill-upper {
    background: #727686;
}

input[type=range]:focus::-ms-fill-upper {
    background: #727686;
}


/**/
.checkers .checker {
    display: inline-block;
    position: relative
}

.checkers .checker input {
    display: none
}

.checkers .checker__item {
    display: inline-block;
    position: relative;
    padding: 0 16px;
    border: 2px solid #313440;
    background: #313440;
    border-radius: 6px;
    margin-right: 16px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 39px;
    cursor: pointer;
    transition: .3s ease
}

.checkers .checker > input:checked + .checker__item {
    border-color: var(--main-color-link);
}

.calc__invest-percent {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}


.interest-payments {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 4px;
}


/**/
.calc-results {
    display: flex;
    margin-bottom: 16px;
}

.calc-results__type {
    width: 210px;

    & + .calc-results__type {
        flex: 1;
        border-left: 1px solid #33353D;
        padding-left: 24px;
    }
}

.calc-results__item {
    &:not(:last-child) {
        margin-bottom: 32px;
    }

    &:last-child {
        margin-bottom: 8px;
    }
}

.calc-results__item-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
}

.calc-results__item-val {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}


/**/
.project-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    margin-bottom: 40px;

    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.project-desc--long-text {
    margin-bottom: 60px
}

.project-desc--full-text {
    display: block;
}

.project-desc__show {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: var(--main-color-link);
    padding: 0;
    border: 0;
    background: transparent;
    position: absolute;
    margin: -40px 0 0;
}

.project-desc__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    margin-bottom: 24px;
}


@media (max-width: 1300px) {
    .project-detail__main {
        flex: initial;
        width: calc(100% - 450px);
        min-width: 640px;
    }

    .calc-results__type {
        width: 150px;
    }

    .project-informer__author-name,
    .project-informer__author-phone {
        font-size: 22px;
        line-height: 28px;
    }

    .project-desc {
        padding-right: 10px;
    }
}

@media (max-width: 991px) {
    .project-head {
        border: 0;
        padding-bottom: 40px;
    }

    .project-head h1 {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.4px;
    }

    .project-head__sub-title {
        font-size: 12px;
        font-weight: 400;
        line-height: 14.4px;
    }

    .project-detail__wrap {
        flex-wrap: wrap;
    }

    .project-detail__main,
    .project-detail__right {
        width: 100%;
        min-width: initial;
        max-width: initial;
        flex: initial;
        border: 0;
    }

    .project-detail__main {
        order: 1;
    }

    .project-detail__right,
    .project-informer__rating {
        padding: 0;
    }

    .project-informer__rating + .project-informer__author,
    .project-informer__author + .project-informer__docs {
        padding: 0;
        margin-top: 24px;
    }

    .project-informer__rating-title,
    .project-informer__docs-title {
        font-size: 12px;
        line-height: 14.4px;
    }

    .project-informer__rating-val,
    .project-informer__author-name,
    .project-informer__author-phone {
        font-size: 18px;
        font-weight: 400;
        line-height: 25.2px;
    }

    .project-informer__author-name {
        margin-bottom: 8px
    }

    .project-informer__docs-link {
        font-size: 18px;
        font-weight: 400;
        line-height: 25.2px;

        &:not(:last-child) {
            margin-bottom: 8px;
        }
    }

    .project-informer {
        padding-bottom: 32px;
    }

    .project-props {
        padding-bottom: 10px;
    }

    .project-prop {
        margin-bottom: 20px;
    }

    .project-prop__title {
        font-size: 12px;
        line-height: 14.4px;
    }

    .project-prop__val {
        font-size: 18px;
        line-height: 25.2px;
    }

    /**/
    .project-calc {
        padding-top: 40px;
        padding-right: 0;
    }

    .project-calc__title {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.4px;
        margin-bottom: 34px;
    }

    .project-calc__tabs {
        font-size: 14px;
    }

    .calc-invest {
        flex-wrap: wrap;
        padding-top: 34px;
    }

    .calc-invest__block {
        width: 100%;
        margin-right: 0;
        margin-bottom: 34px;
    }

    .calc-invest__box {
        flex: initial;
        width: 100%;
    }

    .calc-results__item {
        &:not(:last-child) {
            margin-bottom: 14px;
        }
    }

    .calc-results__item-title {
        font-size: 12px;
        line-height: 14.4px;
    }

    .calc-results__item-val {
        font-size: 18px;
        line-height: 25.2px;
    }

    .calc-invest__results .color--main {
        font-size: 18px;
        line-height: 25.2px;
    }

    .project-desc {
        padding-right: 0;
        margin-bottom: 24px;
    }

    .project-desc--long-text {
        margin-bottom: 50px;
    }

    .project-informer__author {
        padding-left: 0;
    }

    .project-tg--desc {
        display: none;
    }

    .project-tg--mob {
        display: block;
    }

    .project-tg {
        padding-top: 0;
        padding-left: 0;
    }
}


/*videoslider*/
.video-slider {
    position: relative;
    max-width: 906px;
    padding: 48px 0 40px 0;
    border-top: 1px solid #3C3E47;
}

.video-slider__head {
    display: flex;
    justify-content: space-between;
}

.video-slider__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    margin-bottom: 32px;
}

.video-slider__wrap {
}

.video-slider__item {
}

.video-slider__item iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.video-slider__item.is-video img {
    display: none;
}

.video-slider .swiper-nav {
    position: relative;
    width: 115px;
}

.video-slider .swiper-button-next, .video-slider .swiper-button-prev {
    width: 46px;
    height: 46px;
    left: initial;
    top: 0;
    margin: 0;
}

.video-slider .swiper-button-next:after,
.video-slider .swiper-button-prev:after {
    display: none;
}

@media (max-width: 991px) {
    .video-slider .swiper-nav {
        /*display: none;*/
    }
}

/*project-panel*/
.project-panel {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    background: #181A20CC;
    padding-top: 8px;
    padding-bottom: 35px;
    margin-bottom: -100%;
    transition: margin-bottom 1s ease-in-out;
}

.project-panel.active {
    margin-bottom: 0;
}

.project-panel__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.project-panel__btn.btn {
    line-height: 44px;
    height: 44px;
    border: 1px solid #F7F9FC;

    &:not(:last-child) {
        margin-right: 12px;
    }
}

.project-panel__btn.project-panel__btn--small {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    padding: 0;
}

.project-panel__btn.project-panel__btn--big {
    flex: 1
}

/*news-slider*/
.news-slider {
    position: relative;
    max-width: 906px;
    padding: 48px 0 40px 0;
    border-top: 1px solid #3C3E47;
}

.news-slider__head {
    display: flex;
    justify-content: space-between;
}

.news-slider__title {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.4px;
    margin-bottom: 32px;
}

.news-slider__wrap {
}

.news-slider__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border: 1px solid #3C3E47;
    cursor: pointer;

    &:hover {
        background: #3C3E47;

        & .news-slider__item-title {
            color: var(--main-color-link);
        }
    }

    &.swiper-slide {
        height: initial;
    }
}

.news-slider__item-title {
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 110px;
}

.news-slider__item-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
}

.popup__news-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
}

.popup__news-img {
    margin-bottom: 15px;

    & img {
        max-width: 100%;
        height: auto;
    }
}

.news-slider .swiper-nav {
    position: relative;
    width: 115px;
}

.news-slider .swiper-button-next,
.news-slider .swiper-button-prev {
    width: 46px;
    height: 46px;
    left: initial;
    top: 0;
    margin: 0;
}

.news-slider .swiper-button-next:after,
.news-slider .swiper-button-prev:after {
    display: none;
}

@media (max-width: 991px) {
    .news-slider .swiper-nav {
        display: none;
    }

    [data-popup].popup-informer .popup__title.popup__title--news {
        font-size: 22px;
        line-height: 130%;
    }

    .news-slider__item-title {
        font-size: 18px;
        line-height: 140%;
    }

    body .footer {
        margin-bottom: 50px;
    }
}

/* End */
/* /local/templates/main/components/bitrix/news/projects/style.css?1732283402524 */
/* /local/templates/main/components/bitrix/breadcrumb/main/style.css?1732283412627 */
/* /local/templates/main/components/bitrix/news.detail/project/style.css?175648024919255 */