@media screen and (max-width: 800px) {
	.sb__footer-actions {
		float: none !important;
		width: 225px !important;
		margin: 0 auto;
	}
}

.close_engine_b{
	display: none;
}

.pereh_b {
	position: absolute;
	left: 150px;
	width: 70px;
	top: 8px;
	display: none;
}

.page-node-1318 #main {
	background: #d9cebc;
}

.book .close_engine_b {
    display: block;
    display: block;
    border-radius: 90px;
    background: #e6c867;
    width: 30px;
    height: 30px;
    margin: 17px 0 -26px;
    color: #102342;
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 25px;
    font-weight: bold;
    z-index: 10;
    cursor: pointer;
}

.sb-screen-m .sb__calendar {
	left: auto !important;
	right: 0 !important;
}

/** whatsapp */

.wa_icon {
	position: fixed;
	z-index: 500;
	left: 25px;
	bottom: 25px;
	width: 45px;
	border-radius: 90px;
	height: 45px;
	background: #102342ee;
	padding: 5px;
	box-shadow: 0 0 8px #e6c867dd;
	transition: all 0.3s;
}

.wa_icon path{
	fill:#e6c867;
	transition: all 0.3s;
}

.wa_icon:hover {
	background: #e6c867;
}

.wa_icon:hover path{
	fill:#102342ee;
}
/** floating reasons */

.node-type-extreme .floating_reasons_wrapper{
	display: none !important;
}

.floating_reasons_wrapper .floating_reasons_book_b {
	border: 1px solid #fff;
	display: table;
	padding: 10px 36px;
	margin: 20px auto 0;
	background: #e6c867;
	color: #102342;
	font-weight: bold;
	cursor: pointer;
}

.floating_reasons_wrapper {
	left:-423px;
	position: fixed;
	z-index: 500;
	display: block;
	background: #102342ee;
	color: #fff;
	text-align: center;
	padding: 30px;
	top: 15%;
	border: 1px solid #fff;
	outline: 5px solid #102342ee;
	width: 420px;
	transition: all 0.6s ease-out;
}
.floating_reasons_wrapper.show {
	
	left: 5px;
	
}
.floating_reasons_b {
	position: absolute;
	background: #102342ee;
	width: 42px;
	height: 44px;
	top: 16%;
	right: -48px;
	border-radius: 0 90px 90px 0px;
	padding-top: 1px;
	padding-left: 4px;
	cursor: pointer;
}

.floating_reasons_text h2 {
	margin: 15px 0 30px;
}
.floating_reasons_text li {
	line-height: 26px;
	border-bottom: 1px solid #fff;
	padding: 11px 0;
	transition: all 0.5s;
}
.floating_reasons_text li.gold {
	color:#e6c867;
	border-bottom: 1px solid #e6c867;
}

.floating_reasons_text .round_icon {
	width: 100%;
}

.f_line {
	float: left;
	-moz-transform: rotate(-35deg) scalex(-1);
	-webkit-transform: rotate(-35deg) scalex(-1);
	transform: rotate(-35deg) scalex(-1);
	width: 20px;
}

.f_line_mirror {
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	margin-left: 3px;
	margin-top: -13px;
}

.f_line path{
	fill:#e6c867;
}




/*********************/

.ui-datepicker-calendar tbody td span {
	color: #000 !important;
}


.btn_accessibility {
    width: 40px !important;
    padding: 10px 3px 0 0px !important;
    box-shadow: none !important;
    border-radius: 53px !important;
    top: 120px !important;
    left: 25px !important;
    right: auto !important;
}
.accessibility_component .btn_accessibility span {
	font-size: 0px !important;
}

.i18n-en .onlyheb{
	display: none;
}

.giftcard_b {
	position: absolute;
	left: 297px;
	top: 32px;
	width: 55px;
	cursor: pointer;
	z-index: 20;
}
.giftcard_b img {
	width: 100%;
}

.book_x{
    display: none;
}

.book .book_x {
    display: block;
    top: 53px;
    left: 50px;
    position: fixed;
    z-index: 500;
    width: 30px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.book_x .ham_line {
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.book_x .ham_line.mirror {
    -moz-transform: scaleX(-1) rotate(30deg);
    -webkit-transform: scaleX(-1) rotate(30deg);
    transform: scaleX(-1) rotate(30deg);
    float: left;
    margin-left: -13px;
    margin-top: 4px;
}

/* popup */
.popup_ham_wrapper {
	width: 30px;
	float: right;
	margin-top: -32px;
	margin-right: -9px;
	cursor: pointer;
	direction: rtl;
}
.popup_ham_wrapper .ham_line {
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
}
.popup_ham_wrapper .ham_line.mirror {
	-moz-transform: rotate(-30deg) scalex(-1);
	-webkit-transform: rotate(-30deg) scalex(-1);
	transform: rotate(-30deg) scalex(-1);
	margin-right: 13px !important;
	margin-top: -9px;
}
.popup_wrapper {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background: #000c;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.popup_inner {
	max-width: 90%;
}
.popup_content {
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 42px 30px 30px;
	border-top: none;
}
.popup_content p {
	max-width: 600px;
}

.popup_content img {
	max-width: 500px;
}

.popup_content h1 {
	color: #e6c867;
}


.popup_wrapper .round_icon {
	/*width: 560px;*/
	width: 100%;
	margin: 0 0 -21px;
}
.popup_wrapper .round_icon::after, .popup_wrapper .round_icon::before {
	width: 243px;
}

.popup_wrapper a {
	width: auto;
	padding: 12px 30px;
	display: table;
	color: #5a4e28;
	border: none;
	margin: 35px auto -53px;
	cursor: pointer;
	transition: 0.2s all;
	text-decoration: none;
	transition: 0.2s all;
	background: #e6c867;
	text-transform: uppercase;
}
.popup_wrapper a:hover {
	color: #e6c867;
	background: #5a4e28;
}

/* simplex */
.engine-holder.specail-langheb .bottom-engine-holder .engine-button-row::after{
	display: none;
}
.engine-type-main .rooms-and-paxs-holder #extraRoomPaxPanel .panel-holder, .engine-type-deal .rooms-and-paxs-holder #extraRoomPaxPanel .panel-holder {
	background: #fff !important;
}
.ui-datepicker .ui-datepicker-prev span {
	left: 19px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 12px !important;
}
.ui-datepicker .ui-datepicker-header {
	padding-top: 8px !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	top: 14px !important;
}
.ui-datepicker-calendar tbody td .ui-state-default, .ui-datepicker-calendar tbody td .ui-widget-content .ui-state-default, .ui-datepicker-calendar tbody td .ui-widget-header .ui-state-default{
	background:#e6c867 !important;
}
.engine_wrapper *{
	font-family: 'assistant' !important;
	font-style: normal;
}
#booking-engine-holder span, #booking-engine-holder input {
	font-weight: bold;
	font-size: 17px !important;
	color: #102342;
}
.engine-type-main .bottom-engine-holder, .engine-type-deal .bottom-engine-holder {
	width: auto;
}
.engine-type-main .resort-holder, .engine-type-deal .resort-holder {
	display: none;
}
.ui-datepicker-calendar thead,.ui-datepicker .ui-datepicker-header,.engine-type-main .bottom-engine-holder .search-button, .engine-type-deal .bottom-engine-holder .search-button, .engine-type-main .bottom-engine-holder .button-loader, .engine-type-deal .bottom-engine-holder .button-loader{
    background: #102342 !important;
    color:#fff;
	text-indent: 0;
}
.datepicker-holder, .rooms-and-paxs-holder {
    border: 1px solid #ccc;
}
#booking-engine-holder input#searchButton{
	color:#fff;
}
/*** simplex */


.down_arrow {
	width: 40px;
	height: 40px;
	font-size: 0;
	border: 1px solid #fff;
	border-radius: 90px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s;
	margin-top: 16px;
}
.down_arrow:hover {
	background: #fff3;
}
.down_arrow::before {
	content: "";
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-left: -6px;
}
.down_arrow::after {
	content: "";
	width: 10px;
	height: 2px;
	background: #fff;
	position: absolute;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-right: -6px;
}

.iframe_wrapper {
	height: 48px;
	background: #222;
	margin: -87px auto 0 !important;
	position: relative;
	z-index: 5;
}

.fader {
	background: #150e06 none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999;
	display: none; /*** on live un comment */
}

*:focus {outline:none !important}

*{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing:border-box;


}
img{
	width:100%;
	height:auto;
}
.field-collection-view {
  border:none;
  margin: 0;
  padding: 0;
}
.field-collection-container {
  border: medium none;
  margin: 0;
}
#mobile_menu_wrapper,#mobile_options_wrapper,#click2booknow,#logo_mobile,.hide{
	display:none;
}
#quick_contact_icons,#click2_wrapper,#skip-link{
	display:none;
}

.only_desktop{
	display: block;
}
.only_mobile{
	display: none;
}

html{
	width:100%;
	height:100%;
	/* Clip horizontal overflow so wide cover-crop iframes (esp. RTL) cannot
	   expand the layout viewport — prod HE stays at device width; local HE
	   was blowing out to ~1560 / scrollWidth ~10k. */
	overflow-x: hidden;
	max-width: 100%;
}
body {
font-size: 16px;
line-height: 24px;
color: #102342;
width:100%;
max-width: 100%;
margin:0;
padding:0;
height:auto;
overflow-x: hidden;
	font-family: 'Lora', serif;
	font-weight: 400 ;
}


iframe {
}
/* Muted, no-controls, autoplay-only background/hero video (never needs a
   click/hover — no unmute button, per alegra_vimeo_embed_url()). Cross-origin
   video iframes otherwise capture the mouse wheel while hovered, which swallows
   page-scroll wheel ticks (confirmed via live trackpad diagnostic: scrollY
   stayed put on every tick while the cursor sat over iframe.alegra-vimeo,
   especially right after a scroll-direction reversal). Stay click-through so
   the page always scrolls normally underneath it. */
iframe.alegra-vimeo {
	pointer-events: none;
}
a{
 outline:none;
	text-decoration: none;
	/*font-size: 16px;*/
	color: #102342;

}
a:hover{
	text-decoration:underline;
}
table {
	border: none;
	border-collapse: collapse;
	vertical-align: top;
	width: unset !important;
}
p, td {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 0;
  color: inherit;
  letter-spacing: 0px;
  vertical-align: top;
  border: none;
  letter-spacing: 0.3px;
}
li,.item-list ul li{
	list-style:none;
	padding:0;
	margin:0;
}

ul,h1,h2,h3 {
	margin:0;
	padding:0;
}
span.line {
	width: 50px;
	height: 2px;
	background: #000;
	display: table;
	margin-bottom: 25px;
	margin-top: 12px;
}
h1 {
	color: inherit;
	font-size: 46px;
	margin-bottom: 30px;
	letter-spacing: 0px;
	line-height: 50px;
	font-weight: 400;
	font-style: italic;
}

h2 {
  font-size: 27px;
  line-height: 35px;
  letter-spacing: 0;
  margin: 30px 0 15px;
  font-weight: 400;
  font-style: italic;
}

hr {
border-bottom: medium none;
border-top: 1px solid #ccc;
margin-bottom: 21px;
margin-left: 0;
margin-top: 24px;
width: 100%;
}
img{
	border:none;
	outline: none;
}

ul, li {
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
}

#page_wrapper{
float:left;
width:100%;
max-width: 100%;
position:relative;
	margin-left: 0px;
	overflow-x: hidden;

}
.menu_opened #page_wrapper {

}
#page{
width: 100%;
max-width: 100%;
overflow-x: hidden;
}

#main {
	background: #fff none repeat scroll 0 0;
	float: left;
	width: 100%;
	max-width: 100%;
	position: relative;
	margin-top: 80px;
	overflow-x: hidden;
	/* Explicit overflow-y (not just overflow-x) is required: per the CSS
	   Overflow spec, an overflow-x other than visible with overflow-y left
	   at its visible default gets auto-promoted to overflow-y: auto. On
	   pages whose actual content is a few px taller than #main's own
	   auto-height (e.g. an uncleared float — the HE homepage's RTL
	   `float: right` offer-card rules in styles-rtl.css are enough to do
	   this by a handful of px), that promotion turns #main into its own
	   near-invisible nested scroll container: the mouse wheel scrolls it
	   internally first and only "chains" to the real page scroll once it
	   hits its own tiny scroll range, which feels like the page scroll is
	   stuck/needs a second attempt, especially right after reversing
	   direction. Keep overflow-y hidden so #main can never become an
	   independent scroll target. */
	overflow-y: hidden;
}
.node-type-offer-index #main, .node-type-webform #main,.section-gallery #main {
	margin-top: 120px;
}


#header_wrapper {
  height: 105px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000;
  background-color: #fff;
  box-shadow: 0 0 8px #0003;
}
#header {
	margin: 0 auto;
	position: unset;
	height: 105px;
}

#header>.brown_b {
	display: none;
}
.thin_header #header_wrapper {
	height: 60px;

}

#sb-container .sb-custom-bg-color {
	background-color: rgba(0, 0, 0,0.6) !important;
}

.ajax-progress-throbber {
	display: none !important;
}


.i18n-en .content_he{
	display: none;
}
.i18n-he .content_he{
	display: block;
}
.i18n-en .content_en{
	display: block;
}
.i18n-he .content_en{
	display: none;
}

.lang_wrapper {
	position: absolute;
	right: 98px;
	top: 39px;
	padding-top: 40px;
	width: 34px;
}
.lang_wrapper li.active {
	position: absolute;
	top: 0;
	right: 0;
}
.lang_wrapper li:not(.active) {
	display: none;
}
.lang_wrapper:hover li{
	display: block !important;
}
.lang_wrapper a {
	font-size: 20px;
	font-family: assistant;
	color: #102342;
	line-height: 20px;
	padding: 7px 10px 9px;
	margin-bottom: 2px;
	float: left;
	border: #e6c867 solid 1px;
	transition: 0.15s all;
	text-decoration: none !important;
}
.language-switcher-locale-url li:not(.active) .language-link {
	background: #e6c867;
	margin-left: -8px;
}
.lang_wrapper li:not(.active) a:hover {

	background: #e6c867;
	color:#fff;
}
.lang_wrapper li.active a {
	border: none;
}

.locale-untranslated {
	font-style: normal;
	text-decoration: none;
}
.book .engine_wrapper {
    background: #000d;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*.engine_wrapper {
	position: relative;
	z-index: 20;
	padding: 0;
	opacity: 1;
	display: block;
}*/

.engine_wrapper {
	position: relative;
	z-index: 20;
	padding: 0;
	opacity: 1;
	display: block;
	width: 71%;
	margin: 0 auto;
	overflow-y: visible !important;
}



#sb-container_sb__form-field--checkavailability {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

#sb-container .sb-custom-bg-color {
    background-color: rgba(255, 255, 255, 0) !important;
}

.sb__footer {
	position: absolute;
	background: none;
	padding: 0 11px 5px;
	right: 7px;
	bottom: -25px;
}

@media screen and (min-width: 1300px) {
	.sb__footer {
		width: 305px;
		left: 0;
		right: initial;
		bottom: 0;
	}
}
@media only screen and  (max-width: 765px) {
	

.sb__footer .sb__footer-promo-wrapper {
	display: inline-block;
	float: none;
	width: auto;
}

.sb__footer .sb__footer-promo-wrapper form.sb__footer-promo {
	right: 0;
}

.sb__footer .sb__footer-promo-wrapper .sb__footer-link--promo {
	float: none;
}

.sb__footer .sb__footer-link--edit {
	float: none;
	margin-right: 5px;
}

.sb__footer .sb__footer-link--edit .icon {
	margin-left: 4px;
}
}

#booking-engine-holder {
	width: auto !important;
}

/*#sb-container {
	max-width: 60vw !important;
	position: relative;
}*/

#sb-container {
	max-width: 100%;
	position: relative;
	float: left;
	width: 100%;
}
@media screen and (min-width: 1300px) {
	#sb-container {
		height: 100px;
	}
}

/* SimpleBooking fades in once the widget mounts (chrome.js). */
.alegra-sb-slot {
	position: relative;
	width: 100%;
}
.alegra-sb-slot #sb-container {
	opacity: 0;
	transition: opacity 0.45s ease;
}
.alegra-sb-slot.is-ready #sb-container {
	opacity: 1;
}

.engine_title {
display: none;
}

.book .engine_title {
    display: block;
    color: #fff;
    font-size: 42px;
    line-height: 104px;
    margin-top: 0px;
}
.book #booking-engine-holder {
    position: absolute;
    margin: 0;
    top: 117px;
    left: 50%;
    margin-left: -398px;
}
.webform-component--check-in label, .webform-component--check-out label {
	padding-right: 8px;
}

.form-item-submitted-check-in-month, .form-item-submitted-check-in-day, .form-item-submitted-check-in-year,.form-item-submitted-check-out-month, .form-item-submitted-check-out-day, .form-item-submitted-check-out-year {
	display: none !important;
}

input.text, input.email, input.password, textarea.uniform {
	font-size: 15px;
	color: #333;
}

.cal {
	width: 16px !important;
	height: 17px !important;
	float: right;
	margin-top: 11px;
	margin-left: -24px;
	position: absolute;
	pointer-events:none;
}
.form-item {
	position: relative;
}
.form-required{
	display: none;
}
.webform-component-date {
	position: relative;
	height: 41px;
}

.only_desktop.header_tel {
	left: 0;
	position: absolute;
	top: 31px;
}
.only_desktop.header_tel > p {
	color: #bb9f56;
	float: left;
}
.only_desktop.header_tel > img {
	width: 26px;
	float: left;
	margin-right: 8px;
}

a.click2call2 {
	color: #102342;
	float: right;
	position: absolute;
	right: 160px;
	top: 20px;
	font-size: 18px;
}

.click2call2 + a.click2call {
	top: 51px;
}

a.click2call {
	color: #102342;
	float: right;
	position: absolute;
	right: 160px;
	top: 42px;
	font-size: 18px;
}

.header_social {
	position: absolute;
	right: 35px;
	top: 44px;
}
.header_social a {
	float: right;
	margin-left: 18px;
}
.header_social a svg {
	font-size: 17px;
	color: #e6c867;
}

.logo {
	width: 84px;
	position: absolute;
	height: 77px;
	background-size: contain;
	margin-top: 18px;
	left: 50px;
	background-repeat: no-repeat;
}
.logo svg {
  fill: #102342;
}
.menu_opened .logo {
	opacity:0;
}

/** itravel */
.itravel_iframe{
  min-height: 150vh;

}
.itravel_iframe iframe{
  min-height: 150vh;

}


/** top slides*/
.top_slides {
	height: 600px;
	position: relative;
	background-size: cover;
	display: flex;
	margin-bottom: 60px;
	overflow: hidden;
}
.top_slides img,.slick img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;

}
.top_slides .stage_width {
	height: 254px;
}
.top_slides.hp {
	height: calc(100vh - 80px);
	padding: 0;
	display: block;
	margin: 0;
	align-items: normal;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
/* Decorative inset frame — only for still-image heroes. On Vimeo heroes the
   iframe sits above this ::after (z-index), so the border showed on the poster
   then vanished when video started — breaking the poster→video handoff. */
.top_slides.hp::after {
	width: 99%;
	height: 98%;
	content: "";
	position: absolute;
	border: 1px solid #fff;
	pointer-events: none;
	z-index: 2;
}
.top_slides.hp:has(.hp_iframe_container)::after {
	content: none;
	border: none;
}
.hp_iframe_container {
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	position: relative;
	overflow: hidden; /* clip iframe overscan used to hide subpixel gaps */
}
.hp_iframe_container .alegra-hero-poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 0;
	outline: none;
	box-shadow: none;
	/* Cover the iframe (and Vimeo's built-in spinner) until playback starts. */
	z-index: 2;
	opacity: 1;
	transition: opacity 0.45s ease;
	pointer-events: none;
}
.hp_iframe_container.is-vimeo-playing .alegra-hero-poster {
	opacity: 0;
}

.top_slides.hp iframe {
	/* +2px overscan: some browsers leave a 1px poster strip until a width reflow */
	height: calc(100% + 4px);
	width: calc(100% + 4px);
	position: absolute;
	top: -2px;
	left: -2px;
	border: 0;
	z-index: 1;
	transform: translateZ(0);
	/* Keep Vimeo's loading spinner invisible — poster stays until ready. */
	opacity: 0;
	visibility: hidden;
}
.top_slides.hp .hp_iframe_container.is-vimeo-playing iframe {
	opacity: 1;
	visibility: visible;
}
.top_slides.hp ul {
	position: absolute;
	float: left;
	height: 100%;
	width: 100%;
	opacity:1;
	transition: all 2s;
}
.top_slides.hp ul[opc="06"] {
	opacity: 0.6;
	transition: all 2s;
}
.top_slides li {
	height: 100%;
	background-size: cover;
	background-position: top;
	position: absolute;
	width: 100%;
}


.top_slides .flex-direction-nav{
	display: none !important;
}

/** fullscreen gallery */



.text_on_image {
	width: 800px;
	max-width: 90%;
	text-align: center;
	opacity: 0;
	-webkit-animation: fadein 1s ease-out;
	-moz-animation: fadein 1s ease-out;
	animation: fadein 1s ease-out;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
	float: left;
	left: 50%;
	position: relative;
	margin-left: -400px;
	margin-top: 160px;
	z-index: 10;
}


@-moz-keyframes fadein {  from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadein {  from { opacity:0; } to { opacity:1; } }
@keyframes fadein { from { opacity:0;  } to { opacity:1; } }


.text_on_image h1,.text_on_image h2,.text_on_image p{
	color: inherit;
	text-align: center;
	display: block;
}
.text_on_image .line{
	display: none;
}
.text_on_image h1 {
	font-size: 60px;
	font-weight: 300;
	line-height: 60px;
	margin-bottom: 20px;
}
.text_on_image h2 {
	font-size: 45px;
	font-weight: 300;
	line-height: 45px;
	margin-bottom: 20px;
}
.text_on_image h3 {
	font-size: 44px;
	line-height: 44px;
	margin-bottom: 20px;
	font-family: millenia;
	color: #fff;
	font-weight: normal;
}
.text_on_image h1,.text_on_image h2,.text_on_image h3,.text_on_image p{
	/*text-shadow: 0 0 8px #000;*/
}
.flex_wrapper{
	display: flex;
	flex-flow: row wrap;
	align-items: normal;
	justify-content: space-between;
}
.blocks_wrapper {
	margin-bottom: 100px;
}
.fullsize_b {
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}


/*********************** menu */

.ham_wrapper, .menu_ham_wrapper {
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 50px;
	top: 33px;
	width: 30px;
	z-index: 51;
}
.menu_opened .ham_wrapper {
}
.ham_line, .menu_ham_line {
  height: 1px;
  margin-bottom: 8px;
  transition: all 0.15s ease-out 0s;
  width: 100%;
}

.ham_line svg path{
  fill:#e6c867;
}


.menu_ham_wrapper {
	right: auto;
	left: 26px;
	opacity: 0;
	transition: 0.5s all;
}
.menu_opened .ham_wrapper {
	margin-top: 17px;
	transform: scale(0.7);
}

.menu_opened .ham_line {
	-moz-transform: scaleX(-1) rotate(33deg);
	-webkit-transform: scaleX(-1) rotate(33deg);
	transform: scaleX(-1) rotate(33deg);
}

.menu_opened .ham_line.mirror {
	-moz-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	margin-top: -24px;
	margin-left: 15px;
}
.menu_opened .hide_on_menu_open{
	display: none;

}

.menu_wrapper .menu_footer_social a::after {
	display: none;
}
.menu_wrapper .menu_footer_social {
	width: auto;
	margin: 21px auto;
	flex-flow: row;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 14px;
	float: none;
}
/* Don't inherit menu-link width:100% / padding — that spaced icons too far apart. */
.menu_wrapper .menu_footer_social a {
	margin: 0;
	width: auto;
	float: none;
	padding: 0;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.menu_wrapper .menu_footer_social svg,
.menu_wrapper .menu_footer_social i {
	margin: 0;
	padding: 0;
	line-height: 1;
	display: block;
	vertical-align: middle;
}

.top_left {
	margin-top: 40px;
	margin-left: 40px;
}
.top_left .lang_wrapper {
	position: relative;
	right: auto;
	top: auto;
	margin-right: 11px;
	width: 38px;
	margin-top: -5px;
}
.left_wrapper {
	position: fixed;
	width: 100%;
	left: -100%;
	height: 100%;
	background: #102342;
	top: 0;
	padding: 0;
	z-index: 50000;
	opacity: 0.98;
}
.left_wrapper_content {
	position: relative;
	overflow: scroll;
	height: 100vh;
}
.top_left .lang_wrapper a {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.menu_opened .left_wrapper {
	left: 0;
}

.left_x {
	position: absolute;
	left: 25px;
	top: 25px;
	cursor: pointer;
}

.left_x svg {
	font-size: 25px;
	color: #222;
}
.left_header {
	display: block;
	float: left;
	width: 100%;
}

.left_social{
	margin-top: 60px;
}

.menu_wrapper {
	display: table;
	margin: 115px auto 0;
}

.menu_wrapper ul.menu {
	display: flex;
	justify-content: center;
	width: auto;
	margin: 0 auto;
	flex-flow: column wrap;
	align-items: center;
	/* border-top: #e6c867 solid 1px; */
	padding-top: 1vh;
}

.menu_wrapper ul.menu li {
	display: block;
	margin: 0;
	position: relative;
}

.menu_wrapper ul.menu li.last::before {
	background: none;
	content: "";
}

.menu_wrapper a {
	color: #e6c867;
	cursor: pointer;
	text-decoration: none;
	padding: 8px 0;
	font-size: 16px;
	width: 100%;
	float: left;
	transition: 0.1s all;
	line-height: 26px;
	position: relative;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
}
.menu_wrapper a::after {
	content: "♦";
	width: 100%;
	float: left;
	text-align: center;
	font-size: 10px;
	margin-top: -5px;
	margin-bottom: -21px;
}
.menu_wrapper a:hover,.menu_wrapper a.active {
	color:#fff;
}
.menu_logo {
	width: 103px;
	margin: 35px auto 26px;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	top: -12px;
}
.left_wrapper .menu_logo path {
  fill: #fff;
}


/** sub menu */
.menu .menu {
	background: #fff none repeat scroll 0 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 51px;
	transition: all 0.2s ease 0s;
	width: 215px;
	z-index: 12;
	 visibility: hidden;
	 opacity: 0;
}

.menu .menu:hover,.is-expanded:hover> .menu{
	visibility: visible;
	opacity: 1;
}
.menu_wrapper ul ul li,.menu_wrapper ul ul.menu li {
	padding: 0;
	width: 100%;
	margin: 0;
}

.menu_wrapper ul ul a {
	float: left;
	padding: 0 15px;
	border: 1px solid #ccc;
	width: 100%;
	margin-bottom: -1px;
}
.menu_wrapper ul ul a:hover {
	background: #ebebeb;
	color: #222;
}
.menu .menu .menu {
	left: 215px;
	top: 0;

}
.menu_wrapper ul ul ul a {
	background: #ccc;
}


/**** */
.menu_social{
	bottom: 60px;
	left: 60px;
	position: absolute;
}
.social_icon {
	float: left;
	height: 32px;
	margin-right: 36px;
	width: 25px;
}

.social_icon:hover{
	opacity: 0.8;
}

.social_icon.fb {
	height: 29px;
	margin-top: 3px;
}
.social_icon img {
	height: 100%;
	width: auto;
}

/** gallery */
.close_gallery .ham_line {
	float: left;
	position: absolute;
	width: 25px;
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	margin-left: 13px;
}
.close_gallery .ham_line.mirror {
	-moz-transform: rotate(-30deg) scaleY(-1);
	-webkit-transform: rotate(-30deg) scaleY(-1);
	transform: rotate(-30deg) scaleY(-1);
	top: 56px;
}
.fullscreen_gallery .slick img {
	object-fit: contain;
}
.close_gallery {
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 200;
	top: 105px;
	right: 0;
	background: #102342;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.close_gallery .ham_wrapper {
	position: relative;
	top: 0;
	right: 0;
	margin-top: 13px;
	margin-right: 9px;
}
.fullscreen_gallery {
	position: fixed;
	width: 100%;
	height: calc( 100% - 105px);
	background: #102342fa;
	top: 105px;
	padding: 0;
	z-index: 999;
	display: none;
}
.fullscreen_gallery > .slick {
	height: 100vh;
}
.fullscreen_item_alt {
	position: absolute;
	z-index: 100;
	background: #0009;
	color: #fff;
	top: calc( 100vh - 45px);
	width: 100%;
	left: 0;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.isotop_wrapper{
	position: relative;
	float: left;
	display: block;
}

.grid-item {
border: 10px #fff solid;
	width: 25%;
	display: flex;
	cursor: pointer;

}
.alt_wrapper {
	position: absolute;
	background: #102342;
	color: #fff;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	transition: all 0.3s;
}

.alt_wrapper:hover {
	opacity: 0.9;
}


/*** image gallery */
.gallery_items {
	margin-bottom: 100px;
}


.gallery_items li{
	width:33.3333%;
	height: calc((100vw / 3)*.7);
	cursor: pointer;
	border: 10px #fff solid;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: 0.2s opacity;
}

.gallery_items li:hover{
	opacity: 0.8;

}

.gallery_items li img{
	display: none;
}



.gallery_subs ul {
	text-align: center;
	margin: 32px 0 47px;
}
.gallery_subs li {
	display: inline-block;
}

.gallery_subs li a {
	font-size: 23px;
	line-height: 46px;
	letter-spacing: 0;
	margin: 0;
	font-weight: 400;
	font-style: italic;
	display: block;
	padding: 0 33px;
	position: relative;
}
.gallery_subs li a::after {
	width: 5px;
	height: 13px;
	background: #e6c867;
	content: "";
	position: absolute;
	right: -5px;
	top: 20px;
}
.gallery_subs li a.selected /*.gallery_subs li a:hover */{
	font-weight: 400;
	text-decoration: none;
}
.gallery_subs li.last a::after {
	background: none;
}
.gallery_subs {
	margin-top: 50px !important;
}
.image_title {
	bottom: -50px;
	color: #fff;
	height: 50px;
	line-height: 44px;
	position: absolute;
	text-align: center;
	width: 100%;
	background-color: rgba(0,0,0,.35);
	transition: all 0.12s ease-out;
}
.isotope-element:hover .image_title{
	bottom: 0;
}


/** attractions */
.attractions_items li {
	width: 30%;
	/*cursor: pointer;*/
	border-bottom: 1px solid #ccc;
	margin: 0 1.66% 45px !important;

}
.attration_text {
	margin: 9px 0 30px;
}

/** slick & flex */

.fullwidth .slick-slider{
	width: 100%;
}

.top_image .slick-track {
	height: 487px;
	justify-content: center;
	align-items: center;
}

.slick_wrapper{
	direction: ltr;
}
.slick_wrapper button{
	display: none !important;
}

.slick-slide,.slick-list,.slick-track{
	height: 100%;
}
/*.slick-arrow,.flex-prev, .flex-next{
	background: url(../images/flex_arrow.svg);
	background-size:20px;
	background-repeat: no-repeat;
	background-position: center right;
	border: medium none;
	display: block;
	font-size: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	cursor: pointer;
}*/
.flex-prev, .flex-next{
	overflow: hidden;
	text-indent: 300px;
}
.flex-prev:hover, .flex-next:hover{
	opacity: 0.8;
}

.flex-prev{
	background-position: left;
}

.slick-prev, .slick-next {
	position: absolute;
	z-index: 5;
	height: 65px;
	background: #0004;
	top: 45%;
	width: 40px;
	overflow: hidden;
	font-size: 0px;
	border: 0;
	cursor: pointer;
}

.slick-prev {
	right: auto;
	left:0;

	-moz-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.slick-next {
	right:0;

	left: auto;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);

}

.hp_slider .slick-prev {
	left: 0.3vw;
}
.hp_slider .slick-next {
	right: 0.3vw;
	margin-right: 17px;
}
.slick-prev::before, .slick-next::before {
	content: "";
	width: 18px;
	height: 1px;
	background: #fff;
	float: left;
	margin-left: 1px;
	margin-top: 13px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.slick-prev::after, .slick-next::after {
	content: "";
	width: 18px;
	height: 1px;
	background: #fff;
	float: left;
	margin-left: 1px;
	margin-top: -14px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.flexslider {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	margin: 0;
	height: 100%;
	position: absolute;
	width: 100%;
	/* min-height: 330px; */
}


.flexslider .slides {
	height: 100%;
	position: absolute;
	width: 100%;

}
.flexslider .slides > li {
	background-position: center center;
	background-size: cover;
	display: block;
	height: 100%;
}



.flex-control-paging{
	display: none;
}

.flex-nav-next {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	float: right;
	height: 100%;
	width: 48%;
	position: relative;
}
.flex-nav-prev {
	float: left;
	height: 100%;
	width: 48%;
	position: relative;
}
.flex-next {
	background-position: left center;
}

ul.flex-direction-nav {
	height: 100%;
	left: 1%;
	margin-top: 0;
	padding: 0 20px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 98%;
	z-index: 40;
}
.x {
	position: fixed;
	z-index: 70;
	right: 15px;
	top: 15px;
	width: 60px;
	height: 55px;
	cursor: pointer;
	background-color: rgba(0,0,0,0.8);
	padding-right: 3px;
}
.slide_text {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 4px 5%;
	z-index: 10;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.8);
}
.slide_text p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 4px 0;
}




.fullwidth .flex-direction-nav{
	display: none;
}

.node-type-rooms .fullwidth .flex-direction-nav {
	display: block;
}


/*** general */
.slick-slider{
	direction: ltr !important;
}
.messages--error {
	display: none !important;
}
strong {
	text-transform: uppercase;
	/*line-height: 45px;*/
}

.overflow_hidden{
	overflow: hidden;
}
.flex{
	display: flex;
}

.centered_content {
	display: flex;
	text-align: center;
	flex-flow: column;
}

.round_icon {
  width: 390px;
  background: url("../images/round_small.png");
  /* background-size: 40px; */
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  height: 40px;
  margin: 0 auto;
  position: relative;
}

.round_icon.blue {
	background: url("../images/round_small_blue.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px;
	margin-bottom: 35px;
}

.round_icon::after,.round_icon::before {
  content: "";
  width: 150px;
  height: 1px;
  background: #fff;
  float: right;
  margin-top: 19px;
}

.round_icon.blue::after,.round_icon.blue::before {
background: #102342;
}
.round_icon::before{
  float:left;
}

.round_icon_large {
	width: 390px;
	background: url("../images/round_large.png");
	/* background-size: 40px; */
	font-size: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 67px;
	height: 96px;
	margin: 0 auto;
	position: relative;
}

.brown_b, .hpstrip a, .offer_thumb_text a,.hp_slide_item a {
	width: auto;
	padding: 12px 30px;
	display: table;
	color: #5a4e28;
	border: none;
	margin: 35px auto 0;
	cursor: pointer;
	transition: 0.2s all;
	text-decoration: none;
	transition: 0.2s all;
	background: #e6c867;
	text-transform: uppercase;
}
.offer_thumb_text a {
	margin: 32px 0;
}
.brown_b:hover,.hpstrip a:hover,.offer_thumb_text a:hover {
  color:#e6c867;
  background: #5a4e28;
  text-decoration: none;
}

.hover_blue_fx:hover .blue_overlay{
  opacity: 0;
}
.hover_blue_fx:hover img{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.hover_blue_fx .hpstrip_text p {
  transition: all 0.3s;

  max-width: 456px;
}

.hover_blue_fx .hpstrip_text h2,.hover_blue_fx .hpstrip_text div{
  transition: all 0.3s ease-out;
}

.hover_blue_fx:hover .hpstrip_text h2{
  -moz-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.hover_blue_fx:hover .hpstrip_text p{
 /* opacity: 0;
  height: 1px;*/
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.myzoom{
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);

	transition: scale 30s;
}

.opacity06{
	opacity: 0.6;
}
.imghoverfx{
	transition: all 0.5s;
	opacity: 0.8;
}

a:hover .imghoverfx{
	opacity: 1;
}

.dark_bg{
	background: #102342;
	color: #fff;
}

.margin0auto {
	margin: 0 auto;
	display: table;
}
.read_more_b {
	padding: 12px 23px;
	background: #e6c867;
	text-transform: uppercase;
	color: #fff;
	width: auto;
	height: 50px;
}

.cover{
	background-size: cover;
	background-position: center;
}
.box.white_border {
	border: 1px solid #fff;
	padding: 8px 65px;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
}
.h50vh{
	height: 50vh;
}

.padding40{
	padding: 40px;
}

.pointer{
	cursor: pointer;
}

.book_b {

}
.book_b:hover {

}

.amenities_b {
	font-style: italic;
	position: relative;
	height: 30px;
	padding-left: 18px;
	margin-top: 18px;
}

.amenities_b::before {
	width: 8px;
	height: 1px;
	background: #333;
	content: "";
	position: absolute;
	left: 0;
	top: 10px;

	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.amenities_b::after {
	width: 8px;
	height: 1px;
	background: #333;
	position: absolute;
	left: 0;
	top: 15px;
	content: "";

	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);

}

.en * {
	direction: ltr !important;
}

.centered_item{
	margin-right:auto !important;
	margin-left: auto !important;
	display: table;
}

.centered_text,.centered_text p{
	text-align: center;
}

.centered_text h1,
.centered_text h2 {
	margin: 0 auto 15px;
}
.centered_text h1+span.line,
.centered_text h2+span.line {
	right: 50%;
	margin-right: auto;
	margin-left: auto;
}

.justify{
	text-align: justify;
}


.graybg{
	background: #f1f1f1;
}
.stage_width{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

#main > .stage_width:first-child, #main > .contact_content {
}

.opacity0{
	transform: scale(0);
	width: 0 !important;
}

.opacity_b{
	transition: 0.2s all;
	opacity: 0.6;
	cursor: pointer;
}
.opacity_b:hover{
	opacity: 1;
}

.opacity_b_invert{
	transition: 0.2s all;
	opacity: 1;
	cursor: pointer;
}
.opacity_b_invert:hover{
	opacity: 0.8;
}

.ease-stretch{
	-webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.150, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.150, 1.355);
	-moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.150, 1.355);
	-o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.150, 1.355);
	transition: all 500ms cubic-bezier(0.455, 0.030, 0.150, 1.355); /* custom */

	-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.150, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.150, 1.355);
	-moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.150, 1.355);
	-o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.150, 1.355);
	transition-timing-function: cubic-bezier(0.455, 0.030, 0.150, 1.355); /* custom */
}

.trns{
	transition: all 0.15s ease-out;
}

.slow_trns{
  transition: all 7s ease-out;
}

.slow_zoom{
	-webkit-animation: slowzoom 80s ;
	-moz-animation: slowzoom 80s ;
	animation: slowzoom 80s ;
	animation-fill-mode: forwards;

}

@-moz-keyframes slowzoom {  0% { transform:scale(1); } 50% { transform:scale(1.2); } 100% { transform:scale(1); } }
@-webkit-keyframes slowzoom {  0% { transform:scale(1); } 50% { transform:scale(1.2); } 100% { transform:scale(1); } }
@keyframes slowzoom {  0% { transform:scale(1); } 50% { transform:scale(1.2); } 100% { transform:scale(1); } }




.my-ease-out{
	-webkit-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 700ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

	-webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}

.relative{
	position: relative;
}
.absolute{
	position: absolute;
}

.w1180 {
	width: 1180px;
	margin: 0 auto;
	position: relative;

}
.w870px{
	width: 870px;
}


.margin0{
	margin: 0 !important;
}
.fullwidth,.w100 {
	width: 100%;
	position: relative;
}

.fullheight, .h100 {
	height: calc( 100vh - 80px );
}
.fixed{
	position: fixed;
}
.fixed li {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.center_middle {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
}

.full_size_b{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.full_size_b:hover{
	text-decoration: none;

}
.float_right,.float-right{
	 float: right;
 }
.float_left,.float-left{
	float: left;
}
.white_bg {
	background: #fff none repeat scroll 0 0;
	float: right;
	padding: 60px;
	position: relative;
}
.white_bg h1 {
	color: #222;
}

.white_text{
	color: #fff;
}

.blue_bg{
	background: #102342 none repeat scroll 0 0;
	padding: 70px 0;
}



.mylazy {
	opacity: 0;
	transition: all 1.2s;
	margin-top: 50px;
}
.mylazy.showlazy {
	opacity: 1;
	margin-top: 0;
}


.hidden {
	display: none;
}


.w19{
	width: 19%;
}
.w30 {
	width: 30%;
}
.w32 {
	width: 32%;
}
.w33 {
	width: 33%;
}
.w35 {
	width: 35%;
}
.w36 {
	width: 36%;
}
.w42 {
	width: 42%;
}
.w46 {
	width: 46%;
}
.w47 {
	  width: 47%;
  }
.w48 {
	width: 48.5%;
}
.w49 {
	width: 49%;
}
.w49-5 {
	width: 49.5%;
}
.w60 {
	width: 60%;
}
.w65 {
	width: 65%;
}

.w68 {
	width: 68%;
}

.w75 {
	width: 75%;
	max-width: 750px;
}

.w80{
	width: 80%;
}

.w100{
	width: 100% !important;
}

.h85{
	height: 85vh;
}


.relative{
	position: relative;
}

.background_image{
	background-position: center center;
	background-size:cover;
}

.index_items_wrapper {
	margin-bottom: 50px;
}

.text_content {
	margin: 0px 0 60px;
}
.text_content a {
	text-decoration: underline;
}
.text_content img {
    width: 100%;
    height: auto !important;
}

.text_content ul:not(.slick), .text_content ol {
	margin: 13px 0;
	padding: 0;
}
.text_content ol li {
    list-style: inside decimal;
}
.text_content ul li {
	line-height: 26px;
	list-style: disc inside;
	padding-left: 15px;
	position: relative;
}
.text_content ul li::before {

}
.text_content img{
	width: auto;
	max-width: 100%;
}
.top_slides_iframe_wrapper {
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	position: relative;
	overflow: hidden;
}

/* Legacy amenity iframe crop (pre–hp_iframe_container). */
.top_slides iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -13vw;
}

/* Events video hero (prod cover-crop wrapper): plain background while the
   video loads — no title/scroll-cue overlay (prod has none; the <h1> is the
   first element of .amenity_text_content below, per template-parts/content-amenity.php). */
.top_slides.iframe {
	display: block;
	background: #000;
}

.amenity_text_content {
	margin-bottom: 40px;
}

.amenity_text_content li {
	list-style: disc;
	margin-left: 15px;
}
.amenity_text_content h3 {
	background: #e6c867;
	color: #fff;
	line-height: 39px;
	padding: 0 12px 3px;
	margin-bottom: 12px;
}

.amenity_text_content h2 {
	text-align: center;
	position: relative;
	border-top: 1px solid #102342;
	margin-bottom: 25px;
	margin-top: 60px;
	width: 100%;
	float: left;
}

.amenity_text_content h2::after {
	background-image: url("../images/round_small.png");
	top: -24px;
	width: 44px;
	height: 44px;
	z-index: 25;
	content: "";
	position: absolute;
	left: -7px;
	background-size: contain;
	background-repeat: no-repeat;
}
.amenity_text_content h2::before {
	width: 40px;
	height: 40px;
	background-color: #102342;
	position: absolute;
	left: 16px;
	top: -37px;
	display: block;
	content: "";
	border-radius: 90px;
	margin-left: -35px;
	border: 16px #fff solid;
}
.amenity_text_content h2 span {
	float: right;
	margin-top: -17px;
	background: #fff;
	padding-left: 15px;
}
.amenity_text_content a {
	text-align: right;
	display: block;
	margin-bottom: 10px;
}

.amenity_text_content a svg {
	margin-top: 5px;
	margin-left: 10px;
	color: #e6c867;
}
a.box {
	background: #e6c867;
	color: #fff;
	text-align: left;
	display: inline-block;
	padding: 15px 20px;
	margin-top: 23px;
}


.spa_form {
	background: #f1f1f1;
	display: flex;
	height: 102px;
	align-items: center;
	justify-content: center;
	margin: 30px auto 60px;
	box-shadow: 0px 2px 3px #ccc inset;
}
.spa_form > div {
	width: 100%;
}
.spa_form div form > div {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.spa_form label {
	display: none;
}
.spa_form input,.spa_form textarea {
	background: #fff;
	border: none;
	box-shadow: 0 0 6px #ccc;
}
.spa_form div form>div>div{
	width: 18%;
}



/** rooms*/
.reasons {
    position: absolute;
    z-index: 30;
    background: #102342;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 25px 50px 5px #0002;
    bottom: 0;
    min-width: 336px;
    color: #fff;
    text-align: left;
    display: block;
    right: -405px;

    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

    transition: all 0.3s ease-out;
}
.reasons::after {
    content: "x";
    position: absolute;
    right: 15px;
    top: 4px;
    font-size: 17px;
    font-family: 'assistant';
}

.reasons.show:not(.dontshow) {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.reasons::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18.5px 15px 18.5px 0;
    border-color: transparent #102342 transparent transparent;
    position: absolute;
    left: -9px;
    bottom: 32px;
}
.reasons li {
    line-height: 32px;
}
.reasons li::before {
    content: "";
    background-image: url(../images/vi.svg);
    width: 12px;
    height: 12px;
    float: left;
    margin-top: 11px;
    margin-right: 10px;
    background-repeat: no-repeat;
}
.reasons h2 {
    padding: 0;
    margin: 0px 0 12px;
}

.room_wrapper .slick li {
	width: 100vw !important;
	position: absolute !important;
	left: 0 !important;
}

.node-type-rooms #main{
	min-height: 200vh;
}
/* Video hero is in normal flow above the intro — drop the 200vh scroll stage. */
.node-type-rooms:has(.top_slides.iframe) #main {
	min-height: 0;
}

.rooms_general_text {
  background: #102342;
  color: #fff;
  width: 100%;
  height: calc(100vh - 117px);
  z-index: 10;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  text-align: center;
  mix-blend-mode: hard-light;
	position: fixed;
	transition: all 0.8s ease-out;
	top: 80px;
}
/* Full-viewport Rooms Vimeo hero (below the fixed 80px header). */
.node-type-rooms .top_slides.iframe {
	margin-bottom: 0;
	height: calc(100vh - 80px);
	height: calc(100dvh - 80px);
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background: #000;
}
.node-type-rooms .top_slides.iframe .top_slides_iframe_wrapper {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
}
.node-type-rooms .top_slides.iframe .top_slides_iframe_wrapper iframe {
	/* Cover-crop 16:9 into the viewport band. */
	width: max(100%, 177.78vh);
	height: max(100%, 56.25vw);
	top: 50%;
	left: 50%;
	margin-top: 0;
	transform: translate(-50%, -50%);
	position: absolute;
}
.node-type-rooms .top_slides.iframe + .rooms_general_text {
	position: relative;
	top: 0;
	mix-blend-mode: normal;
}

/* Minimal scroll cue — bottom-center of the Rooms video hero. */
.rooms-hero-scroll {
	position: absolute;
	left: 50%;
	bottom: 28px;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 44px;
	height: 56px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transform: translateX(-50%);
	opacity: 0.85;
	transition: opacity 0.3s ease;
}
.rooms-hero-scroll:hover,
.rooms-hero-scroll:focus {
	opacity: 1;
	text-decoration: none;
	outline: none;
}
.rooms-hero-scroll:focus-visible {
	outline: 1px solid rgba(230, 200, 103, 0.9);
	outline-offset: 6px;
}
.rooms-hero-scroll__line {
	display: block;
	width: 1px;
	height: 28px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95));
	animation: rooms-hero-scroll-line 2.2s ease-in-out infinite;
}
.rooms-hero-scroll__chevron {
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -2px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);
	animation: rooms-hero-scroll-chevron 2.2s ease-in-out infinite;
}
@keyframes rooms-hero-scroll-line {
	0%, 100% { opacity: 0.35; transform: scaleY(0.85); transform-origin: top; }
	50% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
@keyframes rooms-hero-scroll-chevron {
	0%, 100% { opacity: 0.45; transform: translateY(0) rotate(45deg); }
	50% { opacity: 1; transform: translateY(4px) rotate(45deg); }
}
.rooms_general_text.totop {
	top:-100vh;

}
.rooms_general_text .round_icon {
  margin-bottom: 40px;
}
.rooms_general_text p {
  max-width: 600px;
  margin: 0 auto;
}
/* Theme resets p margins to 0; restore gaps between intro paragraphs. */
.rooms_general_text p + p {
  margin-top: 26px;
}

.rooms_wrapper {
position: relative;
}

.rooms_wrapper > div{

}

.node-type-rooms .footer_wrapper{

}

.rooms-li {
	width: 100%;
	margin-bottom: 100px;
}



/*************************************** room*/
.room_title {
	background: rgba(0,0,0,0.8);
	color: #e6c867;
	position: absolute;
	bottom: 30px;
	padding: 30px 30px 30px 50px;
}

.room_text {
	position: relative;
	margin-top: 60px;
	width: 55%;
}
.room_text li {
	list-style: disc;
	margin-right: 13px;
}
/* Only the first heading overlays the gallery. Extra empty <h1> spacers
   (common in migrated Drupal body HTML) must NOT get the -146px pull-up —
   TinyMCE strips &nbsp; from them and they collapse, dragging the body onto the hero. */
.room_text h1:first-of-type {
	position: relative;
	margin: -146px 0 98px;
	color: #fff;
}

.room_text > h2 {
	font-size: 35px;
}
.room_amenities {
	margin-bottom: 60px;
	margin-top: 63px;
}
.room_amenities h2 {
	height: 42px;
	padding: 0;
	margin: 0 0 35px;
	line-height: 42px;
	position: relative;
	font-weight: 500;
	/* font-size: 28px; */
	letter-spacing: 0.5px;
	font-style: italic;
}
.room_amenities h2::after {
	content: "";
	width: 40px;
	background: #102342;
	height: 1px;
	position: absolute;
	bottom: -16px;
	left: 0;
}
.room_amenities li {
	position: relative;
	letter-spacing: 0.5px;
	padding-left: 21px;
	line-height: 21px;
	margin-bottom: 8px;
	font-size: 15px;
}
.room_amenities li::before {
	content: "";
	width: 5px;
	height: 5px;
	background: #e6c867;
	left: 0px;
	margin-top: 8px;
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.room_under_text {
	margin-top: 30px;
}

.room_under_text_symbol::after {
  background-image: url("../images/round_small_blue.png");
  top: -22px;
  width: 40px;
  height: 43px;
  z-index: 25;
  content: "";
  position: absolute;
  right: -52px;
  /* margin-left: -10px; */
  background-size: contain;
  background-repeat: no-repeat;
}

.room_under_text_symbol {
  text-align: center;
  position: relative;
  border-top: 1px solid #102342;
  padding-top: 47px;
  margin-bottom: 30px;
  margin-top: 24px;
  width: 250px;
  margin-left: 29px;
}
.room_under_text .book_b {

	float: left;
	position: relative;
	left: auto;
	margin: 0;
}

/** giftcard */
.buyme-giftcard-iframe {
	height: 1495px;
	border: none;
	width: 100%;
	margin-top: 86px;
}

/** offers*/
.node-type-offer-index .centered_content {
	margin-bottom: 30px;
}
.offer-ul {
	margin-top: 30px;
	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	align-items: flex-start;
	margin-bottom: 30px;
}
.offer_thumb_text {
    width:100%;
	padding: 15px;
	text-align: unset;
}
/* Match editor line breaks / blank lines in offer card body */
.offer_thumb_text p {
	margin: 0 0 0.65em;
}
.offer_thumb_text p:last-child {
	margin-bottom: 0;
}
/* Prod content has a blank <p>&nbsp;</p> spacer between the bold subtitle and
   the description text; replicate that gap here (one blank line: the body's
   24px line-height + its own 0.65em margin) since our subtitle/description
   are separate block attributes with no such spacer in between.
   Selector is unscoped (not `.offer_thumb_text .alegra-offer-card-subtitle`)
   because the homepage renders these cards under `.offer-li-hp` instead. */
.alegra-offer-card-subtitle {
	margin-bottom: 34px;
}
.offer-li {
	margin: 1% 1%;
	width: 31.333%;
	position: relative;
	box-shadow: 0 0 1px #0005;
	align-self: flex-start;
}
.offer-li h2 {
	position: absolute;
	top: 52px;
	z-index: 2;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	left: 0;

	transition: all 0.3s ease-out;
}
.offer-li .round_icon::before, .offer-li .round_icon::after {
	width: 26%;
}
.offer-li .round_icon {
	position: absolute;
	z-index: 2;
	top: 173px;
	width: 50%;
	left: 25%;
	transition: all 0.3s ease-out;
}

.offer-li:hover .blue_overlay{
	opacity: 0;
}

.offer-li:hover h2{
	top: -200px;
	opacity: 0;
}

.offer-li:hover .round_icon{
	top: 300px;
}

.offer-li img {

}

.offer-li:hover img{
	transform: scale(1.1);
}
.offer_img{
	border: 3px solid #fff;
	outline: 1px #102342 inset;
	/* Hold 3:2 frame when no featured image (img normally supplies height). */
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 2;
	background: #102342;
	overflow: hidden;
}
.offer_img > img,
.offer_img > .offer_img_placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	background: #102342;
}




/* share */
.share_wrapper {
	display: table;
	border-top: 1px solid #ccc;
}
.hideshare-wrap {
	height: auto !important;
	padding-bottom: 0;
	padding-top: 0;
	width: 100px !important;
	position: absolute;
	left: 50%;
	margin-left: -50px;
}

#share_b, #book_b {
	display: none;
}



.hideshare-wrap li {
	float: left !important;
	list-style: outside none none;
	margin: 0 !important;
	padding: 0 !important;
	width: 25px !important;
}

.hideshare-wrap li:before{
	display:none;
}

.hideshare-list {
	display: block !important;
	float: right;
	margin: 0 !important;
	padding: 10px 0 0;
	width: auto !important;
}
.hideshare-list a{
	display: block;
	height: 24px;
	overflow: hidden;
	width: 25px;
}
.hideshare-list span{
	display:none;
}
.hideshare-facebook{
	background:url("../images/share_dark.png");
	background-position:59px top
}
.hideshare-twitter{
	background:url("../images/share_dark.png");
	background-position:91px top ;
}
.hideshare-google-plus{
	background:url("../images/share_dark.png");
	background-position:124px top ;
}
.share_email{
	background:url("../images/share_dark.png");
	background-position:left top ;
}
.hideshare-facebook:hover{
	background-position:59px 29px ;
}
.hideshare-twitter:hover{
	background-position:91px 29px ;
}
.hideshare-google-plus:hover{
	background-position:124px 29px ;
}
.hideshare-pinterest{
	background:url("../images/share_dark.png");
	background-position:31px top ;
}
.hideshare-pinterest:hover{
	background-position:31px 29px ;
}
.share_email:hover{
	background-position:left 29px ;
}
.share_email{
	text-indent:-3000px;
	font-size:0px;
}
.hideshare-wrap g {
	display: none;
}


/** restaurant */
.hp_title, .mashya_title {
	position: absolute;
	z-index: 5;
	color: #fff;
	font-size: 58px;
	width: 760px;
	text-align: center;
	line-height: 84px;
	letter-spacing: 17px;
	left: 50%;
	margin-left: -380px;
	top: 31vh;
	font-weight: 300;
	text-shadow: 0 1px 1px #000;
}

/** homepage */
.jerusalem_b_wrapper {
	width: 100vw;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	background: url("../images/jerusalem_pat.png");
	background-repeat: repeat-x;
	direction: ltr;
}
.jerusalem_b {
	width: 800px;
	position: relative;
	cursor: pointer;
}
.jerusalem_b_text {
	position: absolute;
	z-index: 1;
	top: 13px;
	left: 0;
	width: 100%;
}
.jerusalem_b_text a {
  color: #fff;
}
.jerusalem_b_text h2 {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 47px;
}
.jerusalem_b_text p {
	color: #fff;
	margin-top: 30px;
}
.jerusalem_b_wrapper .slick {
	width: 800px;
	border: 2px solid #fff;
}
.jerusalem_b_wrapper > img {
	width: 797px;
}

.hp_icons_wrapper {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	max-width: 763px;
	margin-top: 50px;
}
.hp_icon {
	width: 25%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 29px;
}
.hp_icon img {
	width: 84px;
}
/* Content H1s inside homepage components — keep original (do not force weight). */
.hp_component_wrapper h1 {
  font-size: 46px;
  text-align: center;
  margin-bottom: 34px;
}

/* Section titles demoted h1→h2 for SEO (Offers / Instagram) — match former h1 look. */
.hp_component_wrapper > h2 {
  font-size: 46px;
  text-align: center;
  margin: 0 0 34px;
  letter-spacing: 0;
  line-height: 50px;
  font-weight: 400;
  font-style: italic;
}

.offer-ul-hp {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 2%;
	padding: 1%;
}
.offer-li-hp {
	overflow-x: hidden;
	width: 32%;
	padding-bottom: 25px;
	transform: scale(0.98);
	background: #fff;
	text-align: unset;
}
.offer-li-hp > img,
.offer-li-hp > .offer_img_placeholder {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	background: #102342;
}
.offer-li-hp:hover {
  box-shadow: 0 0 12px #0003;
  transform: scale(1.0);

}

.page-node-1049 .offer-ul-hp .offer-li-hp:nth-child(3) img { 
        height: 415px;
	width: 550px;
        object-fit: cover;
        object-position: -3px 0px;
}
body.page-node-1049 {
background-color: #fff;
}
.offer-li-hp h2, .offer-li-hp p {
	padding: 0 22px;
}
.hp_component_wrapper .offer-li-hp a {
  background: #102342;
  float: left;
  color: #fff;
  padding: 12px 26px;
  text-transform: uppercase;
	margin: 26px auto;
	float: none;
	display: block;
	text-align: center;
}

.hp_component_wrapper .offer-li-hp a {

}
.hp_offers {
  background: url("../images/pat.png");
  padding: 47px 0;
}


.show_all {
  display: flex;
  justify-content: center;
  flex-flow: row;
  margin: 0 auto;
  width: 529px;
  height: 60px;
  align-items: center;
}
.show_all hr {
  width: 120px;
  background: #102342;
  height: 1px;
  margin: 0;
  border: none;
}

.hp_component_wrapper .show_all a {
  background: none;
  color: #102342;
  margin: 0;
  padding: 0 27px;
  line-height: 30px;
}

.juicer-feed h1.referral{
	display: none !important;
}
.hp_logo {
	background: url(../images/logo_vector.svg);
	width: 250px;
	height: 250px;
	background-size: cover;
	position: relative;
	z-index: 5;
}



 .paragraphs-items-field-hp-slider-item {
  height: 33vw;
  display: flex;
  justify-content: space-evenly;
  flex-flow: row;
  width: 100%;
}


.stage_width.hp_text {
	margin-top: 50px;
	margin-bottom: 50px;
}


.gmnoprint, .gm-fullscreen-control, .gm-bundled-control-on-bottom{
	display: none !important;
}

.hpmap {
	height: 400px;
	direction: rtl;
}
#map {
	height: 400px;
	direction: ltr;
	background: #e9e4dc;
	position: relative;
}
iframe.alegra-map {
	opacity: 0;
	transition: opacity 0.85s ease;
}
iframe.alegra-map.is-loaded {
	opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
	iframe.alegra-map {
		transition: none;
	}
}

/* Skip link + breadcrumbs (SEO / a11y).
 * Do NOT park off-screen with left:-9999px — in RTL that expands document
 * scrollWidth (~10k) and blows the mobile layout viewport to ~1560. */
.alegra-skip-link {
	position: absolute;
	top: 0;
	inset-inline-start: 0;
	z-index: 100000;
	background: #102342;
	color: #fff;
	text-decoration: none;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
.alegra-skip-link:focus {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px 16px;
	clip: auto;
	clip-path: none;
	inset-inline-start: 12px;
	top: 12px;
	white-space: normal;
}
.alegra-breadcrumbs {
	clear: both;
	padding: 12px 0 4px;
	font-size: 13px;
	line-height: 1.4;
	color: #6a6a6a;
}
.alegra-breadcrumbs a {
	color: #102342;
	text-decoration: none;
}
.alegra-breadcrumbs a:hover {
	text-decoration: underline;
}
.alegra-bc-sep {
	margin: 0 6px;
	opacity: 0.55;
}
.alegra-heading-spacer {
	margin: 0;
	padding: 0;
	height: 1em;
	line-height: 1em;
	overflow: hidden;
}
.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-bottom-left{
	display: none !important;
}
.node-type-homepage #map-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	top:0;

}
.hp_slider {
	background: #fff;
	padding: 7px 0;
}
.hp_text {
	padding: 60px 0 60px;
	background: #fff;
}
.hp_text.hp_ins p {
	margin: -10px auto 38px;
}
.hp_component_wrapper {
	z-index: 1;
}
.hp_component_wrapper .stage_width {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}
.hp_component_wrapper:nth-child(2n) .stage_width {
	flex-flow: row-reverse;
}

.hp_component_wrapper.hp_text .stage_width {
  justify-content: center;
}
.hp_text p {
  max-width: 630px;
  margin: 0 auto;
  display: table;
}
/* Theme resets p margins to 0; keep a clear gap between consecutive paragraphs. */
.hp_text p + p {
  margin-top: 26px;
}


.hp.flexslider .slick-prev {
	transform: scale(1);
	background-size: 70%;
}
.hp.flexslider .slick-next {
	transform: scale(-1);
	background-size: 70%;
}




.hp-blog-ul, .hp-blog-li {
	height: calc(100vw*.3);
	position: relative;
}
.hp-blog-li > a {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none !important;
	border: 8px solid #ffffff;
}

.hpstrip {
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;

	height: 95vh;
}
.hpstrip_text, .hpslide_text {
	text-align: center;
	padding: 0 15%;
	position: relative;
	z-index: 5;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.hpstrip_text p {
	max-width: 707px;
}
.fixed_image {
	position: fixed;
	width: 100%;
	max-width: 100vw;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5;
	overflow: hidden; /* contain strip cover-crop so it never widens the page */
}
.fixed_image iframe {
	width: 124%;
	height: 146%;
	margin-top: -9%;
}



.hp_slide_item_overlay {
	background-color: rgba(0,0,0,0.05);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 1;

}

.hp_slide_item {
	/* display: flex !important; */
	/* justify-content: center; */
	/* align-items: center; */
	position: relative;
	height: 33vw;
	text-decoration: none !important;
	width: 49%;
	transition: all 0.15s;
	border: 3px solid #fff;
	outline: 1px #102342 inset;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hp_slide_item > a {
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;*/
}
.hp_slide_item > a:hover{
  text-decoration: none !important;
}
.hp_slide_item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
	top: 0;
	left: 0;
}
.blue_overlay {
	top: 0;
	left: 0;
	position: absolute;
	background: #102342;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 2;
	opacity: 0.7;
	transition: all 0.3s ease-out;
}

.hp-blog-li > a:hover .hp_slide_item {
	opacity: 1;
}
.hp_slide_item h1, .hp_slide_item h2 {
	font-size: 36px;
	color: #fff;
	letter-spacing: 0px;
	text-shadow: 0 0 30px #999;
}
.hp_slide_item p {
	color: #fff;
	font-size: 16px;
	margin: 0;
	line-height: 23px;
}




.paragraphs-items-field-hp-component {
	position: relative;
	float: left;
	width: 100%;
	/* margin-top: 9px; */
	/* margin-left: -0.3vw; */
}
.hp_component_wrapper .w32 {
	text-align: center;
	position: relative;
	border-top: 1px solid #102342;
	padding-top: 47px;
	border-bottom: 1px solid #102342;
	margin-bottom: 30px;
	margin-top: 30px;
}
.hp_component_wrapper .w32::before {
	width: 40px;
	height: 40px;
	background-color: #102342;
	position: absolute;
	left: 50%;
	top: -36px;
	display: block;
	content: "";
	border-radius: 90px;
	margin-left: -35px;
	border: 16px #fff solid;
}
.hp_component_wrapper .w32::after {
	background-image: url(../images/logo_vector_icon.svg);
	top: -12px;
	width: 22px;
	height: 22px;
	z-index: 25;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -10px;
	background-size: contain;
	background-repeat: no-repeat;
}
/*
.hp_component_wrapper a {
	color: #fff;
	background: #e6c867;
	padding: 14px 26px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: table;
	margin: 30px auto 0;
	transition: 0.15s all;
}
.hp_component_wrapper a:hover {
	text-decoration: none;
	opacity: 0.8;
}*/

.hp_component_bg_image {
	position: absolute;
	left: 0;
	width: 50%;
	height: 530px;
	top: 54px;
	overflow: hidden;
}
.hp_component_bottom_left {
	width: 730px;
	height: 423px;
	border: 13px solid #fff;
	margin-top: 49px;
	overflow: hidden;
}
.hp_component_top_right {
	width: 364px;
	height: 364px;
	overflow: hidden;
	margin-bottom: 40px;
}
.dark_text h1{
	color: #5b5b5b;
}


/** hp insta */
.hp_insta{
	background: url(../images/pat_ins.png);
}
.hp_insta_title {
	background: #dd2561;
	color: #fff;
	text-align: center;
	font-size: 28px;
	display: block;
	padding: 10px 0;
}
.insta_content{
	background: #ebebeb;
}

/* hp5 item */
.paragraphs-items-field-hp-item5 {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.paragraphs-item-hp-5-items {
	margin-left: 0.3vw;
	width: 99.4vw;
	float: left;
}

.hp5_item {
	width: 19vw;
	display: flex;
}
.hp5_item_white_text {
	color: #fff;
	bottom: -3px;
	left: 14px;
	font-weight: 400;
	font-size: 31px;
}

.hp5_item:hover .hp_slide_item_overlay {
	opacity: 0;
}

/* / hp5 item */
.hp-image-ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-top: 76px;
}
.hp-image-li {
	width: 32%;
	height: 0;
	padding-top: 25%;
	position: relative;
	margin-bottom: 2%;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	transition: 0.2s all;
}
.hp-image-li:hover {
	opacity: 0.9;

}
.hp-gallery-image > div {
	display: none;
}
.hp_gallery_wrapper {
	margin: 50px 0;
}
.hp_gallery_wrapper .read_more:hover{
	text-decoration: none;
}

.hpmap iframe{
	width: 100%;
	height: 100%;
}

.top_slides .hp_reason_popup ol {
	padding: 0;
}
.top_slides .hp_reason_popup li {
	height: auto;
	position: relative;
	list-style: decimal;
	font-size: 20px;
	line-height: 41px;
	font-style: italic;
	background: #f1f1f1;
	list-style-position: inside;
	padding: 4px 46px;
	margin-bottom: 2px;
}


/** index pages */
.node-type-index #main {
	margin-top: 240px;
}


.room-title-ul {
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 50px 0 100px;
}
.room-title-li {
	font-size: 26px;
	color: #3e4952;
	margin: 0 40px;
	cursor: pointer;
}
.room-title-li:hover {
	opacity: 0.8;
}
.room-title-li.active {
	font-weight: bold;
}

.slick-dots{
  display: none !important;
}

.slick li {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
}
.top_slides .slick li {
	cursor: auto;
}
.item_text{
	width: 370px;
}
.item_text h2 {
	font-size: 40px;
	margin-bottom: 13px;
}
.item_text img {
	width: auto !important;
	height: 36px !important;
	/* float: left; */
}
.item_text table td, .item_text table tr, .item_text table {
	border: none;
	text-align: left;
	table-layout: auto;
	width: auto !important;
}
.item_text table{
	margin: 30px 0;
}
.item_text table tr{
	height: 40px;
}
.item_text table td {
	padding-right: 10px;
	padding-bottom: 13px;
}
.item-wrapper {
	margin-bottom: 80px;
}

/*.slick-dots {
	margin-top: 6px;
	display: flex !important;
	justify-content: center;
}
.slick .slick-dots li {
	width: 8px;
	height: 8px;
	float: left;
	margin: 10px 5px;
	background: #000;
	border-radius: 90px;
}
.slick .slick-dots li.slick-active {
	background: #e6c867;
}
.slick .slick-dots li button {
	width: 10px;
	height: 10px;
	background: none;
	border: none;
	border-radius: 90px;
	float: left;
	text-indent: -300px;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}
*/

.arrow_line {
	width: 8px;
	height: 1px;
	background: #222;
	position: absolute;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 4px;
}

.arrow_line.mirror {
	bottom: 5px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: auto;
}
.arrow_line.long {
	width: 35px;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	top: 7px;
	left: 1px;
}
.two_arrow.next,.two_arrow.nl  {
	float: right;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
}



/** about */

.remove-videodetector{
	display: none;
}
.videodetector {
	width: 100%;
	height: 394px;
	margin-top: 36px;
}
.videodetector iframe {
	width: 100%;
	height: 100%;
}


/** contact page */




.node-type-contact .footer_form{
	display: none;
}



.contact_social {
	float: left;
	margin-top: 25px;
	/* border-top: 1px solid #fff; */
	padding-top: 13px;
}
.contact_social hr {
	border-top: 1px solid #fff;
	width: 41px;
	margin: 0px 0 18px;
}

.contact_social a {
	margin: 0 16px 0 0;
}
.contact_social svg {
	color: #fff;
}


/** contact */

.contact_map_wrapper{
	height: 40vh;
	overflow: hidden;
}
.contact_map_wrapper #map {
	height: 100%;
}
.contact_content .text_content svg.svg-inline--fa {
	width: 1.1em;
	height: 1.1em;
	vertical-align: -0.125em;
}

.node-type-webform .footer_wrapper{
	margin-top: 0;
}

.map_canvas {
	height: 100%;
}

.map_shadow {
	width: 100%;
	height: 100px;
	background: #000;
	filter: blur(10px);
	position: absolute;
	z-index: 10;
	top: -75px;
	left: -50px;
	opacity: 0.3;

	-moz-transform: rotate(-1.5deg);
	-webkit-transform: rotate(-1.5deg);
	transform: rotate(-1.5deg);
}



.contact_form_wrapper {
	width: 100%;
	margin: 0 0 60px;
	background: #ebebeb;
	float: left;
	padding: 45px;
}
.contact_form_wrapper .form-item.webform-component.webform-component-textfield.webform-component--msg {
	width: 100%;
}
.contact_form_wrapper .webform-component {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.contact_form_wrapper h2 {
	margin: 0 0 10px;
}
.general_form_wrapper {
	border-top: 1px solid #ccc;
	float: right;
	padding: 30px;
	width: 70%;
}

.form-textarea-wrapper {
}
label {
	float: left;
	letter-spacing: 0.5px;
	line-height: 38px;
	margin: 0 !important;
	display: none;
}
input {
	border: none;
	font-size: 15px;
	text-align: left;
	text-indent: 0;
	color: #333;
	line-height: 17px;
	font-style: italic;
	font-family: inherit;
	height: 45px;
	width: 100%;
	text-indent: 12px;
}
.contact_form_wrapper input, .contact_form_wrapper textarea {
	width: 100%;
	float: right;
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: 0px 0 7px #ccc;
}
/* Fluent Forms' own default stylesheet (.ff-default .ff-el-form-control) is two
   classes — more specific than `.contact_form_wrapper input` above — so it wins
   and adds a border/radius/padding prod's old Drupal Webform fields never had.
   Match the same two-class-plus-type specificity to restore the flat prod look.
   Height is left alone so the existing desktop/mobile `input`/`textarea` height
   rules elsewhere in this file keep controlling it unchanged. */
.contact_form_wrapper input.ff-el-form-control {
	border: none;
	border-radius: 0;
	padding: 0;
	font-family: 'Lora', serif;
	color: #333;
	line-height: 17px;
}
.contact_form_wrapper textarea.ff-el-form-control {
	border: none;
	border-radius: 0;
	padding: 16px 12px 0;
	min-height: 0;
	font-family: 'Lora', serif;
	color: #333;
	overflow: hidden;
	transition:
		height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		max-height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		min-height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		padding 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
/* Message: expands downward on focus (and stays open while it has text) for
   comfortable multi-line typing — same behavior as the footer contact form's
   message field (see .footer_newsletter rule in style.css). */
.contact_form_wrapper textarea.ff-el-form-control:focus,
.contact_form_wrapper textarea.ff-el-form-control:focus-visible,
.contact_form_wrapper textarea.ff-el-form-control:not(:placeholder-shown) {
	height: 140px !important;
	min-height: 140px !important;
	max-height: 220px !important;
	padding: 12px !important;
	overflow-y: auto !important;
}
.contact_form_wrapper .ff-el-form-control::placeholder {
	font-family: 'Lora', serif;
	font-style: italic;
	color: #757575;
	opacity: 1;
}
/* Fluent Forms defaults each field group to a 20px gap; prod's old Webform
   markup only had 10px between fields. */
.contact_form_wrapper .ff-el-group {
	margin-bottom: 10px;
}
.contact_form_title {
	margin-bottom: 30px;
}


.contact_form_wrapper .form-actions input[type="submit"] {
	background: none;
	color: #102342;
	font-style: italic;
	text-align: right;
	height: auto;
	padding: 0;
	transition: 0.15s all;
	width: auto;
	box-shadow: none;
	font-size: 23px;
	line-height: 27px;
	margin: 12px 0 -9px;
}
.contact_form_wrapper .form-actions input[type="submit"]:hover{
	color:#e6c867;
}
/* Contact page now uses Fluent Forms (button.ff-btn-submit) instead of the
   Drupal webform markup above; Fluent Forms also injects its own inline
   <style> with a gold background, so this needs !important to win. Rebuilds
   the same text-link look as the rule above. */
.contact_form_wrapper .ff_submit_btn_wrapper {
	text-align: right !important;
}
.contact_form_wrapper .ff-btn-submit {
	background: none !important;
	color: #102342 !important;
	font-family: 'Lora', serif !important;
	font-style: italic;
	font-weight: 400 !important;
	height: auto;
	padding: 0 !important;
	transition: 0.15s all;
	width: auto;
	box-shadow: none;
	font-size: 23px;
	line-height: 27px;
	letter-spacing: 1px;
	margin: 12px 0 -9px;
	border-radius: 0;
	border: none;
}
.contact_form_wrapper .ff-btn-submit:hover {
	color: #e6c867 !important;
	background: none !important;
}
textarea {
	resize: none;
	border: none;
	font-style: italic;
	font-family: inherit;
	text-align: left;
	padding: 16px 12px 0;
	color: #fff;
	font-size: 15px;
	color: #333;
	height: 50px;
	width: 100%;
}
.grippie{
	display: none !important;
}
select {
	/*border: 1px solid #ccc;
	width: 100%;
	height: 50px;
	text-align: center;*/
}
.webform-component-textarea {
	width: 100%;
}
.form-actions input {
	background: none;
	cursor: pointer;
	border: none;
	color: #fff;
	text-align: right;
	font-style: italic;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0;
}

.general_form_wrapper h2{
	color:#1fb58f;
}
/*
.messages--error{
	display: none !important;
}
*/
/*
.messages--error{
	display: none !important;
}
div.messages--error {
	width: 100%;
	padding: 0;
}
div.messages--error li {
	color: red;
	font-weight: bold;
}
*/

.required.error {
	/* border: red 1px solid; */
	background-color: lightpink;
}


.links{
	display: none !important;
}



/** map */

.map_wrapper {
	margin: 33px 0px;
	height: 300px;
}

.map_wrapper iframe{
	width: 100%;
	height: 300px;
}






	/**** flexslider */
.flex-caption {
	color: #fff;
	position: absolute;
	bottom: 22px;
	width: 100%;
	text-align: center;
}
.x_relative {
	cursor: pointer;
	display: table;
	right: 30px;
	height: 30px;
	margin-left: 0;
	margin-right: 0;
	top: 30px;
	position: fixed;
	width: 30px;
	z-index: 500;
}
.x_relative svg {
	color: #fff;
	font-size: 24px;
}
.x_line {
	background: #222 none repeat scroll 0 0;
	height: 24px;
	left: 13px;
	position: absolute;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 3px;
}
.x_line.mirror {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.fullsize_gallery {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 25px;
	z-index: 107;
	left: 0;
	background-color: rgba(0,0,0,0.9);
}
.fullsize_gallery .flexslider {
	display: block !important;
}
.fullsize_gallery .slides {
	position: relative;
	height: 100%;
}
.fullsize_gallery .slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.flexslider .slides img {
	width: auto;
	max-height: 100%;
}


.image_title_text {
	display: table;
	margin: 0 auto;
	text-shadow: 0 2px 4px #000;
}
.image_title .x_relative {
	margin-left: 18px;
	margin-top: 19px;
	position: fixed;
	top: 0;
}


/**** hotel amenities */
.hotel_amenities {
	border-top: 1px solid #ccc;
}
.hotel_amenities > div {
	margin-bottom: 30px;
	padding-top: 40px;
	margin-top: 60px;
}

.hotel_amenities table {
	width: 100% !important;
	table-layout: fixed;
}

.hotel_amenities td {
	background: #f1f1f1;
	color: #033e6a;
	padding: 25px;
	border: 4px solid #fff;
}

.hotel_amenities h1,.hotel_amenities h1::before {
	background: none;
}

.hotel_amenities h2 {
	margin-bottom: 9px;
}
.hotel_amenities td p + h2 {
	margin-top: 20px;
}
.hotel_amenities td p {
	padding-left: 14px;
}
.hotel_amenities td p::before {
	content: "";
	width: 5px;
	height: 5px;
	background: #000;
	float: left;
	border-radius: 90px;
	margin-top: 11px;
	margin-left: -13px;
}


/**** footer */
.footer_newsletter form > div {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

.trip_wrapper {
	display: flex;
	flex-flow: row;
	align-items: center;
	width: 800px;
	margin: 4px auto 34px;
	justify-content: space-around;
}
.trip_wrapper img {
	width: 76px;
	height: 94px;
	transition: all 0.2s;
}

.trip_wrapper img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.trip_wrapper img:first-child {
	width: 130px;
	height: 124px;
}

.footer_wrapper table {
	width: 100% !important;
	table-layout: fixed;
	max-width: 620px;
}
.footer_logo {
	width: 132px;
	margin: 0px auto 14px;
	display: table;
}
.footer_logo svg {
  fill: #fff;
}
.footer_left_right {
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
}
.footer_wrapper {
	background: #102342;
	float: left;
	position: relative;
	width: 100%;
	padding: 50px 0 18px;
	text-align: center;
}

.footer_wrapper a {
	color: #222;
	font-size: 16px;
}


.footer_right {
	direction: ltr;
}
.footer_right svg {
	font-size: 14px;
	margin-right: 12px;
}
.footer_wrapper textarea{
	 color:#fff;
 }


.footer_right p,.footer_right a{
	color: #fff;
	margin: 0 0 0px;
	padding: 0;
}
.footer_right h2{
	color: #fff;
}

.footer_social {
	margin: 4px 0 0;
	color: #c09536;
	letter-spacing: 1.0px;

}

.footer_social svg,
.footer_social i {
	font-size: 21px;
	margin-left: 21px;
	color: #fff;
	margin-top: 1px;
	float: right;
}
.footer_bottom {
	width: 100%;
	float: left;
	border-top: #c09536 solid 1px;
	padding-top: 22px;
	margin-top: 40px;
}



/** footer newsletter */
.footer_wrapper .webform-confirmation {
	padding: 8px 20px;
	color: #fff;
	margin-top: 0;
	width: 100%;
	font-size: 20px;
	float: right;
	text-align: left;
	/* line-height: 62px; */
}
.footer_wrapper .webform-confirmation p {
	font-size: 17px;
	line-height: 24px;
}
.footer_newsletter {
	color: #c09536;
	line-height: 33px;
	margin-top: 32px;
	display: flex;
	justify-content: center;
	border: #c09536 solid 1px;
	padding: 15px 20px;
	width: 90%;
}
.footer_newsletter > div {
	float: right;
	width: 100%;
	margin-left: 20px;
}

.footer_newsletter .webform-component--tel{
	/*display: none;*/
}
.footer_newsletter > div .form-item {
	width: auto;
	float: left;
	margin-right: 1%;
}
.footer_wrapper label {
	font-size: 14px;
	letter-spacing: 0;
}
.footer_wrapper h2 {
	color: #fff;
	/* font-style: italic; */
	margin-bottom: 17px;
	letter-spacing: 0.5px;
	font-size: 23px;
}
.footer_wrapper a, .footer_wrapper p {
	color: #d0d0d0;
	line-height: 28px;
	font-size: 13px;
}
.footer_newsletter input, .footer_newsletter textarea {
	/* background: #000; */
	border: 1px solid #c09536;
	color: #000;
}
.footer_newsletter > div .form-item.webform-component--mssg {
	width: 126%;
	margin-left: 1%;
}
.footer_newsletter textarea {
	padding-top: 10px;
	height: 45px;
	width: 100%;
}
.footer_wrapper .form-actions input {
	background: #c09536;
	font-size: 14px;
	float: right;
	width: 102px;
	text-align: center;
	padding: 0;
	text-indent: 0;
	text-transform: uppercase;
}
.node-type-webform .footer_form{
	display: none;
}
.footer_newsletter > span {
	line-height: 43px;
}




/** credits */
.credits {
	height: 43px;
	padding: 0;
}
.credits a, .credits p {
	font-size: 14px;
	margin: 0 20px;
	direction: rtl;
}




/** on square screens */
@media only screen
and (max-width : 1300px)
and (orientation : landscape) {

	.stage_width{
		width: 95%;
	}
	.menu_wrapper a {
		padding: 0 10px;
	}

	#sb-container {
        margin-left: 108px;
		transform: scale(0.8);
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		
    }
	.pereh_b{
		display: none;
	}
	

}





/* Smartphones (hor) ----------- */
@media only screen
and (max-width : 760px)
and (orientation : landscape) {


}
/* Smartphones (portrait) ----------- */
@media only screen
and (orientation : portrait),
only screen
and (max-width : 760px)
and (orientation : landscape)
{

	p img {
		width: 100% !important;
		height: auto !important;
	}
	.pereh_b {
		width: 50px;
		top: 4px;
		right: 156px;
		display: block;
		position: relative;
		margin-left: 63px;
		float: left;
	}

	.sb__footer {
		position: relative;
		right: auto;
		padding: 0;
		margin-top: 16px;
		left: auto;
	}

	#sb-container_sb__form-field--checkavailability {
		max-width: 100% !important;
		width: 100% !important;
		margin-top: 28px;
	}

	.book .engine_title {
		line-height: 33px;
		font-size: 26px;
		color: #333;
		margin: 0;
	}

	.book .engine_wrapper {
		background: #fff;
	}

	#sb-container {
		max-width: 100vw !important;
		margin-top: 20px;
	}

	.book .close_engine_b {
		margin: 10px 0;
	}

	/**** floating reasons */

	.floating_reasons_wrapper {
		left: 0;
		top: 100%;
		width: 98%;
	}

	.floating_reasons_wrapper.show {
		top: 200px;
	}
	.floating_reasons_b {
		top: -49px;
		right: 45%;
		/* border-radius: 90px 90px 0 0; */
		transform: rotate(-90deg);
	}


	/*popup*/
	.popup_wrapper .round_icon {
		width: 100%;
	}
	.popup_wrapper .round_icon::after, .popup_wrapper .round_icon::before {
		width: 42%;
	}
	.popup_wrapper img{
		max-width: 100%;
	}


	/*popup*/

	.btn_accessibility {
        top: auto !important;
        bottom: 10px !important;
        right: 0 !important;
        left: auto !important;
    }

	/* Homepage special offers: one full-width card per row on mobile
	   (desktop keeps the 3-up flex row). Gives room to read/tap CTAs. */
	.offer-ul-hp {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 28px;
		padding: 0 4%;
	}
	.offer-li-hp {
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding-bottom: 8px;
		transform: none;
	}
	.offer-li-hp:hover {
		transform: none;
	}

	.offer_thumb_text a {
		margin: 30px auto 0;
	}

	.offer_thumb_text {
		text-align: center;
	}

	.hp_component_wrapper .offer-li-hp a {
		float: none;
		margin: 20px auto 8px;
		display: inline-block;
	}
	.hide{
		display: none !important;
	}

	.arrow_down::before {
		content: "Enter Website";
		position: absolute;
		color: #fff;
		width: 200px;
		text-align: center;
		top: -34px;
	}

	.i18n-he .arrow_down::before{
		content: "כניסה לאתר";
	}



	.engine-holder.specail-langheb.engine-type-main.step-2 {
		display: block !important;
	}
	.engine-type-main .bottom-engine-holder .engine-button-row, .engine-type-deal .bottom-engine-holder .engine-button-row {
		float: right !important;
		width: 100% !important;
		margin: 0 !important;
	}
	#booking-engine-holder input#searchButton {
		color: #fff;
		width: 100% !important;
		max-width: 100%;
	}

	.footer_wrapper form > div {
		display: flex;
		flex-flow:column ;
	}



	.giftcard_b {
		position: relative;
		float: left;
		left: auto;
		margin-left: 10px;
		width: 50px;
		top: 19px;
		display: none;
	}
	.giftcard_b::after {
		content: "GIFT CARD";
		color: #e6c867;
		font-size: 10px;
		line-height: 12px;
		position: absolute;
		width: 100%;
		text-align: center;
		left: 0;
		bottom: -3px;
	}

	.round_icon {
		width: 100%;
	}
	.round_icon::after, .round_icon::before {
		width: 25%;
	}

	.slick-prev, .slick-next {
		position: absolute;
		z-index: 5;
		height: 65px;
		background: #0005;
		top: 50%;
		width: 40px;
		overflow: hidden;
		font-size: 0px;
		border: 0;
		cursor: pointer;
		margin-top: -30px;
	}
	.rooms_general_text {
		position: relative;
		height: auto;
		padding: 50px 5%;
		mix-blend-mode: unset;
		top: 0;
	}
	.rooms_wrapper {
		position: relative;
		top: auto;
		left: 0;
	}
	.footer_newsletter > div .form-item.webform-component--mssg {
		width: 100%;
		margin-left: 0;
		height: 180px;
	}
	.footer_newsletter textarea {
		width: 100%;
		height: 100%;
	}
	.trip_wrapper {
		width: 100%;
		display: block;
	}
	.trip_wrapper img:first-child {
		width: 100%;
		object-fit: contain;
		object-position: center;
	}
	.trip_wrapper img {
		width: 15%;
		height: auto;
		margin: 1%;
	}
	.hpmap, #map {
		height: 250px;
	}
	.mylazy {
		max-width: 100%;
	}
	.jerusalem_b_wrapper {
		/*margin-left: -5vw;*/
		height: 96px;
		margin-left: 0;
		max-width: 100%;
	}
	.jerusalem_b_wrapper .slick-track img {
		height: 200px;
	}
	.jerusalem_b {
		width: 90vw;
		height: 31vw;
	}
	.slick_jerusalem.slick-initialized.slick-slider {
		height: 30vw;
		overflow: hidden;
	}
	.jerusalem_b_text {
		position: absolute;
		z-index: 1;
		top: 23px;
		left: 0;
		width: 100%;
	}

	.jerusalem_b_text h2 {
		font-size: 26px;
	}
	.slick_jerusalem img {

	}
	.slick_jerusalem .slick-list {
		width: 90vw;
	}

	.hp_component_wrapper div.hp_icons_wrapper {
		justify-content: space-around;
		margin-top: 30px;
	}
	.hp_component_wrapper div.hp_icon {
		width: 26%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 17px;
	}
	.hp_component_wrapper div.hp_icon span {
		font-size: 12px;
		text-align: center;
		line-height: 17px;
	}
	.hpstrip {
		height: 80vh;
	}
	.fixed_image iframe {
		width: 190vh;
		height: 215vh;
		margin-top: -52vh;
	}
	.show_all hr {
		width: 20%;
	}
	.offer-li-hp h2 {
		padding: 20px 22px 7px;
	}

	.hover_blue_fx:hover .hpstrip_text h2 {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.hover_blue_fx .hpstrip_text p {
		height: auto;
		margin: 26px 0;
	}

	.hpstrip_text .round_icon {
		display: none;
	}

	.paragraphs-items-field-hp-slider-item {
		flex-flow: column;
		height: auto;
	}
	.hp_slide_item {
		width: 100%;
		height: auto;
	}
	.hp_slide_item_overlay {
		display: none !important;
	}
	.hp_slide_item > a {
		flex-flow: column-reverse;
		position: relative;
	}
	.hp_slide_item h1, .hp_slide_item h2 {
		color: #102342;

		text-shadow: none;
	}
	.show_all {
		width: 100%;
	}
	.hp_slide_item .blue_overlay {
		display: none;
	}
	.hp_slide_item img {
		position: relative;
		height: auto;
	}
	.hover_blue_fx .hpstrip_text p {
		height: auto;
		margin: 0;
	}
	.hp_slide_item p{
		color: #102342;
	}
	.hp_slide_item {
		border: none;
		outline: none;
		width: 90%;
		height: auto;
		margin: 8px 5%;
		overflow: visible;
		display: block;
	}
	.slick-slide, .slick-list, .slick-track {
		height: auto;
	}

	.hp_text {
		padding: 30px 0;
	}

	.hover_blue_fx:hover .hpstrip_text p{
		opacity: 1;
		height: auto;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.offer-li-hp.trns {
		transition: all 0.1s ease-out;
	}

	.only_mobile.hp_fx_top, .only_mobile.hp_fx_bottom {
		display: flex;
	}

	.hp_fx_top, .hp_fx_bottom {
		height: 50vh;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		transition: all 1.5s ease-in;
		box-shadow: 0 0 30px #000;
	}
	.hp_fx_bottom {
		top:auto;
		bottom: 0;
	}

	.hp_fx_top.open {
		top: -60vh;
	}
	.hp_fx_bottom.open {
		bottom: -60vh;
	}

	.hp_fx_bottom .brown_b.book_b {
		position: relative;
		margin: -41vh 0 0;
		top: auto;
		left: auto;
		font-weight: bold;
	}

	.hp_fx_top .logo {
		margin: 0;
		right: auto;
		position: relative;
		width: 150px;
		height: 150px;
	}
	.hp_fx_top .logo svg {
		fill: #fff;
	}
	.arrow_down .ham_line {
		width: 19px;
		margin: 0;
		height: 30px;
		-moz-transform: rotate(-55deg);
		-webkit-transform: rotate(-55deg);
		transform: rotate(-55deg);
		margin-left: -1px;
	}
	.arrow_down .ham_line.mirror {
		-moz-transform: scaleY(-1) rotate(-55deg);
		-webkit-transform: scaleY(-1) rotate(-55deg);
		transform: scaleY(-1) rotate(-55deg);
		margin-left: -29px;
	}

	.arrow_down {
		width: 50px;
		height: 50px;
		border-radius: 90px;
		border: 1px solid #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: row;
		padding-top: 1px;
		position: absolute;
		bottom: 40px;
		padding-right: 2px;
		direction: ltr;
	}


	.iframe_wrapper.stage_width {
		display: none;
		/* box-shadow: 0 0 30px #000; */
		height: 100%;
		padding: 30px 5%;
		position: fixed;
		top: 139px;
	}
	.header_book_b {
		position: absolute;
		left: 58px;
		top: 14px;
		text-align: center;
		font-weight: 300;
		font-size: 15px;
		line-height: 16px;
		color: #e6c867;
		background: none;
		padding: 5px 10px;
		width: auto;
	}
	.header_book_b.active {
		border: 1px solid #e6c867;
	}

	.only_desktop,.easy-breadcrumb, .book .overlay,.show_popup_form_b,.bc,.popup_b,.by{
		display: none !important;
	}
	.only_mobile{
		display: block;
	}

body{
	overflow-x:hidden;
	background:#fff;
}

	p {
		font-size: 14px;
		line-height: 20px;
	}
	h1 {
		font-size: 32px;
		line-height: 34px;
		margin: 0 0 16px;
		letter-spacing: 0;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 7px;
		margin-top: 1px;
	}

	h3 {
		font-size: 24px;
		line-height: 28px;
		margin-top: 10px;
	}

	a:hover,a:hover *{
		text-decoration: none;
	}

	/*span.line {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
*/

#page_wrapper{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
float: none;
margin: 0 auto;
width: 100%;
}
#page{
	width: 100%;
}
#main{
	float: left;
	margin: 70px 0 0 !important;
	padding: 0 0 0;
	width: 100%;
}


	.menu_opened #main {
		margin-left: 100%;
	}

#content{
	padding:0 !important;
	margin:0 !important;
	border:none;
	overflow:hidden;
	width:100%;
}
#content li{
}

/**header */
	#header .logo {
		display: none;
	}
	.ham_line svg path {
		fill: #fff;
	}
	#header > .book_b {
		position: relative;
		float: right;
		left: auto;
		top: auto;
		margin: 0;
		/*width: auto;*/
		width: 200px;
		max-width: 50%;
		text-align: center;
		height: auto;
		/*padding: 10px 8px;*/
		padding: 15px 15px;
		margin-top: 7px;
		margin-right: 5%;
		display: block;
		font-weight: bold;
	}

	#header_wrapper {
		top: 0;
		left: 0;
		height: 70px !important;
		margin: 0;
		width: 100%;
		position: fixed !important;
		z-index: 50;
		box-shadow: 0 0 6px #0009;
	}
	#header {
		position: relative;
		width: 100%;
		height: 70px;
		padding: 0;
		background: #102342;
	}

	/*
	 * Home + Rooms mobile: transparent chrome over the full-bleed video hero
	 * until the video has nearly left the viewport (body.header_solid —
	 * toggled in chrome.js), then restore the solid navy bar + gold Book Now.
	 * Overlay chrome keeps Order Now visible but without the gold fill.
	 * #main stays flush to the top so the video still covers the full
	 * viewport under the overlay header.
	 */
	.node-type-homepage #header_wrapper,
	.node-type-rooms #header_wrapper,
	.node-type-homepage #header,
	.node-type-rooms #header,
	.node-type-homepage #header > .book_b,
	.node-type-homepage #header > .book_b.brown_b,
	.node-type-rooms #header > .book_b,
	.node-type-rooms #header > .book_b.brown_b,
	.node-type-homepage #header a.click2call,
	.node-type-rooms #header a.click2call {
		transition: background-color 0.45s ease, color 0.45s ease, box-shadow 0.45s ease, opacity 0.45s ease, visibility 0.45s ease;
	}
	.node-type-homepage:not(.header_scrolled) #header > .book_b,
	.node-type-homepage:not(.header_scrolled) #header > .book_b.brown_b,
	.node-type-rooms:not(.header_scrolled) #header > .book_b,
	.node-type-rooms:not(.header_scrolled) #header > .book_b.brown_b,
	.node-type-homepage:not(.header_scrolled) #header a.click2call,
	.node-type-rooms:not(.header_scrolled) #header a.click2call {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.node-type-homepage.header_scrolled #header > .book_b,
	.node-type-homepage.header_scrolled #header > .book_b.brown_b,
	.node-type-rooms.header_scrolled #header > .book_b,
	.node-type-rooms.header_scrolled #header > .book_b.brown_b,
	.node-type-homepage.header_scrolled #header a.click2call,
	.node-type-rooms.header_scrolled #header a.click2call {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.node-type-homepage:not(.header_solid) #header_wrapper,
	.node-type-rooms:not(.header_solid) #header_wrapper {
		background: transparent;
		background-color: transparent;
		box-shadow: none;
	}
	.node-type-homepage:not(.header_solid) #header,
	.node-type-rooms:not(.header_solid) #header {
		background: transparent;
	}
	.node-type-homepage:not(.header_solid) #header > .book_b,
	.node-type-homepage:not(.header_solid) #header > .book_b.brown_b,
	.node-type-rooms:not(.header_solid) #header > .book_b,
	.node-type-rooms:not(.header_solid) #header > .book_b.brown_b {
		background: transparent;
		background-color: transparent;
		color: #fff;
		box-shadow: none;
	}
	.node-type-homepage:not(.header_solid) #header > .book_b:hover,
	.node-type-homepage:not(.header_solid) #header > .book_b.brown_b:hover,
	.node-type-rooms:not(.header_solid) #header > .book_b:hover,
	.node-type-rooms:not(.header_solid) #header > .book_b.brown_b:hover,
	.node-type-homepage:not(.header_solid) #header > .book_b:active,
	.node-type-homepage:not(.header_solid) #header > .book_b.brown_b:active,
	.node-type-rooms:not(.header_solid) #header > .book_b:active,
	.node-type-rooms:not(.header_solid) #header > .book_b.brown_b:active {
		background: transparent;
		background-color: transparent;
		color: #fff;
	}
	.node-type-homepage:not(.header_solid) #header a.click2call,
	.node-type-rooms:not(.header_solid) #header a.click2call,
	.node-type-homepage:not(.header_solid) #header a.click2call .fa,
	.node-type-rooms:not(.header_solid) #header a.click2call .fa,
	.node-type-homepage:not(.header_solid) #header a.click2call i,
	.node-type-rooms:not(.header_solid) #header a.click2call i {
		color: #fff;
	}

	/* Scrolled: restore original mobile navy header + gold Book Now. */
	.node-type-homepage.header_solid #header_wrapper,
	.node-type-rooms.header_solid #header_wrapper {
		background-color: transparent;
		box-shadow: 0 0 6px #0009;
	}
	.node-type-homepage.header_solid #header,
	.node-type-rooms.header_solid #header {
		background: #102342;
	}
	.node-type-homepage.header_solid #header > .book_b,
	.node-type-homepage.header_solid #header > .book_b.brown_b,
	.node-type-rooms.header_solid #header > .book_b,
	.node-type-rooms.header_solid #header > .book_b.brown_b {
		background: #e6c867;
		background-color: #e6c867;
		color: #5a4e28;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.node-type-homepage.header_solid #header > .book_b:hover,
	.node-type-homepage.header_solid #header > .book_b.brown_b:hover,
	.node-type-rooms.header_solid #header > .book_b:hover,
	.node-type-rooms.header_solid #header > .book_b.brown_b:hover,
	.node-type-homepage.header_solid #header > .book_b:active,
	.node-type-homepage.header_solid #header > .book_b.brown_b:active,
	.node-type-rooms.header_solid #header > .book_b:active,
	.node-type-rooms.header_solid #header > .book_b.brown_b:active {
		background: #5a4e28;
		background-color: #5a4e28;
		color: #e6c867;
	}
	.node-type-homepage.header_solid #header a.click2call,
	.node-type-rooms.header_solid #header a.click2call {
		color: #fff;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.node-type-homepage #main,
	.node-type-rooms #main {
		margin-top: 0 !important;
	}


	.logo {
		height: 52px;
		margin-top: 11px;
		width: auto;
		width: 81px;
		left: auto;
		right: 5%;
		background-repeat: no-repeat;
	}




/*** general */
	.book .engine_title {
		line-height: 33px;
		font-size: 26px;
	}
	.book .book_x {
		left: 5%;
		top: 29px;
		-moz-transform: scale(0.7) rotate(180deg);
		-webkit-transform: scale(0.7) rotate(180deg);
		transform: scale(0.7) rotate(180deg);
	}
	.book #booking-engine-holder {
		left: 3%;
		top: 80px;
		margin: 0;
		width: 90% !important;
		height: 100vh;
	}

	.h500{
		height: 200px;
	}

	.hotel_amenities td {
		display: block;
	}
	.hotel_amenities > div {
		margin-bottom: 30px;
		padding-top: 40px;
		margin-top: 0px;
	}

	/*img:not(.slick-slide) {
		width: 100% !important;
		height: auto;
		margin-top: 0;
		float: left;
	}*/

	#main > .stage_width:first-child, #main > .contact_content {
		margin-top: 30px;
	}

	.text_content {
		margin-top: 0;
	}
	.stage_width,.w19,.w30,.w42,.w47,.w48,.w49,.w60,.w65,.w72,.w75,.w80,.w100,.w870px,.contact_form_wrapper,.mobile_w100,.w49-5 {
		width: 100%;
	}
	.padding40 {
		padding: 5%;
	}
	.stage_width {
		padding: 0 5%;
		float: left;
	}
	.stage_width .stage_width,.footer_wrapper .stage_width {
		padding: 0;
	}
	.footer_right.w100 h2 {
		text-align: right;
	}
	.w30.text_content {
		margin-top: 0;
	}
	.lang_wrapper {
		border-color: unset;
		top: auto;
		right: auto;
		position: relative;
		/* right: auto; */
		float: left;
		margin-left: 48px;
		margin-top: -8px;
	}
	.lang_wrapper a {
		font-size: 18px;
		background: none;
		color: #fff;
		text-transform: uppercase;
	}
	.left_wrapper {
		opacity: 1;
		/* Keep off-canvas menu sized to the visual viewport (not an inflated
		   layout width in RTL), so opening/closing cannot widen the page. */
		width: 100vw;
		max-width: 100vw;
		left: -100vw;
	}
	.menu_opened .left_wrapper {
		left: 0;
	}
	.menu_icon {
		width: 95px;
		margin-top: 60px;
		display: none;
	}

	/** top slides*/
	.top_slides li {
		background-size: cover;
		background-position: center;
	}
	.top_slides, .top_slides.hp {
		height: 65vw;
		margin-bottom: 30px;
	}
	/*
	 * Homepage / rooms-style mobile Vimeo heroes fill the full viewport.
	 * The fixed header overlays them (transparent chrome on those pages).
	 */
	.node-type-homepage .top_slides.hp,
	.top_slides.hp:has(.hp_iframe_container.only_mobile) {
		height: 100svh;
		height: 100dvh;
		margin: 0;
	}
	/* Beat legacy 306px single-player rule when homepage uses one shared asset. */
	.node-type-homepage .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) {
		height: 100svh;
		height: 100dvh;
		margin: 0;
	}
	.top_slides.hp:has(.hp_iframe_container.only_mobile) .hp_iframe_container.only_mobile {
		height: 100%;
		width: 100%;
		padding-bottom: 0;
		overflow: hidden;
	}
	.top_slides.hp:has(.hp_iframe_container.only_mobile) .hp_iframe_container.only_mobile .alegra-hero-poster {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-top: 0;
		object-fit: cover;
	}
	.top_slides.hp:has(.hp_iframe_container.only_mobile) .hp_iframe_container.only_mobile iframe {
		/* Cover-crop 9:16 into the hero box (oversized + centered). */
		width: max(100%, 56.25vh);
		height: max(100%, 177.78vw);
		top: 50%;
		left: 50%;
		margin-top: 0;
		transform: translate(-50%, -50%);
	}

	/* Single-asset homepage hero (no desktop/mobile split) — same cover-crop. */
	.node-type-homepage .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) .hp_iframe_container {
		height: 100%;
		width: 100%;
		padding-bottom: 0;
		overflow: hidden;
	}
	.node-type-homepage .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) .alegra-hero-poster {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-top: 0;
		object-fit: cover;
	}
	.node-type-homepage .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) iframe {
		width: max(100%, 56.25vh);
		height: max(100%, 177.78vw);
		top: 50%;
		left: 50%;
		margin-top: 0;
		transform: translate(-50%, -50%);
	}

	/* Legacy single-iframe mobile hero (no desktop/mobile split) — non-homepage. */
	body:not(.node-type-homepage) .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) {
		height: 306px;
		margin: 0;
	}
	body:not(.node-type-homepage) .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) .hp_iframe_container {
		height: auto;
		padding: 0;
		overflow: visible;
	}
	body:not(.node-type-homepage) .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) .alegra-hero-poster {
		top: 50%;
		left: 0;
		width: 100%;
		height: 306px;
		margin-top: -153px;
	}
	body:not(.node-type-homepage) .top_slides.hp:not(:has(.hp_iframe_container.only_mobile)) iframe {
		height: 348px;
		width: 600px;
		margin-top: -181px;
		left: -129px;
		top: 0;
	}
	.top_slides .stage_width {
		height: 90px;
	}

	/** blog */


	/** contact */
	.webform-component-textarea {
		height: 108px;
	}
	.contact_form_wrapper textarea {
		height: 107px;
		padding: 8px 14px;
		font-size: 15px;
	}
	/* Re-assert mobile padding: the desktop `.ff-el-form-control` override
	   above (0,2,1 specificity) would otherwise beat this rule (0,1,1) and
	   force the desktop padding here too. */
	.contact_form_wrapper textarea.ff-el-form-control {
		padding: 8px 14px;
	}



	/** homepage */

	.stage_width.hp_text {
		margin: 0;
	}

	.hp5_item{
		width: 32%;
	}
	.hp5_item {
		width: 32%;
		margin-bottom: 2%;
	}
	.hp5_item:nth-child(5) {
		overflow: hidden;
		height: calc(100vw*0.475);
		width: 66%;
	}
	.paragraphs-items-field-hp-item5 {
		flex-flow: wrap;
	}
	.hp5_item_white_text {
		font-size: 18px;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}

	.hp_component_wrapper .w32 {
		margin-bottom: 20px;
	}
	.hp_reviews_wrapper {
		padding: 30px 0;
	}
	.hp_gallery_wrapper {
		background-size: 2%;
	}

	.paragraphs-items-field-hp-component {
		margin-top: 0;
	}
	.node-type-homepage h1 {
		font-size: 26px;
		line-height: 29px;
	}
	.hp-image-ul {
		margin-top: 20px;
	}
	.hp_reason_popup_b {
		left: 5%;
		top: 79px;
		-moz-transform: scale(0.8) !important;
		-webkit-transform: scale(0.8) !important;
		transform: scale(0.8) !important;
	}
	.show_reason_popup .hp_reason_popup_b {
		left: 5%;
		margin-left: 0;
		top: 62px;
		z-index: 12;
		/* right: 5%; */
	}
	.hp_reason_popup h2 {
		text-indent: 0;
		padding-left: 70px;
	}
	.hp_reason_popup {
		top: 74px;
		left: 5%;
		margin: 0;
		width: 90%;
	}


	/** image gallery */
	.gallery_items li {
		border-width: 1px;
	}

	/** attractions */
	.attractions_items li {
		width: 100%;
	}
	.gallery_subs ul {
		margin: 30px 0 8px;
	}
	.gallery_subs li {
		height: 34px;
	}
	.gallery_subs li a {
		padding: 3px 15px 0 15px;
	}

	/** offers */
	.offer-li h2 {
		position: relative;
		color: unset;
		top: auto;
		margin-bottom: 12px;
	}
	.offer_image {
		height: calc(90vw*.6) !important;
	}
	.offer-ul {
		width: 100%;
		margin-top: 40px;
	}
	.offer-li {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 5% !important;
	}
	.offer-li:nth-child(1) .offer_text, .offer-li:nth-child(7) .offer_text {
		position: relative;
		bottom: auto;
		opacity: 1;
	}
	.offer-li .round_icon{
		display: none;
	}

	.offer_img .blue_overlay{
		opacity: 0;
	}



	/** slick */
	.top_image .slick-track {
		height: auto;
	}

	.slick-track {
		width: 100%;
		height: 100%;
	}
	.vh96 .slick{
		height: 100%;

	}
	.slick-list{
		height: 100%;
	}

	/********* menu */

	.mobile_menu {
		background: #000 none repeat scroll 0 0;
		height: 100vh;
		position: fixed;
		width: 100%;
		z-index: 56;
		left: -100%;
	}
	.menu_opened .mobile_menu {
		left: 0;
	}

	.menu_wrapper {
		/* border-top: 1px solid #ccc; */
		float: right;
		/* margin-top: 17px; */
		width: 100%;
		/* padding-top: 22px; */
	}
	.menu_opened .menu_wrapper {
		left: 0;
		margin-top: 150px;
	}

	.menu_wrapper li {

		padding: 0;
		width: 100%;
	}
	#mymenu {
		background: #000 none repeat scroll 0 0;
		height: 35px;
		padding: 0;
		position: fixed;
		right: -100%;
		text-align: center;
		top: 72px;
		width: 100%;
		transition: 0.2s all ease-out;
	}
	.menu_wrapper li a.active::before, .menu_wrapper li a:hover::before {
		display: none;
	}

	.menu_open #mymenu {
		right: 0;
	}


	.left_section_wrapper {
		left: -100%;
		width: 85%;
		z-index: 150;
	}

	.ham_wrapper {
		right: auto;
		left: 5%;
		top: 12px;
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.menu_opened .ham_wrapper {
		right: 5%;
		left: auto;
		margin-top: 15px;
	}
	.menu_logo {
		margin: 80px auto 0;
		position: absolute;
		top: -22px;
		left: 50%;
		width: 52%;
		margin-left: -26%;
		background: #102342;
		padding: 20px 16% 8px;
		box-shadow: 0 -8px 8px #0009;
	}
	.left_header {
		background: #0b1322;
		float: left;
		width: 100%;
		height: 70px;
		position: absolute;
		left: 0;
		top: 0;
		padding-top: 24px;
	}

	.menu_wrapper ul.menu li::before,.menu_wrapper li a::before{
		display: none;
	}

	.menu_opened #page_wrapper {
		margin-left: 100%;
	}
	.menu_opened #header_wrapper {
		left: 100%;
	}
	.click2wrapper {
		padding: 0;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		z-index: 30;
	}
	.menu_opened .click2wrapper {
		left: auto;
		position: relative;
		top: auto;
	}
	.left_top {
		margin: -5px auto 0;
		display: table;
		/* float: left; */
	}
	.left_top .click2.click2email {
		font-size: 21px;
		margin-left: 42px;
		margin-top: -2px;
	}
	a.click2 {
		position: relative;
		right: auto;
		top: 26px;
		float: left;
		left: 75px;
	}
	a.click2 svg, a.click2 svg path {
		fill: #fff;
	}
	a.click2 span {
		display: none;
	}
	.click2.click2email {
		font-size: 21px;
		margin-left: 29px;
		margin-top: -2px;
	}

	.menu_footer_social svg {
		font-size: 18px;
		margin-right: 22px;
	}

	.menu_wrapper a::after {
		display: none;
	}
	.left_wrapper .click2 {
		top: 0;
		left: 5%;
		/* FA phone/envelope icons (not SVG) — match the white language control. */
		color: #fff;
	}
	.left_wrapper .click2 .fa,
	.left_wrapper .click2 i {
		color: #fff;
	}
	.menu_footer_social svg {
		margin: 0 10px;
	}


	.menu_wrapper ul.menu {
		float: right;
		margin-top: 10px;
		width: 100%;
		display: block;
		padding: 0;
	}
	.menu_wrapper a {
		float: right;
	}




	.menu .menu {
		display: block;
		float: none;
		height: auto;
		right: auto;
		opacity: 1;
		position: relative;
		top: auto;
		visibility: visible;
		width: 95%;
		background: #333;
		padding: 0;
		margin-top: 0px;
		margin-right: 5%;
	}

	.menu_wrapper ul ul a {

		background: #222;
	}

	.menu .menu,.menu .menu li,.menu .menu a{
		transition: none;
	}

	.menu_wrapper a {
		float: right;
		padding: 0;
		line-height: 38px;
		width: 100%;
		border: none;
		height: auto;
	}
	.menu_wrapper a.active, .menu_wrapper a:hover {
		text-decoration: none;
		border: none;
		background: #0b1322;
		padding: 0 5%;
	}
	.menu_wrapper a:hover {
	}

	.engine_wrapper {
		margin: 0;
		left: 0;
		width: 100%;
		top: 55px;
		padding: 5%;
		display: none;
		height: auto;
	}
	.show_engine .engine_wrapper {
		/*display: block;*/
	}
	.engine_wrapper > .stage_width {
		padding: 0;
	}
	.engine_title{
		display: none;
	}
	.engine_form_wrapper {
		display: block;
		width: 100%;
		height: auto;
	}
	.engine_wrapper form > div {
		display: flex;
		flex-flow: column;
		height: 100%;
		width: 100%;
		padding: 5%;
	}
	.webform-component--check-in input, .webform-component--check-out input {
		width: 69%;
	}
	.webform-component--check-in label, .webform-component--check-out label,.engine_wrapper label {
		width: 30%;
	}
	div.selector {
		padding: 0;
		width: 69%;
	}
	div.selector select, div.selector span {
		width: 100%;
	}
	.engine_wrapper .webform-component, .engine_wrapper .form-actions {
		width: 100%;
		margin-bottom: 5px;
	}
	.engine_wrapper .form-actions svg {
		float: right;
		margin-right: 5%;
		margin-top: 7px;
	}

	.left_social {
		margin: 0;
	}

	/*** homepage */
	.hp_component_wrapper .stage_width {
		display: block;
	}
	.node-type-homepage .hp_component_wrapper h1,
	.node-type-homepage .hp_component_wrapper > h2,
	.home .hp_component_wrapper h1,
	.home .hp_component_wrapper > h2 {
		font-size: 26px;
		padding: 12px;
		line-height: 30px;
		height: auto;
	}
	.hp_slide_item h1, .hp_slide_item h2 {
		font-size: 26px;
		line-height: 51px;
		border-bottom: 2px solid #e6c867;
	}
	.hpstrip_text {
		padding: 5%;
		width: 100%;
	}
	.hpstrip_text p {
		margin: 0;
		font-size: 14px;
		line-height: 18px;
	}
	.box.white_border {
		margin: 19px auto 0;
		display: table;
	}
	.node-type-homepage .hpstrip_text h1 {
		font-size: 30px;
		letter-spacing: 2px;
		line-height: 38px;
	}
	.round_icon_large {
		width: 100%;
	}

	/**full screen gallery */
	.text_on_image h1, .text_on_image h2 {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 7px;
	}
	.blockitem {
		width: 100% !important;
	}
	.blocks_wrapper {
		margin-bottom: 30px;
	}

	/* fullscreen_gallery */
	.fullscreen_gallery {
		margin-top: -104px;
		height: 100%;
	}
	.close_gallery {
		top: 0;
	}
	.fullscreen_gallery.flexslider .slides > li {
		background-size: contain;
		background-repeat: no-repeat;
	}

	/** rooms */
	.reasons {
		right: 0;
		width: 100%;
		padding: 20px 5%;
		position: fixed;
		top: auto;
		height: auto;
		display: table;
		bottom:-10px;
	}
	.rooms-ul {
		padding: 0;
	}
	.rooms-li {
		padding: 0;
		width: 100%;
		border-bottom: 30px solid #ebebeb;
		padding-bottom: 30px;
		margin: 0;
	}

	.rooms-li li {
		background-size: cover;
		background-position: center;
	}
	.rooms-li li div {
		padding: 10px;
	}

	.amenities_slick_wrapper.show_amenities {
		right: auto;
	}
	/* Exclude heading spacers — Classic (and other migrated rooms) inject
	   .alegra-heading-spacer as a direct child; float + 5% margin made its
	   title block taller than rooms without a spacer (e.g. Deluxe). */
	.room_text > div:not(.alegra-heading-spacer) {
		position: relative;
		bottom: auto;
		float: left;
		margin-bottom: 5%;
	}
	.room_under_text .book_b {
		top: 0;
		width: 50%;
		padding: 12px 15px;
		font-weight: bold;
	}
	.room_text > div:not(.alegra-heading-spacer) {
		width: 100%;
	}
	.room_text .alegra-heading-spacer {
		display: none;
	}

	.room_text {
		height: auto;
		margin-top: 25px;
	}
	.room_under_text_symbol {
		width: 25%;
		margin: 0;
		float: right;
		padding: 0;
		margin-top: 32px;
		margin-right: 19%;
	}
	.room_under_text_symbol::after {
		right: -72%;
	}
	.overflow_area {
		height: auto;
		overflow: visible;
	}
	.amenities_slick_wrapper {
		width: 100%;
		right: auto;
		position: relative;
	}
	.amenities_wrapper {
		width: 100%;
		border: 0;
		height: auto;
		padding: 5%;
		display: none;
		margin-bottom: 5%;
	}
	.show_amenities .amenities_wrapper {
		display: block;
	}
	.amenities_wrapper ul {
		columns: 1;
	}
	.rooms-li .slick {
		width: 100%;
		height: 60vw;
	}

	.slick.h100.slick-initialized.slick-slider {
		height: calc( 100vw *.6 );
	}

	/* Must match :first-of-type specificity or desktop overlay margins
	   (margin: -146px 0 98px) keep winning and leave a large gap under the gallery. */
	.room_text h1:first-of-type,
	.room_text h1 {
		height: auto;
		line-height: 47px;
		width: auto;
		display: block;
		margin: 0 0 14px;
		padding: 0;
		color: #102342;
	}
	.room_text > h2 {
		font-size: 22px;
		margin-top: 0;
		margin-bottom: 7px;
	}
	.room_amenities {
		margin-top: 30px;
		margin-bottom: 0;
	}
	/** bistro */
	.node-type-offer-index h1, .node-type-bistro h1 {
		height: auto;
		line-height: 44px;
		margin-left: -6%;
		padding-left: 5% !important;
		display: inline-block;
		width: auto;
		padding-right: 5%;
	}


	/** spa*/
	.amenity_text_content {
		margin-bottom: 40px;
	}
	.amenity_text_content .text_content {
		margin: 0;
	}

	/* events / amenity Vimeo — cover-crop into the 56vw hero band.
	   Wrapper must be height:100% (not 56%): 56% of a 56vw parent only fills
	   ~half the hero and leaves a black gap under the clipped video. */
	.top_slides.iframe {
		height: 56vw;
		position: relative;
		overflow: hidden;
	}
	/* Rooms: full-viewport hero; transparent header overlays the top. */
	.node-type-rooms .top_slides.iframe {
		height: 100vh;
		height: 100dvh;
	}
	.top_slides_iframe_wrapper {
		width: 100%;
		height: 100%;
		padding-bottom: 0;
		position: relative;
		overflow: hidden;
	}
	.top_slides_iframe_wrapper iframe {
		width: 150vw;
		height: 85vw;
		margin-top: -18vw;
		left: -27vw;
		position: absolute;
	}
	.node-type-rooms .top_slides.iframe .top_slides_iframe_wrapper iframe {
		width: max(100%, 177.78vh);
		height: max(100%, 56.25vw);
		top: 50%;
		left: 50%;
		margin-top: 0;
		transform: translate(-50%, -50%);
	}
	.top_slides iframe {
		top: 0;
	}

	/** gallery */
	.grid-item {
		border: 4px #fff solid;
		width: 25%;
		display: flex;
		cursor: pointer;
	}
	.alt_wrapper {
		font-size: 10px;
	}
	.fullscreen_gallery .slick img {
		object-fit: contain;
		object-position: center;
		height: 100vh !important;
	}



	/* contact form */

	.contact_form_wrapper {
		margin: 0 0 30px;
	}
	.general_form_wrapper {
		width: 100%;
		padding: 0;
	}
	.webform-component, .form-actions {
		width: 100%;
	}

	.node-type-contact #main .stage_width {
		margin-top: 35px !important;
	}
	.contact_form_wrapper{
		margin-top: 0px;
		padding: 5%;
	}

	#map-canvas {
		position: relative !important;
		height: 280px;
		top: auto;
		right: auto;
		width: 100%;
	}
	.contact_form_wrapper input, .contact_form_wrapper .form-textarea-wrapper {
		width: 100%;
		height: 35px;
	}
	label {

	}
	.contact_form_wrapper input, .contact_form_wrapper textarea {
		width: 100%;
	}
	.contact_form_wrapper .form-actions input[type="submit"] {
		margin-bottom: 0;
	}



	/** map */

	.map_wrapper {
		margin: 33px 0px 30px;
		height: 300px;
	}


	.map_wrapper iframe {
		height: 300px;
	}



	/**** footer */
	/* Follow Us on its own row; icons below in one row with large tap targets. */
	.footer_social {
		margin: 18px 0 8px;
		width: 100%;
		float: none;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		gap: 4px 0;
		text-align: center;
	}
	.footer_social > span {
		float: none !important;
		margin: 0 0 4px !important;
		display: block;
		width: 100%;
		flex: 0 0 100%;
		letter-spacing: 1px;
	}
	.footer_social a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 56px;
		margin: 0;
		float: none;
		color: #fff;
		text-decoration: none;
	}
	.footer_social svg,
	.footer_social i {
		float: none;
		margin: 0;
		font-size: 30px;
		line-height: 1;
		color: #fff;
	}
	.footer_bottom {
		border-top: 1px solid #fff;
	}

	.footer_newsletter > div {
		width: 100%;
	}
	.footer_newsletter > div .form-item {
		width: 100%;
		float: left;
		margin-right: 0;
	}
	.footer_newsletter > div .form-actions {
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
	.footer_newsletter > span {
		display: none;
	}
	.footer_newsletter > div {
		width: auto;
		margin: 0;
	}
	.footer_form{
		border: none;
	}
	.footer_wrapper > div > .float_right {
		width: 100%;
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		border-top: 1px solid #333;
		padding-top: 25px;
	}
	.footer_logo {
		width: 40%;
	}
	.menu_footer_social {
		padding: 0;
		margin: 0;
	}
	.footer_wrapper form {
		padding-right: 0;
		border-bottom: 1px solid #333;
		float: left;
		margin-bottom: 15px;
	}

	.footer_wrapper table {
		width: 100% !important;
	}
	.footer_wrapper{
		border: 0 none;
		float: right;
		margin-top: 0;
		width: 100%;
		padding: 5%;
	}
	.footer_left {
		display: table;
		width: 100%;
		margin-top: 35px;
	}
	.footer_left td {
		display: block;
		width: 100%;
		float: left;
		margin-bottom: 15px;
	}
	.footer_right {
		text-align: center;
		width: 100%;
	}
	.footer_right p, .footer_right a {
		color: #fff;
		margin: 0 0 0px;
		padding: 0;
		text-align: center;
	}
	.footer_center {
		margin: 0 auto;
		display: table;
		float: none;
		padding-top: 15px;
	}
	.col_window p {
		font-size: 14px;
	}

	.credits a, .credits p {
		line-height: 16px;
		margin: 0 20px;
		text-align: center;
	}
	.menu_footer_social {
		padding: 15px 0 !important;
		float: none;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.menu_footer_social svg {
		font-size: 18px;

		color: #e6c867;
	}




}






/*** cms */
body.page-user {
  background: none repeat scroll 0 0 #FFFFFF;
}
.page-user #page_wrapper{
	width:100%;
	background:none;
}
.si_logo {
	width: 103px;
	margin: 77px auto -44px;
	display: table;
	box-shadow: 0 6px 4px #999;
	/* position: relative; */
	height: 103px;
	overflow: hidden;
	border-radius: 100px;
	border: 2px solid #fff;
	position: relative;
}
#cms .breadcrumb{
	display:none;
}

#cms {
	margin: 0 auto;
	width: 500px;
}
#cms input {
	color: #222;
	text-align: center;
	font-style: normal;
	width: 100%;
	height: 49px;
	font-family: arial;
}
#cms #content {
	float: left;
	font-size: 13px;
	margin-left: 0;
	margin-top: 0;
	text-align: center;
	width: 100%;
	background: #ebebeb;
	padding: 13px 27px 27px;
	border-radius: 20px;
	border: 1px solid #ccc;
}
#cms .form-actions {
	width: 100%;
	margin: 15px 0 0;
}
#cms h2,#cms .tabs-primary, #cms .description,#cms .messages--error a{
		display:none;
}
#cms * {
	font-family: arial !important;
	font-style: normal;
	letter-spacing: 0;
}
#cms label {
	float: left;
	font-size: 12px;
	width: 100%;
	color: #333;
	line-height: 43px;
}
#cms .form-item {
	margin: 11px 0;
	width: 100%;
}

#cms input {
	color: #222;
	text-align: center;
	font-style: normal;
	width: 100%;
	height: 49px;
	font-family: arial;
}

#cms #edit-submit {
	background: none repeat scroll 0 0 #333;
	color: #fff;
	line-height: 25px;
	width: 100px;
	font-weight: 300;
	padding: 0;
	height: 42px;
	cursor: pointer;
	border: none;
	margin-top: 10px;
	width: 56%;
	margin: 0 auto;
	display: table;
	float: left;
	margin-left: 22%;
    transition:all 0.12s;
}
#cms #edit-submit:hover {
    background: none repeat scroll 0 0 #555;
}
#user-login #edit-actions {
	width: 100%;
	float: left;
	margin-top: 17px;
	display: table;
	text-align: center;
}

#webform-client-form-631, #webform-client-form-631 * {
	direction: ltr;
	text-align: left;
}