/* Start:/local/templates/main/components/bitrix/news.detail/room/style.css?17797322501616*/
.hotel-price {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    padding: 1rem 1.9rem;
    background-color: #467dc0;
    border-radius: 1rem 1rem 0 1rem;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
}
.hotel-price__left {
    margin-right: 1rem;
}
.hotel-price__value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    align-items: baseline;
}
.hotel-price__value_sale {
    position: relative;
    margin-top: 0.4rem;
    width: fit-content;
    color: #ffffff55;
    /*opacity: .5;*/
}
.hotel-price__value_sale::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 55%;
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
    -ms-transform: translate(-50%, -50%) rotate(-5deg);
    transform: translate(-50%, -50%) rotate(-5deg);
    width: 113%;
    height: 1px;
    background-color: #ffffffaa;
}
.hotel-price__currency {
    margin-left: .5em;
    font-size: .7em;
}
.hotel-price__right {
    align-self: stretch;
    width: fit-content;
}
.hotel-price__percentage {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem 0.8rem 0 0.8rem;
    padding: 2px 12px;
    height: 100%;
    font-size: .9em;
    background: #ffffff;
    color: #457ec0;
}

@media screen and (min-width: 640px) {
    .hotel-price {
        justify-content: initial;
        width: initial;
        font-size: 16px;
    }
}
/* End */
/* /local/templates/main/components/bitrix/news.detail/room/style.css?17797322501616 */