﻿
.text-beige { color:#dfa974; }

.gallery-img { height:210px;width:100%;object-fit:cover; object-position:center center; }
.gallery-img:hover { -webkit-filter: none;  filter: none; -webkit-filter: brightness(80%);cursor: -webkit-zoom-in;	cursor: -moz-zoom-in; cursor: zoom-in;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }

.hov-img-zoom {	display: block;	overflow: hidden; }
.hov-img-zoom img{ width: 100%;	-webkit-transition: all 1.1s; -o-transition: all 1.1s; -moz-transition: all 1.1s; transition: all 1.1s; }
.hov-img-zoom:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2);	-o-transform: scale(1.2); transform: scale(1.2);
						  -webkit-filter: none;  filter: none; -webkit-filter: brightness(60%); }

.modal-right { position: absolute; right: 0; display: flex; flex-flow: column nowrap; justify-content: start; height: 100vh !important;width:100%;max-width: 600px; margin: 0; background-color: #fff; align-content: center; transform: translate(25%, 0) !important; }
.modal-right button.close { position: fixed; top: 10px; left: -45px; z-index: 1; opacity:1; background-color:#fff; color:#dfa974; }
.modal.show .modal-right { transform: translate(0, 0) !important; }
@media (max-width: 768px) {
    .modal-right { max-width: 100%; }
    .modal-right button.close { left: 10px; top: 10px; }
}

.room-slider { width: 100%; height: 400px; min-height:300px; margin-bottom: 30px; }
.room-slider img { height:400px;width: 100%; object-fit:contain; object-position:center center;  }
.room-slider.owl-carousel .owl-dots { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; }
.room-slider.owl-carousel .owl-dots button { height: 6px; width: 6px; background: #ffffff; opacity: 0.5; border-radius: 50%; margin-right: 10px; -webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.room-slider.owl-carousel .owl-dots button.active { width: 30px;border-radius: 50px;opacity: 1; }
.room-slider.owl-carousel .owl-dots button:last-child {	margin-right: 0; }
@media only screen and (max-width: 990px) {
	.room-slider { height: 300px; }
	.room-slider img { height:300px;width:100%; object-fit:contain; object-position:center center; }
}

.hov1 { color : #dfa974; }
.hov1:hover { color : #df9853; }