@charset "utf-8";

.isMobile #book-slider {
	left: auto !important;
	right: 0 !important;
	transform: none !important;
}

body {
	color: #333;
}
body > iframe:not[class*="ca-review"] {
	visibility: hidden !important;
}
.bg-green-light {
	background-color: #dcf2d2;
}
.bg-teal-dark {
	background-color: #374546;
}
.bg-teal-dark * {
	color: #cce0e1 !important;
}
.bg-black {
	background-color: #333;
}
.bg-sand {
	background-color: #fef9f3;
}
.c-black {
	color: #333 !important;
}
.f-400 {
	font-weight: 400;
}
.f-500 {
	font-weight: 500;
}
.f-700 {
	font-weight: 700;
}
.f-900 {
	font-weight: 900;
}
.container {
	padding-left: 15px;
	padding-right: 15px;
	border: none;
}
p {
	line-height: 1.6;
}

/**/
.col-lg-6.offset-lg-0.my-5 header h3 {
	margin-bottom: 1.75rem;
    font-size: 2rem;
}
.col-lg-6.offset-lg-0.my-5 header h3 + h4 {
	margin-top: -1rem;
	margin-bottom: 1.75rem;
    font-size: 1.5rem;
}
.col-lg-6.offset-lg-0.my-5 header h3 + h4:empty {
	display: none;
}
h2.h1.header ~ .check_list {
	margin-top: 1rem;
}
h2.h1.header, h3.h1.header {
	margin-bottom: 1.5rem;
}
.check_list + .btn.my-5 {
	margin-top: 1.5rem !important;
}
.btn.btn-3d {
	color: #fff !important;
}
.btn.btn-3d:hover, .btn.btn-3d:focus {
	color: #058b8c !important
}
.row > div[class*="col-lg-6"] .frame-type-image + h2.header {
	margin-top: 1rem;
}
.row > div[class*="col-lg-6"] h2.header.f-default {
	font-weight: 700;
}
.row > div[class*="col-lg-6"] h2.header:not([class*="lobster"]) {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
/**/

.header-arrow {
	position: relative;
	padding: .75rem 1rem;
	z-index: 2;
}
.header-arrow:after {
	position: absolute;
	content: "";
	width: 0; height: 0;
	border-style: solid;
	border-width: 30px 32px 0 32px;
	border-color: #ffffff transparent transparent transparent;
	top: 100%; left: 50%;
	margin-left: -32px;
}
.check_list li {
	padding-left: 2rem;
}
.check_list li:before {
	font-family: 'FontAwesome';
	top: -.2rem; left: -0.25rem;
	color: #058b8c;
	font-size: 1.75rem;
	content: "\f00c";
	line-height: 1;
	font-weight: 400;
}
.check_list.check-sm li:before {
	font-size: 1.5rem;
	top: 0; left: 0;
}
.object-cover {
	object-fit: cover;
	object-position: center;
}
.object-contain {
	object-fit: contain;
	object-position: center;
}
.bg-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 1px;
}
.minh-100 {
	min-height: 100%;
}

aside {
	position: fixed;
    left: 0; top: 0;
    min-height: 100vh;
    z-index: 5;
    width: 360px;
	background-color: #b3dddf;
	transition: transform .3s ease;
}
aside:before {
	position: absolute;
	content: "";
	display: block;
	width: 100%; height: 100%;
	top: 0; left: 0;
	background-color: #b3dddf;
	z-index: 0;
}
aside .navbar-nav,
aside .navbar-brand {
	position: relative;
}
aside .navbar-brand i {
	position: absolute;
	right: 100%;
	font-size: 60px;
	top: -4px;
	line-height: 30px;
	margin-right: 25px;
	visibility: visible;
	opacity: 1;
	transition: opacity .3s ease;
	transition-delay: .2s;
}
.menu-off aside .navbar-brand i {
	visibility: hidden;
	opacity: 0;
}
aside .navbar-brand {
	transition: transform .3s ease;
	z-index: 2;
	transform: translateY(1rem) scale(0.8);
}
aside .navbar-brand img {
	margin: 0;
}
aside .nav-link {
	font-weight: 500;
	line-height: 28px;
}
aside .nav-link:hover,
aside .active .nav-link {
	background: #fff;
	color: #000;
}
aside small {
	display: block;
	text-align: center;
	font-size: .7rem;
	position: relative;
}
aside #reservation_box {
	position: relative;
	margin: 0;
	width: 100%;
}
aside #reservation > .d-flex {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
aside #reservation .people-dropdown,
aside #reservation .bootstrap-select,
aside #reservation_box .form-input-wrap {
	margin-bottom: 1.25rem;
}
aside #reservation .form-input-wrap:before,
aside .new_wbe > .people-dropdown > .dropdown-toggle::after,
aside #reservation.new_wbe > .bootstrap-select > .dropdown-toggle:before {
	position: absolute;
	content: "";
	left: 0; top: auto; bottom: 0;
	width: 0; height: 10px;
	border-left: 4px solid #fff;
	background: none;
	display: block !important;
}
aside #reservation .form-input-wrap {
	background: none;
	position: relative;
}
aside #reservation .form-input-wrap:before {
	bottom: 4px;
}
aside .new_wbe .people-dropdown > .dropdown-toggle::before,
aside #reservation.new_wbe .bootstrap-select > .dropdown-toggle::after {
	width: 50px; height: 39px;
	top: 0;	right: 0;
	line-height: 35px;
	border-bottom: 4px solid #000;
	text-align: center;
}
aside #reservation_box .form-input-wrap input,
aside .new_wbe .people-dropdown > .dropdown-toggle,
aside #reservation.new_wbe .bootstrap-select > .dropdown-toggle {
	padding: 0 10px;
	background-color: transparent;
	border: none;
	border-bottom: 4px solid #fff;
	height: auto;
	line-height: 35px;
	min-height: 1px;
	text-transform: uppercase;
	font-family:'FrontageCondensed-Bold';
	font-size: 20px;
	letter-spacing: -1px;
	position: relative;
	outline: none !important;
	color: #000;
}
aside #nights {
	border: none;
	margin: 0 10px;
}
aside #nights span {
	font-size: 19px;
}
aside #nights small {
	line-height: 16px;
}
aside #reservation #nights .form-input-wrap {
	border-bottom: 4px solid #fff;
	padding: 0 10px;
}
aside #reservation #nights .form-input-wrap:before {
	bottom: 0;
}
aside #reservation.new_wbe .bootstrap-select > .dropdown-toggle span {
	text-align: left !important;
	width: calc(100% - 30px);
}
aside #reservation_box .form-input-wrap input {
	text-align: left;
}
aside #reservation > button[type="submit"] {
	background-color: #000;
	border: 3px solid #fff;
	cursor: pointer;
	font-size: 2rem;
	padding: 0 15px;
	line-height: 44px;
	font-family: 'Lobster';
	text-transform: initial;
}
aside #reservation > button[type="submit"]:focus,
aside #reservation > button[type="submit"]:hover {
	background-color: #fff;
}
aside #inline_datepicker {
	position: absolute;
	top: 94px;
	z-index: 1;
	width: 550px;
}
aside #reservation.new_wbe .ui-widget.ui-widget-content {
	width: 100% !important;
}
aside #reservation.new_wbe .dropdown-menu.mockup {
	min-width: 100%;
	margin-left: 0;
}
aside .open-book-link {
	position: absolute;
	transform: rotate(-90deg);
	transform-origin: 21px center;
	left: 100%;
	bottom: 2rem;
	text-decoration: none !important;
	color: #000 !important;
	font-size: 1.25rem;
	line-height: 30px;
	opacity: 0;
	/* transition: opacity .3s ease; */
	outline: none;
	z-index: 1;
	white-space: nowrap;
}
body.menu-off aside .open-book-link {
	font-size: 2rem;
	line-height: 46px;
	opacity: 1;
}

#lang_switch_wrap {
	position: absolute;
	right: .25rem; top: 0.25rem;
	width: auto;
	min-width: 100px;
}
#lang_switch li.position-absolute {
	left: 0;
	transform: translateX(-235px);
}
#lang_switch li.position-absolute + li{
	border: none;
}

#book-slider {
	background: #fff;
	position: absolute;
	/* left: 100%; */
	/* left: 360px; top: 0; */
	width: calc(86vw - 360px);
	/* transition: transform .3s ease; */
	/* transform: translateX(-100%); */
	transition: left .3s ease;
	z-index: -1;
	overflow: visible;
	overflow: unset;

	left: auto; right: 0; top: 0;
}

body.menu-off aside {
	transform: translateX(-100%)
}

/* .modal {
	padding-left: 46px;
} */
body > section,
#page-content, footer,
body.menu-off footer,
body.menu-off #page-content {
	margin-left: 46px;
}
body.menu-off .navbar-brand {
	transform: translateX(85%) rotate(-90deg) scale(0.4);
	-ms-transform: translateX(57%) rotate(-90deg) scale(0.4);
}

#main-slider,
#book-slider .swiper-slide {
	background-color: #fff;
}
#book-slider .swiper-slide,
#main-slider .swiper-slide {
	min-height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
}
#book-slider .swiper-slide img,
#main-slider .swiper-slide > img {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	opacity: .5;
	object-fit: cover;
	object-position: center;
}
#main-slider .swiper-slide video {
	opacity: .5;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	left: 50%; top: 50%;
	transform: translate(-50%,-50%);
}
#icons-box {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	background-color: #132137;
	box-sizing: border-box;
}
#icons-box > div {
	max-width: 1200px;
	margin: 0 auto;
}
#icons-box + #scroll_down {
	color: #fff;
	bottom: .5rem;
	font-size: .8rem;
}
#icons-box + #scroll_down i {
	line-height: 28px;
	height: 28px;
	font-size: 2.5rem;
}
#icons-box .icon {
	padding: 5px;
	position: relative;
}
.icon-text-box {
	position: absolute;
	bottom: 100%; left: 50%;
	background-color: #fff;
	padding: 1rem 1rem 0;
	white-space: nowrap;
	text-align: center;
	transform: translateX(-50%);
	margin-bottom: 20px;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s ease;
}
#icons-box .icon:hover .icon-text-box {
	opacity: 1;
	visibility: visible;
}
.icon-text-box:after {
	position: absolute;
	content: "";
	top: 100%; left: 50%;
	width: 0; height: 0;
	margin-left: -20px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #ffffff transparent transparent transparent;
}
.icon-text-box h4 {
	margin-bottom: 0;
}

#icons-box .icon:first-child img {
	max-width: 100%;
	padding-right: 15px;
}
#icons-box img {
	max-width: 100%;
	height: auto;
}
#book-slider .swiper-pagination {
	bottom: 3rem;
}
#book-slider .swiper-pagination-bullet {
	width: 3.25rem; height: 4px;
	border-radius: 0;
	opacity: 1;
	background-color: #fff;
}
#book-slider .swiper-pagination-bullet-active {
	background-color: #000;
}
.slide-content {
	position: relative;
	margin: auto;
	padding: 3rem 1.5rem;
	transition: transform .3s ease;
}
.slide-content .f-900 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: -2px;
	margin-bottom: 2rem;
}
.slide-content .f-900 small {
	display: block;
	letter-spacing: 0;
	font-size: .65em;
	font-weight: 400;
}
.slide-content .f-libre {
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 1;
}
.slide-content a {
	text-transform: uppercase;
	display: table;
	margin: 2rem auto 0;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.25rem;
}

#menu-switch {
	position: absolute;
	left: 100%; top: 0;
	height: 100%;
	background: #fff;
	border: none;
	box-shadow: none;
	outline: none;
	z-index: 1;
	padding: 0;
}
#menu-switch i {
	transition: font-size .3s ease;
	position: relative;
	font-size: 1.2rem;
	cursor: pointer;
}
#menu-switch i.ion-code {
	font-size: 1.5rem;
	cursor: col-resize;
	/* display: none; */
}
body.book-active #menu-switch i.ion-code {
	display: block;
}
#menu-switch i.ion-code:after {
	position: absolute;
	content: "";
	width: 4px; height: 4px;
	background: #333;
	border-radius: 2px;
	top: 50%; left: 50%;
	margin-top: -2px;
	margin-left: -2px;
}
/* body.book-active #menu-switch {
	cursor: col-resize;
} */
body.menu-off #menu-switch i {
	font-size: 2.5rem;
}
.text-justify-center {
	text-align: justify;
	text-justify: inter-character;
	text-align-last: center;
}
img.c-teal.border {
	border: 3px solid;
	height: auto;
}

.scroll-banner {
	box-shadow: 0px 17px 12px -10px rgba(0,0,0,.35) inset, 0px -17px 12px -10px rgba(0,0,0,.35) inset;
	background-color: #dadada;
	overflow: hidden;
	height: 0px;
	position: relative;
	transition: height .05s linear;
}
.scroll-banner h1 {
	line-height: 1.2;
}
.scroll-banner .room-book-btn {
	font-size: 2rem;
	padding: 1rem 2.5rem;
}
.scroll-banner i {
	position: absolute;
	font-size: 8rem;
	top: 1.5rem; right: 1.5rem;
	width: 92px; height: 92px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	line-height: 92px;
}
.scroll-banner i:before {
	line-height: 92px;
}

#blog-slider .display-3 {
	box-sizing: border-box;
}
#blog-slider div.position-absolute .bg-teal-70 {
	white-space: nowrap;
	padding: .5rem 1rem;
}
#blog-slider img.mw-100 {
	height: auto;
	display: table;
}
#blog-slider a {
	display: table;
	margin: 0 auto 1rem;
	font-weight: 700;
	border: 1px solid #4cb0b4;
	padding: 1rem;
	width: 100%;
	text-align: center;
	max-width: 200px;
}
.blog-slider-btn {
	width: 64px; height: 64px;
	border: 1px solid #000;
	transform: rotate(45deg);
	margin-top: -32px;
}
.blog-slider-btn.swiper-button-prev {
	left: 15px;
	border-top: none;
	border-right: none;
}
.blog-slider-btn.swiper-button-next {
	right: 15px;
	border-bottom: none;
	border-left: none;
}
#blog-slider p {
	line-height: 1.75;
}
#blog-slider img.position-absolute {
	height: auto;
}

.content-slider .swiper-pagination-bullet {
	background-color: #b3dddf;
	opacity: 1;
}
.content-slider .swiper-pagination-bullet-active {
	background-color: #000;
}
img.object-contain.position-absolute {
	top: 0; left: 0;
	background-color: rgba(0,0,0,.5);
}

#comment-slider .swiper-slide:not([class*="swiper-slide-active"]) img {
	transform: scale(.7);
}
#comment-slider img {
	max-width: 220px;
	display: table;
	margin: auto;
	transition: transform .5s ease;
}
#comment-slider .slider-comment-box {
	opacity: 0;
	background: #fff;
	background: #fff;
	transition: opacity .5s ease, transform .5s ease;
	border-radius: .75rem;
	padding: 1rem 1.5rem;
	font-style: italic;
	width: 150%;
	box-sizing: border-box;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	margin-top: 40px;
}
#comment-slider .swiper-slide:not([class*="swiper-slide-active"]) .slider-comment-box {
	transform: translateX(-50%) scale(.7);
}
#comment-slider .slider-comment-box:before {
	position: absolute;
	left: 50%; bottom: 100%;
	width: 0; height: 0;
	border-style: solid;
	border-width: 0 32px 30px 32px;
	border-color: transparent transparent #ffffff transparent;
	margin-left: -32px;
	content: "";
}
#comment-slider .swiper-slide-active .slider-comment-box {
	opacity: 1;
}

.room-book-btn {
	border: 3px solid #fff;
	text-align: center;
	text-decoration: none !important;
	line-height: 1;
	padding: .75rem 1.5rem;
	font-size: 1.75rem;
	color: #fff;
}
.room-book-btn,
.room-book-btn * {
	transition: background-color .2s ease, color .2s ease;
}
.room-book-btn:hover {
	background-color: #fff;
	color: #008f95;
}
.room-book-btn:hover * {
	color: #008f95;
}

.room-book-btn .f-lobster {
	font-size: 85%;
}

.img-link {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: box-shadow .2s ease;
}
.img-link i {
	position: absolute;
    z-index: 1;
    background: rgba(255,255,255,.85);
    top: .75rem; left: .75rem;
	width: 45px;
    line-height: 45px;
    text-align: center;
	font-size: 32px;
	opacity: 0;
	transition: opacity .2s ease;
	color: #000 !important;
}
i.img-open {
	left: auto; right: .75rem;
}
.img-link:hover {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.25);
}
.img-link:hover i {
	opacity: 1;
}
.img-link-text {
	background-color: rgba(255,255,255,.85);
	color: #000;
}
.img-link-text > .bg-teal {
	line-height: 24px;
}
.img-link-text span {
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	line-height: 12px;
	max-width: 50px;
	display: inline-block;
	font-weight: 400;
}

.food-icon:hover .food-text {
	transform: translatey(0);
}
.food-img {
	transition: transform .3s ease;
	transform: translateY(0);
}
.food-icon:hover .food-img {
	transform: translateY(-100%);
}
.food-text {
	top: 0;
	transform: translateY(100%);
	transition: transform .3s ease
}
.food-text a.small:after {
	position: absolute;
	width: 100%; height: 100%;
	top: 0; left: 0;
	z-index: 1;
	content: "";
	display: block;
}
.food-img .position-absolute {
	top: 0; left :0;
}
.food-img .bg-cover {
	opacity: .5;
}

#map_canvas {
	/* min-height: 360px; */
	height: auto;
}

footer .container > .row {
	padding: 0 !important;
}

#go_top {
	z-index: 3;
}

#schulz_news {
	background-color: transparent;
	height: auto;
}
.schulz_news_ticker li {
	font-size: 1.5rem;
	line-height: 1.2;
	padding: 1rem .5rem 1rem 2rem;
	min-height: 90px;
}

.collapse-box img {
	max-width: 100%;
	height: auto;
}
.collapse-box :last-child {
	margin-bottom: 0;
}

#gallery-hover .row > div {
	margin: 0 !important;
	background-color: transparent;
}
.gallery-icon-box {
	transition: opacity .35s ease-out !important;
	opacity: 1;
}
.fadeout.gallery-icon-box {
	opacity: 0;
}
.gallery-icon-box > div {
	letter-spacing: .3rem;
	font-size: 1.75rem;
	text-transform: uppercase;
}
.gallery-icon-box .f-frontage {
	letter-spacing: 0;
	margin-left: -.65rem;
}

#submenu-switch {
	position: relative;
	margin: 0 auto 0 32px;
	line-height: 32px;
	width: 32px; height: 32px;
	text-align: center;
	display: block;
	font-size: 2.75rem;
	outline: none;
}
#submenu-switch:before {
	line-height: 32px;
}
/* #submenu-switch[aria-expanded="true"] {
	margin-left: auto;
	margin-right: 32px;
}
#submenu-switch[aria-expanded="true"] + #sub_nav {
	margin-top: -32px !important;
} */
#submenu-switch[aria-expanded="true"]:before {
	content: "\f404";
	font-size: 3.75rem;
	margin-left: -4px;
}
aside #sub_nav .nav-link {
	line-height: 24px;
	font-size: .9rem;
	font-weight: 400;
}

.modal-backdrop {
	z-index: 3;
}
.modern-gallery,
.photo-gallery-modal {
	z-index: 4 !important;
}
.modern-gallery .modal-dialog,
.photo-gallery-modal .modal-dialog {
	padding-left: 46px;
}
.photo-gallery-modal * {
	box-sizing: border-box !important;
}
.photo-gallery-modal .modal-dialog {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
.photo-gallery-modal .modal-content {
	border: none;
}
.photo-gallery-modal .blog-slider-btn {
	border-width: 4px;
}
.photo-gallery-modal .close {
	position: absolute;
	right: 10px; top: 10px;
	width: 80px; height: 80px;
	line-height: 80px;
	font-size: 140px;
	transform: rotate(45deg);
	cursor: pointer;
	z-index: 2;
	text-shadow: none;
	outline: none;
	overflow: hidden;
}
.photo-gallery-modal .close:before {
	line-height: 80px;
	overflow: hidden;
}
.photo-gallery-modal .modal-body {
	background-color: #eee;
	min-height: 100vh;
}
.modal .bg-teal-30 * {
	color: #333;
}
.modal-body p.lead {
    color: #333;
    line-height: 1.4;
	font-size: 1.2rem;
}
.photo-gallery-modal h5 {
	margin-bottom: .75rem;
	padding-top: 1rem;
}
.img-download-link {
	border: 3px solid #fff;
	padding: .75rem 1rem;
	display: block;
	position: relative;
}
.img-download-link i {
	position: absolute;
	right: -3px; top: 0;
	height: 100%;
	background-color: #fff;
	font-size: 3rem;
	padding: 0 .75rem;
}
.img-download-link div {
	position: absolute;
	top: 0; right: -2px;
	height: 100%;
	background: #fff;
	padding: 0 .5rem;
	font-size: 1.9rem;
}
.img-download-link div span {
	text-transform: uppercase;
	font-family: 'Montserrat',sans-serif;
	font-size: 12px;
	line-height: 12px;
	max-width: 45px;
	display: inline-block;
	font-weight: 700;
}
.check-book-link {
	padding-right: 130px;
}
.photo-info {
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}

.icon-row small {
	line-height: 1.1;
}

svg.c-teal {
	fill: #008f95;
}
svg.c-white {
	fill: #fff;
}

#scroll_down {
	position: absolute;
	bottom: 1.5rem; left: 50%;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: .9rem;
	transform: translateX(-50%);
	text-transform: uppercase;
	outline: none !important;
	text-decoration: none !important;
}
#scroll_down i {
	line-height: 32px;
	height: 32px;
	font-size: 3rem;
	text-align: center;
	display: block;
}
#scroll_down i:before {
	line-height: 32px;
	height: 32px;
}

#c18339 {
	position: relative;
	padding-top: 56%;
}
#c18339 iframe[allowfullscreen] {
	position: absolute;
	max-width: 100%;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.custom-form input.datepicker {
	display: block !important;
}
.row > .frame-type-text {
	padding: 2rem 15px;
}
.ce-column > figure.image {
	display: block;
}
.ce-column > figure.image img {
	max-width: 100%;
	height: auto;
}
#c17596 .ce-column > figure.image img, #c19350  .ce-column > figure.image img {
	max-width: 86px;
}
#c17599 .ce-column > figure.image img, #c19347  .ce-column > figure.image img {
	max-width: 116px;
}
#c18317 .btn-3d {
	white-space: normal;
	line-height: 1.2;
}
#tabs-box .nav-link {
	padding-left: 0;
	padding-right: 0;
}
#c17876, #c17884 {
	display: table;
	margin: auto;
	width: 100%;
	max-width: 270px;
}
#c17879 .col-lg-6.px-lg-3.px-0 {
	margin-bottom: 3rem;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.frame-default.frame-type-text h1,
.frame-default.frame-type-text h2,
.frame-default.frame-type-text h3,
.frame-default.frame-type-text h4 {
	hyphens: auto;
}
.blueimp-gallery > .close {
	font-size: 5.5rem;
	font-weight: 500;
	line-height: 44px;
	color: #000 !important;
	text-shadow: none;
}

.isMobile #book-slider {
	min-height: 100vh;
}
.isMobile #page-content {
	display: flex;
	flex-direction: column;
}
 .isMobile #main-slider {
	/* order: -2; */
	width: 100%;
}
/*
.isMobile #blog-slider-wraper {
	order: -1;
} */

.isMobile .hide-in-mobile {
	display: none !important;
}

.current-page-name {
	display: none;
	position: absolute;
	top: 2rem;
	width: 100%;
	text-align: center;
	z-index: 1;
	font-size: 1.5rem;
	padding: 0 15px;
	box-sizing: border-box;
}
.isMobile .current-page-name {
	display: block;
}

.back_link {
	display: none;
}

.isMobile .indeedjobs-widget iframe {
	width: auto !important;
	display: table !important;
	min-width: 1px !important;
	margin: 0 auto !important;
	max-width: 240px !important;
}
.isMobile p a {
	word-break: break-all !important;
}

#c346, #c19028 {
	margin:0 !important;
}
#c19149, .h1.header {
    hyphens: auto;
	word-break: break-word;
}

aside #reservation > button[type="submit"]:hover {
	color: #000 !important;
	border-color: #000;
}

#hotel_forum_box {
	position: absolute;
	top: 3rem; right: 0;
	z-index: 2;
	background: #fff;
	padding: .5rem;
	display: block;
}
#hotel_forum_box img {
	max-width: 180px;
	height: auto;
}


#klas-submit {
	background-color: rgba(255,255,255,.9);
	color: #4d4d4d;
}
#klas-submit .modal-content {
	border: none;
	background: none;
	text-align: center;
}
#klas-submit .close {
	position: absolute;
	right: 10px; top: 10px;
	width: 80px; height: 80px;
	line-height: 80px;
	font-size: 140px;
	transform: rotate(45deg);
	cursor: pointer;
	z-index: 2;
	text-shadow: none;
	outline: none;
	overflow: hidden;
}
#klas-submit .close:before {
	line-height: 80px;
	overflow: hidden;
}
#klas-submit p {
	font-size: 1.5rem;
	line-height: 1.5;
	max-width: 800px;
	margin-top: 2rem;
	color: #000;
}
#klas-submit h4 {
	font-size: 1.4rem;
}
#form-submit {
	min-width: 180px;
	cursor: pointer;
}

#grab-special {
	position: fixed;
	bottom: 5px; right: 125px;
	z-index: 1;
}
#grab-special img {
	display: block;
	width: 75px;
}
#grab-special.big-special {
	position: fixed;
	top: calc(50% - 111px); left: calc(100% - 130px);
	z-index: 999;
	display: block;
	animation: move 21s linear infinite;
}
#grab-special.big-special img {
	display: block;
	width: 130px;
}
#silvester-special .modal-content {
	border: 10px solid #000;
	max-width: 725px;
}
#silvester-special button.close {
	position: absolute;
	right: 0.5rem; top: 0.5rem;
	font-size: 3rem;
	z-index: 1;
}
#silvester-special h4 {
	padding-top: 160px;
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 1rem;
}
#silvester-special h5 {
	line-height: 1.1;
	font-size: 1.3rem;
	margin-bottom: .8rem;
}
#silvester-special h6 {
	line-height: 1.25;
	padding-top: .25rem;
}
#special-img {
	position: absolute;
	width: 34%;
	left: 1rem; top: .75rem;
}
#special-img[src$="_en.svg"] {
	top: 1.25rem;
}
#fireworks-img {
	position: absolute;
	width: 33%;
	top: 1rem;
}

@keyframes move {
	0% {
		top: calc(50% - 111px); left: calc(100% - 130px);
	}
	13% {
		top: 0; left: calc(75% - 65px);
	}
	37% {
		top: calc(100% - 222px); left: calc(25% - 65px);
	}
	50% {
		top: calc(50% - 111px); left: 0;
	}
	63% {
		top: 0; left: calc(25% - 65px);
	}
	87% {
		top: calc(100% - 222px); left: calc(75% - 65px);
	}
}

#book-tree {
	z-index: 1;
	background-color: #80c7ca;
	padding: 3rem;
}

#book-tree > div, #book-tree img {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	position: relative;
}
#book-tree a {
	text-transform: uppercase;
	color: #fff;
	display: table;
	margin: .75rem auto 0;
	border: 2px solid #fff;
	text-decoration: none;
	font-size: 1.25rem;
	padding: .15rem .5rem;
	background-color: transparent;
	transition: background-color .3s ease, border-color .3s ease;
}
#book-tree a:hover {
	background-color: #008f95;
	border-color: #008f95;
}
#book-tree .book-box {
	position: absolute;
	object-fit: contain;
	background: #008f95;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
#book-tree > div > img:nth-child(2) {
	top: 5.7%; left: 42.8%;
	width: 9.7%; height: 10.6%;
}
#book-tree > div > img:nth-child(3) {
	top: 17.3%; left: 36.4%;
	width: 21.2%; height: 8.5%;
}
#book-tree > div > img:nth-child(4) {
	top: 26.7%; left: 28.8%;
	width: 11.4%; height: 4.4%;
}
#book-tree > div > img:nth-child(5) {
	top: 26.7%; left: 41.8%;
	width: 9.7%; height: 10.7%;
}
#book-tree > div > img:nth-child(6) {
	top: 26.7%; left: 52.8%;
	width: 9.7%; height: 10.7%;
}
#book-tree > div > img:nth-child(7) {
	top: 32.1%; left: 25.1%;
	width: 13.2%; height: 13.5%;
}
#book-tree > div > img:nth-child(8) {
	top: 38.6%; left: 46%;
	width: 21.2%; height: 8.5%;
}
#book-tree > div > img:nth-child(9) {
	top: 46.5%; left: 17.8%;
	width: 21.1%; height: 8.5%;
}
#book-tree > div > img:nth-child(10) {
	top: 48.3%; left: 40.4%;
	width: 16.5%; height: 6.3%;
}
#book-tree > div > img:nth-child(11) {
	top: 48%; left: 58.4%;
	width: 16.8%; height: 6.2%;
}
#book-tree > div > img:nth-child(12) {
	top: 54.9%; left: 51.1%;
	width: 11.8%; height: 4.7%;
}
#book-tree > div > img:nth-child(13) {
	top: 58.8%; left: 4.1%;
	width: 7.4%; height: 7.7%;
}
#book-tree > div > img:nth-child(14) {
	top: 55.8%; left: 13.1%;
	width: 9.8%; height: 10.6%;
}
#book-tree > div > img:nth-child(15) {
	top: 57.9%; left: 24.1%;
	width: 20.8%; height: 8.5%;
}
#book-tree > div > img:nth-child(16) {
	top: 60.2%; left: 46.2%;
	width: 16.7%; height: 6.2%;
}
#book-tree > div > img:nth-child(17) {
	top: 57.9%; left: 64.1%;
	width: 21.1%; height: 8.5%;
}
#book-tree > div > img:nth-child(18) {
	top: 67.4%; left: 0.8%;
	width: 16.7%; height: 6.4%;
}
#book-tree > div > img:nth-child(19) {
	top: 67.4%; left: 19.8%;
	width: 20.7%; height: 8.7%;
}
#book-tree > div > img:nth-child(20) {
	top: 67.4%; left: 42.4%;
	width: 9.7%; height: 10.9%;
}
#book-tree > div > img:nth-child(21) {
	top: 67.4%; left: 53.8%;
	width: 9.7%; height: 10.9%;
}
#book-tree > div > img:nth-child(22) {
	top: 67.4%; left: 65.1%;
	width: 16.4%; height: 6.4%;
}
#book-tree > div > img:nth-child(23) {
	top: 67.4%; left: 83.1%;
	width: 11.5%; height: 4.6%;
}
#book-tree > div > img:nth-child(24) {
	top: 76.9%; left: 30.8%;
	width: 9.4%; height: 10.8%;
}
#book-tree > div > img:nth-child(25) {
	top: 79%; left: 42.1%;
	width: 20.8%; height: 8.7%;
}
.snowflake {
	z-index: 999;
}

.size-80 {
	width: 80px;
	height: 80px;
}
.size-40 {
	width: 40px;
}
.size-50 {
	width: 50px;
}
.size-60 {
	width: 60px;
}
#payment-info {
	margin-top: 1.25rem;
	padding-top: 2rem;
	border-top: 5px solid rgba(255,255,255,.45);
}
#payment-info legend {
	display: table;
	margin: 0 auto;
	width: auto;
}
#payment-info legend img {
	width: 16px;
	margin-right: .25rem;
}
#payment-info fieldset > img.bg-white {
	height: 40px; width: auto;
}
#payment-info fieldset a {
	position: absolute;
	right: .25rem; bottom: .25rem;
}
#payment-info fieldset a img {
	width: 16px; height: auto;
	margin: 0;
}
#payment-info fieldset {
	border: 3px solid;
	position: relative;
}
#payment-info .icon {
	max-width: 60px;
	width: 100%;
}
#payment-modal button {
	position: absolute;
	right: 15px; top: 15px;
	font-size: 1.25rem;
}
#payment-modal .modal-header {
	background: #b3dddf;
	border-bottom: 5px solid rgba(0,0,0,0.25);
	padding: 15px;
}
#payment-modal .modal-header img {
	width: auto; height: 48px;
	margin: 0 auto;
	display: table;
}
#payment-modal .modal-body {
	background-color: #e6f4f4;
}

@media screen and (min-width: 480px) {
	#icons-box .icon {
		-webkit-flex-basis: 0;
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-webkit-flex-grow: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) {
	body.book-active #main-slider {
		background-color: #000;
		color: #fff;
		transition: background-color .3s ease;
	}
	/* body.book-active:not(.menu-off) #book-slider {
		transform: translateX(0);
	} */
	aside .navbar-nav {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	#icons-box .icon:first-child {
		max-width: 200%;
		flex-grow: 3;
	}
}
@media screen and (min-width: 992px) {
	#blog-slider div.position-absolute {
		left: 100%; top: 50%;
		transform: translateY(-50%);
	}
	#blog-slider img.position-absolute {
		right: 88%; bottom: 10%;
		max-width: 320px;
	}
	.order-lg-last {
		order: 999;
	}
	#c17879 .col-lg-6.px-lg-3.px-0 {
		margin-top: 3rem;
	}
}
@media screen and (min-width: 1280px) {
	body.book-active #main-slider .slide-content {
		margin-right: 0;
		transform: scale(0.5) translateX(100%);
	}
	body.book-active #main-slider .slide-content * {
		color: #fff;
		text-align: left;
		margin-left: 0;
	}

	#book-tree {
		padding: 0;
		position: absolute;
		top: 1.5rem; right: 2rem;
		background-color: transparent;
	}
	#book-tree > div, #book-tree img {
		width: 300px;
	}
}
@media screen and (min-width: 1440px) {
	.food-icon * {
		font-size: 1rem;
	}
	.food-icon:before {
		padding-top: 75%;
	}
	.photo-info {
		padding-left: 1rem !important;
	}
	.photo-info > div {
		padding-right: 3rem !important;
		margin-left: 1rem;
	}
}
@media screen and (min-width: 1680px) {
	#page-content, footer {
		/* margin-left: 360px; */
		/* transition: margin-left .3s ease; */
	}
	body.book-active #main-slider .slide-content {
		margin-right: 0;
		transform: scale(0.5) translateX(75%);
	}
	body.book-active #main-slider .slide-content * {
		color: #fff;
		text-align: left;
		margin-left: 0;
	}
	.photo-info {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.photo-info > div {
		margin-right: 1.5rem;
	}
}

@media screen and (max-width: 1440px) {
	#gallery-modal-hotel.modern-gallery .start-slide {
		background-size: auto 60%;
		background-position: right 10vw center;
	}
	#gallery-modal-location.modern-gallery .start-slide {
		background-size: auto 75%;
		background-position: center bottom 25%;
	}
}
@media screen and (max-width: 1279px) {
	#book-slider {
		width: calc(100vw - 386px);
	}
	#gallery-modal-location.modern-gallery .start-slide {
		background-size: contain;
		background-position: center;
	}
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.food-icon:before {
		padding-top: 70%;
	}
}
@media screen and (max-width: 1199px) {
	#blog-slider div.position-absolute {
		left: 90%;
	}
	#blog-slider img.position-absolute {
		max-width: 240px;
	}
	#comment-slider .slider-comment-box {
		width: 210%;
	}

	.gallery-hover a {
		font-size: 2.5rem;
	}
	.gallery-icon-box > div {
		font-size: 1.25rem
	}
	.gallery-icon-box .f-frontage {
		font-size: 3rem;
		margin-left: -.55rem;
	}
}
@media screen and (max-width: 991px) {
	.col-lg-6 > div.content-slider,
	#page-content .row:not([class*="p-"]) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	#blog-slider .position-absolute {
		position: static !important;
	}
	#blog-slider img.position-absolute {
		/* max-width: 100%;
		margin: 0 auto 1rem; */
		display: none;
	}
	.content-slider .swiper-slide.embed-responsive-4by3:before {
		padding-top: 55%;
	}
	#comment-slider img {
		max-width: 100%;
	}
	#comment-slider .slider-comment-box {
		width: 250%;
	}
	img.object-cover.h-100 {
		height: auto !important;
	}

	.gallery-hover a {
		font-size: 2.25rem;
	}
	.gallery-icon-box > div {
		font-size: 1rem;
		letter-spacing: .25rem;
		padding: .5rem;
	}
	.gallery-icon-box .f-frontage {
		font-size: 2.5rem;
		margin-left: -.55rem;
	}
	.col-lg-6 .frame-indent-left {
		margin-left: 0;
		margin-top: 2rem;
	}
}
@media screen and (max-width: 767px) {
	.back_link {
		font-size: 2.5rem;
		z-index: 4;
		display: block;
	}

	aside .navbar-brand i {
		top: -10px;
	}
	.navbar-brand img {
		width: 200px;
	}
	body.menu-off .navbar-brand {
		transform: translateX(102%) rotate(-90deg) scale(0.4);
	}
	aside #sub_nav .nav-link {
		line-height: 22px;
		font-size: .85rem;
	}
	aside .navbar-nav {
		margin-top: 1.25rem;
		margin-bottom: 1.5rem;
	}
	aside .navbar-nav .nav-item {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important;
	}
	aside #sub_nav .navbar-nav .nav-item {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	aside #reservation .people-dropdown,
	aside #reservation .bootstrap-select,
	aside #reservation_box .form-input-wrap {
		margin-bottom: 1rem;
	}
	#blog-slider .display-3 {
		font-size: 3rem;
	}
	#blog-slider .blog-slider-btn {
		top: auto;
		bottom: 5.25rem;
	}
	#comment-slider .slider-comment-box {
		width: 100%;
	}
	#comment-slider .blog-slider-btn {
		margin-top: -64px;
	}
	#comment-slider img {
		width: 100%;
		max-width: 128px;
		height: auto;
	}
	.room-icon {
		transform: scale(.75);
	}
	aside #inline_datepicker {
		width: 540px;
	}
	#nights, #reservation > .d-flex .input-group-wrap {
		width: auto;
	}
	#room-view {
		overflow: hidden;
	}
	#room-view .room-view {
		margin-left: -60px !important;
		margin-right: -60px !important;
		max-width: initial;
		width: auto;
	}
	.room-view > svg {
		width: 100%;
		min-width: 100%;
	}
	.scroll-banner h1 {
		font-size: 2rem;
		line-height: 1.35;
	}
	.scroll-banner .room-book-btn {
		padding: .75rem 1.5rem;
		font-size: 1.75rem;
	}
	.scroll-banner i {
		top: 1rem; right: 1rem;
	}
	.schulz_news_ticker li {
		font-size: 1.25rem;
	}

	.display-4.facts {
		font-size: 1rem;
	}
	#hotel_forum_box {
		top: 5rem;
	}
	#hotel_forum_box img {
		width: 160px;
	}
	#icons-box .icon:first-child {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		flex-grow: 0;
		flex-basis: 100%;
		flex-grow: 0;
		flex-basis: 100%;
		max-width: 100%;
	}
	#icons-box .icon:first-child img {
		max-height: 54px;
		margin: -10px auto 5px;
		display: table;
		padding-right: 0;
	}

	#go_top {
		bottom: 85px;
		right: 11px;
	}
	#grab-special {
		bottom: 5px;
		right: 90px;
	}
}
@media screen and (max-width: 575px) {
	aside .open-book-link {
		transform-origin: 16px center;
	}
	aside .navbar-brand img {
		width: 200px;
	}
	body.menu-off .navbar-brand {
		transform: translateX(99%) rotate(-90deg) scale(0.4);
	}
	#reservation.new_wbe .bootstrap-select > .dropdown-toggle {
		max-width: 100%;
	}
	body.menu-off #menu-switch i {
		font-size: 1.7rem;
	}
	body.menu-off aside .open-book-link {
		font-size: 1.5rem;
		line-height: 36px;
	}
	.modern-gallery .modal-dialog,
	.photo-gallery-modal .modal-dialog {
		padding-left: 36px;
	}
	body > section, #page-content, footer, body.menu-off footer, body.menu-off #page-content {
		margin-left: 36px;
	}
	#book-slider {
		height: 100vh;
		left: 100% !important;
		transform: translateX(-100%) !important;
	}
	#move-switch,
	#book-slider .swiper-wrapper,
	#book-slider .swiper-pagination {
		display: none;
	}
	#blog-slider .col-lg-8 > div {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body aside.pt-4 {
		padding-top: 1rem !important;
		padding-bottom: .25rem !important;
	}
	aside .navbar-brand {
		margin-bottom: 1rem !important;
		transform: translateY(0.5rem) scale(0.8);
	}
	aside .navbar-nav {
		margin-top: 1rem;
		margin-bottom: .25rem;
	}
	.food-icon:before {
		padding-top: 50%;
	}

	#gallery-hover .row > div:nth-child(1) {
		order: 1;
	}
	#gallery-hover .row > div:nth-child(2) {
		order: 2;
	}
	#gallery-hover .row > div:nth-child(4) {
		order: 3;
	}
	#gallery-hover .row > div:nth-child(3) {
		order: 4;
	}
	#gallery-hover .row > div:nth-child(5) {
		order: 5;
	}
	#gallery-hover .row > div:nth-child(6) {
		order: 6;
	}
	#gallery-hover .row > div:nth-child(8) {
		order: 7;
	}
	#gallery-hover .row > div:nth-child(7) {
		order: 8;
	}
	#gallery-hover .row > div:nth-child(9) {
		order: 9;
	}
	#gallery-hover {
		margin: 0;
	}

	#gallery-hover .gallery-icon-box:nth-child(2) + div:last-child {
		margin-left: 50% !important;
	}

	#reservation {
		display: block;
		width: 100%;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	#klas-submit .close,
	.photo-gallery-modal .close {
		right: -10px; top: -10px;
		transform: rotate(45deg) scale(0.5);
	}
	.photo-gallery-modal .blog-slider-btn {
		transform: rotate(45deg) scale(0.55);
		margin-top: -24px;
	}
	.photo-gallery-modal .blog-slider-btn.swiper-button-next {
		right: -10px;
	}
	.photo-gallery-modal .blog-slider-btn.swiper-button-prev {
		left: -10px;
	}

	#tabs-box .tab-content.px-3 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.custom-date-group {
		display: block;
	}
	.custom-date-group > div.form-group:not(:last-child) {
		margin-bottom: 0;
	}
	.faqs .underline_link[data-toggle="collapse"] {
		letter-spacing: 0 !important;
		line-height: 1.3 !important;
	}
	.faqs .header {
		font-size: 1.8rem;
	}
	.search-box {
		padding-left: 15px;
		padding-right: 15px;
	}

	.food-img .position-absolute {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
		padding-left: 4.25rem !important;
		padding-right: 4.25rem !important;
	}

	.modern-gallery .start-slide h1 {
		font-size: 2.25rem;
	}
	#gallery-modal-hotel.modern-gallery .start-slide {
		background-size: auto 40%;
	}
	#gallery-modal-location.modern-gallery .start-slide {
		background-size: auto 60%;
	}
	.gallery-icon-box img.mb-sm-3.mb-2 {
		max-width: 48px;
	}
	.gallery-icon-box img.mt-sm-3.mt-2 {
		max-height: 40px
	}

	.indeedjobs-widget iframe {
		width: auto !important;
		display: table !important;
		min-width: 1px !important;
		margin: 0 auto !important;
		max-width: 240px !important;
	}
	p a {
		word-break: break-all !important;
	}
	#hotel_forum_box {
		right: 50%;
		margin-right: -108px;
		box-shadow: 176px 0 0 0 #fff;
		border-right: 20px solid #fff;
	}
	#hotel_forum_box img {
		width: 160px;
	}
	#icons-box {
		z-index: 1;
	}

	#klas-submit .display-3 {
		font-size: 2.5rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#klas-submit h2,
	#klas-submit p,
	#klas-submit h4 {
		font-size: 1.2rem;
	}
	#klas-submit p {
		margin-top: 1.5rem;
	}
	#klas-submit h4 span {
		font-size: 1.5rem;
	}

	#silvester-special {
		z-index: 99999;
	}
	#silvester-special .modal-body {
		display: flex;
		flex-direction: column;
	}
	#silvester-special .modal-content {
		height: 100%;
	}
	#fireworks-img {
		width: 40%;
		top: 8vh;
		right: 1.5rem;
	}
	#special-img {
		position: absolute;
		width: 50%;
		left: 1rem; top: 1rem;
	}
	#silvester-special h4 {
		display: none;
	}
	#silvester-special h5:first-of-type {
		padding-top: 130px;
		margin-top: auto
	}
	#silvester-special h5 {
		line-height: 1.3;
		font-size: 1.2rem;
	}
	#silvester-special h6 {
		padding-top: 0;
		margin-top: auto;
		margin-bottom: auto;
	}
	#silvester-special .modal-dialog {
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 479px) {
	#book-tree {
		padding: 2rem 1rem;
	}
	aside {
		width: 330px;
	}
	#lang_switch li.position-absolute {
		transform: translateX(-205px);
	}
	aside .navbar-brand i {
		font-size: 40px;
		top: -5px;
	}
	aside .navbar-brand {
		margin-bottom: .5rem !important;
	}
	aside .navbar-brand img {
		width: 150px;
	}
	.new_wbe #inline_datepicker {
		margin: 0;
		left: 15px;
		max-width: 307px;
	}
	#to_date_box {
		margin: 0;
	}
	body.menu-off .navbar-brand {
		transform: translate(124%, 10px) rotate(-90deg) scale(0.5);
	}
	.slide-content .f-libre {
		font-size: 2rem;
	}
	#book_now {
		top: -1px;
	}
	#blog-slider .display-3 {
		font-size: 2.25rem;
	}
	#blog-slider .swiper-slide {
		padding-bottom: 64px;
		background: #fff;
	}
	#blog-slider .blog-slider-btn {
		bottom: 4.75rem;
		width: 48px; height: 48px;
	}
	#blog-slider .blog-slider-btn.swiper-button-prev {
		left: 25%;
	}
	#blog-slider .blog-slider-btn.swiper-button-next {
		right: 25%;
	}
	.col-xs-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#comment-slider .slider-comment-box {
		margin-left: -3rem;
		margin-right: -3rem;
		width: auto;
		min-width: 100%;
		transform: none;
		left: 0;
	}
	.room-book-btn {
		padding: .75rem 1rem;
		font-size: 1.5rem;
	}
	.h1.f-400 {
		font-size: 2rem;
	}
	.room-header {
		font-size: 1.75rem;
	}
	.food-icon:before {
		padding-top: 56%;
	}

	.scroll-banner h1 {
		font-size: 1.5rem;
	}
	.scroll-banner i {
		top: 0; right: 0;
	}

	.gallery-hover a {
		font-size: 2rem;
	}
	.gallery-icon-box > div {
		font-size: 1rem;
		letter-spacing: .1rem;
	}
	.gallery-icon-box .f-frontage {
		font-size: 2rem;
		margin-left: -.4rem;
	}

	.modern-gallery h2.mw-540,
	.modern-gallery h2.mw-320 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		font-size: 1.5rem;
		word-break: break-all;
	}
	.modern-gallery .position-relative h1.f-frontage-3D {
		font-size: 2.75rem;
	}
	#icons-box .icon {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	/* #icons-box .icon:first-child {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	} */
	#icons-box .icon:first-child img {
		max-height: 40px;
	}
	#icons-box .icon:last-child {
		display: none;
	}
}
@media screen and (max-width: 359px) {
	#main-slider .slide-content {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#main-slider .slide-content .f-libre {
		font-size: 1.9rem;
	}
	aside {
		width: 290px;
	}
	body.menu-off .navbar-brand {
		/* transform: translate(109%, 20px) rotate(-90deg) scale(0.5); */
		transform: none;
	}
	#reservation {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
	#lang_switch_wrap {
		min-width: 75px;
		top: -0.25rem;
	}
	aside #reservation_box .form-input-wrap input, aside .new_wbe .people-dropdown > .dropdown-toggle, aside #reservation.new_wbe .bootstrap-select > .dropdown-toggle {
		font-size: 17px;
	}
	aside #reservation .people-dropdown, aside #reservation .bootstrap-select, aside #reservation_box .form-input-wrap {
		margin-bottom: .25rem;
	}
	aside #reservation > button[type="submit"] {
		font-size: 1.25rem;
		line-height: 30px;
		margin-top: .3rem;
	}

	aside .navbar-nav {
		margin-top: .5rem;
		margin-left: 1.25rem !important;
		margin-right: 1.25rem !important;
		margin-bottom: 0 !important;
	}
	aside .navbar-nav .nav-item {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	body aside.pt-4 {
		padding-top: .5rem !important;
	}
	/* #submenu-switch, #sub_nav {
		display: none !important;
	} */
	#submenu-switch[aria-expanded="true"] {
		display: none !important;
	}
	#sub_nav .navbar-nav {
		margin-top: 0 !important;
	}
	aside small {
		line-height: 1.2;
		font-size: .6rem;
	}
	aside #sub_nav .nav-link {
		line-height: 21px;
		font-size: .8rem;
	}
	#lang_switch li.position-absolute {
		transform: translateX(-195px);
	}
	#hotel_forum_box {
		top: 3.25rem;
	}
	.current-page-name {
		top: 1rem;
	}
	#hotel_forum_box img {
		width: 120px;
	}
	#hotel_forum_box {
		margin-right: -88px;
		box-shadow: 130px 0 0 0 #fff;
	}
}
/* @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	body.menu-off.ipad .navbar-brand {
		transform: translateX(56%) rotate(-90deg) scale(0.4) !important;
	}
} */
/* @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	body.menu-off.ipad .navbar-brand {
		transform: translateX(56%) rotate(-90deg) scale(0.4) !important;
	}
} */

@media screen and (min-width: 1200px) {
	.container .icon-row .col-xl-1 {
		flex: 0 0 12.5%;
		max-width: 12.5%;
		width: 12.5%;
	}
}

@media screen and (max-height: 768px) and (min-width: 768px) {
	aside {
		padding-top: 1.5rem !important;
	}
	aside .navbar-brand {
		margin-bottom: 1.25rem !important;
	}
	body.menu-off .navbar-brand {
		transform: translateX(102%) rotate(-90deg) scale(0.4);
	}
	aside .navbar-brand img {
		width: 200px;
	}
	aside .navbar-nav {
		margin-top: 1rem !important;
		margin-bottom: .25rem !important;
	}
	aside #sub_nav .nav-link {
		line-height: 22px;
		font-size: .85rem;
	}
	aside #sub_nav .navbar-nav {
		margin-top: .25rem !important;
	}
	aside .navbar-nav .nav-item {
		padding-top: .25rem !important;
		padding-bottom: .25rem !important;
	}
	aside #sub_nav .navbar-nav .nav-item {
		padding-top: .15rem !important;
		padding-bottom: .15rem !important;
	}
	aside #reservation .people-dropdown,
	aside #reservation .bootstrap-select,
	aside #reservation_box .form-input-wrap {
		margin-bottom: 1rem;
	}
	aside small {
		font-size: .65rem;
	}
	body aside.pb-sm-4 {
		padding-bottom: .75rem !important;
	}
}


.c-teal svg path {
	fill: #fff;
}

a.disabled {
	color: #aaa !important;
	text-shadow: #eee 2px 2px;
	cursor: not-allowed !important;
}

footer a.disabled {
	color: #eee !important;
	text-shadow: #aaa 2px 2px;
	cursor: not-allowed !important;
}

body.layout-header aside, body.layout-footer aside {
	display: none !important;
}

body.layout-footer footer {
	margin-left: 0;
}