.main-details {
    margin-left: 16px; margin-right: 16px; padding-bottom: 40px;
}

.block-ext{
    padding: 0px!important; position: relative; background: transparent!important;
}

.div-slider {
    background-image: url(/images/system/slider_ground1.png); background-position: center center;
    background-repeat: no-repeat; background-color: #FFFFFF; width: 100%; height: 300px; overflow: hidden; padding: 0px; border-radius: 16px;
}

.slider-div-image {
    width: 100%; height: 300px; max-height: 300px;  
    background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 16px;
}

    .slider-div-yt {
        position: absolute; top: 123px; z-index: 2; width: 75px;
    }

    .slider-page {
        position: absolute; bottom: 12px; right: 12px; padding: 3px 5px 2.75px 5px; z-index: 2; background-color: #EAEAEA; border-radius: 5px;
    }

    .text-normal-small-g5 {
        color: #5B5B5B!important; font-family: Roboto!important; font-style: normal!important; font-weight: 400!important; font-size: 11px!important; line-height: 11px!important;
    }

.details-header {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500; font-size: 16px!important; color: #181829!important;
    padding-top: 12px; text-align: center;
}

.text-normal-bold-g3 {
    font-family: Roboto!important; font-style: normal!important; font-weight: 500; font-size: 16px!important; color: #181829!important;
}

    .text-14-bold-g1 {
        font-family: Roboto!important; font-style: normal!important; font-weight: 600!important; font-size: 14px!important; color: #1C1C1C!important;
    }

.margin-std {
    margin-top: 16px; margin-left: 0px; margin-right: 0px;
}

.header-button {
    text-align: center; vertical-align: top; width: 20%; padding-left: 5px; padding-right: 5px
}

    .header-button div {
        display: inline-block
    }

        .header-button div img {
            width: 40px; vertical-align: middle
        }

.header-button-text {
    padding-top: 5px; font-family: Roboto!important; font-style: normal!important; font-weight: normal!important; font-size: 9px!important; color: #3C3C3C!important
}

.chat-type-active {
    text-align: center; vertical-align: top; border-bottom: 2px solid #1F1F1F; padding: 0px 1px 0px 1px; color: #1F1F1F;
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px!important;
}

.chat-type {
    text-align: center; vertical-align: top; padding: 0px 1px 0px 1px; color: #818189;
    font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 13px!important;
}

.chat-archive-count {
    border-radius: 22px;
    padding: 1px 3px 1px 3px;
    display: inline-block;
    min-width: 20px;
    text-align: center;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    color: #FFFFFF !important;
    background: #9D9DA4;
}