.room-gallery{
    height:500px;
    border-radius:15px;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.3);
    overflow:hidden;
    margin-bottom:2rem;
}

.hotelroom-square svg, .hotelroom-floors svg{
	width:3.5rem;
	height:3.5rem;
	margin-right:0.8rem;
}

.hotelroom-icon{
	font-size:1.1rem;
	margin:0.5rem 0;
	white-space: nowrap;
	transition: all 0.5s ease;
	padding:0.5rem;
	border-radius: 6px;
    display: flex;
    align-items: center;
}
.hotelroom-icon.is_main svg path{
    fill:var(--main-red);
}
.hotelroom-icon svg{
	width:3.5rem;
	height:3.5rem;
	margin-right:0.8rem;
}
.hotelroom-icon svg path,
.hotelroom-square svg path,
.hotelroom-floors svg path{
	fill:var(--color-6);
}
.room_square{
    font-size:2rem;
    color:var(--color-6);
}
.room_floors{
    font-size:1.2rem;
    line-height: 1.1;
}
.room_floors b{
    font-size:1.5rem;
    font-weight: bold;
    color:var(--main-red);
}
.room_square b{
    font-size:2.5rem;
    color:var(--main-red);
}

ul.room_options_list{
    margin:1rem 0;
    padding:0;
    display:flex;
    flex-wrap: wrap;
}
ul.room_options_list li{
    list-style: none;
    padding:0;
    flex: 1 0 50%;
}

.hotelroom-persons{
	margin-bottom:1rem;
}
.hotelroom-persons .hotelroom-persons-main{
	color:var(--main-red);
	margin-top:0.5rem;
	margin-right: 1rem;
	font-weight: bold;
	display:inline-block;
}
.hotelroom-persons .hotelroom-persons-extra{
	color:var(--color-6);
	display:inline-block;
}

.hotelroom-persons svg{
	width:3rem;
	height:3rem;
	margin:0 -0.5rem;
}
.hotelroom-persons svg.active{
	width:4rem;
	height:4rem;
	margin:0 -0.7rem;
}
.hotelroom-persons svg path{
	fill:var(--color-9);
}
.hotelroom-persons svg.active path{
	fill:var(--main-red);
}

.hotelroom-price{
	margin-bottom:1rem;
}

.hotelroom-price-count{
	font-size: 3rem;
	font-weight: bold;
	color:var(--main-red);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	line-height: 1;
	margin-top: 0.5rem;
}
.hotelroom-price-count span{
	display:block;
}
.hotelroom-price-count svg{
	width: 2rem;
	height: 2rem;
}
.hotelroom-price-count svg path{
	fill:var(--color-6);
}

.room-gallery .no-gallery{
    background:var(--beige-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
}
.room-gallery .no-gallery svg{
    width:120px;
    height:120px;
}
.room-gallery .no-gallery svg path{
    fill:var(--color-9);
}

.index-news-navigation{
	display: flex;
	justify-content: center;
	align-items:center;
}
.index-news-navigation svg{
	width:3rem;
	height:3rem;
	margin:0 2rem;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity:0.7;
}
.index-news-navigation svg:hover{
	transform: scale(1.2);
	opacity:1;
}
.index-news-navigation svg.rotate-180:hover{
	transform: rotate(180deg) scale(1.2);
}

@media (max-width: 520.98px) {
    .room-gallery{
        height:280px;
    }    
}