body {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #ffffff;
	color: #FFFFFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
}


/*------------myDropdown----------*/
.top-menu-item.dropdown.myDropdownMainItem:hover {
	background: transparent;
}
.dropdown-menu.myDropdown{
	background: rgba(0, 0, 0, 0.8);
    margin-top: 3px;	
}
.dropdown-menu.myDropdown a{
    padding-left: 8px;
}
.myDropdownInner{
	font-weight: 600; 
	color: white; 
	font-size: 20px; 
	padding: 10px 20px; 
	/* width: 255px; */
}
.myDropdown .myDropdownInner a{
	font-size: 18px;
}
.top-menu-item .myDropdownMainItem{
	background: rgba(0, 0, 0, 0.8);
}


/*----------pdfPage----------*/
.pdfPageMenu{
	background-color: #801414;
    padding-bottom: 15px;
}
.pdfPageWrapper{
	
}
.pdfPageContent{
	/* background-color: grey;	 */
}
.pdfImg{
    width: 100%;
    margin: auto;
    max-width: 1000px;
    display: block;
}


.social-icon-img:hover {
	opacity: 0.7;
}
.ui-datepicker-unselectable.ui-state-disabled.undefined {
	opacity: 0.2;
}
.accomodation-type.inactive:hover {
	opacity: 0.7;
}
#floating-element-left {
	width: 190px;
	height: 130px;
	background-color: rgba(74,54,30,0.60);
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 25;
}
#floating-element-text {
	float: left;
	width: 90px;
	margin: 25px 0;
	margin-left: 5px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
}
#find-out-more-scroll {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 22px;
	font-weight: 300;
	line-height: 0.7;
	text-align: center;
}
 @keyframes fading-triangle-animation {
 0% {
opacity: 0.2;
}
 100% {
opacity: 1;
}
}
#fading-triangle-1 {
	animation: fading-triangle-animation 1.1s alternate infinite;
}
#fading-triangle-2 {
	animation: fading-triangle-animation 1.1s alternate infinite;
	animation-delay: 0.3s;
}
#fading-triangle-3 {
	animation: fading-triangle-animation 1.1s alternate infinite;
	animation-delay: 0.6s;
}
/* HOMEPAGE */



.map-section-footer-home {
	position: relative;
}
#homepage-top {
	/*background-image: url("../images/section1_header.jpg");*/

	background-size: cover;
	height: 100vh;
	position: relative;
	background-position: center;/*min-height:950px;*/		

}
#homepage-top-container {
	width: 100%;
	position: relative;
}
#homepage-top-container-right {
	position: absolute;
	width: calc(15% + 340px);
	right: 0;
}
#homepage-top-title {
	font-size: 7.5em;
	font-weight: 900;
	text-transform: uppercase;
	margin-right: 30%;
	text-shadow: 8px 2px 20px #000000;
}
#homepage-top-line {
	width: 100%;
	height: 1px;
	background-color: #fff;
}
#homepage-data-container {
	width: 340px;
	margin-top: 20px;
}
.homepage-datepicker-label {
	float: left;
	font-size: 22px;
	font-weight: 300;
	line-height: 0.9;
	padding-top: 13px;
	margin-left: 25px;
	text-shadow: 8px 2px 20px #000000;
}
#homepage-slider-label {
	font-size: 22px;
	font-weight: 300;
	line-height: 0.9;
	padding-top: 13px;
	margin-left: 10px;
	text-shadow: 8px 2px 20px #000000;
}
.homepage-booking-dates {
	height: 60px;
	width: 330px;
	padding: 14px 0;
	text-shadow: 8px 2px 20px #000000;
}
.home-reservation-date {
	width: 126px !important;
	height: 30px !important;
	font-size: 18px !important;
	margin-right: 11px !important;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0px !important;
	float: right;
}
.home-reservation-date-input-container {
	float: right;
}
.home-reservation-slider-input-container {
	float: left;
	width: 250px;
}
.home-reservation-slider-input-container p input {
	border: none;
	background-color: transparent;
	background-image: url(../images/homepage-slider-background.png);
	float: right;
}
#homepage-room-type {
	font-size: 12px;
	font-weight: 600;
	line-height: 0.9;
	text-transform: uppercase;
	text-align: center;
	padding-top: 5px;
}
#homepage-text-below-button {
	font-size: 22px;
	font-weight: 300;
	padding-top: 10px;
	text-shadow: 8px 2px 20px #000000;
}
#homepage-gastronomy-container {
	width: 100%;
	height: 886px;
	background-size: cover;
	background-position: center;
	background-image: url(../images/homepage-gastronomy.jpg);
	color: #412a17;
}
#homepage-gastronomy-container-right {
	float: right;
	width: 75%;
}
#homepage-gastronomy-title {
	margin-top: 150px;
	margin-right: 22.5%;
	text-align: right;
	font-size: 11.0em;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.0;
}
#homepage-gastronomy-line {
	width: 70%;
	height: 1px;
	background-color: #000;
	float: right;
}
#homepage-gastronomy-textholder {
	margin-right: 22.5%;
	text-align: right;
}
#homepage-gastronomy-text-top {
	font-size: 3.6em;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.4;
}
#homepage-gastronomy-text-bottom {
	margin-top: 15px;
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.3;
}
#homepage-gastronomy-button {
	background: url(../images/homepage-gastronomy-button.png);
	border: none;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 70px;
	width: 203px;
	background-repeat: no-repeat;
	margin-top: 40px;
	cursor: pointer;
	text-transform: uppercase;
}
.homepage-book-submit-button:active {
	background-color: #E5E5E5 !important;
}
.homepage-book-submit-button:target {
	background-color: #E5E5E5 !important;
}
.homepage-book-submit-button:focus {
	background-color: #EDEDED !important;
}
#homepage-videos-container {
	width: 100%;
}
.homepage-video-container-inner {
	position: relative;
	width: 33.3333333%;
	float: left;
	margin-bottom: -5px;
	margin-left: -0.1px;
}
.video-style-home {
	width: 100%;
}
.homepage-video-play-button {
	z-index: 50;
	position: absolute;
	border: 1px solid #362f2d;
	background-color: transparent;
	width: 50px;
	height: 50px;
	cursor: pointer;
	top: 50%;
	transform: translateX(-50%);
	left: 50%;
	transform: translateY(-50%);
	background-color: rgba(255,255,255,0.10);
}
.homepage-video-play-button:active {
	background-color: transparent !important;
}
.homepage-video-play-button:target {
	background-color: transparent !important;
}
.homepage-video-play-button:focus {
	background-color: transparent !important;
}
#homepage-history-container {
	width: 100%;
	height: 1519px;
	background-size: cover;
	background-position: center;
	background-image: url(../images/homepage-history.jpg);
	color: #412a17;
	position: relative;
}
#homepage-history-inner {
	margin: 0 15%;
	text-align: right;
}
#homepage-history-feather {
	padding-top: 2px;
	margin-right: 10px;
	float: right;
}
#homepage-history-title {
	padding-top: 70px;
	font-size: 7.2em;
	font-weight: 700;
	line-height: 0.9;
	text-transform: uppercase;
}
#homepage-history-subtitle {
	margin-top: 5px;
	font-size: 4.8em;
	font-weight: 300;
	line-height: 1.2;
}
#homepage-history-text {
	margin-top: 15px;
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.3;
}
#homepage-history-button {
	background-color: #423b31;
	border: none;
	color: #fff;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 54px;
	width: 388px;
	background-repeat: no-repeat;
	margin-top: 15px;
	cursor: pointer;
	text-transform: uppercase;
}
#homepage-history-statistic {
	position: absolute;
	bottom: 0;
	padding-bottom: 90px;
	margin: 0 15%;
	width: 70%;
}
.homepage-history-statistic-container {
	width: 25%;
	float: left;
	text-align: center;
}
.homepage-history-statistic-title {
	font-size: 11.0em;
	font-weight: 600;
	line-height: 1.3;
	color: #474747;
}
.homepage-history-statistic-subtitle {
	font-size: 1.8em;
	font-weight: 300;
	line-height: 1.3;
	color: #474747;
	text-transform: uppercase;
	letter-spacing: 7px;
}
.home-media-inner-header {
	font-size: 4.8em;
	font-weight: 700;
	line-height: 1.0;
	padding-top: 70px;
	padding-bottom: 60px;
	color: #453f32;
	text-transform: uppercase;
	text-align: center;
}
.home-media-image-trail {
	float: left;
	height: 70px;
	width: 70px;
	background-color: #c15300;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}
.home-media-image-trail-inner-top {
	padding-top: 14px;
}
.home-media-image-trail-inner-bottom {
}
.home-media-review-text {
	font-size: 2.2em;
	font-weight: 600;
	color: #474747;
	float: left;
	line-height: 70px;
	margin-left: 20px;
}
.homepage-blogger-container {
	margin-right: 25px;
	float: left;
	border-bottom: 1px solid #3a3a3a;
	padding-bottom: 15px;
	width: 30%;
}
.homepage-blogger-img, .homepage-blogger-img img {
	width:  100%;
}
.homepage-blogger-img img{
	height:100%;
}
.homepage-blogger-name {
	margin-top: 10px;
	font-size: 2.4em;
	font-weight: 300;
	color: #453f32;
	line-height: 1.2;
}
.homepage-blogger-url {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.0;
	color: #453f32;
}
.home-media-blogger-container {
	position: relative;
}
#home-media-blogger-arrow-left {
	position: absolute;
	margin-left: -11.0em;
	margin-top: 120px;
}
#home-media-blogger-arrow-right {
	position: absolute;
	margin-left: 5.0em;
	float: right;
	margin-top: 120px;
}
.second-section-headline-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 900;
	font-size: 100px;
	color: #fff;
	text-transform: uppercase;
}
.home-media-costumer-review-img {
	margin-right: 20px;
}
.home-media-review-container {
	float: left;
	margin-left: 90px;
}
.home-media-trail-container {
	float: left;
}
.home-media-tv-logo {
	margin-left: 30px;
	height: 50px;
}
/* ROOMS DETAILED */

#room-top-s {
	background-size: cover;
	height: 100vh;
	position: relative;
	background-position: center;
	min-height: 980px;
}
#top-menu {
	margin: 0 15%;
	padding-top: 15px;
}
#top-logo {
	float: left;
}
#top-menu-right {
	float: right;
}
#top-menu-items {
	border-bottom: 1px solid #fff;
	text-shadow: 8px 2px 20px #000000;
}
.top-menu-item a, .top-menu-item-dropdown-hover a {
	font-size: 1.8em;
	font-weight: 300;
	text-decoration: none;
	color: #fefefe;
}
.top-menu-item a:hover, .top-menu-item-dropdown-hover a:hover {
	color: #C4C4C4;
}
#menu-language {
	background-image: url("../images/lang.png");
	width: 53px;
	height: 26px;
	float: right;
}
#menu-language-container {
	color: #554437;
	margin-top: 5px;
	margin-left: 7px;
	font-size: 14px;
	font-weight: 600;
}
#room-detail-left {
	width: 50%;
	position: absolute;
	bottom: 0;
	padding-bottom: 110px;
	float: left;
}
#room-detail-right {
	width: 50%;
	height: 20px;
	float: right;
}
.line-from-left {
	width: 60.0em;
	height: 1px;
	background-color: #fff;
}
#room-detail-name {
	margin-left: 30%;
	font-family: Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11.0em;
	font-weight: 900;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-shadow: 8px 2px 20px #000000;
}
#room-detail-type {
	margin-top: 10px;
	margin-left: 30%;
	font-size: 3.6em;
	font-weight: 700;
	text-shadow: 8px 2px 20px #000000;
}
#room-detail-more {
	margin-left: 30%;
	font-size: 1.5em;
	font-weight: 700;
	text-shadow: 8px 2px 20px #000000;
}
#room-detail-find-more {
	float: left;
	text-shadow: 8px 2px 20px #000000;
}
#room-detail-find-more-arrow {
	padding-top: 4px;
	float: left;
	margin-left: 5px;
	transform: rotate(90deg);
	cursor: pointer;
	text-shadow: 8px 2px 20px #000000;
}
#room-details-price-calendar {
	margin-right: 30%;
	text-shadow: 8px 2px 20px #000000;
}
#room-details-price-night {
	text-align: right;
	font-size: 2.0em;
	font-weight: 700;
	margin-bottom: 5px;
	text-shadow: 8px 2px 20px #000000;
}
#room-details-price {
	text-align: right;
	font-size: 11.0em;
	line-height: 0.87;
	font-weight: 700;
	text-shadow: 8px 2px 20px #000000;
}
#room-details-including {
	text-align: right;
	font-family: Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: 300;
	text-shadow: 8px 2px 20px #000000;
}
#room-details-datepicker {
	width: 240px;
	text-align: center;
	margin-top: 10px;
	float: right;
	text-shadow: 8px 2px 20px #000000;
}
#book-now-button-container-top {
	float: right;
}
.book-now-button {
	height: 5.4em;
	width: 26.0em;
	background-color: #fff;
	cursor: pointer;
}
.book-now-button-text {
	text-transform: uppercase;
	line-height: 2.25em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	color: #000;
}
.book-now-button-text-list {
	text-transform: uppercase;
	line-height: 2.25em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	color: #000;
}
#room-details-bottom {
	width: 50%;
	position: absolute;
	bottom: 0;
}
#room-details-bottom-inner {
	display: inline-block;
	float: right;
}
#room-detail-bottom-text {
	float: left;
	width: 34.0em;
	margin-right: 3.5em;
	text-align: right;
	position: relative;
}
#room-detail-bottom-img {
	float: right;
	width: auto;
	height: auto;
	background-size: cover;
	text-align: center;
	position: relative;
}
#room-detail-bottom-text-title {
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 6.4em;
	line-height: 0.8;
	font-weight: 900;
}
#room-detail-bottom-text-content {
	margin-top: 10px;
	/*font-size:1.5em;*/

	line-height: 1.2;
	font-weight: 600;
	font-size: 2.2em;
	text-shadow: 8px 2px 20px #000000;
}

#room-detail-bottom-img-text {
	font-size: 3.6em;
	font-weight: 900;
	line-height: 7.1;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	text-shadow: 8px 2px 20px #000000;
}
#room-detail-bottom-img-gif-hand {
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #362f2d;
	cursor: pointer;
	height: 50px;
	position: absolute;
	width: 50px;
	z-index: 50;
}
#room-detail-bottom-img-gif-hand-img {
	margin-top: 18px;
}
#room-benefits {
	height: 570px;
}
#room-benefits-container {
	margin: 0 15%;
	padding-top: 90px;
}
#room-benefits-left {
	width: 50%;
	float: left;
	color: #101010;
}
#room-benefits-right {
	width: 50%;
	float: right;
}
#room-benefits-img {
	height: 39.3em;
	width: 100%;
	background-position: center;
	background-size: cover;
}
#room-benefits-title {
	font-size: 6.4em;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 0.8;
	margin-top: 0em;
}
#room-benefits-content {
	font-size: 2.6em;
	font-weight: 400;
	line-height: 1.2;
	padding-right: 5%;
	margin-top: 1.2em;
}
.room-benefits-extra-info{
    padding-left: 1em;
    font-size: inherit;
    font-weight: 300;
}
ul.room-benefits-extra-info b {
    font-weight: 400;
}
.room-benefits-extra-info li{
	list-style-type: initial;
}
#room-about {
	width: 100%;
	height: 108.0em;
	background-position: center;
	background-size: cover;
}
#room-about-container {
	margin: 0 15%;
	padding-top: 47.5em;
}
#room-about-text {
	text-align: center;
	font-weight: 900;
	margin-bottom: 2.5em;
	font-size: 2.5em;
    line-height: 1.5;
    text-shadow: 8px 2px 20px #000000;
	
}
#book-now-button-container-about {
	width: 26.0em;
	margin: 0 auto;
}
#room-mystery {
	margin: 75px 15%;
}
.room-mystery-img {
	height: 410px;
	width: 325px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
#room-mystery-overlay {
	height: 100%;
	width: 100%;
	background-color: rgba(21,21,21,0.70);
}
#room-mystery-overlay-inner {
	width: 80%;
	margin: 0 10%;
	padding-top: 25px;
	text-align: center;
}
#room-mystery-title-m {
	font-size: 24px;
	font-weight: 900;
	line-height: 0.9;
}
#room-mystery-title-b {
	font-size: 72px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 0.9;
	margin-bottom: 35px;
}
#room-mystery-title-task {
	font-size: 21px;
	font-weight: 900;
}
#room-mystery-input {
	width: 80%;
	margin: 0 auto;
	margin-top: 10px;
}
#room-mystery-input label {
	width: 100%;
	left: 0;
	text-align: center !important;
}
#room-mystery-img-1 {
	margin-right: 8px;
}
#room-mystery-img-2 {
	margin-right: 8px;
}
#room-mystery-img-3 {
	margin-right: 8px;
}
#room-mystery-img-4 {
}
#room-split {
	width: 100%;
	height: 101.8em;
}
#room-split-left {
	width: 50%;
	height: 101.8em;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#room-split-right {
	width: 50%;
	height: 101.8em;
	float: right;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.room-split-center-text {
	width: 100%;
	text-align: center;
	padding-top: 48.0em;
}
.room-split-center-text-s {
	font-size: 9.2em;
	font-weight: 300;
	text-shadow: 8px 2px 20px #000000;
}
#room-linked-sites {
	height: max-content;
}
#footer-linked-sites-inner {
	width: 570px;
	margin: 0 auto;
	padding-top: 10px;
}
#room-linked-sites-container {
	margin: 0 15%;
}
#footer-logo-container-1 {
	width: 50%;
	height: 80px;
	float: left;
	margin-top: 10px;
}
#footer-logo-container-2 {
	width: 50%;
	height: 80px;
	float: right;
	margin-top: 10px;
}
#footer-logo-container-3 {
	display: table;
	height: 80px;
	text-align: center;
	margin-top: 10px;
	width: min-content;
    margin-left: auto;
    margin-right: auto;
}
#footer-logo-container-3 tr {
	display: table-row;
	width: 100%;
}
#footer-logo-container-3 img {
	display: table-cell;
	vertical-align: middle;
	width: 175px;

}

#we-accept-text {
	text-align: center;
	vertical-align: middle;
	color: #453f32;
	font-weight: bold !important; 

}

.media-text {
	margin-left
}


@media only screen and (max-width: 926px){
	#footer-logo-container-3 th{
		display: block;
		padding-top: 0;
		padding-bottom: 0;

	}
}

.trip-advisor-widgets{
	display: inline-flex;
	padding-top: 30px;

}
@media only screen and (min-width: 320px) and (max-width: 414px){
	#footer-logo-container-1{
		margin-top: 2px;
		width: 56%;
	}
	#footer-logo-container-2{
		width: 44%;
	}
}
@media only screen and (max-width: 630px){
	.trip-advisor-widgets{
		display: block;
	}
	#CDSWIDCOE{
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

#footer-logo-img-1 {
	margin: 0 20px;
	padding-top: 10px;
	float: right;
	border-right: 1px solid transparent;
}
#footer-logo-img-2 {
	padding: 0 20px;
	margin-top: 10px;
	float: left;
	border-left: 1px solid #151515;
}
#room-footer-container {
	padding-top: 90px;
	padding-bottom: 65px;
	background-color: #ebebeb;
	color: #111111;
}
#footer-header-text {
	font-size: 4.8em;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}
#footer-h-divider {
	width: 58%;
	height: 1px;
	background-color: #111111;
}
#footer-contact-detail {
	margin-top: 7px;
	font-size: 2.2em;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}
#footer-follow-us {
	margin-top: 15px;
	font-size: 2.4em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}
#footer-social {
	width: 180px;
	margin: 0 auto;
	margin-top: 10px;
}
.social-icon-img {
	padding: 0 3px;
}
#footer-menu {
	text-align: center;
	margin-top: 18px;
}
#footer-menu span {
	margin: 0 10px;
	font-size: 2.2em;
	font-weight: 300;
}
#footer-menu span a {
	color: #111111;
	text-decoration: none;
}
#footer-menu span a:hover {
	text-decoration: underline;
}
#footer-copyright {
	text-align: center;
	margin-top: 18px;
	font-size: 1.8em;
	font-weight: 300;
}
.list-room {
	position: relative;
	width: 50%;
	min-height: 540px;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2);
}
.list-room-inner-l {
	position: absolute;
	width: 57%;
	bottom: 0;
	padding-bottom: 25px;
}
.list-room-inner-r {
	position: absolute;
	width: 59%;
	bottom: 0;
	padding-bottom: 25px;
}
.room-list-detail-container {
	width: 100%;
	height: 100%;
	padding-bottom: 10px;
	position: relative;
}
.room-list-ancor {
	position: relative;
	bottom: 0;
}
.room-list-detail-name-l {
	margin-left: 12%;
	font-size: 6.5em;
	font-weight: 900;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-detail-type-l {
	margin-top: 5px;
	margin-left: 12%;
	font-size: 3.0em;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-more-l {
	margin-left: 12%;
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
	z-index: 5;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-find-more {
	float: left;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-find-more-arrow {
	padding-top: 4px;
	float: left;
	margin-left: 5px;
}
.line-from-left-list-l {
	width: 55%;
	height: 1px;
	background-color: #fff;
}
.room-list-detail-name-r {
	margin-left: 5%;
	font-size: 6.5em;
	font-weight: 900;
	line-height: 0.9em;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-detail-type-r {
	margin-top: 5px;
	margin-left: 5%;
	font-size: 3.0em;
	font-weight: 600;
	text-transform: uppercase;
	text-shadow: 8px 2px 20px #000000;
}
.room-list-more-r {
	margin-left: 5%;
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
	z-index: 5;
	text-shadow: 8px 2px 20px #000000;
}
.line-from-left-list-r {
	width: 25%;
	height: 1px;
	background-color: #fff;
}
@media only screen and (min-width: 320px) and (max-width: 414px){
    .room-list-right1{
        bottom: 2%;
    }
    .room-list-right2{
        bottom: 2%;
    }
    .list-room-inner-l{
        top: 18%;
    }
    .list-room-inner-r{
        top: 18%;
    }
    .book-now-button-text{
        margin-top: 10px !important;
    }
}
/* room list / calendar positioning -BEGINs- */
	.room-list-right1{
		width: auto; 
		min-height: 20px; 
		padding-top: 110px; 		
		position: absolute; 
		right: 5%;	
	}
	.room-list-right2{
		width: auto;
		min-height: 20px;
		padding-top: 110px;
		position: absolute;
		right: 10%;

	}
	@media only screen and (max-width: 1100px) {
		.room-list-right2 {
			left: auto;
		}
	}
/* room list / calendar positioning -ENDs- */

.room-list-price-calendar-l {
	margin-right: 5%;
}
.room-list-price-calendar-r {
	margin-right: 1%;
	width: auto;
    float: right;
}
.book-now-button-container-top-list {
	float: right;
}
.book-now-button-list {
	height: 5.4em;
	width: 21.0em;
	background-color: #fff;
}
.room-details-price-night {
	text-align: right;
	font-size: 2.0em;
	font-weight: 700;
	margin-bottom: 5px;
	text-shadow: 8px 2px 20px #000000;
}
.room-details-price {
	text-align: right;
	font-size: 8.0em;
	line-height: 0.87;
	font-weight: 700;
	text-shadow: 8px 2px 20px #000000;
}
.room-details-including {
	text-align: right;
	font-family: Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	text-shadow: 8px 2px 20px #000000;
}
.room-details-datepicker {
	margin-top: 10px;
	float: right;
}
#reservation-page {
	margin: 45px 15%;
}
#reservation-fold {
	border-bottom: 1px solid #dbdbdb;
}
.reservation-room-container {
	width: 270px;
	/*float: left;*/
	display: inline-table;
	margin-right: 35px;
	/*margin-bottom: 90px;*/
	margin-bottom: 50px;
}
@media screen and (max-width: 320px) {
    .reservation-room-container{
        margin-left: -30px;
    }
    #reservation-booked-rooms{
        margin-left: -30px;
    }
}
.reservation-list-room {
	position: relative;
	width: 270px;
	height: 175px;
	background-size: cover;
	background-position: center;
}
.reservation-list-name-price {
	height: 85px;
}
.reservation-list-name {
	text-transform: uppercase;
	padding: 0 25px;
	padding-top: 18px;
	text-align: center;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.2;
	text-shadow: 8px 2px 20px #000000;
}
.reservation-list-price {
	text-align: center;
	font-size: 2.4em;
	font-weight: 700;
	line-height: 0.9;
	text-shadow: 8px 2px 20px #000000;
}
.reservation-list-select-button {
	background-color: rgba(140,116,85,0.80);
	border: 3px solid #fff;
	color: #fff;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 50px;
	width: 210px;
	text-transform: uppercase;
	margin: 0 30px;
	;
	margin-top: 10px;
	cursor: pointer;
}
.single-room-3 {
	background-image: url(../images/reservation-single-room.png);
	height: 52px;
	width: 90px;
	background-color: #eee;
	float: left;
}
.double-room-3 {
	background-image: url(../images/reservation-double-room.png);
	height: 52px;
	width: 90px;
	background-color: #e4e4e4;
	float: left;
}
.single-room-2 {
	background-image: url(../images/reservation-single-room.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 50%;
	background-color: #eee;
	float: left;
}
.double-room-2 {
	background-image: url(../images/reservation-double-room.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 50%;
	background-color: #e4e4e4;
	float: left;
}
.twin-room-3 {
	background-image: url(../images/reservation-twin-room2.png);
	height: 52px;
	width: 90px;
	background-color: #eee;
	float: left;
}
.reservation-list-input-text {
	font-size: 18px;
	font-weight: 300;
	color: #4e3529;
	float: left;
	margin-top: 14px;
	margin-left: 5px;
}
.reservation-input-dropdown {
	width: 37px;
	color: #4e3529;
	float: right;
	margin-top: 8px !important;
	margin-right: 5px;
}
.select-wrapper.reservation-select input.select-dropdown {
	text-align: center;
	height: 25px;
	font-size: 22px;
	font-weight: 700;
	padding-right: 5px;
	margin-bottom: 1px;
	border-bottom: 1px solid #4e3529;
}
.select-wrapper.reservation-select span.caret {
	top: 7px;
	color: #95867f;
	right: 0px;
}
.reservation-price-under-input {
	font-size: 14px;
	line-height: 2px;
	margin-top: 8px;
	width: 42px;
	text-align: center;
	color: #a89f9b;
}
.reservation-age-under-input-text {
	font-size: 14px;
	line-height: 2px;
	margin-top: 0px;
	color: #a89f9b;
}
.reservation-side-number {
	height: 56px;
	width: 56px;
	text-align: center;
	background-color: #4e3529;
}
#reservation-side-one {
	position: relative;
	/*float: left;*/
	width: 76px;
}
#reservation-main-one {
	/*margin-bottom: 95px;*/
	margin-left: 20px;
	float: left;
	width: calc(100% - 100px);
}
#reservation-dashed-line-one {
	height: 14000px;
	background-image: url(../images/dashed-vertical-line.png);
	background-repeat: repeat-y;
	width: 4px;
	min-height: 20px;
	margin: 0 26px;
	position: absolute;
}
#reservation-dashed-line-two {
	height: 1500px;
	background-image: url(../images/dashed-vertical-line.png);
	background-repeat: repeat-y;
	width: 4px;
	min-height: 20px;
	margin: 0 26px;
	position: absolute;
}
.reservation-side-number-top {
	padding-top: 5px;
	font-size: 36px;
	font-weight: 600;
	line-height: 0.9;
}
.reservation-side-number-bottom {
	font-size: 14px;
	font-weight: 300;
	line-height: 0.9;
	text-transform: uppercase;
}
#reservation-side-two {
	position: relative;
	float: left;
	width: 76px;
	margin-top: 90px;
}
#reservation-main-two {
	margin-left: 20px;
	float: left;
	width: calc(100% - 100px);
	color: #4e3529;
	margin-bottom: 100px;
}
#reservation-accomodation-type-title {
	font-size: 18px;
	font-weight: 300;
	float: left;
	margin-right: 20px;
	line-height: 70px;
}
.reservation-accomodation-type-sub {
	text-align: center;
	font-weight: 700;
	font-size: 14px;
}
.accomodation-type {
	width: 80px;
	float: left;
	margin: 0 10px;
}
.accomodation-type.inactive {
	opacity: 0.3;
}
.accomodation-type-icon {
	padding: 0 3px;
}
.reservation-accomodation-type-options {
	float: left;
}
#reservation-accomodation-left {
	float: left;
	width: 500px;
}
@media only screen and (max-width: 414px){
	#reservation-accomodation-left{
		max-width: 500px;
		display: grid;
	}
	#reservation-main-two{
		width: auto;
		margin-left: 60px;
	}
	#reservation-accomodation-right{
		width: 50% !important;
    	text-align: justify;
	}
	.accomodation-type{
		width: 65px;
	}
}


#reservation-accomodation-right {
	margin-top: 16px;
	float: left;
	width: 42%;
}
#reservation-accomodation-info-image {
	float: left;
}
#reservation-accomodation-info {
	margin-left: 10px;
	width: calc(100% - 50px);
	float: left;
	font-size: 1.8em;
	font-weight: 300;
	color: #f7844d;
}
#reservation-side-three {
	position: relative;
	float: left;
	width: 76px;
}
#reservation-main-three {
	margin-left: 20px;
	float: left;
	width: calc(100% - 100px);
	color: #4e3529;
	margin-bottom: 100px;
}
@media only screen and (max-width: 320px){
	#reservation-main-three-container{
		max-width: 300px !important;
	}
}
@media only screen and (max-width: 414px){
	#reservation-main-three{
		width: auto;
		margin: 70px 10px;
		float: none;
	}
	#reservation-main-three-container{
		max-width: 340px;
	}
	.reservation-form-input{
		width: auto !important;
	}
	#reservation-captcha-total{
		margin: 20px 0px !important;
	}
	#reservation-total-price{
		font-size: 15px !important;
		line-height: 30px !important;
	}
	.reservation-submit-button{
		min-width: 300px !important;
		width: auto !important;
	}
	#footer-social{
		max-width: 179px;
	}
	#reservation-page-title{
		margin-left: auto !important;
		display: inline-block;
	}
	.select-wrapper.reservation-select.initialized{
		display: inline-block;
		margin-top: 5px;
	}
	.select-wrapper.reservation-select input.select-dropdown{
		margin-top: 5px;
	}
	.reservation-date{
		max-width: 95px;
	}
	#reservation-page-title{
		position: absolute;
		top: 0;
		left: 0;
	}
	#top-logo-mobile{
		/*float: none !important;*/
		float: left;
	}
	#top-logo-mobile img{
		width: auto;
		height: 100%;
		/*height: 30px !important;*/
	}
	#reservation-page-title{
		font-size: 4em !important;
	}
}
.reservation-form-input {
	width: 510px;
}
#top-menu-right-dark {
	float: right;
	color: #4e3529;
}
#top-menu-items-dark {
	border-bottom: 1px solid #4e3529;
}
.top-menu-item-dark {
	float: left;
	margin-right: 5.0em;
	margin-top: 10px;
	margin-bottom: 25px;
	color: #4e3529;
}
.top-menu-item-dark a {
	font-size: 1.8em;
	font-weight: 300;
	text-decoration: none;
	color: #4e3529;
}
.top-menu-item-dark a:hover {
	color: #C4C4C4;
}
#reservation-page-title {
	font-size: 4.8em;
	font-weight: 700;
	color: #4e3529;
	text-transform: uppercase;
	margin-left: 96px;
}
#reservation-booked-date {
	color: #4e3529;
	margin-top: 5px;
	margin-bottom: 75px;
}
.reservation-date {
	width: 110px !important;
	height: 24px !important;
	font-size: 18px !important;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0px !important;
}
.reservation-date-input-container {
	float: left;
}
#reservation-booked-date-title {
	font-size: 18px;
	font-weight: 300;
	float: left;
	margin-right: 5px;
}
#reservation-booked-date-png {
	float: left;
	margin: 8px 5px;
}
.reservation-date-below-input {
	font-size: 12px;
}
#reservation-booked-rooms {
	color: #4e3529;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
}
ul.dropdown-content.select-dropdown li span {
	color: #4e3529; /* no need for !important :) */
}
#breadcrumb {
	font-size: 14px;
	font-weight: 300;
	margin-top: 20px;
	float: left;
}
#cart {
	float: right;
	text-align: right;
	margin-top: 15px;
}
#cart-text {
	float: left;
	margin-left: 7px;
}
#cart-items {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
}
#cart-sum {
	font-size: 18px;
	font-weight: 400;
	line-height: 0.95;
}
#top-logo-dark {
	float: left;
	margin-left: 76px;
}
.form-fields {
	margin-bottom: 0px !important;
}
#reservation-main-three-container {
	width: 510px;
}
#reservation-captcha {
	float: left;
	padding: 10px 0;
}
#reservation-total-price {
	float: right;
	padding: 10px 0;
	font-size: 22px;
	font-weight: 700;
  display: flex;
	
	min-height: 74px;
	align-items: end;
	gap: 0.5rem;
}
#reservation-total-price-label {
	line-height: 1em;
}
#price_column_with_without_discount{
	display: flex;
	flex-direction: column;
	line-height: 1em;
	gap: 0;
}
#price-before-discount{
	text-decoration: line-through;
	color: #ff0000;
	font-size: 0.6em;
	align-self: end;
	/* opacity: 0.4; */
	font-weight: 400;
}
#total-price-2{
	line-height: 1em;
}
#reservation-captcha-total {
	margin: 20px 0;
}
.reservation-submit-button {
	background-color: #fff;
	border: 3px solid #4e3529;
	color: #4e3529;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 70px;
	width: 510px;
	text-transform: uppercase;
	margin-top: 10px;
	cursor: pointer;
}
.mystery-box-submit-button {
	background-color: #fff;
	border: none;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 44px;
	width: 100%;
	margin-top: 20px;
	cursor: pointer;
}
.homepage-book-submit-button {
	background-color: #fff;
	border: none;
	color: #000;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 54px;
	width: 330px;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
}
.corporate-book-submit-button {
	background-color: #fff;
	border: none;
	color: #000;
	font-size: 24px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	height: 54px;
	width: 400px;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
	margin-left: -20%;
}
.homepage-book-submit-button:active {
	background-color: #E5E5E5 !important;
}
.homepage-book-submit-button:target {
	background-color: #E5E5E5 !important;
}
.homepage-book-submit-button:focus {
	background-color: #EDEDED !important;
}
.mystery-box-submit-button:active {
	background-color: #E5E5E5 !important;
}
.mystery-box-submit-button:target {
	background-color: #E5E5E5 !important;
}
.reservation-submit-button:focus {
	background-color: #EDEDED !important;
}
.reservation-submit-button:active {
	background-color: #E5E5E5 !important;
}
.reservation-submit-button:target {
	background-color: #E5E5E5 !important;
}
.reservation-submit-button:focus {
	background-color: #EDEDED !important;
}
.reservation-list-select-button:active {
	background-color: rgba(140,116,85,0.90) !important;
}
.reservation-list-select-button:target {
	background-color: rgba(140,116,85,0.90) !important;
}
.reservation-list-select-button:focus {
	background-color: rgba(140,116,85,0.90) !important;
}
#reservation-dashed-line-arrow-one {
	width: 18px;
	height: 13px;
	margin-top: 40px;
	margin-left: -6px;
	background-image: url(../images/reservation-side-arrow-down.png)
}
#reservation-dashed-line-arrow-two {
	width: 18px;
	height: 13px;
	margin-top: 170px;
	margin-left: -6px;
	background-image: url(../images/reservation-side-arrow-down.png)
}
.reservation-list-select-button-not-selected {
	display: block;
}
.reservation-list-select-button-selected {
	display: none;
}
.reservation-list-select-button-tick {
	background-color: transparent;
	border: transparent;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	height: 50px;
	width: 210px;
	margin: 0 30px;
	margin-top: 5px;
	cursor: pointer;
	line-height: 0.9;
}
.reservation-list-select-button-tick:active {
	background-color: transparent;
}
.reservation-list-select-button-tick:target {
	background-color: transparent;
}
.reservation-list-select-button-tick:focus {
	background-color: transparent;
}
.reservation-list-select-button {
	margin-top: 1.2em;
}
.reservation-list-select-button-tick img {
	width: 39px;
	height: 39px;
}
.reservation-list-select-button-tick {
	margin: 25px 30px 0;
}

@media screen and (max-width: 1900px) {
.room-list-detail-name-l {
	margin-left: 12%;
}
.room-list-detail-type-l {
	margin-left: 12%;
}
.room-list-more-l {
	margin-left: 12%;
}
.room-list-price-calendar-r {
	margin-right: 25%;
}
.line-from-left-list-l {
	width: 45%;
}
#room-benefits-content {
	font-size: 2.5em;
}
#room-mystery {
	margin: 75px 13%;
}
}

@media screen and (max-width: 1800px) {
.room-list-detail-name-l {
	margin-left: 10%;
}
.room-list-detail-type-l {
	margin-left: 10%;
}
.room-list-more-l {
	margin-left: 10%;
}
.room-list-price-calendar-r {
	margin-right: 20%;
}
.line-from-left-list-l {
	width: 40%;
}
.second-section-headline-text {
	font-size: 95px;
	text-shadow: 8px 2px 20px #000000;
}
#room-benefits-content {
	font-size: 2.4em;
}
#room-mystery {
	margin: 75px 11%;
}
}

@media screen and (max-width: 1700px) {
.room-list-detail-name-l {
	margin-left: 4%;
}
.room-list-detail-type-l {
	margin-left: 4%;
}
.room-list-more-l {
	margin-left: 4%;
}
.room-list-price-calendar-r {
	margin-right: 1%;
}
.line-from-left-list-l {
	width: 35%;
}
.second-section-headline-text {
	font-size: 90px;
}
.home-media-review-text {
	font-size: 2.4em;
}
.home-media-tv-logo {
	height: 45px;
}
#room-benefits-content {
	font-size: 2.3em;
}
#room-mystery {
	margin: 75px 10%;
}
}

@media screen and (max-width: 1600px) {
.room-list-detail-name-l {
	margin-left: 4%;
	font-size: 6.5em;
}
.room-list-detail-name-r{
	font-size: 6.5em;
}
.room-list-detail-type-l {
	margin-left: 4%;
}
.room-list-more-l {
	margin-left: 4%;
}
.room-list-price-calendar-r {
	margin-right: 10%;
}
.line-from-left-list-l {
	width: 30%;
}
.room-list-right2{
	right: 3%;
}
#room-detail-bottom-text {
	margin: 0;
	margin-bottom: 10px;
	width: 40.0em;
	float: none;
}
#room-detail-bottom-text-title {
	font-size: 4.6em;
}
.book-now-button-text {
	margin-top: -20px;
}
#room-detail-right {
	margin-top: -30px;
}
#room-detail-bottom-img {
	float: none;
}
.second-section-headline-text {
	font-size: 85px;
}
.home-media-review-text {
	margin-left: 15px;
}
.home-media-tv-logo {
	height: 40px;
}
#room-detail-name {
	margin-left: 20%;
}
#room-detail-type {
	margin-left: 20%;
}
#room-detail-more {
	margin-left: 20%;
}
#room-details-price-calendar {
	margin-right: 20%;
}
#room-benefits-container {
	margin: 0 7.5%;
}
.book-now-button-text {
	margin-top: 0;
}
.reservation-list-select-button {
	margin-top: 1.2em;
}
#room-mystery {
	margin: 75px 9%;
}
}

@media screen and (max-width: 1500px) {
body {
	font-size: 9.5px;
}
.room-list-detail-name-l {
	margin-left: 2.5%;
	font-size: 6em;
}
.room-list-detail-name-r{
	font-size: 6em;
}
.room-list-detail-type-l {
	margin-left: 2.5%;
}
.room-list-more-l {
	margin-left: 2.5%;
}
.room-list-price-calendar-r {
	margin-right: 7.5%;
}
.line-from-left-list-l {
	width: 30%;
}
.second-section-headline-text {
	font-size: 80px;
}
.home-media-costumer-review-img {
	margin-right: 10px;
}
.home-media-review-container {
	margin-left: 80px;
}
.home-media-tv-logo {
	height: 35px;
	margin-left: 10px;
}
#room-benefits-content {
	font-size: 2.2em;
}
#room-mystery {
	margin: 75px 5%;
}
}

@media screen and (max-width: 1400px) {
body {
	font-size: 9px;
}
#top-menu {
	margin: 0 10%;
}
.top-menu-list {
	margin: 0 2.5% !important;
}
#reservation-page {
	margin: 45px 10%;
}
.room-list-detail-name-l {
	margin-left: 4%;
	font-size: 5em;
}
.room-list-detail-name-r{
	font-size: 5em;
}
.room-list-detail-type-l {
	margin-left: 4%;
}
.room-list-more-l {
	margin-left: 4%;
}
.room-list-price-calendar-r {
	margin-right: 5%;
}
.line-from-left-list-l {
	width: 25%;
}
.second-section-headline-text {
	font-size: 75px;
}
.home-media-costumer-review-img {
	margin-right: 5px;
}
.home-media-review-container {
	margin-left: 75px;
}
.home-media-review-text {
	font-size: 2.1em;
}
#room-detail-name {
	margin-left: 15%;
}
#room-detail-type {
	margin-left: 15%;
}
#room-detail-more {
	margin-left: 15%;
}
#room-details-price-calendar {
	margin-right: 15%;
}
#room-benefits-content {
	font-size: 2.1em;
}
#room-about-container {
	margin: 0 7.5%;
	padding-top: 45.0em;
}
#room-mystery {
	margin: 75px 1.5%;
}
}

@media screen and (max-width: 1350px) {
	.home-media-inner-header {
		font-size: 3.8em;
	}
}

@media screen and (max-width: 350px) {
	.home-media-inner-header {
		font-size: 2.5em;
	}
}
#room-mystery {
	margin: 75px 3%;
}


@media screen and (max-width: 1300px) {
body {
}
.room-list-detail-name-l {
	font-size: 5.0em;
	margin-left: 3%;
}
.room-list-detail-name-r{
	font-size: 5.0em;
}
.room-list-detail-type-l {
	margin-left: 3%;
}
.room-list-right1{
	right: 3%;
}
.room-list-more-l {
	margin-left: 3%;
}
.second-section-headline-text {
	font-size: 70px;
}
.home-media-trail-container {
	float: none;
}
.home-media-review-sep {
	clear: both;
}
.home-media-review-container {
	margin-left: 0px;
}
.home-media-costumer-review-img {
	margin-right: 10px;
}
.room-mystery-img {
	width: 300px;
}
#room-mystery {
	margin: 75px 5%;
}
}

@media screen and (max-width: 1200px) {
body {
}
.room-list-detail-name-l {
	font-size: 4.3em;
}
.room-list-detail-name-r{
	font-size: 4.3em;
	margin-left: 3%;
}
.room-list-detail-type-r{
	margin-left: 3%;
}
.room-list-more-r{
	margin-left: 3%;
}
.second-section-headline-text {
	font-size: 65px;
}
#room-detail-name {
	font-size: 9.5em;
}
}

@media screen and (max-width: 1100px) {
.list-room {
	clear: both;
	width: 100%;
}
.room-list-detail-name-l {
	font-size: 7.0em;
	margin-left: 5%;
}
.room-list-detail-type-l {
	margin-left: 5%;
}
.room-list-more-l {
	margin-left: 5%;
}
.room-list-detail-name-r {
	font-size: 7.0em;
}
.second-section-headline-text {
	font-size: 60px;
}
#room-detail-name {
	font-size: 7.5em;
}
#room-about-container {
	padding-top: 42.0em;
}
}

@media screen and (max-width: 1070px) {
#room-details-price-calendar {
	margin-top: 150px;
}
.line-from-left {
	width: 40.0em;
}
#room-detail-name {
	margin-left: 15%;
}
#room-detail-type {
	font-size: 3.0em;
	margin-left: 15%;
}
#room-detail-more {
	margin-left: 15%;
}
#room-details-price-calendar {
	margin-right: 15%;
}
}

@media screen and (max-width: 1000px) {
#room-detail-name {
	font-size: 6.5em;
}
}

@media screen and (max-width: 900px) {
.line-from-left {
	width: 30.0em;
}
#room-detail-name {
	font-size: 5.4em;
	width: 70%;
}
#room-detail-type {
	font-size: 2.0em;
}
.book-now-button-text {
	/*margin-top: -30px;*/
}
.line-from-left {
	width: 27.0em;
}
#room-detail-name {
	margin-left: 10%;
}
#room-detail-type {
	margin-left: 10%;
}
#room-detail-more {
	margin-left: 10%;
}
#room-details-price-calendar {
	margin-right: 10%;
}
#room-benefits-container {
	margin: 0 5%;
}
#room-about-container {
	margin: 0 5%;
	padding-top: 38.0em;
}
}

@media screen and (max-width: 800px) {
.line-from-left {
	width: 26.0em;
}
#room-detail-name {
	font-size: 3.8em;
}
#room-benefits-content {
	font-size: 1.9em;
}
}

@media screen and (max-width: 700px) {
	.room-list-detail-name-r {
		font-size: 5.8em;
	}
	.room-list-detail-name-l {
		font-size: 5.8em;
	}
	#room-detail-right {
		width: 100%;
	}
	#room-details-price-calendar {
		margin-top: 0px;
	}
	#room-details-bottom {
		width: 100%;
	}
	#room-details-price-calendar {
		margin-right: 5%;
	}
	#room-top-s {
		min-height: 1300px;
	}
	#room-detail-left {
		width: 100%;
		bottom: 360px;
		padding-bottom: 0px;
	}
	#room-detail-name {
		font-size: 6.0em;
	}
	#room-benefits-left {
		float: none;
		width: 100%
	}
	#room-benefits-right {
		float: none;
		width: 100%
	}
	#room-benefits {
		height: 760px;
	}
	#room-benefits-container {
		padding-top: 10px;
	}
	#room-benefits-img {
		margin-top: 20px;
	}
	#room-split-left {
		width: 100%;
		height: 50.6em;
		float: none;
	}
	#room-split-right {
		width: 100%;
		height: 50.6em;
		float: none;
	}
	.room-split-center-text {
		padding-top: 18em;
	}
}

@media screen and (max-width: 600px) {
	.room-list-detail-name-r {
	}
	.list-room {
		min-height: 800px;
	}
	#footer-logo-img-1 {
		width: 190px;
	}
	#footer-logo-img-2 {
		width: 190px;
	}
	#room-linked-sites { 
		/* height: 100px;   */
	}
	#room-about-container {
		padding-top: 32.0em;
	}
}

@media screen and (max-width: 550px) {
	#room-benefits-title {
		font-size: 5.2em;
	}
}

@media screen and (max-width: 500px) {
	.room-list-detail-name-r {
		font-size: 4.8em;
	}
	.room-list-detail-name-l {
		font-size: 4.8em;
	}
	.room-list-right {
		padding-top: 160px;
	}
	.room-list-detail-type-r {
		font-size: 2.5em;
	}
	.room-list-detail-type-l {
		font-size: 2.5em;
	}
	#footer-logo-img-1 {
		width: 150px;
	}
	#footer-logo-img-2 {
		width: 150px;
	}
	#room-linked-sites {
		/* height: 90px; */
	}
	#room-detail-name {
		font-size: 5.0em;
	}
	#room-benefits-content {
		font-size: 1.7em;
	}
	#room-about-container {
		padding-top: 30.0em;
	}
}

@media screen and (max-width: 450px) {
	#room-detail-bottom-text-content {
		padding-left: 50px;
	}
	#room-detail-left {
		bottom: 370px;
		position: initial;
		margin: 15px 0px 65px 0px;
	}
	#room-detail-bottom-text-content{
		font-size: 2em;
	}
	#room-detail-bottom-text-title {
		font-size: 4.0em;
	}
}
@media screen and (max-width: 320px) {
	#room-detail-left {
		margin: 15px 0px 35px 0px;
	}
	.room-list-detail-name-r {
		font-size: 4em;
	}
	.room-list-detail-name-l {
		font-size: 4em;
	}
	#room-detail-name {
		font-size: 3.5em !important;
	}
}

@media screen and (max-width: 400px) {
	#footer-logo-img-1 {
		width: 120px;
	}
	#footer-logo-img-2 {
		width: 120px;
	}
	#room-linked-sites {
		/* height: 80px; */
	}
	#room-detail-bottom-text-content {
		padding-left: 100px;
	}
	#room-detail-name {
		font-size: 4.5em;
	}
	#room-about-container {
		padding-top: 20.0em;
	}
	#room-mystery {
		margin: 75px 8%;
	}
	.room-mystery-img {
		margin-top: 2em;
	}
	#room-about {
		height: 118em;
	}
}

@media screen and (max-width: 350px) {
	#footer-logo-img-1 {
		width: 100px;
	}
	#footer-logo-img-2 {
		width: 100px;
	}
	#room-linked-sites {
		/* height: 70px; */
	}
	#room-about-container {
		padding-top: 15.0em;
	}
	#room-mystery {
		margin: 75px 3%;
	}
	.room-mystery-img {
		margin-top: 2em;
	}
}
.dc-datepicker-skin {
	font-size: 16px;
}
.dc-datepicker-skin .ui-widget {
	font-family: 'Source Sans Pro', sans-serif;
	background: transparent;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.dc-datepicker-skin .ui-datepicker {
	padding: 0;
	width: 240px;
}
.dc-datepicker-skin.datepicker-room-list {
	width: 220px;
}
.dc-datepicker-skin.datepicker-room-list .ui-datepicker {
	width: 220px;
}
.dc-datepicker-skin .ui-datepicker-header {
	border: none;
	background: transparent;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 12px;
}
.dc-datepicker-skin .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #e9f0f4;
	text-align: center;
	padding-top: 3px;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin .ui-datepicker-other-month {
	opacity: 0.15;
}
.dc-datepicker-skin .ui-datepicker-other-month:hover {
	opacity: 1;
}
.ui-state-default .ui-state-active .ui-priority-secondary {
	opacity: 1 !important;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-prev-hover,  .dc-datepicker-skin .ui-datepicker .ui-datepicker-next-hover,  .dc-datepicker-skin .ui-datepicker .ui-datepicker-next,  .dc-datepicker-skin .ui-datepicker .ui-datepicker-prev {
	top: .9em;
	border: none;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-next span,  .dc-datepicker-skin .ui-datepicker .ui-datepicker-prev span {
	background-image: url(../images/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}
.dc-datepicker-skin .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}
.dc-datepicker-skin .ui-datepicker table {
	margin: 0;
}
.dc-datepicker-skin .ui-datepicker th {
	padding: 1em 0;
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	border: none;
	border-top: 1px solid #3a414d;
}
.dc-datepicker-skin .ui-datepicker td {
	height: 26px;
	width: 26px;
	background: transparent;
	border: none;
	padding: 5px 0;
}
.dc-datepicker-skin.datepicker-room-list .ui-datepicker td {
	padding: 0;
}
.dc-datepicker-skin td .ui-state-default {
	display: block;
	background: transparent;
	border: none;
	text-align: center;
	padding: 2px;
	margin: 0 auto;
	font-weight: normal;
	color: #efefef;
	font-size: 16px;
	width: 28px !important;
	height: 28px;
	text-shadow: 8px 2px 20px #000000;
}

.dc-datepicker-skin.datepicker-room-list td .ui-state-default {
	display: block;
	background: transparent;
	border: none;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	font-weight: normal;
	color: #efefef;
	font-size: 16px;
	width: 28px !important;
	height: 28px;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin .ui-state-disabled {
	opacity: 1;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin .ui-state-disabled .ui-state-default {
	color: #fba49e;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin .ui-datepicker-current-day {
	opacity: 1 !important;
}
.dc-datepicker-skin td .ui-state-active,  .dc-datepicker-skin td .ui-state-hover {
	background: rgba(86,86,86,0.50);
	height: 28px !important;
	width: 28px !important;
	padding: 2px;
	border-radius: 100px;
	opacity: 1 !important;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin.datepicker-room-list td .ui-state-active,  .dc-datepicker-skin.datepicker-room-list td .ui-state-hover {
	background: rgba(86,86,86,0.50);
	height: 28px !important;
	width: 28px !important;
	padding: 3px;
	border-radius: 100px;
	opacity: 1 !important;
	text-shadow: 8px 2px 20px #000000;
}
.dc-datepicker-skin thead tr {
	display: none;
}
.dc-datepicker-skin .ui-datepicker-calendar {
	border-top: 1px solid #fff;
	padding-top: 7px;
}
.dc-datepicker-skin.datepicker-room-list .ui-datepicker-calendar {
	padding-top: 6px;
}
.dc-datepicker-skin .ui-datepicker-prev:hover {
	opacity: 0.6;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/arrow-datepicker.png);
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
	background-position: center -30px;
}
.dc-datepicker-skin .ui-datepicker-next:hover {
	opacity: 0.6;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url(../images/arrow-datepicker.png);
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
	background-position: center 0px;
}
.datepicker-arrival {
	float: left;
	margin-left: 2px;
	margin-top: 9px;
	font-weight: 900;
	font-size: 16px;
	}
.datepicker-room-list .datepicker-arrival {
	font-size: 14px;
	padding-top: 1px;
	text-shadow: 8px 2px 20px #000000;
}
.custom-datepicker-ui-home {
	font-size: 90%;
}
.custom-datepicker-ui-home #ui-datepicker-div {
	width: 280px;
	height: 300px;
}
.custom-datepicker-ui-home #ui-datepicker-div table {
	height: 265px;
	text-align: center;
}
.custom-datepicker-ui-home .ui-widget {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	background: #2e3641;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.custom-datepicker-ui-home .ui-datepicker {
	padding: 0;
}
.custom-datepicker-ui-home .ui-datepicker-header {
	border: none;
	background: transparent;
	font-weight: normal;
	font-size: 15px;
}
.custom-datepicker-ui-home .ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #e9f0f4;
	text-align: center;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-prev-hover,  .custom-datepicker-ui-home .ui-datepicker .ui-datepicker-next-hover,  .custom-datepicker-ui-home .ui-datepicker .ui-datepicker-next,  .custom-datepicker-ui-home .ui-datepicker .ui-datepicker-prev {
	top: .9em;
	border: none;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-next span,  .custom-datepicker-ui-home .ui-datepicker .ui-datepicker-prev span {
	background-image: url(../images/ui-icons_ffffff_256x240.png);
	background-position: -32px 0;
	margin-top: 0;
	top: 0;
	font-weight: normal;
}
.custom-datepicker-ui-home .ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}
.custom-datepicker-ui-home .ui-datepicker table {
	margin: 0;
}
.custom-datepicker-ui-home .ui-datepicker th {
	padding: 1em 0;
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	border: none;
	border-top: 1px solid #3a414d;
	text-align: center;
}
.custom-datepicker-ui-home .ui-datepicker td {
	background: #fff;
	color: #292929;
	border: none;
	padding: 0;
	border-radius: 0px;
}
.custom-datepicker-ui-home td .ui-state-default {
	background: transparent;
	border: none;
	text-align: center;
	padding: .5em;
	margin: 0;
	font-weight: normal;
	color: #292929;
	font-size: 16px;
}
.custom-datepicker-ui-home .ui-state-disabled {
	opacity: 1;
}
.custom-datepicker-ui-home .ui-state-disabled .ui-state-default {
	color: #fba49e;

}
.custom-datepicker-ui-home td .ui-state-active,  .custom-datepicker-ui-home td .ui-state-hover {
	background: #2e3641;
	color: #fff;
}
input[type=range] {
	-webkit-appearance: none;
	margin: 10px 0;
	width: 100%;
}
input[type=range]:focus {
	outline: none;
}
 input[type=range]::-webkit-slider-runnable-track {
 width: 100%;
 height: 1px;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: 0px 0px 0px #000000;
 background: transparent;
 border-radius: 1px;
 border: 0px solid #000000;
}
 input[type=range]::-webkit-slider-thumb {
 box-shadow: 0px 0px 0px #000000;
 border: 1px solid #2497E3;
 height: 18px;
 width: 18px;
 border-radius: 25px;
 background: #A1D0FF;
 cursor: pointer;
 -webkit-appearance: none;
 margin-top: -9px;
}
 input[type=range]:focus::-webkit-slider-runnable-track {
 background: transparent;
}
 input[type=range]::-moz-range-track {
 width: 100%;
 height: 1px;
 cursor: pointer;
 animate: 0.2s;
 box-shadow: 0px 0px 0px #000000;
 background: transparent;
 border-radius: 1px;
 border: 0px solid #000000;
}
 input[type=range]::-moz-range-thumb {
 box-shadow: 0px 0px 0px #000000;
 border: 1px solid #2497E3;
 height: 18px;
 width: 18px;
 border-radius: 25px;
 background: #A1D0FF;
 cursor: pointer;
}
 input[type=range]::-ms-track {
 width: 100%;
 height: 1px;
 cursor: pointer;
 animate: 0.2s;
 background: transparent;
 border-color: transparent;
 color: transparent;
}
 input[type=range]::-ms-fill-lower {
 background: transparent;
 border: 0px solid #000000;
 border-radius: 2px;
 box-shadow: 0px 0px 0px #000000;
}
 input[type=range]::-ms-fill-upper {
 background: transparent;
 border: 0px solid #000000;
 border-radius: 2px;
 box-shadow: 0px 0px 0px #000000;
}
 input[type=range]::-ms-thumb {
 box-shadow: 0px 0px 0px #000000;
 border: 1px solid #2497E3;
 height: 18px;
 width: 18px;
 border-radius: 25px;
 background: #A1D0FF;
 cursor: pointer;
}
 input[type=range]:focus::-ms-fill-lower {
 background: transparent;
}
 input[type=range]:focus::-ms-fill-upper {
 background: transparent;
}
.home-reservation-slider-input-container span span.irs-grid {
	top: 25px;
}
.home-reservation-slider-input-container span.irs {
	margin-top: -10px;
}
.home-reservation-slider-input-container span span.irs-single {
	top: 25px;
}
.home-reservation-slider-input-container span span.irs-grid .irs-grid-pol.small {
	display: none;
}
.home-reservation-slider-input-container span span.irs-grid .irs-grid-pol {
	background-color: #fff;
}
.home-reservation-slider-input-container span span.irs-grid .irs-grid-text {
	display: none;
}
.home-reservation-slider-input-container span span.irs-bar {
	height: 2px;
	margin: 3px 0;
	background-image: none;
	background-color: #fff;
}
.home-reservation-slider-input-container span span.irs-bar-edge {
	height: 2px;
	margin: 3px 0;
	background-image: none;
	background-color: #fff;
	left: 11px;
}
.home-reservation-slider-input-container span span.irs span.irs-min {
	display: none;
}
.home-reservation-slider-input-container span span.irs span.irs-max {
	background: none;
	color: #fff;
	top: 36px;
	font-size: 12px;
	right: 4px;
}
.home-reservation-slider-input-container span span.irs span.irs-single {
	top: 40px;
	font-size: 14px;
}
.home-reservation-slider-input-container span span.irs span.irs-line .irs-line-left {
	height: 2px;
	margin: 3px 0;
	background-image: none;
	background-color: #fff;
	left: 11px;
}
.home-reservation-slider-input-container {
	margin-left: 23px;
}
.home-reservation-slider-input-container span span.irs span.irs-line .irs-line-mid {
	height: 2px;
	margin: 3px 0;
	background-image: none;
	background-color: #fff;
}
.home-reservation-slider-input-container span span.irs span.irs-line .irs-line-right {
	height: 2px;
	margin: 3px 0;
	background-image: none;
	background-color: #fff;
	right: 11px;
}
.number-ok {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
}
.number-ok-title {
	color: #fff;
	font-size: 20px;
	font-weight: 900;
}
.number-false {
	color: #D94C23;
	font-size: 12px;
	font-weight: 900;
}


h2.rooms-list-title{
    font-weight: 900;
    font-size: 1em;
    line-height: 95%;
}

.cellarium-benefits{
	display: grid; 
	grid-template-columns: 10fr 10fr; 
	font-size: 10.1px; 
}

@media screen and (max-width: 700px) {
	.cellarium-benefits{
		margin-top: 0px;
	}
}
@media screen and (min-width: 701px) {
	.cellarium-benefits{
		margin-top: -30px;

	}
}
@media screen and (min-width: 701px) {
	.cellarium-benefits{
		margin-top: -40px;
		font-size: 8.5px;

	}
}

@media screen and (min-width: 601px){
	.list-room-inner-l{
		width: min-content;
	}
	.room-list-detail-type-l a{
		white-space: nowrap;
	}
}


.top-menu-item.cellariumHeaderItem {
    border: solid 1px yellow;
    padding-bottom: 0;
    margin-bottom: 0;
    white-space: nowrap;
    height: 32px;
    position: relative;
    right: -5px;
}



.top-menu-item.cellariumHeaderItemMobile {
    border: solid 1px yellow;
    /* padding-bottom: 0; */
    /* margin-bottom: 0; */
    /* white-space: nowrap; */
    /* height: 32px; */
    /* position: relative; */
    /* right: -5px; */
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    position: relative;
    top: -10px;
}
.top-menu-item.cellariumHeaderItemMobile {
    border: solid 1px yellow;
    /* padding-bottom: 0; */
    /* margin-bottom: 0; */
    /* white-space: nowrap; */
    /* height: 32px; */
    /* position: relative; */
    /* right: -5px; */
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    position: relative;
    top: -10px;
}

.mealImg{
	width: 100%;
}