::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #ECE8E7;
}

::-webkit-scrollbar-thumb {
	background: #000052;
}

::-webkit-scrollbar-thumb:hover {
	background: #000;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
}

body.open-burger-menu {
	overflow-y: hidden;
}

.prata-font {
	font-family: 'Prata', sans-serif;
}

.poppins-font {
	font-family: 'Poppins', sans-serif;
}

.montserrat-font {
	font-family: 'Montserrat', sans-serif;
}

a {
	color:#000;
	text-decoration:none;
	transition:all .5s;
}

a:hover,
button:hover {
	opacity:.65;
}

.relative {
	position:relative;
}

.absolute {
	position:absolute;
}

.sticky {
	position:sticky;
	z-index:2;
}

.sticky.in-top {
	top:0;
	border-bottom: 1px rgba(61, 26, 14, .2) solid;
	z-index: 100001;
}

.block {
	display:block;
}

.grid {
	display:grid;
}

.flex {
	display:flex;
}

.flex-wrap {
	flex-wrap:wrap;
}

.flex-col {
	flex-direction:column;
}

.flex-1 {
	flex:1;
}

.flex-1-5 {
	flex:1.5;
}

.flex-2 {
	flex:2;
}

.flex-3 {
	flex:3;
}

.flex-10 {
	flex:10;
}

.grid-2-cols {
	grid-template-columns: 1fr 1fr;
}

.grid-3-cols {
	grid-template-columns: 1fr 1fr 1fr;
}

.flex-vert-aligned {
	align-items:center;
}

.flex-hor-aligned {
	justify-content:center;
}

.full-width {
	width:100%;
}

.full-height {
	height:100%;
}

.uppercase {
	text-transform:uppercase;
}

.thin-text { /* not used */
	font-weight:100;
}

.extralight-text { /* not used */
	font-weight:200;
}

.light-text { /* not used */
	font-weight:300;
}

.regular-text { /* not used */
	font-weight:400;
}

.medium-text {
	font-weight:500;
}

.semibold-text {
	font-weight:600;
}

.bold-text {
	font-weight:700;
}

.extrabold-text { /* not used */
	font-weight:800;
}

.black-text { /* not used */
	font-weight:900;
}

.underlined-text {
	text-decoration: underline;
}

.fs-10 {
	font-size:10px;
}

.fs-12 {
	font-size:12px;
}

.fs-14 {
	font-size:14px;
}

.fs-16 {
	font-size:16px;
}

.fs-18 {
	font-size:18px;
}

.fs-24 {
	font-size:24px;
}

.fs-30 {
	font-size:30px;
}

.fs-56 {
	font-size:56px;
}

.ls-2 {
	letter-spacing:2px;
}

.darkblue-bg {
	background-color:#000052;
}

.green-bg {
	background-color:#2B5C47;
}

.lightgray-bg {
	background-color: #ECE8E7;
}

.gray-bg {
	background-color: rgba(0, 0, 0, .5);
}

.white-bg {
	background-color:#fff;
}

.darkblue-text {
	color:#000052;
}

.lightgray-text {
	color: rgba(0, 0, 0, .6);
}

.dark-text {
	color:#000;
}

.white-text {
	color:rgba(255, 255, 255, 1);
}

.border-rad-5 {
	border-radius: 5px;
}

.border-rad-20 {
	border-radius: 20px;
}

.border-rad-full {
	border-radius: 100%;
}

.border-1-white {
	border:1px rgba(255, 255, 255, 1) solid;
}

.border-1-gray {
	border:1px rgba(0, 0, 0, .25) solid;
}

.pt-75 {
	padding-top:75px;
}

.pb-75 {
	padding-bottom:75px;
}

.pt-50 {
	padding-top:50px;
}

.pb-50 {
	padding-bottom:50px;
}

.pl-50 {
	padding-left:50px;
}

.pr-50 {
	padding-right:50px;
}

.pl-30 {
	padding-left:30px;
}

.pr-30 {
	padding-right:30px;
}

.pt-25 {
	padding-top:25px;
}

.pb-25 {
	padding-bottom:25px;
}

.pl-20 {
	padding-left:20px;
}

.pr-20 {
	padding-right:20px;
}

.pr-15 {
	padding-right:15px;
}

.pt-15 {
	padding-top:15px;
}

.pb-15 {
	padding-bottom:15px;
}

.pt-10 {
	padding-top:10px;
}

.pb-10 {
	padding-bottom:10px;
}

.pb-5 {
	padding-bottom:5px;
}

.padding-5 {
	padding:5px;
}

.padding-7-5 {
	padding:7.5px;
}

.padding-15 {
	padding:15px;
}

.padding-20 {
	padding:20px;
}

.padding-30 {
	padding:30px;
}

.padding-50 {
	padding:50px;
}

.mt-30 {
	margin-top:30px;
}

.mb-30 {
	margin-bottom:30px;
}

.mt-20 {
	margin-top:20px;
}

.mb-20 {
	margin-bottom:20px;
}

.ml-5 {
	margin-left:5px;
}

.mr-5 {
	margin-right:5px;
}

.mb-5 {
	margin-bottom:5px;
}

.center-aligned {
	text-align:center;
}

.right-aligned {
	text-align:right;
}

.object-fit-cover {
	object-fit:cover;
}

.lh-normal {
	line-height:normal;
}

.lh-22 {
	line-height:22px;
}

.lh-28 {
	line-height:28px;
}

.remove {
	display:none;
}

.eh-btn {
	height:40px;
	display:inline-flex;
	align-items: center;
	justify-content: center;
}

button.eh-btn {
	color:#000052;
}

.ellipsis { /* not used still */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-multiline {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ellipsis-multiline.line-4 {
	-webkit-line-clamp: 4;
}

.overflow-x-hidden {
	overflow-x:hidden;
}

.overflow-y-hidden {
	overflow-y:hidden;
}

.overflow-y-auto {
	overflow-y: auto;
}

.hor-sep-top {
	border-top:1px transparent solid;
}

.hor-sep-bottom {
	border-bottom:1px transparent solid;
}

.hor-sep-bottom.lightgray {
	border-bottom-color:rgba(198, 122, 122, .2);
}

.hor-sep-top.gray {
	border-top-color:rgba(0, 0, 0, .25);
}

.hor-sep-bottom.gray {
	border-bottom-color:rgba(0, 0, 0, .25);
}

.hor-sep-bottom.white {
	border-bottom-color:rgba(255, 255, 255, 1);
}

.hor-sep-top.gray {
	border-top-color:rgba(61, 26, 14, .2);
}

.vert-sep-1 {
	border-left:1px rgba(0, 0, 0, .25) solid;
}

.vert-sep-2 {
	border-left:2px #000052 solid;
}

.transition-5 {
	transition:all .5s;
}

.ml-auto {
	margin-left:auto;
}

.mr-auto {
	margin-right:auto;
}

.mt-auto {
	margin-top:auto;
}

.mb-auto {
	margin-bottom:auto;
}

.grid-gap-5 {
	grid-gap: 5px;
}

.grid-gap-10 {
	grid-gap: 10px;
}

.grid-gap-15 {
	grid-gap: 15px;
}

.grid-gap-20 {
	grid-gap: 20px;
}

.grid-gap-30 {
	grid-gap: 30px;
}

.grid-gap-40 {
	grid-gap: 40px;
}

input,
button,
textarea,
select {
	border:0;
	outline:0;
	background: transparent;
	border-radius:5px;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:16px;
}

input,
button,
select {
	padding-left: 15px;
	padding-right: 15px;
	height:40px;
	transition:all .5s;
}

input,
input::placeholder,
textarea::placeholder {
	color:rgba(0, 0, 0, .6);
}

textarea {
	padding:15px;
	height:110px;
	resize:none;
}

button {
	cursor:pointer;
}

[class *= "error"] {
	color:red;
}

strong,
p strong {
	font-weight:700;
}

.has-para p:not(:last-child) {
	margin-bottom:15px;
}

.has-link a {
	color:#5344FB;
	text-decoration:underline;
}

.has-shadow {
	box-shadow:0 4px 12px rgba(0, 0, 0, .08);
}

.has-small-graded-img img {
	min-height:155px;
	max-height:155px;
}

.has-middle-graded-img img {
	min-height:200px;
	max-height:200px;
}

.has-large-graded-img img {
	min-height:250px;
	max-height:250px;
}

.has-small-graded-img img.full-height,
.has-middle-graded-img img.full-height,
.has-large-graded-img img.full-height {
	max-height: none;
}

.nav {
	padding-top:10px;
	padding-bottom:10px;
}

.nav .logo a {
	width:97px;
	height:103px;
	background-image:url('../images/eh-logo.svg');
	background-size: cover;
	z-index: 2;
}

.inner-page .nav .logo {
	display: flex;
	align-items: flex-end;
}

.nav-ul {
	grid-gap:30px;
}

.nav-ul a:hover,
.nav-ul a.current-page {
	color:#000052;
	opacity:1;
	border-bottom-color:#000052;
}

.lang-switcher select {
	padding: 0;
	border: 0;
	height: auto;
	border-radius: 0;
}

.nav input {
	max-width:128px;
}

.nav-tools .time-format {
	top:0;
	right:20px;
}

.nav-tools .time-format img,
.currency-icon img {
	/*width:19px;
	height:19px;*/
	width:25px;
	height:25px;
}

.header {
	height:427px;
	background-size: cover;
	background-position: center;
}

.header-inner {
	background-size: cover;
	background-position: center;
}

.inner-page .header {
	height:330px;
}

.header-bottom {
	background-color:rgba(3, 3, 35, .5);
	min-height:105px;
	bottom:0;
	z-index:1;
}

.header-bottom .rc-btn {
	height:50px;
}

.header-bottom select {
	padding-left:0;
}

.header-bottom .eh-btn:hover {
	background-color:#000052;
	color: #fff;
	opacity:1;
}

.header-info {
	left:0;
	right:0;
	bottom: 20px;
}

[class *= "-slider"] .swiper-button-prev {
	background-image:url("../images/icons/arrow-left-gold.svg");
}

[class *= "-slider"] .swiper-button-next {
	background-image:url("../images/icons/arrow-right-gold.svg");
}

.play-btn {
	background-image: url(../images/icons/play.svg);
	background-repeat: no-repeat;
	background-position: center;
	bottom: 20px;
	left: 20px;
	z-index:1;
}

.play-btn,
[class *= "-slider"] [class ^= "swiper-button-"] {
	width:40px;
	height:40px;
	background-size: auto;
}

[class *= "rooms-"].active,
[class *= "rooms-"]:hover {
	background-color: #000052;
	color: #fff;
	opacity:1;
}

.container {
	width:100%;
	max-width:1300px;
	height:inherit;
	margin:auto;
	padding-left: 20px;
	padding-right: 20px;
}

.eh-popup-layer {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0, 0, 0, .7);
	z-index:100001 !important;
}

.eh-popup-layer .eh-popup {
	max-width:630px;
}

.eh-popup-layer input[type="checkbox"] {
	accent-color: #000052;
	height: auto;
}

.slide-popup-layer.eh-popup {
	position: fixed;
	top: 125px;
	right: 0;
	/*max-width: 500px;*/
	max-width: calc(500px - 90px);
	max-height: 500px;
	z-index: 100000;
	/*cursor: pointer;
	transform: translateX(82%);*/
	transform: translateX(100%);
}

.slide-popup-layer.eh-popup.slide {
	transform:none;
}

.slide-popup-label {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	position: absolute;
	width: 18%;
	left: -74px;
	cursor: pointer;
	opacity:1;
	visibility:visible;
	transition: opacity, visibility, .5s;
}

.slide-popup-layer.slide .slide-popup-label {
	opacity:0;
	visibility:hidden;
}

.slide-popup-content {
	max-height: 350px;
	overflow-y: auto;
}

.eh-popup-close {
	right:15px;
	top:15px;
}

#book-form {
	height:75vh;
	overflow-y:auto;
}

.show-layer .is-layer {
	opacity:0;
	visibility:hidden;
	z-index:-1;
}

.show-layer:hover .is-layer {
	opacity:1;
	visibility:visible;
	z-index:1;
}

.room-types-ul li {
	min-height:450px;
	background-size: cover;
}

.room-types-ul .eh-btn:not(.uppercase) {
	height:27px;
}

.main iframe {
	min-height:230px;
}

[id *= "booking"] {
	display: none;
}

[id *= "booking"]:target {
	display: block;
}

#datepicker .ui-widget.ui-widget-content {
	border: 0;
	width: 100%;
}

#datepicker .ui-datepicker-calendar {
	margin-bottom:0;
}

#datepicker .ui-widget-header,
#datepicker .ui-widget-header .ui-corner-all:hover {
	border: 0;
	background: transparent;
}

#datepicker .ui-widget-header .ui-corner-all:hover {
	cursor:pointer;
}

#datepicker .ui-datepicker-title,
#datepicker .ui-datepicker th,
#datepicker .ui-state-default {
	font-size: 18px;
}

#datepicker .ui-state-default {
	line-height: 35px;
	text-align: center;
	background: transparent;
	border: 0;
}

#datepicker .ui-state-highlight {
	background: #000052;
	color:#fff;
}

#datepicker .ui-state-active {
	background: #ECE8E7;
	color:#000;
}

.to-hover-block ~ .hovered-block {
	opacity:0;
	visibility:hidden;
}

.to-hover-block:hover ~ .hovered-block {
	opacity:1;
	visibility:visible;
}

.room-item.inactive:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slide-popup-label img {
	width: 97%;
}

@media screen and (min-width:1025px) {
	.nav-ul a {
		border-bottom:2px transparent solid;
	}
}

@media screen and (max-width:1024px) {
	.hide-on-mobile {
		display:none;
	}

	.show-on-mobile {
		display:block;
	}

	.flex-on-mobile {
		display:flex;
	}

	.flex-col-on-mobile {
		flex-direction: column;
	}

	.grid-gap-20-on-mobile {
		grid-gap: 20px;
	}

	.grid-gap-5-on-mobile {
		grid-gap: 5px;
	}

	.grid-gap-0-on-mobile {
		grid-gap: 0;
	}

	.fs-28-on-mobile {
		font-size:28px;
	}

	.fs-20-on-mobile {
		font-size:20px;
	}

	.pt-35-on-mobile {
		padding-top:35px;
	}

	.pt-25-on-mobile {
		padding-top:25px;
	}

	.pb-25-on-mobile {
		padding-bottom:25px;
	}

	.pb-10-on-mobile {
		padding-bottom:10px;
	}

	.padding-15-on-mobile {
		padding:15px;
	}

	.padding-10-on-mobile {
		padding:10px;
	}

	.ml-auto-on-mobile {
		margin-left:auto;
	}

	.mr-0-on-mobile {
		margin-right:0;
	}

	.ml-0-on-mobile {
		margin-left:0;
	}

	.mr-auto-on-mobile {
		margin-right:auto;
	}

	.mb-auto-on-mobile {
		margin-bottom:auto;
	}

	.mt-20-on-mobile {
		margin-top:20px;
	}

	.center-aligned-on-mobile {
		text-align:center;
	}

	.flex-hor-aligned-on-mobile {
		justify-content: center;
	}

	.flex-vert-aligned-on-mobile {
		align-items: center;
	}

	.nav {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.open-burger-menu .nav {
		border-bottom: 1px #bbb solid;
	}

	.nav input {
		max-width:none;
	}

	.nav-ul {
		width: 100%;
		opacity: 0;
		visibility: hidden;
		height:0;
		order: 2;
		margin-bottom: auto;
		overflow-y: auto;
		transform:translateX(calc(-100% - 14px));
		grid-gap:0;
		padding-bottom: 0;
		transition:all .5s;
	}

	.open-burger-menu .nav-ul {
		opacity: 1;
		visibility: visible;
		transform: initial;
	}

	body:not(.inner-page) .nav .logo a {
		width: 90px;
		height: 96px;
	}

	body.inner-page .nav .logo a {
		margin-top: 7px;
	}

	.nav-ul > li {
		padding-top:0;
		padding-bottom:0;
		width: 100%;
		height:0;
		border-bottom: 1px #C9C9C9 solid;
	}

	.open-burger-menu .nav-ul > li {
		padding-top:15px;
		padding-bottom:15px;
		height:auto;
	}

	.open-burger-menu .nav-ul > li.extra-nav-li {
		display:block !important;
	}

	.nav-ul li a {
		display: flex;
	}

	.burger-icon-div {
		display: block !important;
	}

	.burger-icon {
		position:absolute;
		cursor:pointer;
		top: 31px;
		right: 10px;
	}

	.burger-icon em {
		width: 30px;
		height: 2px;
		margin-top: 6px;
		margin-bottom: 6px;
		transition: all .25s;
	}

	.open-burger-menu .burger-icon em:first-child {
		transform: rotate(45deg);
		top: 10px;
	}

	.open-burger-menu .burger-icon em:last-child {
		transform: rotate(-45deg);
		top: -6px;
	}

	.open-burger-menu .burger-icon em:nth-child(2) {
		visibility: hidden;
		opacity:0;
	}

	.nav-tools {
		order:2;
	}

	.news-slider .swiper-button-prev,
	.news-slider .swiper-button-next {
		width: 30px;
		height: 30px;
		background-size: 40%;
	}

	.inner-page .header {
		height: 427px;
	}

	.header:not(:has(.header-bottom)) {
		height: 215px;
	}

	.header:has(.header-bottom) .header-slider .header-inner {
		justify-content: flex-start;
	}

	.eh-popup {
		margin-top: 0;
		margin-bottom: 0;
	}

	/*
	.slide-popup-layer.slide .eh-popup {
		left: 0;
	}
	
	.slide-popup-layer.eh-popup {
		transform: translateX(85.5%);
	}
	*/
		
	.slide-popup-label img {
		width: 75%;
	}
}