/* Start:/bitrix/templates/aspro-medc2/components/bitrix/news.detail/staff--new/style.css?17633858298072*/
.detail.staff .detail_image {
    width: 490px;
    height: 544px;
    max-height: unset;
    min-width: 490px;

}

.detail .detail_image img {
    width: auto;
    height: 544px;
    border-radius: 0 !important;
    border: none !important;
}

.detail.staff .detail_wrapper .top_block {
    margin-bottom: 40px;
}
.detail.staff .detail_wrapper .top_block .top_right_block {
    padding: 0 0 0 25px;
}


.detail.staff .detail_wrapper {
    padding: 0;
}


.detail.staff .top_block {
    display: flex;
}

.detail.staff .detail_wrapper .top_desc .button {
    display: flex;

}
.detail.staff .detail_wrapper .top_desc .button > .btn {
    margin-right: 10px;

}
.detail.staff .detail_wrapper .top_desc .button > .btn.btn-white {
    background-color: #ffffff;
    border-color: #bfa045;
    color: #bfa045;

}
.detail.staff .detail_wrapper .sect__rating_nez_item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 90px;
    width: 200px;
    align-content: flex-start;
    border: 1px solid #bfa045;
    border-radius: 20px;
    padding: 30px 20px;
}

.detail.staff .detail_wrapper .sect__rating_nez_item .name_rating {
    padding-top: 0;
    padding-bottom: 0;
    color: #b5b5b5;
    font-size: 18px;
}

.detail.staff .detail_wrapper .stars-view-rounded .star-item {
    display: inline-block;
    height: 15px;
    width: 16px;
    margin-right: 9px;
}

.detail.staff .short_info {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
}

.detail.staff .detail_wrapper .top_block .properties {
    margin-right: 25px;
    padding: 0;
}

.detail.staff .detail_wrapper .top_block .properties .title-prop {
    font-size: 18px;
    font-weight: bold;
    color: black;
    display: inline-block;
}

.detail.staff .detail_wrapper .top_block .properties span {
    font-size: 18px;
    color: black;
}

.detail.staff .detail_wrapper  .label {
    border: 1px solid #bfa045;
    border-radius: 20px;
    padding: 12px;
    background: #fff;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 10px;
    height: auto;
    color: #8d7c4c;
}

.detail.staff .speech-bubble.top {
    display: none;
}


.speech-bubble {
    position: relative;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.speech-content {
    position: relative;
    z-index: 2;
}


.speech-bubble.bottom {
    display: none;
}

/* Треугольник снизу */
.speech-bubble.bottom::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 20%;
    border: 15px solid transparent;
    border-top-color: #000;
}

.speech-bubble.bottom::before {
    content: '';
    position: absolute;
    bottom: -29px;
    left: 20%;
    border: 15px solid transparent;
    border-top-color: #fff;
    z-index: 1;
}

/* Треугольник слева */
.speech-bubble.left::after {
    content: '';
    position: absolute;
    left: -31px;

    top: calc(80% - 30px);
    border: 15px solid transparent;
    border-right-color: #000;
}

.speech-bubble.left::before {
    content: '';
    position: absolute;
    left: -30px;
    top: calc(80% - 30px);
    border: 15px solid transparent;
    border-right-color: #fff;
    z-index: 1;
}

/* Треугольник справа */
.speech-bubble.right::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    border: 15px solid transparent;
    border-left-color: #000;
}

.speech-bubble.right::before {
    content: '';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    border: 15px solid transparent;
    border-left-color: #fff;
    z-index: 1;
}

/* Треугольник сверху */
.speech-bubble.top::after {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    border: 15px solid transparent;
    border-bottom-color: #000;
}

.speech-bubble.top::before {
    content: '';
    position: absolute;
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    border: 15px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
}

.article-detail--speech {
    margin-bottom: 40px;
}

.video_about {
    text-align: center;
    margin-bottom: 40px;
    height: 1px;
    opacity: 0;
}

.video_about.show {
    height: auto;
    opacity: 1;
    margin-top: 45px;
}
.video_about.show h3 {

}

.video_about iframe {
    max-width: 100%;
}

h1#pagetitle {
    display: none;
}
.detail.staff .top_block .h1-mobile {
    display: none;
}

.detail.staff .top_block .h1 {
    color: #000;
}

.item-views.blocks h3, .item-views.blocks h3.title, .h3 {
    font-size: 24px !important;
}

.detail.staff .short_info .properties .property {
    margin-top: 10px;
}

.fancybox_video_card .fancybox__content {
    padding: 0;
}

.about_text {
    margin-top: 30px;
}

@media all and (max-width: 1100px) {

    .detail.staff .top_block .top_desc {
        width: 100% !important;
        max-width: 400px !important;
    }
    .detail.staff .short_info {
        display: flex;
        margin-top: 30px;
        flex-direction: column;
    }

    .short_info--rating {

        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .detail.staff .detail_wrapper .top_block .top_right_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
        box-sizing: border-box;

    }

    .top_right_block  .h1 {
        order: 2;
    }
    .top_right_block  .prop_labels {
        order: 3;
    }

    .article-detail--speech {
        margin-top:20px;
        margin-bottom: 20px;
        order: 3;
    }

    .detail.staff .short_info {
        order: 5;
    }


    .detail.staff .top_desc  {
        order: 6;
    }

}

@media all and (max-width: 960px) {

    .detail.staff .top_block .h1 {
        display: none;
    }

    h1#pagetitle {
        display: block;
    }
    .detail.staff .speech-bubble.top {
        display: block;
        order: -1;
    }
    .detail.staff .speech-bubble.left {
        display: none;
    }

    .detail.staff .top_block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    .detail.staff .detail_wrapper .top_block .top_right_block {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
        box-sizing: border-box;

    }

    .detail.staff .detail_wrapper .top_block .top_right_block  .top_desc {
        width: 100%;
    }

    .article-detail--speech {
        order: -1;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }

    .detail.staff .short_info {
        display: flex;
        margin-top: 30px;
        flex-direction: column;
    }

    .short_info--rating {

        margin-top: 30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .detail.staff .detail_wrapper .top_desc .button {
        display: flex;
        flex-direction: column;
    }

    .detail.staff .detail_wrapper .top_desc .button > .btn {
        min-width: 100%;
        margin-bottom: 30px;
    }


}


@media all and (max-width: 768px) {
    .article-nav__link {
        display: inline-block;
        padding: 8px 15px;
        background: #f4e7d1;
        border-radius: 20px;
        color: #8d7c4c;
        text-decoration: none;
        font-size: 14px;
        transition: all 0.3s;
        width: 100%;
        text-align: center;
    }


    .detail.staff .detail_wrapper .top_block {
        margin-bottom: 0;
    }

    .detail.staff .detail_wrapper .top_desc .button > .btn {
        min-width: 100%;
        margin-bottom: 10px;
    }

    .detail.staff .top_block .top_desc {
        margin-bottom: 0 !important;
    }

}
/* End */
/* /bitrix/templates/aspro-medc2/components/bitrix/news.detail/staff--new/style.css?17633858298072 */