

/* Start:/local/templates/upmore/css/objects-detail.css?17762488176501*/
.detail__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 36rem;
}

.detail__header h1 {
    width: calc(100% - 300rem);
    margin-bottom: 0;
}

.detail__img {
    position: relative;
    margin-top: 60rem;
    margin-bottom: 235rem;
}

.detail__btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}

.detail-btn__btn {
    width: 200rem;
    height: 200rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--green1);

    transition: background-color .5s;
    cursor: pointer;
    text-align: center;
}


.detail__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}

.detail__social a {
    width: 48rem;
    transition: opacity .5s;
    margin-left: 8rem;
}

.detail__social a:first-child {
    margin-left: 0;
}

.detail__adress span {
    display: block;
    margin-bottom: 12rem;
}

.detail__adress span:last-child {
    margin-bottom: 0;
}

.detail__social span {
    color: var(--green2);
    margin-right: 16rem
}


.detail__adress {
    width: 100%;
}


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

.detail__col {
    width: 50%;
}

.detail__col h2 {
    margin-bottom: 48rem;
}

.detail__col:last-child {
    padding-left: 12rem;
    margin-top: -115rem;
}

.detail-person__wrap {
    display: flex;
    flex-wrap: wrap;
}

.detail-person__img {
    width: 273rem;
    height: 273rem;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.detail-person__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.detail-person__info {
    padding-left: 24rem;
    padding-right: 24rem;
    width: calc(100% - 273rem);
}

.detail-person__name {
    margin-bottom: 24rem;
}

.detail__item {
    padding-bottom: 40rem;
    margin-bottom: 40rem;
    border-bottom: 1px solid var(--green3);
    font-size: 24rem;
}

.detail__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.detail__item .h4 {
    margin-bottom: 40rem;
}

.detail__item .t18 {
    margin-top: 24rem;
}

.detail-person__tags .sh a {
    margin-bottom: 8rem;
}

/**/
.detail__tabs {
    margin-top: 200rem;
}

.detail-tabs__tabs {

    overflow: auto;
    max-width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;

}

.detail-tabs__wrap {
    display: inline-flex;
    justify-content: flex-start;
    border-radius: 40rem;
    margin-bottom: 40rem;

    overflow: hidden;
}

.detail-tabs__tabs::-webkit-scrollbar {
    display: none;
}

.detail-tabs-tabs__item {
    padding: 18rem 67rem;
    background-color: var(--green4);
    cursor: pointer;
    text-align: center;
    transition: color .5s, background-color .5s;
    white-space: nowrap;
}

.detail-tabs-tabs__item.is-active {
    background-color: var(--green1);
    color: var(--white);
}

.detail-tabs__content a {
    text-decoration: underline !important;
    margin-bottom: 24rem;
    font-size: 24rem;
    display: inline-block;
}


.year-tabs__tabs {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 40rem;
}

.year-tabs-tabs__item {
    margin-right: 24rem;
    color: var(--green2);
    transition: color .5s;
    cursor: pointer;
}

.year-tabs-tabs__item.is-active {
    color: var(--green1);
}

.year-tabs__content a {
    position: relative;
    padding-right: 40rem;

}

.year-tabs__content a:before {
    content: "";
    width: 24rem;
    height: 24rem;
    background-image: url("/local/templates/upmore/css/../images/link-arrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 0;
    top: 5rem;
    transition: transform .5s;
}


.detail-tabs__content,
.year-tabs__content {
    display: none;
}

.detail-tabs__content.is-active,
.year-tabs__content.is-active {
    display: block;
}

.select--year {
    width: auto;
}

.select--year .select__item {
    padding-left: 0;
    padding-right: 0;
}

.select--year .select__item .year-tabs-tabs__item {
    margin: 0;
}

.select--year .select__list {
    width: 155rem;
}


@media (any-hover: hover),
(hover: hover) and (pointer: fine) {
    .detail-tabs-tabs__item:hover {
        background-color: var(--green1);
        color: var(--white);
    }

    .detail-btn__btn:hover {
        background-color: var(--green2);
    }

    .detail__social a:hover {
        opacity: .6;
    }

    .detail-tabs__content a:hover {
        text-decoration: none;
    }

    .year-tabs__content a:hover:before {
        transform: translateX(10px);
    }

    .year-tabs-tabs__item:hover {
        color: var(--green1);
    }

}

@media (max-width: 767px) {
    .detail__header {
        display: block;
        margin-bottom: 56rem;
    }

    .detail__header h1 {
        margin-bottom: 24rem;
        width: 100%;
    }

    .detail__social a {
        width: 40rem;
    }

    .detail__img {
        margin-top: 45rem;
        margin-bottom: 80rem;
    }

    .detail__wrap {
        display: block;
    }

    .detail__btn {
        position: static;
        transform: translate(0);
        margin-bottom: 24rem;
    }

    .detail-btn__btn {
        width: 158rem;
        height: 158rem;
    }

    .detail__col {
        width: 100%;
    }

    .detail__col:first-child {
        margin-bottom: 80rem;
    }

    .detail__col:last-child {
        margin-top: 0;
        padding-left: 0;
    }

    .detail__item {
        font-size: 18rem;
    }

    .detail-person__img {
        width: 158rem;
        height: 158rem;
        margin-bottom: 24rem;
    }

    .detail-person__info {
        padding-left: 0;
        padding-right: 0;
        width: 100%;

    }

    .detail__col h2 {
        margin-bottom: 40rem;
    }

    .detail__item .h4 {
        margin-bottom: 24rem;
    }

    .detail__tabs {
        margin-top: 80rem;
    }

    .detail__tabs .h1 {
        margin-bottom: 40rem;
    }

    .detail-tabs__content a {
        font-size: 18rem
    }

    .detail-tabs-tabs__item {
        padding: 20rem 24rem;
    }

    .detail-tabs__content a {
        margin-bottom: 16rem;
    }

    .year-tabs__content a:before {
        width: 20rem;
        height: 20rem;
    }

    .select--year {
        margin-left: auto;
        margin-top: 24rem;
    }

    .select--year .select__list {
        left: -15rem;
    }
}
/* End */


/* Start:/local/templates/upmore/components/bitrix/news/objects/bitrix/news.detail/.default/style.css?1776248817893*/

.detail__slider .slider__img:before {
    padding-top: 45%;
}

.detail__slider .slider__img {
    margin-bottom: 0;
}

.detail__slider .slider__arrows {
    bottom: 32rem;
    left: 50%;
    transform: translateX(-50%);
}

.detail__slider .slider__arrow {
    background-color: var(--green4);
    border-color: var(--green4);
}

@media (any-hover: hover),(hover: hover) and (pointer: fine) {
    .detail__slider .slider__arrow:hover {
        background-color: var(--white);
        border-color: var(--white);
    }
}

@media (max-width: 767px) {
    .detail__slider .slider__img:before {
        padding-top: 170%;
    }

    .detail__slider .slider__arrows {
        display: flex;
        position: static;
        transform: none;
        margin: 24rem auto 0;
    }
    .detail__slider .slider__arrow {
        background-color: var(--white);
        border-color: var(--white);
    }
}
/* End */
/* /local/templates/upmore/css/objects-detail.css?17762488176501 */
/* /local/templates/upmore/components/bitrix/news/objects/bitrix/news.detail/.default/style.css?1776248817893 */
