@font-face {
    font-family: 'ACGeosansLight';
    src: url('ACGeosansLight.otf') format('opentype');
}

@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('HelveticaNeueUltraLight.otf') format('opentype');
}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('HelveticaNeueThin.otf') format('opentype');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus { outline: 0px none; }
ol, ul { list-style: none outside none; }
strong{font-weight:500;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
.clear{clear:both;}

html, body {
	position: relative;
	height: 100%;
}
body {
	background: #ffffff;
	font-family: 'HelveticaNeueUltraLight', sans-serif;
	font-size: 14px;
	line-height:20px;
	color:#3D3D3B;
	margin:0;
	padding:0;
	transition: all 0.5s ease-in 0s;  
	overflow-x:hidden;
    overscroll-behavior: none;
}
html {
	scroll-behavior: smooth;
  }
body.change-bg-white-complete { background: #fff; transition: all 0.5s ease-in 0s;   }
body.change-bg-beige-complete { background: #ebeced; transition: all 0.5s ease-in 0s;   }
body.change-bg-grey-complete { background: #d5deda; transition: all 0.5s ease-in 0s;   }

.no_scroll {
	overflow: hidden;
}

.m-t-10{
	margin-top: 10px;	
}
.m-t-20{
	margin-top: 20px;	
}
.m-t-40{
	margin-top: 40px;	
}
.m-t-60{
	margin-top: 60px;	
}
.m-t-100{
	margin-top: 100px;	
}
.p-b-220 {
	padding-bottom: 220px!important;
	overflow: visible!important;
}

.p-b-150 {
	padding-bottom: 150px!important;
}

.mar-top_neg{
	margin-top:-50px;
}
.padd{
	padding-top: 100px;
	padding-bottom: 100px;
	overflow:hidden;
	position:relative;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}

.padd_contact {
	padding-top: 120px;
}

.padd_small{
	padding-top: 40px;
	padding-bottom: 40px;	
}
.padd_top{
	padding-top: 100px;
	padding-bottom: 0px;	
}
.padd_big {
	padding-top: 140px;
	padding-bottom: 140px;
}

.padd_first {
	padding-top: 70px;
	padding-bottom: 120px;
}

.padd_bottom{
	padding-top: 0px;
    padding-bottom: 120px;	
}
.container-fluid.no-padd{
	padding-top: 0px;
	padding-bottom: 0px;
}
.img-responsive{
	width: 100%;
}

#show1199 {
	display: none;
}

hr {
	margin-top: 50px;
    margin-bottom: 40px;
    border-top: 1px solid #ECEAE4;
}
.row_half{margin-left:0px;margin-right:0px;}
.no-gutter > [class*='col-'],  .no-gutter .row > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-margin.row {
    margin-right:0;
    margin-left:0;
}

.overflow {
	overflow: hidden;
}

.fancybox-lock body {
    overflow: visible !important;
}

label[for=NewsletterSignupEmail] {
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #00000001;
}

.visible {
	overflow: visible!important;
}

.no-margin.row  [class^="col-"],
.no-margin.row  [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  position: relative;
}

.flex_center {
	display: flex;
	align-items: center;
}

.flex {
	display: flex;
}

.container-fluid.no-padding{
	padding-left:0px;
	padding-right:0px;
	overflow: hidden;
}

.beige_bg {
	background-color: #e8e2dc;
}

.blue_bg{
	background: #1a3142;
}

/* ============== REVIEWS =================== */

#show_reviews {
	position: fixed;
    z-index: 99;
    display: block;
    width: 200px;
    height: auto;
    bottom: 25px;
    left: 25px;
	background: #fff;
    border: 1px solid #889566;
    color: #333;
    padding: 20px 20px 10px 20px;
    text-align: center;
    transition: all .4s ease-out;
}
  
#show_reviews a span.hide_text{
	display:none;
}
  
#show_reviews:hover{ 
	color:#f90;  
	transition: all .4s ease-out;
}

#show_reviews i{   
	font-size:40px; 
	margin-bottom:10px;   
}

#show_reviews p{   
	font-size:16px; 
	margin: 0;  
}
  
#show_reviews .close_reviews {
	position: absolute;
    width: 30px;
    height: 30px;
    background: #889566;
    top: -10px;
    font-size: 18px;
    left: -10px;
    padding-top: 1px;
    border-radius: 50%;
    color: #fff;
    z-index: 10000;
    cursor: pointer;
    border: 1px solid #02020247;
}

.review_box {
	text-align: center;
	border-bottom: 1px solid #889566;
	padding-bottom: 3px;
}

.review_box.last {
	border-bottom: none;
	padding-top: 12px;
}

.review_box p {
    padding: 10px 0;
    margin-bottom: 0;
	color: #444;
	font-weight: 300;
}

.review_box p span {
	font-size: 22px;
    line-height: normal;
    font-weight: 400;
}

.review_box p span.sec {
	font-size: 16px;
    line-height: normal;
    font-weight: 300;
    margin-left: 12px;
}

.review_box p.rate {
	font-size: 27px;
}

.styled_btn{
    position: fixed;
    left: 0px;
    bottom: 0px;
    /* width: 100px; */
    /* height: 100px; */
    z-index: 2;
    border-radius: 0px;
    background: #40250f;
    color: white;
    border: none;
    border: 1px solid #40250f;
    padding: 6px;
    font-weight: 200;
    padding: 5px 19px;
    border-top-right-radius: 5px;
	letter-spacing: 1px;
}

/* ================ END REVIEWS ================ */

.page_container {
	padding-left: 4%;
	padding-right: 4%;
}

.drive_me{
	margin-top:20px;
	display: block;
}

.hotel_history{padding-bottom:30vh;}

.name_moto{
	background:#000000;
	padding:5%;
}
.name_moto hr{
	border:1px solid #674439;
}
.home_half_text .name_moto p{
	font-family: 'Alegreya', serif;
	font-style: italic;
	font-size:20px;
	letter-spacing: 0.1px;
	color: #fffbeb;
}

.home_half_text .name_moto p:before{
	display:inline;
	font-size: 6em;
	padding: 0;
	color:#fff;
	position: relative;
	top: .25em;
	quotes: "“" "“" "“" "“";
	content: open-quote;
}

#show_991 {
	display: none;
}

.more {
    font-size: 17px;
    line-height: normal;
    color: #b89250;
    position: relative;
    text-decoration: none;
    margin-top: 25px;
    display: block;
    width: fit-content;
    font-weight: 700;
    border-bottom: 1px solid #b89250;
    letter-spacing: 2px;
	overflow: hidden;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.more.center {
	margin: 40px auto 0 auto;
}

.more.white {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 100;
}


.more.white:hover {
	color: #fff;
}

.more:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
	background: #b89250;
	transform: translateY(100%);
	transition: transform 0.2s ease-in-out;
	transition-delay: 0.6s;
}

.more.white:after {
	background: #fff;
}

.more > span {
	position: relative;
	display: block;
	padding: 10px;
	color: inherit;
}

.more > span:before, .more > span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: #b89250;
	transition: transform 0.2s ease-in-out;
}

.more.white > span:before, .more.white > span:after {
	background: #fff;
}

.more > span:before {
	height: 1px;
	width: 100%;
	transform: translateX(100%);
	transition-delay: 0.4s;
}

.more > span:after {
	height: 100%;
	width: 1px;
	transform: translateY(-100%);
	transition-delay: 0.2s;
}

.more:hover:after, .more:hover > span:before, .more:hover > span:after {
	transform: translate(0, 0);
}

.more:hover:after {
 	transition-delay: 0s;
}

.more:hover > span:before {
  	transition-delay: 0.2s;
}

.more:hover > span:after {
  	transition-delay: 0.4s;
}

.more:hover {
	color: #b89250;
}

.header {
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    z-index: 999;
    transition: all 0.3s;
    align-items: center;
}

.header_wrapper {
    position: fixed;
    width: 100%;
    color: #000;
    /* animation: slide-down 0.7s; */
    z-index: 99;
    top: 0;
}

.top_info {
	display: flex;
    align-items: center;
    padding: 50px 4% 0px 4%;
}

.arrow_btn {
    font-size: 14px;
    letter-spacing: 3px;
    border: 1px solid #fff;
    padding: 17px 55px 17px 35px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    position: relative;
    z-index: 99999;
    background-image: url(../img/layout/arrow_button.svg);
    background-position: 82% center;
    background-size: 11px;
    background-repeat: no-repeat;
}

.arrow_btn.mob {
	display: none;
}

.arrow_btn:after {
	position: absolute;
    transition: 0.3s;
    content: "";
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: #fff;
    right: 0;
    left: auto;
}

.arrow_btn:hover {
	color: #fff;
}

.arrow_btn:hover::after {
	width: 100%;
    left: 0;
}

.top_info_right a span {
	background: #00000001;
}

.book_mob {
	display: none;
}

.top_info_left {
	display: inline-flex;
    align-items: center;
}

.top_info_right {
	float: right;
    display: flex;
    align-items: center;
    gap: 20px;
}

#top_phones, #top_mail {
	transition: all 0.3s ease-in-out;
}

#top_phones img {
	width: 42px;
	transition: all 0.3s ease-in-out;
}

.sticky #top_phones img {
    width: 35px;
}

#top_mail img {
	width: 19px;
}

.sticky .arrow_btn {
    padding: 13px 45px 13px 30px;
    background-image: url(../img/layout/arrow_button_dark.svg);
    background-position: 85% center;
    background-size: 11px;
    color: #40250f;
    border: 1px solid #40250f;
    font-weight: 600;
}

.sticky .arrow_btn:after {
    background: #40250f;
}

.sticky #lang_info a {
    color: #40250f;
	font-weight: 600;
}


#top_info { position:absolute; top: 0px; right: 335px; display: block;z-index:999;  font-weight:400; font-size:15px; color:#fff; transition:all 1s;}
#top_info_mob { position:absolute; top: 50px; right: 360px; display: block;z-index:9999;  font-weight:400; font-size:15px; color:#fff; transition:all 1s;}
#top_info_right { position:absolute; top: 50px; right: 300px; display: block;z-index:999;  font-weight:400; font-size:15px; color:#fff; transition:all 1s;}
#top_info a, #top_info_right a { color:#fff; transition:all 0.3s ease-in-out; }
#top_info a:hover, #top_info_right a:hover { letter-spacing: 0.5px; }
#top_info img, #top_info_right img, #top_info_mob img { width: 43px; height: 43px; margin-right: 12px; }
#top_info span { display: inline-block; }
#lang_info {
    display: block;
    z-index: 9999;
}
#lang_info a{ color: #e8e2dc; transition:all 1s;}

#lang_mob { position:absolute; top: 50px; left: 215px; display: block;z-index:9999;  font-weight:400; font-size:15px; color:#fff; transition:all 1s; }
#lang_mob a{ color:#fff; transition:all 1s;}

#header.fixed #top_info, #header.fixed #top_info_right { top: 20px; transition:all 1s;}
#header.fixed #top_info a, #header.fixed #top_info_right a { color:#202020; }

#header.fixed #lang_info { top: 30px; transition:all 1s;}
#header.fixed #lang_info a{ color:#606060; transition:all 1s;}
#header.fixed .languages_menu.active { box-shadow: 0 2px 6px rgb(0 0 0 / 20%); background: rgb(227 223 218); }


/* ============================ MENU DROPDOWN ============================ */

.rooms-trigger-menu, .experience-trigger-menu{position: relative;display: inline-block;}
.dropdown_rooms_menu, .dropdown_experience_menu {
	display: none;
	position: absolute;
	background-color: #F7F6F5;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding:10px 10px;
}
.dropdown_rooms_menu ul li, .dropdown_experience_menu ul li{padding:5px 15px;}
.dropdown_rooms_menu ul li a, .dropdown_experience_menu ul li a{color:#94A069;}
.rooms-trigger-menu:hover .dropdown_rooms_menu, .experience-trigger-menu:hover .dropdown_experience_menu {display: block;}

#menu {

}

.sticky {
	/* animation: slide-down 0.7s; */
}  

.sticky #menu .menu li a {
    color: #40250f;
    font-weight: 600;
}

.sticky .top_info {
    border-bottom: none;
    background: #e8e2dc;
    padding: 0px 4%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.sticky #logo {
    width: 125px;
    height: 50px;
    margin: 10px auto;
    background: url(../img/layout/logo_dark.svg) no-repeat scroll center center;
    background-size: contain;
}

.languages {
	display: block;
    z-index: 9999;
	transition: all 0.5s ease-in-out;
}

.languages  a.selected_lang{
    display: block;
    background: none;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    z-index: 9999;
    color: #e8e2dc;
    text-decoration: none;
    transition: all 1s;
}
.languages .languages_menu{  display: none; }
.phones .phones_menu{display: none;}
.languages .languages_menu.active{
    display: block;
    margin-top: 1px;
    padding: 5px 12px;
    background: #a65937;
    text-align: center;
    z-index: 99999;
    position: absolute;
    margin-left: -12px;
}
.phones .phones_menu.active{
		display: block;
    margin-top: 1px;
    padding: 12px 12px;
    background: #fff;
    text-align: center;
    z-index: 99999;
    position: absolute;

}
#lang_info .languages .languages_menu a,.phones .phones_menu.active a { 
    display: block;
    font-size: 15px;
    letter-spacing: 2px;
    padding: 3px 2px !important;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    color: #e8e2dc;
}
#lang_info .languages .languages_menu a:hover, .phones .phones_menu.active a:hover { transition: all 0.3s ease 0s; }

#logo {
    display: block;
    width: 180px;
    height: 60px;
    background: url(../img/layout/logo.svg) no-repeat scroll center center;
    background-size: 100%;
    z-index: 9999;
    transition: all 0.5s ease-in-out;
}
#logo_mob { position:absolute; display: block; width: 220px; height: 140px; background: url('../img/layout/logo.svg') no-repeat scroll center center; background-size:100%;z-index:999; transition:all 1s; margin-left: 30px; }
#logo a, #logo_mob a { display: block; width: 100%; height: 100%;text-indent: -999999px!important; background: #00000001; }

.open_menu {
	position: relative;
    display: none;
    font-weight: 400;
    z-index: 999;
    transition: all 1s;
}

.close_menu {
	display: none;
}

.open_menu.inactive {
	display: none;
}

.close_menu.active {
	display: block;
}

.top_info_right img {
	display: none;
}

img.dark_call, img.dark_email { display: none; }
#header.fixed img.white_call, #header.fixed img.white_email { display: none; }
#header.fixed img.dark_call, #header.fixed img.dark_email { display: inline-block; }

#header.fixed .open_menu { color:#202020; top: 10px; transition:all 1s; }
#header.fixed .open_menu img.dark_menu{display:inline-block;}
#header.fixed .open_menu img.white_menu{display:none;}

.responsive_menu ul li .dropdown_rooms,
.responsive_menu ul li .dropdown_sights {
    width: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    display: none;
}
.responsive_menu ul li .dropdown_rooms.active, .responsive_menu ul li .dropdown_sights.active { display: block; }

.responsive_menu ul li .dropdown_rooms ul {
	display: inline-block;
    padding: 2px 0;
    margin: 10px auto 5px auto;
    border: none;
}

.responsive_menu ul li .dropdown_rooms ul li {
  position: relative;
  display: inline-block;
  transition: all ease-in-out .3s;
  margin-bottom: 0;
}

.responsive_menu ul li .dropdown_rooms ul li a {
	display: block;
    padding: 3px 0 0 0;
    line-height: 1.5;
    transition: all ease-in-out .3s;
    color: #889566;
    font-size: 18px;
    border: none;
    font-weight: 300;
    text-transform: uppercase;
}

.responsive_menu ul li .dropdown_rooms ul li.first a {
	width: fit-content;
    margin: 0 auto;
    padding: 2px 20px;
    color: #fff;
    background: #889566;
    margin-top: 5px;
}

ul.menu {
	display: flex;
	justify-content: center;
}

.menu li {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    letter-spacing: 3px;
    display: inline-block;
    padding: 10px 20px;
}

.sticky .menu li.location-trigger {
    color: #40250f;
    font-weight: 600;
}

.location-trigger{position: relative;display: inline-block;}

.dropdown_location {
	display: none;
	position: absolute;
	background-color: #a65937;
	width: fit-content;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	padding:10px 15px;
}
.dropdown_location p {padding:5px 0px;}
.dropdown_location p a {color: #fff!important;}
.location-trigger:hover .dropdown_location {display: block;}

.location-trigger .caret {
    position: absolute;
    margin-top: 8px;
}

/* .menu li.location-trigger:after {
    content: '';
    position: absolute;
    background-image: url(../img/layout/arrow_down.svg);
    transform: rotate(180deg);
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: 8px;
    margin-top: 4px;
    margin-left: 4px;
}

.sticky .menu li.location-trigger:after {
    background-image: url(../img/layout/arrow_down_dark.svg);
    width: 8px;
    height: 8px;
    background-size: 8px;
} */

.menu li a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.close_menu {
    z-index: 9999;
    position: relative;
}

.close_menu img {
    width: 60px;
    margin-left: -15px;
}

#book_now {
	position: absolute;
    top: 0px;
    right: 150px;
    display: block;
    font-weight: 400;
    font-size: 20px;
    z-index: 999;
    color: #fff;
    text-decoration: none;
    transition: all 1s;
    border-bottom: 2px solid #fff;
    padding: 5px 30px 7px 0;
}
#book_now:hover{
	padding-right: 38px;
}

.responsive_menu #book_now {
    top: 50px;
    color: #362211;
    border-bottom: 2px solid #362211;
}

#header.fixed #book_now {
	color: #606060;
    top: 20px;
    transition: all 1s;
    border-bottom: 2px solid #606060;
    background: none;
}

#header.fixed .responsive_menu #book_now {
	color: #362211;
    border-bottom: 2px solid #362211;
	top: 40px;
	display: block;
}

#header.fixed { height: 110px; padding: 0px 7%; background: #F4F3F2; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); }
#header.fixed #menu {
	display: none;
}

#header.fixed .top_info {
    border-bottom: none;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/*
#header.fixed  #top_info{ color:#3D3D3B;}
#header.fixed  #top_info a{ color:#3D3D3B; }
#header.fixed  .languages  a.selected_lang{ color:#3D3D3B; border-color:#3D3D3B; }
#header.fixed  .languages  .languages_menu a{ color:#3D3D3B; }
#header.fixed  .open_menu  { color:#3D3D3B; border-color:#3D3D3B; }
#header.fixed  #book_now  { color:#3D3D3B; border-color:#3D3D3B; }*/
#header.fixed  #logo {
	width: 130px;
    height: 90px;
    margin-top: 10px;
}

.responsive_menu{   
	position: fixed;
    right: 0;
    top: 0px;
    margin: 0 auto;
    height: 100vh;
    width: 100%;
    display: none;
    color: #3D3D3B;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    overflow: hidden;
    overflow-y: scroll;
}
.responsive_menu .responsive_menu_container {   
	width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
	flex-direction: column;
	align-items: center;
    min-height: 850px;
}
.responsive_menu.active {   
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    background: #ebeae6;
    display: flex;
    /* min-height: 850px; */
}

.responsive_menu.active .hero_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* animation: unset; */
	/* animation: grow 40s linear 10ms infinite; */
    transition: all 0.2s ease-in-out;
}


.responsive_menu ul{ margin-top: 160px; padding: 0px 0 0 0; width: 100%;  float: left;  list-style: none; }
.responsive_menu ul li{
    width: 100%;
    display: block;
    margin-bottom: 7px;
    text-align: center;
}
.responsive_menu ul li a{
    display: block;
    position: relative;
    z-index: 9999;
    font-size: 23px;
    font-family: 'ACGeosansLight';
    color: #40250f;
    padding: 8px 0px;
    text-align: center;
    transition: all 0.3s ease-in 0s;
    letter-spacing: 1px;
}

.responsive_menu ul li.hide_item {
	display: none;
}

.contact_menu .footer_social {
    border-top: 2px solid #fff;
}

.responsive_menu .contact_menu ul li {
    color: #ebeae6;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.responsive_menu .contact_menu ul li small {
    font-size: 12px;
    letter-spacing: 2px;
    margin-left: 5px;
}

.responsive_menu .contact_menu ul li.menu_social {
	margin-top: 20px;
    margin-bottom: 0;
}

.responsive_menu .contact_menu ul li.menu_social a {
    display: inline-block;
}

.responsive_menu .contact_menu ul li a {
    font-size: 16px;
    color: #ebeae6;
    font-weight: 600;
    padding: 0;
    font-family: 'HelveticaNeueUltraLight';
    letter-spacing: 2px;
}

.responsive_menu ul li a span{  font-size: 16px; font-weight:300;  color:#333; padding:0px 10px 0px 0px; font-weight:300;transition: all 0.3s ease-in 0s;}
.responsive_menu ul li.book_now_menu_item{ display: none;}

.book_menu{position: absolute; top:20px;left:20px;}
.book_menu a{  display: block;   font-weight: 400;    font-size: 14px;    z-index: 999;    color: #fff;    text-decoration: none;    transition: all 1s;    border: 1px solid #fff;
    padding: 10px;    background: rgba(0,0,0,.2); }

.book_menu a:hover {color: #fff!important;		transition: all 0.3s ease 0s;}
.book_menu a:hover:before {    transform: scaleX(1);    transform-origin: left 50%;    width: 100%;    height: 100%;    display: block;}

.responsive_menu .extra_links {
    position: relative;
    top: 300px;
    display: block;
    width: fit-content;
    padding-left: 20px;
    margin-left: 10px;
    border-left: 1px solid #fff;
}

.responsive_menu .extra_links p {
	font-size: 16px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    color: #fff;
    margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.responsive_menu .extra_links p a {
	color: #362211;
	transition: all 0.3s ease-in-out;
}

.responsive_menu .extra_links p a:hover {
	letter-spacing: 0.5px;
}

.responsive_menu .contact_menu {
    padding: 40px 100px 30px 100px;
    display: block;
    margin: 40px 10% 0 10%;
    background: #a65937;
}

.responsive_menu .contact_menu ul {
	width: 100%;
    margin: 0;
}

.menu_graphic {
	position: absolute;
    width: 120px;
    margin-top: -55px;
    margin-left: -60px;
}
.responsive_menu .contact_menu span{
	display: inline-block;
	font-size: 18px;
    margin: 10px 0px 10px 0px;
    color: #362211;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
}

.responsive_menu .contact_menu span a {
	color: #362211;
}

.responsive_menu .contact_menu img{
    width: 22px;
    display: inline-block;
    margin: 0 7px;
    vertical-align: middle;
}

.menu_social {
	display: flex;
    align-items: center;
	margin-right: 50px;
}

.responsive_menu .menu_social img {
    width: 27px;
}

.responsive_menu .menu_social img.instagram {
	width: 26px;
}

.contact_menu_container{width:100%;margin:0 auto;}


/* Newsletter */

.newsletter {
	display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	padding: 170px 0 80px 0;
	margin-top: 80px;
}

.newsletter_title {
	font-size: 62px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 600;
    color: #338484;
}

.newsletter_subtitle {
	font-size: 21px;
    font-weight: 200;
    color: #333;
    line-height: normal;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.newsletter-input {
	width: 23%;
    text-align: center;
}

.newsletter-input input {
	border: none;
    border-bottom: 1px solid #3b3b3b;
    width: 100%;
    font-size: 21px;
    font-weight: 300;
    color: #3b3b3b;
    padding-bottom: 18px;
	text-align: center;
    background: none;
}

.newsletter-input input::placeholder {
	color: #3b3b3b;
}

.newsletter-input .submit input {
    background: none;
    border: 1px solid #3b3b3b;
    color: #000;
    font-weight: bold;
    font-size: 21px;
    transition: all 0.3s ease-in-out;
    width: fit-content;
    padding: 20px 50px;
    margin-top: 25px;
    font-family: 'Source Serif Pro', sans-serif;
}

.newsletter-input .submit input:hover {
	background-color: #338484;
	color: #fff;
	border: 1px solid #338484;
}

.newsletter_bg {
	background-image: url(../img/layout/newsletter_graphic.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 310px;
    top: 0px;
    z-index: -1;
}

/* Footer */
.padd_prefooter{
    background: #e8e2dc;
    overflow: hidden;
    position: relative;
    padding-left: 4% !important;
    padding-right: 4% !important;
	padding-top: 70px;
	padding-bottom: 40px;
}

.padd_prefooter h4 {
	color: #40250f;
    font-size: 52px;
    font-family: 'ACGeosansLight';
    line-height: 65px;
	margin-bottom: 20px;
}

.footer_mobile {
	display: none;
}

.logo_bg_footer {
    text-align: right;
}

.logo_bg_footer img {
	width: 75px;
}

.footer_wrapper {
	position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.footer_box .book {
	padding: 15px 35px;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    width: fit-content;
    font-size: 21px;
    margin: 0 auto 55px auto;
    font-family: 'Source Serif Pro', sans-serif;
}

.footer_box h6{
	font-size: 24px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: normal;
    color: #fff;
	letter-spacing: 1px;
    font-family: 'Source Serif Pro', sans-serif;
}

.footer_box img {
	width: 15px;
    margin-right: 10px;
}

.footer_box img.footer_first_img {
	width: 13px;
}
.footer_box_container ul { margin-top:18px; padding-top:25px; border-top:2px solid #674439; display: flex; list-style: none;  justify-content: space-between;}
.footer_box_container ul li{ overflow:hidden;height:20px; position:relative;}
.footer_box_container ul li a{ display:block; text-transform:uppercase; color: #333; font-size:16px;font-weight:400; margin-right:18px; transition: all 0.3s ease 0s;}
.footer_box_container ul li a:hover{  color: #674439;  transition: all 0.3s ease 0s;}

.footer_box p {
	color: #402510;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    padding: 10px 0;
    letter-spacing: 2px;
}

.footer_box p a {
	color: #402510;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
}

.footer_box p small {
    font-size: 14px;
}

.footer_menu {
    display: flex;
    align-items: flex-end;
}

.footer_social_wrap p {
    color: #0c0503;
    font-size: 18px;
    letter-spacing: 1px;
}

.footer_box p a.phone_sec, .footer_box p a.mail_sec {
	margin-left: 25px;
}

.footer_box p.newsletter_subtitle {
	line-height: 28px;
	margin-bottom: 15px;
}

.footer_box p a:hover { transition: all 0.3s ease-in-out; }

.footer_box.social_media { }
.footer_box.social_media img{ width: 32px;  display: inline-block; margin-right:7px; transition: all 0.3s ease 0s; }
.footer_box.social_media img:hover{ opacity: 0.5; }

.footer_social {
    padding: 20px 0px 0 0px;
}

.footer_social.mob {
	display: none;
}

img.footer_logo{ max-width: 155px; width:100%;}
.footer_details_left{width:50%;float:left;}
.footer_details_right{width:50%;float:left;}

.footer_social img {
    width: 33px;
    display: inline-block;
    margin: 0 8px;
}

/* ============= ESPA ================= */
.espa {
    position: absolute;
    right: 0;
    z-index: 99;
    top: 196px;
}
.espa img { max-width: 100%; }

.espa.sec {
	bottom: 40px;
}

.espa.third {
	bottom: 80px;
}


@media only screen and (max-width: 991px) {
	.espa {
		top: 161px;
	}
}

@media only screen and (max-width: 767px) {
	.espa img { max-width: 100%; width: 240px; }

	.espa {
		top: 150px;
	}
}

@media only screen and (max-width: 479px) {
	.espa img {
		width: 220px;
	}
}

@media only screen and (max-width: 380px) {
	.espa img {
		width: 200px;
	}

	.espa {
		top: 130px;
	}
}

/* ============== END ESPA ============== */



/* Copyright */
.padd_footer{	padding-top: 10px;	padding-bottom: 10px;	background:#EBEAE6; }
.copyright{
    font-size: 16px;
	letter-spacing: 1px;
    color: #4f2b1f;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}
.copyright a{	color: #fff;}
#wapp{position:relative;float:right;}
#wapp a{	display: block;	width: 80px; height: 21px; background: #00000001 url(../img/layout/wapp.svg) no-repeat center;text-indent: -999999px!important;background-size:100%;}

.copyright_wrapper {
    border-top: 1px solid #9a9795;
    background: #e8e2dc;
    padding: 30px 3.2% !important;
    position: relative;
    overflow: hidden;
}

.copyright_menu p {
	display: inline-block;
}


/* PAGE HEADINGS
================================================== */

.page_heading_image {
    position: relative;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.page_heading_shadow{
	height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 100%, rgba(0,0,0,0.3) 100%, rgba(0,0,0,0.3) 100%);
    z-index: 1;
}

.page_heading_image.contact:after {
	content: '';
	background-color: #1a3142;
	width: 19%;
	position: absolute;
	height: 100%;
	right: 0;
    z-index: 0;
}

.page_heading_text h1 {
	font-size: 77px;
    line-height: normal;
    color: #e8e2dc;
    display: block;
    max-width: 100%;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    font-family: 'ACGeosansLight';
	margin-left: 8%;
    margin-top: 80px;
    animation: slide-up2 1.4s cubic-bezier(.645, .045, .355, 1) 0s both;
    animation-delay: calc(var(--word-index) * 48ms);
}

.page_heading_image.contact .scrollButtonContainer {
    margin: 0;
	z-index: 1;
    margin-left: 3.5%;
    text-align: left;
}

.scrollButtonContainer {
	position: absolute;
    z-index: 10;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 91%;
    margin: 0 auto;
    text-align: center;
	transition: all 1s;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

div.scroll-suggestion {
    margin: auto;
    color: #fff;
}

.scrollButtonContainer img {
	width: 57px;
	height: 57px;
}

/* PAGE TEXT
================================================== */
.page_text { }
.page_text h1 {
    font-size: 100px;
    font-weight: 300;
    margin-bottom: 60px;
    color: #e8e2dc;
    position: relative;
    line-height: 120px;
    font-family: 'ACGeosansLight';
}

.page_text h2 {
    font-size: 65px;
    font-weight: 300;
    margin-bottom: 60px;
    color: #e8e2dc;
    position: relative;
    line-height: 85px;
    font-family: 'ACGeosansLight';
}

.page_text h3 {

}

.page_text.centered h1 {
	padding-left: 0;
	margin-left: 0;
}

.page_text p.before_title{    font-size: 16px;
    line-height: normal;
    letter-spacing: 1.7px;
    color: #fffbeb;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 400;
    background: #000;
    display: inline-block;
    padding: 5px 15px;
}

.page_text p {
    font-size: 18px;
    line-height: 30px;
    color: #40250f;
    letter-spacing: 1.5px;
}
.page_text ul {margin: 15px 0 15px 0px; overflow:auto;}
.page_text ul li {
	margin: 5px 0 5px 0;
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
	color: #3a3a3a;
    background: transparent url(../img/layout/dot_dark.svg) no-repeat 0 12px;
    background-size: 10px;
    transition: all 0.3s ease 0s;
}

.page_text ul.half_list li {
	display: inline-block;
	width: 49%;
}
.page_text ul li:hover {transition: all 0.3s ease 0s;}

.page_text p.zoom{font-size:12px; z-index: 3;  position: relative;}
.centered {text-align:center;}
.left_image {float:left;max-width:400px; margin:10px 30px 10px 0;}
.left_image.offset_top { margin-top:-30px;}
.right_image {float:right;max-width:400px; margin:10px 0px 10px 30px;}
.right_image.offset_top { margin-top:-70px;}

.decorate_image_left {    position: absolute;    right: calc(100% - 125px);    top: 150px;    width: 100%;    max-width: 250px; }
.decorate_image_left img {   width: 100%;   }

.decorate_image_right {    position: absolute;    left: calc(100% - 125px);    top: 450px;    width: 100%;    max-width: 250px; }
.decorate_image_right.rooms {     top: 50px;     }
.decorate_image_right img {   width: 100%;   }

.page_text span.third_row {
	margin-left: 7%;
}

.page_text span.second_row {
	margin-left: 22%;
}

.mini_font a {
	text-decoration: underline;
}

.white_bg_left {
    position: absolute;
    left: 0px;
    width: 8.5%;
    margin-top: -140px;
    height: calc(100% + 355px);
    z-index: 1;
    background: #fff;
}

.white_bg_left.dynamic {
	margin-top: 0;
	height: 100%;
}

.location_img {
	position: relative;
	z-index: 2;
}

.zagori_small {
	width: 290px;
    position: absolute;
    top: -240px;
    right: 8%;
}

 .zagori_text_wrap.mob {
    display: none;
}

.page_text .zagori_text h1 {
	color: #40250f;
    left: -65px;
    margin-top: 40px;
    z-index: 2;
}

.zagori_text_wrap {
    width: 61%;
    float: right;
    right: 14%;
    position: relative;
}

.zagori_text_wrap p {
	text-indent: 45px;
    font-weight: 600;
}

.meratza, .wellness_area {
	display: flex;
	align-items: center;
    position: relative;
}

.meratza:before {
    content: '';
    position: absolute;
    background-image: url(../img/layout/bronze_gradient_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 54%;
    height: 100%;
    top: 0;
}

.wellness_area:after {
    content: '';
    position: absolute;
    background-image: url(../img/layout/bronze_gradient_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 50%;
    height: 100%;
    top: 0;
	right: 0;
}

.meratza img {
    margin-top: 80px;
}

.meratza img.meratza {
    width: 280px;
    position: absolute;
    margin: 0 auto;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -47%);
    z-index: 2;
}

.home_experience_shadow {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.2) 70%);
    z-index: 1;
    height: 100%;
}

.meratza .home_experience_shadow {
    top: 80px;
	height: calc(100% - 80px);
}

#swiper_experiences .swiper-slide {
	overflow: hidden;
}

#swiper_experiences .swiper-slide img {
	transition: all 0.3s ease-in-out;
}

#swiper_experiences .swiper-slide:hover img {
	transform: scale(1.1);
}

#swiper_experiences .swiper-slide h3 {
	transition: all 0.3s ease-in-out;
}

.home_experience_text {
    padding: 0 14% 0 8%;
    position: relative;
    z-index: 1;
}

.home_experience_text h2 {
	font-size: 82px;
    line-height: 95px;
}

.home_experience_text.left h2 {
    text-align: right;
}

.home_experience_text p {
    text-indent: 45px;
    color: #fff;
    margin-bottom: 45px;
}

.home_experience_text p em {
	font-style: italic;
}

.wellness_area img.wellness_area {
    width: 280px;
    position: absolute;
    margin: 0 auto;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -47%);
    z-index: 2;
}

.home_experience {
	position: relative;
}

.home_experience_bg {
	width: 96%;
	background: #a65937;
	left: 0;
	bottom: 0;
	height: 50px;
	position: absolute;
    z-index: 1;
}

.location_info {
	padding-left: 25px;
}

.home_adventures {
	display: flex;
}

.home_adventures:after {
	content: '';
    position: absolute;
    right: 0;
    width: 4%;
    top: 0;
    height: 100%;
    z-index: 0;
    background: #fff;
}

.home_adventures_text {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home_adventures_text h2 {
	color: #40250f;
	margin-left: 8%;
}

.home_adventures p {
	width: 52%;
    float: right;
    margin-right: 26%;
    font-weight: 600;
}

.home_adventures h3 {
	font-size: 45px;
    line-height: normal;
    color: #fff;
    font-family: 'ACGeosansLight';
    position: absolute;
    left: 55px;
    bottom: 50px;
    z-index: 2;
    width: 70%;
}

.swiper_buttons {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
    gap: 50px;
    margin-bottom: 80px;
    margin-right: 16%;
}

.page_text .location_info h1 {
	color: #fff;
    font-weight: 500;
    font-size: 55px;
    text-align: left;
    line-height: 65px;
	background: #00000001;
}

.page_text.page_intro h2 {
	margin-left: 28%;
	margin-bottom: 250px;
}

.page_intro .image_center {
    padding-left: 19%;
	padding-right: 45px;
}

.page_intro .image_left {
	position: absolute;
    width: 28%;
    top: 250px;
}

.page_intro .image_right {
	width: 64%;
    float: right;
}

.page_intro {
	display: flex;
	padding-bottom: 220px;
	position: relative;
}

.page_intro:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 50px;
	right: 0;
	width: 96%;
	background: #a55937;
}

.page_text.page_intro p {
	color: #fff;
	text-indent: 45px;
}

.page_intro_text {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.page_intro_inner {
	display: block;
	padding-left: 100px;
    padding-right: 8%;
}

.page_intro_inner p.first {
	margin-bottom: 30px;
}

.page_description {
    display: flex;
    padding-left: 10% !important;
    padding-right: 4% !important;
    align-items: flex-start;
    justify-content: space-between;
}

.page_description h2 {
	color: #40250f;
}

.page_description ul, .page_description p {
	width: 80%;
    margin-left: 165px;
}

.page_description p {
	font-weight: 600;
}

.page_description ul li:last-child {
	border-bottom: 1px solid #40250f;
}

.extra_description {
    margin-top: 100px;
    display: flex;
}

.extra_description_inner {
    padding-left: 12%;
    padding-right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.page_text .extra_description_inner h2 {
	color: #40250f;
}

.extra_description img {
    z-index: 2;
    position: relative;
    object-fit: cover;
    height: 100%;
}

.extra_description_inner p {
	font-weight: 600;
    text-indent: 45px;
}

.extra_description_inner p.first {
    margin-bottom: 30px;
}

.spa_treats {
	margin: 70px 0 20px 0;
	background-color: #9f9e9e;
	padding: 30px 0;
}

.spa_treats h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 30px!important;
	font-size: 30px!important;
}

.page_text.spa_treats ul {
	text-align: center;
	overflow: hidden;
}

.page_text.spa_treats .spa_list li {
	background-image: url(../img/layout/spa_white.svg);
	padding: 15px 25px 25px 25px;
    display: inline-block;
    margin: 3px 15px;
}

.page_text.spa_treats .spa_list li a {
	color: #fff;
	font-family: 'Manrope';
}

.page_text .spa_list li {
	background-image: url(../img/layout/spa.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left 19px;
	padding: 15px 15px 25px 25px;
}

.spa_list a {
	padding-left: 10px;
    color: #9a9f87;
    font-weight: 400;
	transition: all 0.3s ease-in-out;
}

.spa_list a:hover {
	text-decoration: underline;
}

@-webkit-keyframes shine_letters {
	from {
	  -webkit-mask-position: 150%;
	}
	
	to {
	  -webkit-mask-position: -50%;
	}
  }


.img_map{width: 100%;display: block;height: auto;}

.btn_more {   	
    border-bottom: 1px solid #3D3D3B;    
    display: block;    
    margin-bottom: 15px;
    margin-top: 40px;
    overflow: hidden;    
    position: relative;   	
}
.btn_more span {
	cursor: pointer;
    display: inline-block;
	font-weight: 400;
    letter-spacing: 0.5px;
	color:#3D3D3B;
	background: none; 
	border: 2px solid #3D3D3B;  
	border-bottom: 1px solid #3D3D3B;
	padding: 10px 20px 10px 20px;
	transition: all 0.3s ease 0s;
}
.btn_more:hover span, .btn_more:active span{
    color: #fff;
	background: #3D3D3B;
	transition: all 0.3s ease 0s;
}

.book_now{font-size:16px; letter-spacing:1.7; font-weight:300;color:#000;padding:10px 20px;border:1px solid #000;margin-top:25px;display: inline-block;  position:relative; cursor: pointer;    text-transform: uppercase;    overflow: hidden; background: #F6F3EA;}
.book_now:hover span{color:#fff;}
.book_now:before {  content: '';    z-index: 1;    transform: scaleX(0);    transform-origin: right 50%;    transition-property: transform;    transition-duration: 380ms;    background-color: #000;    color: #fff!important;    padding-bottom: 2px;
    top: 0;    left: 0;    position: absolute;    z-index: 1;    width: 100%;    height: 100%;    display: block; }
.book_now:hover span{color: #fffbeb; position:relative; z-index:1;transition: all 0.3s ease 0s;}
.book_now:hover:before {    transform: scaleX(1);    transform-origin: left 50%;    width: 100%;    height: 100%;    display: block;}

/* HOME PAGE
================================================== */

a.overlay_link {display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;text-indent: -999999px; z-index:10; }

.covid_notice { margin:20px 20px 40px 20px; padding:20px; border:1px solid #3D3D3B; text-align:center;}

.home_header { height: 100vh!important; min-height:600px; position:relative; overflow:hidden;     background-color: #40250f; }
.home_header_shadow{
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.3) 100%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
}
.home_header_shadow.dark {
	background: linear-gradient(180deg, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.6) 100%);
}
.hero_bg{ width:100%;height: 100vh; min-height:600px;position:absolute;top:0;left:0; background-color:#fff; background-position: top;     background-size: cover; 
transform:translateZ(0); /* animation: grow 40s linear 10ms infinite; */ transition: all 0.2s ease-in-out; animation: clip-hero-anim 1.25s cubic-bezier(0.29, 0.8, 0.8, 0.98); will-change: clip-path; transition:all 0.2s ease-in-out; }
.home_header video {
	position: absolute;
	object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%";
    width: 100%;
    height: 100%;
    transition: opacity 1s ease .6s;
}

@keyframes clip-hero-anim {
	0% {
        clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

.home_header_content {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.home_header_content p { font-size:20px;font-weight:300; line-height: 30px; color:#fff;  text-shadow:1px 0 50px rgb(0 0 0 / 80%);  display: block; margin-bottom:20px; }
.home_header_content h1 {
    font-size: 77px;
    line-height: normal;
    color: #e8e2dc;
    display: block;
    max-width: 100%;
    text-align: center;
    margin-top: 70px;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    font-family: 'ACGeosansLight';
    animation: slide-up2 1.4s cubic-bezier(.645, .045, .355, 1) 0s both;
    animation-delay: calc(var(--word-index) * 48ms);
}

@keyframes slide-up2 {
    0% {
        opacity: 0;
        transform: translateY(110%) rotate(1deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0) rotate(0);
    }
}

a.vrt_msg{
    line-height: normal;
    margin-bottom: 0;
    padding: 30px;
	color:#fff;
	font-weight:700;
	letter-spacing:2px;
}



  .link__arrow {
	display: inline-flex;
  }
  .link__arrow span {
	position: relative;
	width: 14px;
	height: 2px;
	border-radius: 2px;
	overflow: hidden;
	background: #ccc;
	z-index: 2;
  }
  .link__arrow span:nth-child(1) {
	transform-origin: left bottom;
	transform: rotate(45deg) translate3d(8px, -10px, 0);
  }
  .link__arrow span:nth-child(2) {
	transform-origin: left bottom;
	transform: rotate(-45deg);
  }
  .link__arrow span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
  }
  .link__line {
	position: relative;
	margin-left: -14px;
	margin-right: 0px;
	width: 90px;
	height: 2px;
	background: #ccc;
	overflow: hidden;
	z-index: 1;
  }
  .link__line:after {
	content: "";
	display: block;
	position: absolute;
	left: 80px;
	width: 70px;
	height: 2px;
	background: #fff;
  }
  .link__text {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:700;
	text-shadow: 1px 0 50px rgb(0 0 0 / 20%);
  }
  .link:hover .link__line:after {
	animation: animation-line 1.5s forwards;
  }
  .link:hover .link__arrow span:after {
	animation: animation-arrow 1.5s forwards;
	animation-delay: 1s;
  }
  
  @keyframes animation-line {
	0% {
	  left: 80px;
	}
	100% {
	  left: 0;
	}
  }
  @keyframes animation-arrow {
	0% {
	  width: 0;
	}
	100% {
	  width: 100%;
	}
  }


.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Wobble Vertical */
@keyframes hvr-wobble-vertical {
  8.33% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  16.65% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  24.98% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  33.3% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  41.63% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.home_left_title {display:block; width:100%; margin-bottom:50px; margin-top:130px;}


.home_center_title{display:block; width:100%; margin-bottom:50px; margin-top:130px;text-align:center;}
.home_center_title p.smaller{font-size:16px; font-weight:400; letter-spacing:2px; padding-bottom: 100px;  position: relative;}
.home_center_title p.smaller:after {content: "";height: 80px; width: 1px;  background: #29365b; display: block; position: absolute;    top: 40px;    left: 50%;    -webkit-transform: translateX(-50%);    -ms-transform: translateX(-50%);    transform: translateX(-50%);
}
.home_center_title h2{font-size: 48px;    font-weight: 300;    line-height: 60px;    color: #674439;    text-transform: uppercase; font-family: 'Alegreya', serif;}
.home_center_title p.grey_parag{font-size:18px; color:#000;margin-top:20px;margin-bottom:30px;font-weight:100;}


.suites_title {
	position: absolute;
    top: -315px;
    z-index: 99;
    width: 100%;
}

.suites_title h2 {
	font-size: 85px;
    line-height: 85px;
    font-weight: 300;
    margin-top: 35px;
    margin-bottom: 20px;
    color: #B0ADA8;
    margin-left: 8%;
    font-family: 'Manrope', sans-serif;
}

.suites_title h2 span {
	color: #B0ADA8;
    font-weight: 400;
}

img.rooms_home {
	position: absolute;
    top: -280px;
	right: 3px;
    width: 80%;
    padding-bottom: 125vh;
    background-color: #D8D6CF;
}

.page_text .room_details ul {
	margin: 0;
    border-bottom: 1px solid #fff;
    margin-bottom: 80px;
    padding-bottom: 25px;
    margin-right: 200px;
}

.room_details  ul li {
    font-size: 30px;
    letter-spacing: 1px;
    color: #a18147;
    display: inline-block;
    line-height: normal;
    background: none;
    transition: all 0.3s ease 0s;
    font-weight: 600;
    padding-right: 80px;
}

.rooms_more {
	position: absolute;
    bottom: 140px;
    color: #fff;
    font-size: 26px;
    font-weight: 100;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    padding-right: 11px;
    right: 0px;
	margin-right: 100px;
	transition: all 0.3s ease-in-out;
}

.room_buttons .room_more {
	font-size: 21px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: bold;
    color: #000;
    border: 1px solid #535353;
    padding: 20px 50px;
	margin: 32px 20px 0 20px;
    margin-top: 25px;
    display: inline-block;
}

.room_buttons .room_book {
	color: #fff;
    background: #338484;
	border: 1px solid #338484;
    font-size: 21px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: bold;
    padding: 20px 40px;
    display: inline-block;
	margin: 32px 20px 0 20px;
	transition: all 0.3s ease-in-out;
}

.room_buttons .room_book:hover {
	border: 1px solid #3a3a3a;
	background: transparent;
	color: #3a3a3a;
}

.gallery_view {
	width: 100%;
	overflow: hidden;
}

.buttons_shadow {
	height: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.7) 10%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 100%);
    z-index: 1;
}

.rooms_left_image {}
.rooms_left_image img {max-width:100%;}

.rooms_right_image {max-width:100%;position: relative;z-index: 2;}

.room_right_image img { width: 70%; float: right; }

.rooms_home .about_text {
    padding-top: 60px;
}

.rooms_home .about_text.facilities_intro {
	padding-bottom: 60px;
}

.facilities_intro button {
	margin-top: 20px;
    float: right;
    border: none;
    background: none;
    color: #9a9f87;
    font-size: 15px;
}

.facilities_intro button img {
	width: 25px;
    margin-right: 8px;
}

.facilities_reverse .room_right_image img {
    width: 100%;
	float: right;
}

.rooms_home ol {
	list-style: inside;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page_text h5 {
	color: #9a9f87;
    font-size: 28px;
    border-bottom: 1px solid #9a9f87;
    width: fit-content;
    margin-bottom: 20px;
    font-weight: 400;
}

.rooms_home ol li {
	color: #606060;
    font-size: 20px;
	font-weight: 100;
	line-height: 35px;
}

.rooms_home ul {
	list-style: revert;
}

.rooms_home ul li {
	font-size: 20px;
    width: 49%;
    display: inline-block;
    line-height: 40px;
    color: #000;
    margin-bottom: 10px;
}

.list_spa {
	display: inline-block;
    width: 49%;
}

.facilities p {
	font-size: 21px;
	font-weight: 300;
	line-height: 35px;
	margin-top: 15px;
    margin-bottom: 30px;
}

.rooms_home .home_half_text {
    padding: 5px 15px 5px 100px;
}

.swiper-slide .rooms_description {
    position: absolute;
    background: #e8e2dc;
    z-index: 2;
    width: 630px;
    top: 75px;
    text-align: center;
    padding: 45px;
}

.swiper-slide .rooms_description p {
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: 2px;
  	color: #40250f;
}

.rooms_description h3 {
	color: #40250f;
    font-size: 38px;
    line-height: normal;
    font-family: 'ACGeosansLight';
    margin-bottom: 45px;
}

.rooms_description .more {
	margin: 25px auto 0 auto;
}

.rooms_description_wrapper {
	padding-top: 30px;
    display: block;
    position: relative;
}

.suites_swiper_wrapper {
	overflow: hidden;
}

.swiper_btn_mob {
	display: none;
}

.swiper_buttons .more {
	margin-left: 25%;
    margin-top: 40px;
}

.reverse-rooms .rooms_description {
	float: right;
}

.rooms_description h2 {
	color: #B0ADA8;
    font-size: 48px;
    line-height: 60px;
    padding: 20px 0 50px 0;
    font-family: 'Manrope', sans-serif;
}

.rooms_description .room_number p {
    margin: 0;
    margin-bottom: 20px;
    color: #a58d75;
    font-size: 17px;
    font-family: 'ACGeosansLight';
}

.rooms_description .room_number p span.first {
    color: #40250f;
}

.room .rooms_description h3 {
    margin-bottom: 30px;
}

.page_text .rooms_description p {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 24px;
    color: #40250f;
    position: relative;
	margin-top: 30px;
}

.room_title p {
	font-size: 45px;
    color: #3B3B3B;
    font-family: 'Source Serif Pro', sans-serif;
    line-height: 55px;
    font-weight: 600;
    padding-right: 50px
}

.swiper_img {
	padding: 0;
}

.rooms_description ul li {
	font-size: 29px;
    color: #000;
    background: none;
    padding-left: 0;
    overflow: hidden;
    line-height: 40px;
    padding-bottom: 30px;
    font-weight: 300;
}

.rooms_description ul li:before {
	content: '';
    position: absolute;
    border-top: 1px solid #000;
    width: 75px;
    height: 1px;
    margin-top: 55px;
}

.rooms_description ul li:last-child::before {
	display: none;
}

.icon_img {
	width: 75%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 1;
    bottom: 0px;
}

.swiper-slide .room_title {
	display: none;
}

.swiper-slide.swiper-slide-active .room_title {
	display: block;
}

.page_text .room_title h1 {
	font-size: 38px;
    font-weight: bold;
    color: #444;
    line-height: 48px;
    position: relative;
    margin-bottom: 30px;
    padding: 0 65px;
}

.room_title h1:before {
	display: none;
}

.room_title .rooms_more {
	bottom: 0px;
    right: 50px;
    float: right;
    position: relative;
}

p.total_rooms {
	position: absolute;
    margin-top: 0px;
    right: 0;
    font-size: 35px;
    font-family: 'Source Serif Pro', sans-serif;
    color: #000;
    font-weight: 200;
}

.beige_bg.rooms {
    height: 25px;
    width: 41.67%;
    position: absolute;
    bottom: -85px;
    right: 0;
    margin-bottom: 60px;
    background: #ebeae6;
}

.reverse-rooms .beige_bg.rooms {
    height: 25px;
    width: 41.67%;
    position: absolute;
    bottom: -85px;
    left: 0;
    margin-bottom: 60px;
    background: #ebeae6;
}

.icon_room {
	width: 260px;
    height: 200px;
    margin: 0 auto 40px auto;
}

.room_intro {
	padding-left: 165px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.room_intro_img {
    height: 100%;
    object-fit: cover;
}

.room_intro h2 {
	font-size: 27px;
    font-weight: 300;
    color: #338484;
    padding-bottom: 140px;
    position: relative;
}

.room_intro h2:after {
	content: '';
    border-right: 1px solid #338484;
    width: 1px;
    height: 85px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 25px;
}

.page_text .room_intro h1 {
    font-size: 75px;
    line-height: 100px;
    width: 160%;
    z-index: 1;
    margin-top: 70px;
}

.room_intro p {
    color: #ebeae6;
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 26px;
    padding-right: 100px;
    text-indent: 45px;
}

.room_intro .more {
	font-size: 18px;
	margin: 60px auto 0 auto;
}

.room_intro .num_photos {
    bottom: 50px;
}

.page_text.room_intro h1 {
    font-size: 60px;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    line-height: 60px;
}

.extra_image {
	height: 100vh;
	/* margin: 50px 0; */
	background-repeat: no-repeat;
	background-position: center;
	/* animation:grow 40s linear 10ms infinite; */
}

.page_text.features h1 {
    margin-bottom: 30px;
    padding-left: 0;
    margin-left: 0;
}

.small_img {
	margin-top: -28%;
    position: absolute;
    margin-left: 10%;
}

.small_img img {
	width: 65%;
}

.page_text .facilities_text h2 {
    font-size: 77px;
    font-weight: 300;
    margin-bottom: 60px;
    color: #40250f;
    position: relative;
    line-height: 87px;
}

.facilities_text {
	padding-right: 8%;
    padding-left: 14%;
}

.room_facilities {
	position: relative;
    overflow: visible!important;
}

.room_facilities img.img-responsive {
	position: relative;
	z-index: 1;
}

.room_facilities:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #1a3142;
    width: 4%;
    height: 150px;
}

.room_facilities:after {
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    width: 4%;
    height: 60%;
}

.room_gallery {
	overflow: hidden;
	position: relative;
}

.room_gallery:before {
	content: '';
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	background: #fff;
	width: 4%;
}

.features_img {
    position: absolute;
    width: 250px;
    top: -50px;
    right: 4%;
}

.page_text .facilities_text ul li {
    border-left: 1px solid #40250f;
    padding-left: 15px;
    display: inline-flex;
    width: calc(50% - 30px);
    font-weight: 600;
    color: #40250f;
    letter-spacing: 2px;
    font-size: 20px;
    line-height: 30px;
    margin: 15px 0;
}

.other_rooms {
	position: relative;
}

.other_rooms:before {
	content: '';
    position: absolute;
    left: 0;
    width: 4%;
    height: 75px;
    background: #fff;
    top: 0;
    z-index: 2;
}

.other_room_box {
	transition: all 0.5s ease-in-out;
}

.other_room_box:hover {
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.other_room_box .icon_other {
	transition: all 0.5s ease-in-out;
}

.other_room_box:hover .icon_other {
	opacity: 1;
}

.icon_other {
	width: 200px;
    height: 150px;
    margin: 0 auto 20px auto;
	opacity: 0.7;
}

.rooms_view .room_right_image {
	width: 70%;
    float: right;
    background: #ebeae6e3;
    padding-bottom: 60%;
    position: relative;
}

.rooms_view .room_right_image img {
	width: 100%;
    float: right;
}

.rooms_view .room_book {
    color: #606060;
    border-bottom: 2px solid #606060;
	bottom: 27%;
}

.rooms_view {
	padding-bottom: 0;
}

.features {
	position: relative;
    overflow: visible!important;
    padding-top: 100px;
}

.features_bg {
	position: absolute;
	width: 85%;
    height: calc(100% + 40px);
    background-color: #E3DFDA;
    top: -40px;
    z-index: -1;
    right: 0;
}

.room_features {
	background-color: #E3DFDA;
}

.features_list {
	width: 100%;
	padding: 210px 0 0 10%;
}

.features_list ul li {
	margin: 0;
    padding: 10px 0px 10px 20px;
    font-size: 21px;
    color: #777;
    font-weight: 200;
    line-height: normal;
    transition: all 0.3s ease 0s;
    width: 100%;
    display: inline-block;
    background: transparent url(../img/layout/dot_dark.svg) no-repeat 0 20px;
    background-size: 12px;
}

.features_list.facility_list ul li {
	width: 49%;
	border-right: none;
}

.page_text .features_list.facility_list h2 {
	font-size: 34px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 32px;
    font-family: 'Manrope';
    color: #666;
}

/* .features_list.facility_list ul li:nth-last-child(2n) {
    border-right: 2px solid #BFBDBB;
} */

.features_list ul li:last-child, .features_list ul li:nth-last-child(4) {
	border-right: none;
}

.swiper-slide .total_rooms.gallery {
	display: none;
}

.swiper-slide.swiper-slide-active .total_rooms.gallery {
	display: block;
}

.total_rooms.gallery {
	text-align: center;
    width: fit-content;
    left: 0;
    right: 0;
    bottom: -116px;
    margin: 0 auto;
}

.total_rooms.gallery span {
	z-index: 2;
    color: #000;
    position: relative;
}

.mar_neg{margin-top: -5%;border:5px solid #fff;}
.image_subtitle { display:block; margin-top:10px; margin-bottom:30px; font-size:18px; color:#4C5870;}

.sight_container { position:relative; min-height:350px;  }
.sight_container.inner_sight_container {  min-height:600px; overflow:hidden; margin-bottom:50px; }
.sight_box { position:absolute;bottom:0px; }
.sight_box .sight_image { position:relative;	overflow:hidden; }
.sight_box img {max-width:100%; transition: all 0.3s ease 0s;}
.sight_box .sight_subtitle { display:block; margin-top:10px; margin-bottom:10px; color:#4C5870; font-size:18px; text-align:right; transition: all 0.3s ease 0s;}
.sight_box:hover .sight_subtitle{ color:#3D3D3B; transition: all 0.3s ease 0s;}
.sight_box:hover img{  transform: scale(1.05); transition: all 0.3s ease 0s;}

.fragment-banner{height:40vh;overflow:hidden;position: relative;background-size:100%;border:1px solid #f1f1f1;background-color: #000;overflow:hidden;transition: all 0.3s ease 0s;background-size: cover; background-position: center;}
.fragment-banner:hover{transition: all 0.3s ease 0s;    -webkit-transform: translateX(4px) translateZ(0) scale(1.05);
    transform: translateX(4px) translateZ(0) scale(1.05); }


.home_half_text{padding:5px 100px;}
.home_half_text.mar_top{margin-top:100px;}
.home_half_text p{
    margin-top: 25px;
    margin-bottom: 40px;
}

.home_half_text a {
	color: #9a9f87;
}

.home_half_text p.first_line, .suites_description p.first_line, .home_center_title p.first_line{
    font-size: 16px;
    line-height: normal;
    letter-spacing: 1.7px;
    color: #fffbeb;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 400;
    background: #000;
    display: inline-block;
    padding: 5px 15px;

}
.home_half_text h4{
    font-size: 40px;
    line-height: 54px;
    color: #674439;
    margin-top: 10px;
    margin-bottom: 50px;
	font-weight: 400;
	font-family: 'Alegreya', serif;
}
.home_left_image{
	position: relative;
    margin-top: 50px;
}

.home_left_image img{
	width: 100%;
}

.about_img {
	margin-top: 180px;
    position: relative;
    margin-bottom: 170px;
}

.page_text .about_img h1 {
    position: absolute;
    margin-bottom: 0;
    top: -75px;
    padding-left: 5%;
    z-index: 1;
}

.home_shadow {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 70%);
    z-index: 0;
}

.about-section {
	z-index: 1;
	position: relative;
}

.page_text .about_text p {
	color: #fff;
	text-indent: 45px;
}

.about_right_text {
	padding: 180px 0 0 90px;
}

.about_text {
    position: relative;
    width: 42%;
    float: right;
}

.location_text {
	position: relative;
    overflow: hidden;
    display: block;
    padding-right: 100px;
}

.home_right_image{
	position: relative;
	padding-left: 50px;
    padding-top: 110px;
}
.home_right_image img{
	width:105%;
	z-index: 2;
    position: relative;
}

.parallax{
	display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 80vh;
}

.parallax_text {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.parallax_text h2 {
	font-size: 80px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #fff;
    font-family: 'Source Serif Pro', sans-serif;
    position: relative;
    line-height: 95px;
}

.parallax_text p {
	color: #fff;
    font-family: 'Source Serif Pro', sans-serif;
    font-size: 32px;
    margin-top: 40px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.slide_title {
	transition: all 1s ease-in-out;
}

.slide_title h2 {
	font-size: 70px;
    letter-spacing: 1px;
    color: #fffc;
    font-weight: 100;
    font-family: 'Manrope', sans-serif;
    position: absolute;
    bottom: -30px;
    width: 100%;
    left: -33px;
}

.slide_title h2 a {
    color: #fffc;
}

.rooms_grid_inner{  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid_item{
	width:16.66667%;
	clear:both;
}
.grid_icon_rooms img{
	width:70px;
	margin-bottom:15px;
	transform: scale(0.95); transition: all 0.3s ease 0s;
}
.grid_item:hover .grid_icon_rooms img{
	transform: scale(1.00); transition: all 0.3s ease 0s;
}
.grid_icon_rooms_title{
	display: block;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
}

.sec_line{display:block;}


.page_home_bg:before {
    content: "";
	height: 180px;
    width: 2px;
    background: #a37f72;
    display: block;
    position: absolute;
    top: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.page_home_bg {
	width: 100%;
	height: 70vh;
	margin-top: 0;
	/* margin-bottom: 15vh; */
	margin-bottom: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_home_bg .more{color:#fff;}
.page_home_bg_text { text-align: center;   background: rgba(51 51 51 / 70%);    padding: 20px; }
.page_home_bg.hotel_home_page .page_home_bg_text {
	position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page_home_bg_text h2{ color: #fff;letter-spacing: 0px;font-size: 40px;font-weight: 300;line-height: 1.1;letter-spacing: 6px;text-transform: uppercase;margin-top:50px;}
.page_home_bg_text p{     font-size: 18px;    font-weight: 300;    line-height: 30px;    color: #fff;    text-shadow: 1px 0 50px rgb(0 0 0 / 80%);    display: block;    margin-bottom: 20px;}

.space_between_suites{
	z-index: 0;
    position: relative;
    overflow: hidden;
}

.home_rooms_wrapper {

}

.thea_left {
	background: #844540;
    padding: 15% 23%;
    height: 100vh;
	position: relative;
	display: flex;
    align-items: center;
}

.activities_right {
	background: #6A774F;
    padding: 15% 23%;
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
}

.thea_left a, .activities_right a {
	color: #fff;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    font-weight: 200;
    position: absolute;
    top: 7%;
    left: 0;
    right: 0;
    text-align: center;
}

.thea_left a:after, .activities_right a:after {
	content: '';
    position: absolute;
    border-right: 1px solid #fff;
    height: 250px;
    margin: 45px auto 0 auto;
    z-index: 1;
    left: 0;
    right: 0;
    width: fit-content;
}

.thea_left .thea_logo {
	width: 430px;
    position: absolute;
    top: 41%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.thea_right, .activities_left {
	height: 100vh;
	overflow: hidden;
}

.thea_text, .activities_text {
	height: 55vh;
    padding: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.thea_image, .activities_image {
	height: 45vh;
}

.thea_bg_img, .activities_bg_img {
	height: 45vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.thea_right .more, .activities_left .more {
	margin-top: 60px;
    padding: 18px 40px;
    color: #3b3b3b;
    background: transparent;
    border: 1px solid #3b3b3b;
	transition: all 0.3s ease-in-out;
}

.thea_right .more:hover, .activities_left .more:hover {
	color: #fff;
	border: 1px solid #F6F4EE;
}

.page_text .activities_right h1 {
	color: #fff;
    font-size: 75px;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
	text-align: center;
}

.activities_right img {
	filter: brightness(0.7);
}

.service_left {
	padding: 50px 65px 0 8%;
}

.service_right {
	padding: 0px 8% 0 17%;
	position: relative;
}

.service_right:before {
	content: '';
    position: absolute;
    background-color: #338484;
    width: calc(100% - 35%);
    height: 75%;
    left: 0;
    top: 50%;
    transform: translate(10%, -50%);
}

#swiper_services .swiper-slide {
	height: 85vh;
    background-size: 100%;
    background-repeat: no-repeat;
	background-size: cover;
}

.service_right .suite-button-prev {
	left: 25px;
    top: 72%;
}

.service_right .suite-button-next {
	right: auto;
	left: 25px;
	top: 60%;
}

.page_text .service_left h2 {
	margin-bottom: 50px;
}

.service_left .more {
	margin-top: 60px;
    padding: 18px 30px;
    color: #3b3b3b;
    background: transparent;
    border: 1px solid #3b3b3b;
}

.service_left .more:hover {
	color: #fff;
    border: 1px solid #f6f4ee;
}

.basic_text h1 {
    font-size: 72px;
    color: #e8e2dc;
    font-family: 'ACGeosansLight';
    line-height: normal;
    background: #a65937;
    padding: 35px 50px;
    position: absolute;
    z-index: 2;
    width: 96%;
    margin-left: 4%;
}

.basic_text h1 span {
	margin-left: 5%;
	font-style: italic;
}

.space_between_suites.mob {
	display: none;
}

.dynamic_text h4 {
    color: #40250f;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: normal;
    font-family: 'ACGeosansLight';
    margin-top: 20px;
    margin-bottom: 20px;
}

.page_text .dynamic_text p {
	font-weight: 600;
	line-height: 32px;
}

.dynamic_right_image {
	width: 75%;
    float: right;
    position: relative;
    margin: 0;
}

.dynamic_right_image:after {
	content: '';
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%;
    padding-bottom: 100vh;
}

.activities_boxes {
	position: relative;
    display: block;
    margin-top: 100px;
}

.activities_boxes h2 {
	position: absolute;
    background: #f4f3f2;
    color: #555;
    bottom: 0;
    margin: 0;
    padding: 12px 0;
    display: block;
    width: 100%;
	z-index: 1;
}

.page_text.activities_intro .basic_text p {
	line-height: 65px;
	font-size: 52px;
}

.activities_all_left .experience_img, .activities_all_right .experience_img {
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

.activities_all_left .experience_img img, .activities_all_right .experience_img img {
	transition: all 0.3s ease-in-out;
}

.activities_all_left .experience_img:hover img, .activities_all_right .experience_img:hover img  {
	transform: scale(1.1);
	filter: brightness(0.7);
}

.experiences_all {
	padding-left: 4%;
	padding-right: 4%;
}

.experiences_all_inner.last {
    margin-bottom: 0;
}

.page_text .experiences_all_inner h2 {
	font-size: 45px;
    line-height: normal;
    color: #fff;
    font-family: 'ACGeosansLight';
    position: absolute;
    left: 55px;
    bottom: 50px;
    width: 70%;
    margin-bottom: 0;
    z-index: 1;
}

.experiences_all_inner {
	margin-bottom: 50px;
    position: relative;
}


.experience_img {
	overflow: hidden;
}

.page_text .activity_description h3 {
    font-size: 28px;
    margin-bottom: 35px;
}

.activity_images .swiper-slide {
	height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(0.8);
}

.activity_images .num_photos {
	left: 50px;
    right: auto;
    bottom: 50px;
}

.activity_images .swiper-button-prev {
    bottom: 55px;
}

.activity_images .swiper-button-next {
    bottom: 55px;
}

.activity_images .swiper-slide a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page_text .basic_text .small_p p {
	font-size: 30px!important;
    line-height: 40px!important;
    margin-top: 35px!important;
}

.gallery {
    margin-bottom: 30px;
    transition: all 1s ease;
}

.gallery img {
    width: 100%;
    box-shadow: 0px 0px 10px #ccc;
    transition: all 1s ease;
}

.activity_description {
	padding: 100px 100px;
}

.activity_description p {
    padding: 10px 0;
    font-weight: 600;
}

.page_gallery_wrapper {
	padding: 130px 0 0px 0;
    margin-top: -80px;
	flex-direction: column;
}

.page_text .activity_info p {
	padding-right: 50px;
}

.activity_info {
	margin-bottom: 70px;
}

.activities_right_text {
	padding: 100px 40px 100px 70px;
}

.page_text .activities_right_text h2 {
    font-size: 40px;
    line-height: 55px;
}

.page_text .activity_info h2 {
	color: #3A3A3A;
	margin-top: 40px;
    font-size: 43px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

.activity_info .more {
	background: transparent;
    color: #3b3b3b;
    border: 1px solid #3b3b3b;
    padding: 18px 45px;
}

.activity_info .more:hover {
	color: #fff;
	border: 1px solid #338484;
}

.activity_wrapper {
	position: relative;
	display: block;
    overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.activity_wrapper.sec {
	margin-top: 80px;
    margin-left: 15px;
	margin-right: 15px;
}

.activity_wrapper.sec h2 {
	top: 0;
    bottom: auto;
}


.activity_wrapper img {
	transition: all 0.5s ease-in-out;
}

.activity_wrapper:hover img {
	transform: scale(1.05);
	transition: all 0.5s ease-in-out;
}

.page_text .activity_info h1 {
    padding-left: 0;
    margin-left: 0;
}

.activity_number {
	position: relative;
    right: 0;
    top: 0px;
}

.activity_number p {
    top: 0px;
    font-size: 55px;
    position: relative;
    color: #899666;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 300;
    float: right;
    padding-right: 25px;
}

.beach_img {
	z-index: 2;
    position: relative;
}

.beach_info {
	background: #fff;
    position: relative;
    top: -40px;
    margin-left: -7%;
    right: 0;
    padding: 8% 15px 8% 70px;
}

.beach_info.left {
	margin-right: -7%;
    margin-left: 0;
    padding: 8% 70px 8% 40px;
}

.page_text .beach_info.left p {
	text-align: right;
    display: inline-block;
}

.page_text .beach_info h2 {
    font-size: 35px;
    border-bottom: 1px solid #444;
    font-family: 'Source Serif Pro', sans-serif;
    width: fit-content;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 35px;
}

.page_text .beach_info.left h2 {
	float: right;
    display: block;
	text-align: right;
}

.beach_info.left .activity_number {
	right: auto;
    left: 0;
    top: 0;
    float: left;
}

h2.location_title {
	color: #84827E;
    font-size: 75px;
    font-weight: 100;
    font-family: 'Manrope', sans-serif;
    margin-bottom: 80px;
    line-height: 90px;
    margin-left: 100px;
}

.map {
	padding: 100px 0;
	background: #E3DFDA;
	position: relative;
	display: block;
	overflow: hidden;
}

/* ==================== BOOKING FORM ==================== */

.booking_form{background: #E3DFDA;}
.book_info {
	padding-top: 30px;
    padding-bottom: 30px;
    border-right: 2px solid #B3B2B1;
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.book_info_numbers {
	flex-direction: row;
}

.book_info label{
	font-family: 'Alegreya', serif;
	font-size: 22px;
    display: block;
    color: #000;
    font-weight: 100;
    text-align: center;
	margin-top: 15px;
    margin-bottom: 10px;
}
.book_info input {
	padding: 10px 5px;
    font-size: 20px;
    width: 100%;
    display: block;
    color: #333;
    font-weight: 300;
    text-align: center;
    background: transparent;
    border: none;
    background-image: url(../img/layout/arrow_down_black.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: top center;
}
.book_info.book_info_numbers input { width: 28px; }
.book_info select{
	font-size: 20px;
    width: 100%;
    padding-top: 15px;
    display: block;
    color: #000;
    font-weight: 300;
    text-align: center;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    background-image: url(../img/layout/arrow_down_black.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: top center;
}

.book_info .minus, .book_info .plus {
	display: block;
	position:absolute;
	top:50px;
	right:40px;
  font-weight: 700;
  font-size: 24px;
  color: #000;
}

.book_info_bottom input {
  text-align: unset;
}

.book_info .minus { top:80px;  }
.book_info .minus img, .book_info .plus img{ width:24px;}
.book_submit {
	padding-bottom: 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
}
.book_submit button {
	background: none;
    border: none;
    color: #000;
    padding: 0px;
    font-size: 22px;
    font-weight: 100;
    line-height: 80px;
    font-family: 'Alegreya', serif;
}

.book_submit button img {
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-left: 10px;
}

.book_info_date img, .book_info_numbers img {
	width: 23px;
}

.book_info_bottom {
	width: 30px;
	display: flex;
	/* background: red; */
	position: relative;
	justify-content: center;
	align-content: center;
	text-align: center;
}

.shadow_wrapper {
	position: absolute;
}

.booking_shadow {
	background: #00000021;
    height: 105px;
    position: absolute;
    z-index: 9;
    top: -105px;
    width: 100%;
}

.book_arrows {
  display: block;
  width: 100%;
  margin-top:3px;
}

.book_info .minus, .book_info .plus {
  display: block;
  position: relative;
}

.book_info .minus img, .book_info .plus img {
  width: 16px;
}

.book_info .minus {
    top: unset;
}

.book_info .minus, .book_info .plus {
    position: relative;
    top: unset;
    right: unset;
	}

.booking_date {
  display: block;
  width: 100%;
  overflow: hidden;
}

.booking_phone{
	text-align:center;
	margin-top:20px;
}
.booking_phone p{
    font-size: 16px;
    line-height: 26px;
	padding:5px;
    margin-bottom: 40px;
    color: #000;
    font-weight: 300;
	font-style: italic;
	border-bottom:1px solid #000;
	display: inline-block;
	transition: all 0.3s ease 0s;   
}

.booking_phone p i{
	font-weight: 300;
}
.booking_phone p span{
	font-weight: 700;
	color: #674439;
}
.booking_phone:hover p{
	letter-spacing:0.1px;
	transition: all 0.3s ease 0s;     
}

@media(min-width:1500px){}

@media(max-width:1499px){
	.book_info .minus img, .book_info .plus img {
    width: 16px;
	}

}
@media(max-width:1199px){}

@media(max-width:991px){
	.booking_date {
		display: none;
	}
}

@media(max-width:767px){}

@media(max-width:585px){}

@media(max-width:420px){}

/* ==================== END BOOKING FORM ==================== */



/* ==================== HOME VIDEO ==================== */
.video_container_general{  width: 100%;    position: relative;    top: 0;    left: 0;    margin: 0 auto;    padding: 55.921875% 0 0;    z-index: 1;}
.video_container_general video {width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0;  bottom: 0;}

.video_caption{position:absolute;top:40%;width:100%;z-index:1;text-align:center;}
.video_caption p{font-size:20px;color:#fff;text-shadow:0px 0px 8px #000;}
.video_caption p.header_video{font-size:60px;font-weight:300;}
.video_caption a{padding:15px 15px 10px 15px;border:1px solid #fff;color:#fff;display:inline-block;background:rgba(0,0,0,0.2);margin-top:20px;transition: all 0.2s ease-in; font-weight: 300; font-size:18px;letter-spacing:1px;}
.video_caption a:hover{border:1px solid #000;background:rgba(0,0,0,1);transition: all 0.2s ease-in;}

@media(max-width: 767px) {
  .video_caption{top:35%;}
  .video_caption p.header_video{font-size:40px;}
} 
@media(max-width: 530px) {
  .video_caption{top:20%;}
  .video_caption p.header_video{font-size:30px;}
  .video_caption p{font-size:18px;}
  .video_caption a{padding:15px 15px 10px 15px;margin-top:15px;}
} 

@media(max-width: 420px) {
  .video_caption{top:5%;}
  .video_caption p{display:none;}
  .video_caption p.header_video{display:block;}
  .video_caption a{padding:5px 5px 2px 5px;margin-top:25%;font-size:14px;}
}

/* END HOME VIDEO
================================================== */

/* ROOMS PAGE
================================================== */
.room_box_image { display:block; position:relative;	overflow:hidden;margin-bottom:100px; }
.room_box_image img{ width:100%; transition: all 0.3s ease 0s;}
.room_box_image:hover img{  transform: scale(1.05); transition: all 0.3s ease 0s;}

.room_box {
	width: 49%;
    display: inline-block;
	text-align: center;
	margin: 60px 0;
}

.room_box img {
	width: 85px;
}

.room_box h3 {
	color: #338484;
    font-size: 95px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 500;
    line-height: 70px;
}

.frame_left {
	background-image: url(../img/layout/frame_left.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100px;
	height: calc(100% + 100px);
    position: absolute;
    left: -100px;
    top: -100px;
    opacity: 0.4;
	z-index: -1;
}


.frame_right {
	background-image: url(../img/layout/frame_right.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 100px;
	height: calc(100% + 100px);
    position: absolute;
    right: -100px;
    top: -100px;
    opacity: 0.4;
	z-index: -1;
}

.frame_top {
	background-image: url(../img/layout/frame_top.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
    width: calc(100% + 230px);
    height: 80px;
    position: absolute;
    top: -100px;
    left: -115px;
    opacity: 0.4;
}

.room_details_wrap {
	padding: 100px 100px;
    background: #F6F4EE;
    position: relative;
    display: flex;
    margin: 0 100px;
}

.room_details_wrap:after {
	content: '';
    position: absolute;
    width: calc(100% - 250px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-bottom: 1px solid #444;
}

.room_details_wrap:before {
	content: '';
    position: absolute;
    height: calc(100% - 200px);
    right: 0;
    margin: 0 auto;
    top: 50%;
    left: 0;
    border-right: 1px solid #444;
    transform: translate(-50%, -50%);
}

.room_box .room_box_title { font-size: 30px;    font-weight: 300;    line-height: 40px;    color: #674439;    text-transform: uppercase;    font-family: 'Alegreya', serif; }
.room_box .room_box_subtitle {font-size: 16px;    line-height: 30px;    margin: 10px 0 30px 0;    font-weight: 300;}
.room_box a {margin-top:50px;float:left;}

.book_room_link {    position: absolute;    left: 0;    top: 30px; z-index:99;    }
.book_room_link a {    
	z-index:999;
	position:relative;
	display: block;
	font-weight: 400;
    letter-spacing: 0.5px;
	color: #fff;
	background: #4c586f;	 
	border: 2px solid #4c586f;  	
	padding: 10px 20px 10px 20px;
	transition: all 0.3s ease 0s;     
}
.book_room_link:hover a{
    color:#3D3D3B;
	background: none;
	transition: all 0.3s ease 0s;
}	

.more_rooms  { margin-bottom:20px; position: relative; margin-top: 50px; }
.more_rooms img  {width:100%;display:block;height: auto;}
.more_rooms a {	}

.more_rooms a span{
	font-size: 16px;
    line-height: normal;
    letter-spacing: 1.7px;
    color: #fffbeb;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 400;
    background: #000;
    display: block;
    padding: 7px 0px;
	text-align: center;
	width: 100%;

}

.page_text .basic_text p {
	line-height: 70px;
    font-size: 55px;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 400;
    color: #3A3A3A;
}

.room .room_number {
	position: absolute;
    top: -47px;
    z-index: 0;
    overflow: hidden;
}

.rooms_home {
	padding-left: 4%!important;
	padding-right: 4%!important;
}

.page_text .room .room_number p {
	font-size: 57px;
    position: relative;
    color: #338484;
    font-family: 'Source Serif Pro', sans-serif;
    font-weight: 300;
    line-height: 57px;
    border: 1px solid #338484;
    padding: 20px 23px;
    margin-bottom: 50px;
}

.room .room_image {
	position: relative;
    overflow: hidden;
    display: block;
    padding-left: 90px;
}

.room.reverse-991 .room_image {
    padding-left: 0px;
    padding-right: 90px;
}

.room .icon_img {
	transition: all 0.5s ease-in-out;
}

.room:hover .icon_img {
	opacity: 1;
}

.room .icon_img {
	width: 370px;
    height: 320px;
    right: auto;
    margin: 0;
    left: -240px;
    top: -120px;
    z-index: 3;
    opacity: 0.4;
}

.rooms_home .room {
	height: 75vh;
    min-height: 715px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    position: relative;
}

.rooms_home .room.last {
    margin-bottom: 0;
}

.room .rooms_description {
    z-index: 3;
    position: absolute;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #e8e2dc;
    width: 55%;
    top: 0;
    text-align: center;
}

.room.reverse-991 .rooms_description {
    left: -53%;
}

.num_photos {
	position: absolute;
    right: 50px;
    bottom: 50px;
    border: 1px solid #fff;
    color: #fff;
    z-index: 2;
    padding: 10px 17px;
	width: 70px;
    height: 70px;
	background: #00000001;
}

.room.reverse-991 .num_photos {
	right: auto;
    left: 50px;
}

.all_photos {
	font-size: 20px;
    font-weight: 100;
    padding-left: 15px;
    text-align: right;
    position: relative;
}

.all_photos:before {
	content: '/';
    position: absolute;
    top: -18px;
    width: 15px;
    height: 15px;
    transform: rotate(26deg);
    left: 9px;
}

.room .room_bg {
	width: 100%;
    position: absolute;
    height: 70%;
    bottom: -50px;
    left: -85px;
    background-color: #CFCDC8;
}

.room.reverse-991 .room_bg {
	left: auto;
    right: -85px;
}

.room .rooms_description p.last {
	border-bottom: none;
	padding-bottom: 0px;
}

.room .swiper_buttons .more {
    margin-left: 210px;
	font-size: 18px;
	z-index: 11;
}

.home_header_content.rooms_view h1 {
    padding: 0 32%;
}

.complex.mob {
	display: none;
}

.page_text .complex h2 {
	font-family: 'Source Serif Pro', sans-serif;
    font-size: 40px;
    font-weight: 100;
    margin-top: 135px;
	margin-bottom: 55px;
}

.page_text .complex h2:before {
	content: '';
    position: absolute;
    border-top: 1px solid #899666;
    width: 77px;
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: 0 auto 0 auto;
    top: 65px;
}

.level-box {
	display: flex;
    align-items: center;
    position: relative;
}

p.complex_middle {
	color: #8A9666;
    font-weight: 400;
    font-size: 37px;
    margin-left: 60px;
    font-family: 'Source Serif Pro', sans-serif;
}

p.complex_middle:before {
	content: '';
    border-top: 1px solid #8A9666;
    width: 60%;
    left: -100px;
    position: absolute;
    margin-top: 15px;
}

p.complex_middle:after {
    content: '';
    background-image: url(../img/layout/arrow_up_levels.svg);
    background-size: 20px;
    width: 20px;
    background-repeat: no-repeat;
    height: 50px;
    position: absolute;
    margin-top: 100px;
    margin-left: -68px;
}

.level_text {
	text-align: left;
}

.level3 {
	width: 75%;
	margin-left: 10%;
}

.level2 {
	width: 126%;
    margin-left: -10%;
}

.level-box.level-2 {
	margin-top: -5px;
}

.level1 {
	width: 140%;
	margin-left: -17%;
}

.level-box.level-1 {
	margin-top: -5px;
}

.level-box.level-2 p.complex_middle:before {
    width: 40%;
    left: -20px;
}

.level-box.level-1 p.complex_middle:before {
	width: 22%;
    left: 50px;
}

.level-box.level-2 p.complex_middle:after {
    margin-top: 140px;
}

.level-box.level-1 p.complex_middle:after {
	display: none;
}

.room_info{text-align:center;position:relative;margin-bottom:50px;padding-bottom:100px;}
.room_info p{}
.room_info::after {
    content: "";
    height: 80px;
    width: 1px;
    background: #29365b;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.room_plan{
	text-align:center;
}

.room_plan a{
	border-top:1px solid #000;
	padding:10px;
	font-weight:700;
	color: #29365b;
	display: block;
}

.room_plan a.not_show{
	display: none;
}
.link_gallery{
	height:70vh;
	text-align:center;
}

.link_gallery a{
	margin-top:33vh;
	font-size: 18px;
	font-weight: 300;
	color: #000;
	padding: 10px 20px;
	border: 1px solid #fff;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	overflow: hidden;
	background-color: #F6F3EA;
	-webkit-transform: scaleX(1.01);  -ms-transform: scaleX(1.01);  transform: scaleX(1.01);  -webkit-transform-origin: left;  -ms-transform-origin: left;  transform-origin: left; -webkit-transition: .37s cubic-bezier(.25,.04,0,.93);  -o-transition: .37s cubic-bezier(.25,.04,0,.93);  transition: .37s cubic-bezier(.25,.04,0,.93);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;
}

.link_gallery a:hover{
	-webkit-transform: scaleX(1.03);  -ms-transform: scaleX(1.03);  transform: scaleX(1.03)
}

.left_image_amenities{
	width:70%;
}
.amenities_container{
	position:relative;
	padding:50px;
}

.page_text .amenities_container h3{
    font-size: 40px;
    font-weight: 300;
    line-height: 50px;
    color: #674439;
    text-transform: uppercase;
    font-family: 'Alegreya', serif;
}

.page_text .amenities_container ul li{
	display: inline-block;
	width: 49%;
	margin:2px 0 2px 0;
}

.room_more_title{
	text-align:center;
	position:relative;
    padding-bottom: 70px;
    margin-bottom: 20px;
}

.room_more_title::after {
    content: "";
    height: 60px;
    width: 1px;
    background: #29365b;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.room_more_title h4{
	font-size: 28px;
    font-weight: 300;
    line-height: 40px;
    color: #674439;
    text-transform: uppercase;
    font-family: 'Alegreya', serif;
}

/* FACILITIES PAGE
================================================== */

.facility_text { padding-top:80px;}

.facility_left_image {}
.facility_left_image img {max-width:100%;}

.facility_right_image {text-align:right;}
.facility_right_image img {max-width:100%;}

.benatura_logo { float:right; margin:0 0 20px 20px;}
.enjoy_logo { float:right; margin:0 0 20px 20px;}


/* SIGHTS PAGE
================================================== */
.sight_content {  float:left; margin-bottom:40px;}

.sight_description {
	background: #fff;
    width: 85%;
    padding: 3% 13%;
    position: relative;
	height: calc(65vh + 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sight_description.left {
	float: right;
	height: calc(65vh + 80px);
}

.sight_wrapper {
	position: relative;
    display: inline-flex;
    background: #E3DFDA;
}

h3.sight_title {
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
    letter-spacing: normal;
    margin-bottom: 40px;
    color: #333;
    font-family: 'Manrope', sans-serif;
}

.sight-image {
	height: calc(65vh + 80px);
}

.beige_bg.sights {
	height: 80px;
    width: 58.33%;
    position: absolute;
    top: 0;
    right: 0;
    background: #e3dfda;
    z-index: 998;
}

.beige_bg.sights.left {
	left: 0;
	bottom: -80px;
	top: auto;
}



/* OFFERS PAGE
================================================== */
.page_text.offer h2 {
	color: #000;
    line-height: 30px;
}

.offer_box {
	margin: 30px 0;
	padding-top: 20px;
    border-top: 1px solid #ddd;
}

/* BLOG PAGE
================================================== */
.blog_box {  margin-top:20px;margin-bottom:20px;}
.blog_box .blog_image {  margin-bottom:20px;}


/* GALLERY PAGE
================================================== */

#tabs {
	text-align: center;
    margin-bottom: 60px;
}

.tabs_section.page_text h1 {
    padding-left: 0;
    margin-left: 0;
    text-align: center;
}

.tabs_section.page_text p {
	text-align: center;
    margin-bottom: 50px;
}

.page_text #tabs li {
    margin: 5px 0 5px 0;
    padding: 0px 10px 0 10px;
    font-size: 23px;
    font-weight: 400;
    line-height: 30px;
    background: none;
    font-family: 'Source Serif Pro', sans-serif;
    transition: all 0.3s ease 0s;
    display: inline-block;
}

#tabs li a {
    color: #889566;
	border-bottom: 1px solid #889566;
	cursor: pointer;
}

#tabs li a.inactive {
    color: #444;
   	border-bottom: none;
}

.gallery_title {text-align:center;}
.gallery_page h3{font-size: 40px;    font-weight: 300;    line-height: 60px;    color: #674439;    text-transform: uppercase; font-family: 'Alegreya', serif;}

.gallery_box {
	margin-bottom: 20px;
    position: relative;
    padding-left: 130px;
    background: #EBEAE6;
	margin-top: 50px;
	width: calc(50% - 70px);
}
.gallery_box.right {
	margin-bottom: 20px;
    position: relative;
    padding-left: 0px;
	padding-right: 130px;
    background: #EBEAE6;
	margin-top: 160px;
    margin-left: 70px;
}
.gallery_box .gallery_image { position:relative;	overflow:hidden; }
.gallery_box img {width:100%; transition: all 0.3s ease 0s;}
.gallery_box .gallery_text {  z-index:9;width:100%;text-align:left;display:block;  transition: all 0.3s ease 0s;}
.gallery_box.right .gallery_text { text-align: right; }
.gallery_box .gallery_text span{
	font-size: 35px;
    line-height: normal;
    letter-spacing: 1px;
    color: #606060;
    font-weight: 100;
    background: #fff;
    display: block;
    padding: 45px 35px;
    transition: all 0.3s ease 0s;
}

.gallery_text span p {
	font-size: 20px;
    line-height: normal;
    margin-top: 15px;
	letter-spacing: 1px;
}

.gallery_box:hover .gallery_text span { letter-spacing: 1.5px; transition: all 0.3s ease 0s; }
.gallery_box:hover .gallery_text span p { letter-spacing: 1px; }

/* Shine */
.gallery_box .gallery_image::before {
	position: absolute;
	top: 0;
	left: -95%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.gallery_box:hover .gallery_image::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* .gallery_box:hover img{  transform: scale(1.05); transition: all 0.3s ease 0s;} */
/* .gallery_box:hover span{ color:#f1f1f1; transition: all 0.3s ease 0s;} */

.albums_swiper {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: 8%;
	padding-bottom: 120px;
}

.gallery_page {
	background-color: #EBEAE6;
	padding-bottom: 0px;
	margin-top: 70px;
	padding-top: 0;
}


/* LOCATION PAGE
================================================== */

#map{  width:100%;height:100%; min-height:680px; margin:0 auto; position: relative;}

.driveme { position:relative;}
.driveme a { display:block;position:absolute;top:-30px;left:50%;margin-left:-230px;padding:20px 30px 20px 60px;background:#d5deda url(../img/layout/driveme.svg) no-repeat 15px center;color:#3D3D3B;z-index:998;font-size: 20px; font-weight:300; transition: all 0.3s ease 0s;}
.driveme a:hover { color: #fff; background:#3D3D3B url(../img/layout/driveme_hover.svg) no-repeat 15px center;}


/* CONTACT PAGE
================================================== */
.contact_bg {
	background-image: url(../img/layout/bg_graphic.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    right: 0;
    top: 50px;
    background-position: top center;
}

.page_text .contact_wrapper h1 {
	font-size: 70px;
    font-weight: 400;
    color: #3A3A3A;
    margin-bottom: 180px;
	z-index: 1;
}

.contact_info img {
    width: 32px;
    margin-right: 20px;
}

.contact_info img.facebook {
    width: 34px;
}

.reach_us {
	background: #e8e2dc;
    position: relative;
    overflow: hidden;
    margin-left: 4%;
    margin-bottom: 80px;
    display: flex;
    align-items: center;
    padding: 80px;
}

.page_text .reach_us h2 {
	color: #40250f;
	margin: 0;
}

ul li .accordion-title {
    width: 100%;
    position: relative;
    display: flex;
    border-top: 1px solid #40250f;
    padding: 25px;
    color: #40250f;
    font-weight: 600;
    align-items: center;
	cursor: pointer;
	letter-spacing: 1px;
}

ul li .accordion-title:after {
    content: '';
    position: absolute;
    right: 25px;
    background-image: url(../img/layout/plus.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px;
}

ul li .accordion-title.open:after {
    background-image: url(../img/layout/minus.svg);
    background-position: center;
    background-size: 23px;
    width: 23px;
    height: 23px;
}

.reach_us ul li:last-child {
	border-bottom: 1px solid #40250f;
}

.accordion-content {
    font-size: 16px;
    line-height: 26px;
    color: #40250f;
    letter-spacing: 1.5px;
    font-weight: 600;
    padding: 0 25px 15px 25px;
}

.page_text .reach_us ul li {
    margin: 0;
    padding: 0;
}

.contact_wrapper {
	position: relative;
    display: flex;
    overflow: hidden;
    padding: 0 4%;
    align-items: center;
}

.page_text .contact_title h1 {
    padding-left: 0;
    margin-left: 0;
    line-height: 60px;
	font-size: 57px;
}

.contact_title p {
	font-size: 28px;
    color: #606060;
    line-height: 38px;
}

.contact_info {
    padding-left: 8%;
    position: relative;
}

.contact_info table, .contact_info tr, .contact_info td {
	border-collapse: collapse;
	width: 100%;
	color: #e8e2dc;
}

.contact_info td {
	padding: 30px 0;
    font-size: 19px;
    line-height: 25px;
	letter-spacing: 1px;
}

.contact_info td a {
    color: #e8e2dc;
}

.contact_info td small {
    font-size: 14px;
    letter-spacing: 2px;
    color: #e8e2dc;
}

.contact_info tr.last td {
	padding-bottom: 0;
}

.contact_info td.left {
	width: 40%;
}

.contact_info table tr {
	border-bottom: 1px solid #e8e2dc;
}

.contact_info table tr.last {
	border-bottom: none;
}

.contact_left {
	width: 75%;
	position: relative;
    top: -146px;
}

.contact_info a {
	color: #fff;
}

.contact_info p {
	margin-bottom: 17px;
    font-size: 22px;
    color: #fff;
    font-weight: 100;
	background: #00000001;
}

p.last a.more {
	margin-top: 40px;
	z-index: 1;
}

.contact_info p.last i {
	top: 2px;
    margin-left: 5px;
    position: relative;
}

p.contact_details {
	margin-top: 45px;
    padding-right: 100px;
    line-height: 32px;
}

.contact_form{
    padding: 55px 35px;
    margin-top: 80px;
    background: #a65937;
	position: relative;
    z-index: 1;
}
.contact_form h4{
    color: #000;
	font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-weight: 400;
    font-family: 'Alegreya', serif;
}
.contactform{
	width:100%;	
}
.contactform div.input{
	float: left;
    margin: 0 20px;
    padding: 0 0 25px 0;
    width: calc(50% - 40px);
    position: relative;
    background: none;
    display: inline-block;
}

.contactform .security_code div.input {
    width: calc(100% - 40px);
}

.contactform div.textarea {
    float: left;
    margin: 10px 20px 0 20px;
    padding: 0px 0 25px 0;
    width: calc(100% - 40px);
}

.contactform div.submit{
	float: right;
    width: 49%;
    margin: 0px 0 10px 0;
    padding: 0;
    text-align: center;
}


.contactform div.input.checkbox {
	width: 49%;
}

.contactform div.input label {
	font-size: 20px;
    margin-bottom: 15px;
    display: none;
}

.contactform input[type="text"], .contactform textarea {
    width: 100%;
    padding: 5px 0px 14px 0;
    margin: 0px;
    font-size: 14px;
    background: transparent;
    color: #e8e2dc;
    transition: all 0.4s ease;
    text-align: left;
    float: left;
    border: 0px none;
    border-bottom: 1px solid #e8e2dc;
	letter-spacing: 1px;
}

.contactform input[type="text"]::placeholder, .contactform textarea::placeholder {
	color: #e8e2dc;
	letter-spacing: 1px;
}

.contactform textarea {	
    width: 100%;
    height: 160px;
    padding: 35px 15px;
    border: 1px solid #e8e2dc;
}

.contactform div.input.textarea label, .contactform div.input.checkbox label {
    display: block;
    color: #e8e2dc;
    font-weight: 200;
    font-size: 14px;
    background: #a65937;
    position: absolute;
    padding: 0 35px 20px 0px;
    top: -5px;
    letter-spacing: 1px;
}

.terms_link a {
	border-bottom: 1px solid #666;
}

.checkbox input[type=checkbox] {
    margin-left: 0;
}

.contactform input[type="text"]:focus, .contactform input[type="text"]:hover {
	outline: none;
	background:none; 
}

.contactform textarea:focus, .contactform textarea:hover {
	outline: none;
	background: none; 
}

.contactform div.submit input{
    cursor: pointer;
    display: block;
    float: right;
	background-color: transparent;
    margin-right: 20px;
}

.contact_form p {
    font-size: 14px;
    letter-spacing: 1px;
    float: left;
    color: #e8e2dc;
    margin-left: 20px;
}

.contactform div.submit input:hover{	
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease-in-out;
}
.contactform div.submit input:active{	
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s ease-in-out;
}

.contactform .required label:after {
	color:#e32;
	content:'*';
	display:inline;
}
.contactform div label.error{
	color:#fff;
	font-size:14px;
	width:100%;
	margin-top:5px;
	text-align:left;
	float: left;
}

.info-window-content p.balloon-first{
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0;
    margin-bottom: 10px;
    color: #40250f;
    font-weight: 700;
    border-bottom: 1px solid #40250f;
    font-family: 'ACGeosansLight';
    padding-bottom: 10px;
}
.info-window-content p.balloon-second{
	font-size: 14px;
    text-decoration: none;
	letter-spacing: 0;
    margin: 0px 0 0px 0;
    font-weight: 300;
    color: #333;
    line-height: 22px;
}
.info-window-content p span{float: right;font-size: 22px;margin-top: -20px;margin-left: 40px;}
.info-window-content p span.balloon-envelope{margin-top: -5px;}

.no_bullet{margin-right:5px !important;}
.no_bullet::after{display: none;}
.con_info{font-size: small;}

/* FLASH MESSAGES
================================================== */
.hello-bar {
    position: absolute;
    top: 0;
    left: 0;
    color: #40250f;
    font-size: 19px;
    text-align: center;
    background: #ebeae6;
    width: 100%;
    z-index: 2000;
    font-weight: 600;
    zoom: 1;
    padding: 25px 0 25px 0;
}

.hello-bar:after, .hello-bar:before {
    content: "";
    display: table;
}

.hello-bar:after {
    clear: both;
}

.hello-bar .close {
    text-indent: -9999em;
    background: url(../img/layout/hello-bar-close.png) no-repeat top left;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 25px;
    right: 15px;
}

.hello-bar .close:hover {
    background-position: bottom left;
}


#scrollUp {
    background: #40250f none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    opacity: 0.9;
    padding: 10px 19px;
    right: 20px;
    text-decoration: none;
    transition: background 200ms linear 0s;
}




/* MEDIA QUERIES
================================================== */

@media only screen and (max-width: 1650px) {
	.menu li {
		padding: 10px 15px;
	}

    .facilities_text {
        padding-right: 0%;
        padding-left: 8%;
    }

    .facilities_text {
        padding-right: 0%;
        padding-left: 30px;
    }

    .page_text .facilities_text h2 {
        font-size: 70px;
        margin-bottom: 50px;
        line-height: 75px;
    }

    .page_text .room_intro h1 {
        font-size: 70px;
        line-height: 85px;
        margin-top: 60px;
    }

    .room_intro p {
        padding-right: 50px;
    }

    .room_intro {
        padding-left: 100px;    
    }

    .page_text .room_details ul {
        margin-bottom: 60px;
        padding-bottom: 25px;
        margin-right: 70px;
    }

    .home_header_content.rooms_view h1 {
        padding: 0 27%;
    }

    .page_text.page_intro h2 {
        margin-bottom: 170px;
    }

    .white_bg_left {
        min-height: 880px;
    }

    .page_text h1 {
        font-size: 92px;
        margin-bottom: 40px;
        line-height: 100px;
    }

    .page_text .home_experience_text h2 {
        font-size: 70px;
        line-height: 75px;
        margin-bottom: 40px;
    }

    .home_experience_text p {
        margin-bottom: 30px;
    }

    .meratza img.meratza {
        width: 240px;
        top: 56%;
        transform: translate(-50%, -50%);
    }

    .wellness_area img.wellness_area {
        width: 270px;
        top: 48%;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (max-width: 1499px) {
	.menu li {
		padding: 10px;
	}

    .page_text .facilities_text h2 {
        font-size: 60px;
        margin-bottom: 40px;
        line-height: 65px;
    }

    .page_text .facilities_text ul li {
        font-size: 18px;
        line-height: 28px;
        margin: 10px 0;
    }

    .room_intro {
        padding-left: 60px;
    }

    .room_details ul li {
        font-size: 28px;
    }

    .page_text .room_intro h1 {
        font-size: 65px;
        line-height: 80px;
    }

    .page_heading_text h1 {
        font-size: 70px;
        margin-top: 30px;
    }

    .room .rooms_description {
        width: 60%;
        padding: 40px 30px;
    }

    .page_text .experiences_all_inner h2 {
        left: 35px;
        bottom: 35px;
        width: 75%;
        font-size: 35px;
    }

    .page_description ul, .page_description p {
        margin-left: 130px;
    }

    .page_intro_inner {
        padding-left: 10px;
    }

    .page_intro {
        padding-bottom: 190px;
    } 

    .page_intro_text {
        gap: 20px;
    }

    .page_intro_inner p.first {
        margin-bottom: 20px;
    }

    .page_intro .image_right {
        width: 60%;
    }

    .page_text.page_intro h2 {
        margin-left: 15%;
    }

    .about_img {
        margin-top: 150px;
        margin-bottom: 130px;
    }

    .white_bg_left {
        min-height: 860px;
    }

    .page_text h1 {
        font-size: 84px;
        line-height: 92px;
    }

    .zagori_text_wrap {
        width: 65%;
    }

    .basic_text h1 {
        font-size: 65px;
    }

    .swiper-slide .rooms_description {
        top: 110px;
    }

    .page_text .home_experience_text h2 {
        font-size: 60px;
        line-height: 65px;
        margin-bottom: 30px;
    }

    .home_experience_bg {
        position: relative;
    }

    .home_experience_text {
        padding: 0 8% 0 5%;
    }

	.home_adventures p {
    	width: 70%;
    	margin-right: 10%;
	}

	.page_text h2 {
	    font-size: 62px;
    	line-height: 75px;
	}

	.home_adventures h3 {
	    font-size: 40px;
    	left: 35px;
    	bottom: 25px;
	}

	.footer_wrapper {
    	margin-left: -110px;
	}

	.home_header_content h1 {
    	font-size: 70px;
    	margin-top: 60px;
	}

	#logo {
    	width: 165px;
    	height: 55px;
	}

	.top_info {
    	padding: 50px 2% 0px 2%;
	}

	.sticky .top_info {
    	padding: 0px 2%;
	}

	.arrow_btn, .sticky .arrow_btn {
    	padding: 15px 40px 15px 30px;
    	background-position: 87% center;
	}

	.languages a.selected_lang {
    	font-size: 15px;
	}
}

@media only screen and (max-width:1349px) {
    .top_info {
        padding: 35px 15px 0px 15px;
    }

    .activity_description {
       padding: 70px;
    }

    .rooms_home .room {
        min-height: 660px;
    }

    .features_img {
        width: 230px;
    }

    .page_text .facilities_text ul li {
        font-size: 17px;
        line-height: 25px;
        width: calc(50% - 15px);
    }

    .page_text .room_intro h1 {
        font-size: 57px;
        line-height: 75px;
    }

    .p-b-150 {
       padding-bottom: 130px !important;
    }

    .page_text .room_details ul {
        margin-bottom: 60px;
        padding-bottom: 20px;
        margin-right: 40px;
    }

    .room_intro {
        padding-left: 15px;
    }

    .room_intro p {
        padding-right: 15px;
    }

    .page_heading_text h1 {
        font-size: 65px;
    }

    .room .rooms_description h3 {
        font-size: 33px;
    }

    .page_text .experiences_all_inner h2 {
        left: 30px;
        bottom: 30px;
        width: 80%;
        font-size: 32px;
    }

    .extra_description_inner {
        padding-left: 40px;
    }

    .page_description ul, .page_description p {
        margin-left: 100px;
    }

    .page_intro {
        padding-bottom: 160px;
    }

    .page_text .about_img h1 {
        top: -65px;
        padding-left: 3%;
    }

    .about_text {
        width: 50%;
    }

    .white_bg_left {
        min-height: 805px;
        height: calc(100% - 60px);
        margin-top: -120px;
    }

    .page_text h1 {
        font-size: 74px;
        line-height: 85px;
    }

    .zagori_small {
        width: 260px;
        top: -205px;
    }

    .zagori_text_wrap {
        width: 80%;
        right: 8%;
    }

    .padd_big {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .rooms_description h3 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .basic_text h1 {
        font-size: 60px;
    }

    .page_text .home_experience_text h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .wellness_area img.wellness_area {
        width: 230px;
    }

    .meratza img.meratza {
        width: 230px;
        top: 59%;
    }

	.page_text h2 {
        font-size: 55px;
        line-height: 70px;
    }

	.home_adventures p {
        width: 75%;
	}

	.home_adventures h3 {
        font-size: 35px;
        left: 30px;
        bottom: 20px;
    }

	.menu li {
        padding: 8px 10px;
        letter-spacing: 1.5px;
    }

	.top_info_right {
    	gap: 15px;
	}

	.home_header_content h1 {
        font-size: 65px;
	}

	.padd_prefooter h4 {
	    font-size: 45px;
    	line-height: 60px;
	}

	.footer_wrapper {
        margin-left: -45px;
    }

	.footer_box p {
    	font-size: 17px;
    	padding: 7px 0;
	}

	.footer_box p a {
		font-size: 17px;
	}
}  

@media only screen and (max-width:1199px) {
	#hide1199 {
		display: none;
	}

	#show1199 {
		display: block;
	}

    .activity_description {
        padding: 40px;
    }

    .contact_info td small {
        font-size: 13px;
    }

    .rooms_home .room {
        min-height: 610px;
        height: 70vh;
    }

    .no_scroll .arrow_btn {
        border: 1px solid #40250f;
        color: #40250f;
        font-weight: 600;
        background-image: url(../img/layout/arrow_button_dark.svg);
        background-position: 82% center;
        background-size: 11px;
        background-repeat: no-repeat;
    }

    .no_scroll #lang_info {
        left: 75px;
        top: 20px;
    }

    .no_scroll #lang_info a {
        color: #40250f;
        font-weight: 600;
    }

    .features_img {
        width: 190px;
    }

    .page_text .facilities_text h2 {
        font-size: 50px;
        margin-bottom: 25px;
        line-height: 55px;
    }

    .page_text .facilities_text ul li {
        font-size: 17px;
        line-height: 25px;
        width: 100%;
        margin: 8px 0;
    }

    .features_img {
        width: 200px;
        right: 2%;
    }

    .room_details ul li {
        padding-right: 50px;
    }

    .page_text .room_intro h1 {
        font-size: 52px;
        line-height: 65px;
        margin-top: 30px;
    }

    .reach_us {
        padding: 50px;
    }

    .contact_wrapper {
        padding: 0 2%;
    }

    .contact_info td {
        padding: 25px 0;
        font-size: 17px;
    }

    .contact_form {
        padding: 45px 25px;
    }

    .page_heading_text h1 {
        font-size: 60px;
        margin-left: 6%;
    }

    .room .rooms_description {
        width: 75%;
        padding: 30px;
    }

    .room .rooms_description h3 {
        font-size: 30px;
    }

    .page_text .experiences_all_inner h2 {
        left: 20px;
        bottom: 20px;
        width: 90%;
        font-size: 30px;
    }

    .page_description ul, .page_description p {
        margin-left: 70px;
    }

    ul li .accordion-title {
        padding: 20px;
    }

    .extra_description {
        margin-top: 80px;
    }

    .extra_description_inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page_intro .image_left {
        top: 180px;
    }

    .page_intro .image_right {
        width: 50%;
    }

    .page_intro .image_center {
        padding-left: 10%;
        padding-right: 35px;
    }

    .page_text.page_intro h2 {
        margin-left: 8%;
        margin-bottom: 120px;
    }

    .padd {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .white_bg_left {
        min-height: 720px;
        height: calc(100% - 125px);
        margin-top: -100px;
    }

    .about_img {
        margin-top: 135px;
        margin-bottom: 110px;
    }

    .about_text {
        width: 60%;
    }

    .page_container {
        padding-left: 3%;
        padding-right: 3%;
    }

    .padd_big {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .page_text .zagori_text h1 {
        left: -50px;
        margin-top: 30px;
    }

    .page_text h1 {
        font-size: 61px;
        line-height: 75px;
    }

    .zagori_small {
        width: 230px;
    }

    .zagori_text_wrap {
        width: 87%;
        right: 8%;
    }

    .rooms_description h3 {
        font-size: 33px;
    }

    .swiper-slide .rooms_description {
        width: 600px;
        padding: 40px;
    }

    .rooms_description .room_number p {
        margin-bottom: 10px;
    }

    .basic_text h1 {
        font-size: 55px;
        padding: 35px 40px;
    }

    .home_experience_text.left h2 {
        text-align: left;
    }

    .meratza .home_experience_text {
        padding: 4% 8% 4% 4%;
    }

    .wellness_area .home_experience_text {
        padding: 4% 4% 4% 8%;
    }

    .meratza:before {
        width: 96%;
        left: 0;
    }

    .wellness_area:after {
        width: 96%;
        z-index: -1;
    }

    .meratza {
        flex-direction: column-reverse;
    }

    .wellness_area {
        flex-direction: column;
    }

	.home_adventures p {
        width: 85%;
    }

	.page_text h2 {
        font-size: 50px;
        line-height: 65px;
    }

	.home_adventures_text h2 {
    	margin-left: 15px;
	}

	.parallax {
    	height: 70vh;
	}

	.sticky .open_menu {
        background-image: url(../img/layout/menu_dark.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 45px;
        height: 20px;
	}

	.sticky #lang_info {
        left: 75px;
        top: 1px;
    }

    .no_scroll .sticky #lang_info {
        left: 75px;
        top: 22px;
    }

	.sticky .open_menu img {
		display: none;
	}

	.sticky .top_info {
        padding: 0px 15px;
    }

	.top_info_left {
		display: flex;
		align-items: center;
		justify-content: center;
    	margin: 0 auto;
	}

	#logo {
		width: 130px;
        height: 110px;
        background: url(../img/layout/logo_mob.svg) no-repeat scroll center center;
	}

    .no_scroll #logo {
        width: 130px;
        height: 110px;
        background: url(../img/layout/logo_mob_dark.svg) no-repeat scroll center center;
    }

	.open_menu { display: block; }
	.open_menu img { width: 50px; }

	.top_info_right #lang_info { display: none; }

	#lang_info {
		position: absolute;
		left: 100px;
		top: 3px;
	}

	.top_info {
        padding: 25px 15px 0px 15px;
    }

	.home_header_content h1 {
        font-size: 60px;
    }

	.footer_box p {
        font-size: 16px;
        padding: 5px 0;
    }

	.footer_box p a {
        font-size: 16px;
    }

	.logo_bg_footer img {
 	   width: 65px;
	}

	.padd_prefooter h4 {
        font-size: 40px;
        line-height: 55px;
    }

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

@media (max-width:991px){
    #content {
        overflow: hidden;
    }

    .room_facilities .flex_center {
        flex-direction: column-reverse;
    }

    .room_facilities:before {
        display: none;
    }

    .facilities_text {
        padding-right: 0%;
        padding-left: 15px;
        margin-bottom: 40px;
    }

    .page_text .room_intro h1 {
        font-size: 48px;
        line-height: 60px;
        margin-top: 0;
    }

    .room_intro {
        padding-left: 0;
        margin-bottom: 35px;
    }

    .flex {
        flex-direction: column;
    }

    .home_header_content.rooms_view h1 {
        padding: 0 23%;
    }

    .reach_us {
        padding: 40px;
        gap: 30px;
        flex-direction: column;
        margin-left: 15px;
    }

    .contact_info {
        padding-left: 0;
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .contact_wrapper {
        flex-direction: column-reverse;
        padding: 0 15px;
    }

    .page_heading_image.contact {
        height: 110vh;
        flex-direction: column;
        justify-content: center;
        min-height: 1000px;
    }

    .page_heading_text h1 {
        font-size: 55px;
    }

    .page_heading_image.contact .scrollButtonContainer {
        margin-left: 0;
        text-align: center;
    }

    .page_heading_image.contact:after {
        width: 15%;
    }

    .page_heading_image.contact .page_heading_text h1 {
        margin: 150px auto 0 auto;
        text-align: center;
    }

    .contact_form {
        padding: 40px 25px;
        margin: 40px;
    }

    .rooms_home .room {
        height: 84vh;
        min-height: 730px;
    }

    .page_description ul, .page_description p {
        margin-left: 0px;
        width: 100%;
        margin-top: 0;
    }

    .page_text .extra_description_inner h2 {
       margin-left: 50px;
    }

    .extra_description {
        flex-direction: column;
        gap: 40px;
    }

    .extra_description_inner .page_intro_inner {
        padding-left: 50px;
        padding-top: 0px;
        padding-right: 15px;
    }

    .extra_description {
        margin-top: 60px;
        flex-direction: column;
        gap: 40px;
    }

    .page_description {
        padding-left: 60px !important;
        padding-right: 30px !important;
        flex-direction: column;
    }

    .page_intro {
        flex-direction: column;
    }

    .page_intro_text {
        flex-direction: column-reverse;
    }

    .page_intro_inner {
        padding-left: 15px;
        padding-top: 40px;
        padding-right: 15px;
    }

    .page_text.page_intro h2 {
        margin-left: 4%;
    }

    .about_text {
        width: 100%;
        float: none;
    }

    .page_text .about_img h1 {
        top: -50px;
        padding-left: 0;
    }

    .white_bg_left {
        min-height: auto;
        height: calc(100% + 450px);
        margin-top: -290px;
        margin-bottom: 0;
        width: 4%;
    }
    
	.top_info {
        padding: 25px 5px 0px 5px;
    }

    .reverse-991 {
        display: flex;
        flex-direction: column-reverse;
    }

    .page_text .zagori_text h1 {
        left: 100px;
        margin-top: 0px;
    }

    .zagori_text_wrap {
        display: none;
    }

    .zagori_text_wrap.mob {
        display: block;
        float: none;
        position: relative;
        width: 90%;
        right: auto;
        left: 8%;
        margin-top: 50px;
    }

    .location_img {
        width: 87%;
    }   


    .swiper-slide .rooms_description {
        width: 550px;
        padding: 35px;
    }

    .rooms_description h3 {
        font-size: 31px;
    }

    .basic_text h1 {
        font-size: 50px;
        padding: 30px 35px;
    }

    .home_adventures {
        flex-direction: column;
    }

    .home_adventures p {
        width: 100%;
        padding-left: 20px;
        padding-right: 60px;
        margin-right: 0;
    }

    .swiper_buttons {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    #swiper_experiences.swiper-container, .swiper-other-activities {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 35px;
        margin-left: 15px;
    }

	.sticky .top_info {
        padding: 0px 5px;
    }

	.sticky #logo {
    	margin: 5px auto;
	}

	.sticky .arrow_btn {
		padding: 10px 35px 10px 25px;
	    background-position: 89% center;
	}

	.home_header_content h1 {
        font-size: 55px;
        line-height: 65px;
	}

	.footer_menu {
    	flex-direction: column;
	}

	.footer_wrapper {
        margin-left: -15px;
        margin-top: 35px;
    }

	.footer_social_wrap {
		margin-top: 30px;
	}

}

@media (max-width:767px){
	.top_info_right .arrow_btn {
		display: none;
	}

    .no_scroll .top_info_right .arrow_btn.mob {
        background-image: url('../img/layout/book_dark.svg');
        background-repeat: no-repeat;
        background-size: 45px;
        width: 45px;
        height: 45px;
    }

    .no_scroll #logo {
        width: 125px;
        height: 100px;
    }

    .responsive_menu .contact_menu {
        padding: 40px 50px;
        margin: 30px 5% 0 5%;
    }

    .no_scroll .top_info_right img {
        display: none;
    }

    .padd_top {
        padding-top: 80px;
    }
 
    .padd_bottom {
        padding-bottom: 100px;
    }

    .page_text ul li {
        margin: 0;
        font-size: 18px;
        line-height: 25px;
    }

    .page_text .facilities_text h2 {
        font-size: 45px;
        margin-bottom: 25px;
        line-height: 50px;
    }

    .room_intro p {
        text-indent: 35px;
    }

    .page_text .room_details ul li {
        padding-right: 40px;
        font-size: 26px;
        line-height: normal;
    }

    .page_text .room_intro h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .home_header_content.rooms_view h1 {
        padding: 0 15%;
    }

    .page_heading_image.contact .page_heading_text h1 {
        margin: 100px auto 0 auto;
    }

    .contact_form {
        padding: 30px 15px;
        margin: 30px;
    }

    .reach_us {
        padding: 35px 20px;
        gap: 25px;
    }

    .page_heading_text h1 {
        font-size: 50px;
    }

    .room .rooms_description h3 {
        font-size: 27px;
        margin-bottom: 25px;
    }

    .rooms_home .room {
        height: 80vh;
        min-height: 670px;
    }

    .dynamic_text h4 {
        font-size: 32px;
    }

    .extra_description_inner .page_intro_inner {
        padding-left: 30px;
    }

    .page_text .extra_description_inner h2 {
        margin-left: 30px;
    }

    .page_text.page_intro p {
        text-indent: 35px;
    }

    .page_text .zagori_text h1 {
        left: 30px;
    }

    .page_text .page_container h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .about_img {
        margin-top: 105px;
        margin-bottom: 80px;
    }

    .white_bg_left {
        height: calc(100% + 400px);
        margin-top: -250px;
    }

    .padd_big {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .location_img {
        width: 90%;
    }

    .page_text h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .padd {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .zagori_small {
        width: 200px;
        top: -180px;
        right: 4%;
    }

    .swiper-slide .rooms_description {
        width: 92%;
        padding: 30px;
    }

    .rooms_description h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .basic_text h1 {
        font-size: 45px;
    }

    .rooms_description p {
        margin-top: 25px;
    }

    .page_text .home_experience_text h2 {
        font-size: 48px;
        line-height: 58px;
        margin-bottom: 25px;
    }

    .wellness_area img.wellness_area {
        width: 210px;
    }

    .wellness_area .home_experience_text {
        padding: 30px 30px 40px 8%;
    }

    .meratza img.meratza {
        width: 205px;
    }

    .page_description {
        padding-left: 40px !important;
        padding-right: 15px !important;
    }

    .extra_description_inner p {
        text-indent: 35px;
    }

    .meratza .home_experience_text {
        padding: 30px 8% 40px 30px;
    }

    .page_text h2 {
        font-size: 43px;
        line-height: 55px;
        margin-bottom: 40px;
    }

    .swiper_buttons {
        gap: 40px;
    }

    .home_adventures h3 {
        font-size: 33px;
        left: 25px;
    }

	.parallax {
        height: 60vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 20% 50%;
        background-attachment: unset;
	}

	.padd_prefooter h4 {
        font-size: 35px;
        line-height: 50px;
    }

	.footer_social_wrap {
        margin-top: 10px;
    }

	.footer_wrapper {
        flex-wrap: wrap;
    }

	.footer_box.sec {
		margin-top: 15px;
	}

	.footer_menu {
        margin-top: 30px;
    }

	.copyright_wrapper {
    	padding: 25px 3.2% !important;
		align-items: center;
        display: flex;
	}

	.padd_prefooter {
    	padding-left: 6% !important;
    	padding-right: 6% !important;
	}

	.logo_bg_footer img {
        width: 60px;
    }

	.scrollButtonContainer img {
   		width: 54px;
    	height: 54px;
	}

	.home_header_content h1 {
        font-size: 47px;
        line-height: 57px;
        padding: 0 15px;
    }

	.copyright {
        padding-right: 15px;
    }

	.sticky .top_info_right .arrow_btn.mob {
        background-image: url(../img/layout/book_dark.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 40px;
        height: 27px;
	}

	.sticky .top_info_right .arrow_btn.mob img { display: none; }

	.top_info_right .arrow_btn.mob {
        display: block;
        border: none;
        padding: 0;
        background: none;
	}

	.top_info_right img {
		display: block;
		width: 45px;
	}

	.open_menu img {
        width: 45px;
    }

	#lang_info {
        left: 80px;
	}

	#logo {
        width: 125px;
	    height: 100px;
	}
}

@media (max-width:549px){
	.home_header_content h1 {
        font-size: 40px;
        line-height: 55px;
	}

    .activity_description {
        padding: 25px;
    }

    .no_scroll .sticky #lang_info {
        left: 65px;
        top: 18px;
    }

    .white_bg_left {
        height: calc(100% + 350px);
        margin-top: -220px;
    }

    .responsive_menu ul li a {
        font-size: 19px;
        padding: 4px 0px;
    }

    .responsive_menu ul {
        margin-top: 40px;
    }
    
    .no_scroll #logo {
        width: 110px;
        height: 80px;
    }

    .responsive_menu .contact_menu {
        padding: 30px 50px;
    }

    .no_scroll #lang_info {
        left: 65px;
    }

    .close_menu img {
        width: 55px;
    }

    .padd_bottom {
        padding-bottom: 90px;
    }

    .page_text .facilities_text h2 {
        font-size: 42px;
        margin-bottom: 25px;
        line-height: 47px;
    }

    .page_text .facilities_text h2 {
        font-size: 38px;
        margin-bottom: 20px;
        line-height: 43px;
    }

    .page_text .room_details ul li {
        padding-right: 35px;
        font-size: 24px;
        line-height: normal;
    }

    .room_intro p {
        padding-right: 0;
    }

    .page_text .room_intro h1 {
        font-size: 35px;
        line-height: 50px;
    }

    .page_text .room_details ul {
        margin-bottom: 40px;
        padding-bottom: 15px;
        margin-right: 0px;
    }

    .home_header_content.rooms_view h1 {
        padding: 0 30px;
    }

    .contact_info td {
        padding: 20px 0;
    }

    .contact_info td.left {
        width: 35%;
    }

    .page_heading_image.contact:after {
        width: 6%;
    }

    .page_heading_image.contact .page_heading_text h1 {
        margin: 50px auto 0 auto;
    }

    .page_heading_text h1 {
        font-size: 45px;
    }

    .contactform div.submit input {
        float: none;
        margin: 35px auto 0 auto;
    }

    .contact_form p {
        float: none;
    }

    .contactform div.submit {
        float: none;
        width: 100%;
        margin: 0px;
    }

    .room .rooms_description {
        padding: 25px;
    }

    .rooms_home .room {
        height: 75vh;
        min-height: 630px;
    }

    .experiences_all_inner {
        margin-bottom: 40px;
    }

    .dynamic_text h4 {
        font-size: 29px;
    }

    .page_text ul li {
        font-size: 18px;
        line-height: 27px;
    }

    ul li .accordion-title {
        padding: 17px 40px 17px 10px;
    }

    ul li .accordion-title:after, ul li .accordion-title.open:after {
        right: 10px;
        background-size: 21px;
        width: 21px;
        height: 21px;
    }

    .page_intro .image_center {
        padding-left: 30px;
        padding-right: 15px;
    }

    .page_intro .image_left {
        top: 150px;
    }

    .page_text.page_intro h2 {
        margin-left: 15px;
    }

    .zagori_text_wrap.mob {
        margin-top: 35px;
        padding-right: 15px;
    }

    .zagori_small {
        width: 180px;
        top: -170px;
    }

    .padd_big {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .page_text .zagori_text h1 {
        left: 15px;
    }

    .page_text h1 {
        font-size: 45px;
        line-height: 50px;
    }

    .page_text .page_container h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .basic_text h1 {
        font-size: 42px;
        padding: 25px 30px;
    }

    .rooms_description h3 {
        font-size: 28px;
    }

    .rooms_description .more {
       margin: 20px auto 0 auto;
    }

    .swiper-slide .rooms_description {
        top: 97px;
    }

    .home_experience_bg {
        width: 94%;
    }

    .page_text .home_experience_text h2 {
        font-size: 42px;
        line-height: 50px;
        margin-bottom: 22px;
    }

    .meratza .home_experience_text {
        padding: 30px 10% 40px 30px;
    }

    .meratza:before {
        width: 94%;
    }

    .meratza img.meratza {
        width: 180px;
    }

    .meratza .home_experience_shadow {
        top: 60px;
        height: calc(100% - 60px);
    }

    .meratza img {
        margin-top: 60px;
    }

    .wellness_area img.wellness_area {
        width: 190px;
    }

    .wellness_area:after {
        width: 94%;
    }

    .wellness_area .home_experience_text {
        padding: 30px 20px 40px 10%;
    }

    .padd {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .page_text p {
        font-size: 17px;
        line-height: 28px;
    }

    .home_adventures:after {
        width: 6%;
    }

    .swiper_buttons {
        gap: 30px;
    }
	
}

@media only screen and (max-width:479px) {	
	.top_info {
        padding: 15px 0px 0px 0px;
	}

    .activity_description {
        padding: 20px 15px;
    }

    .no_scroll .sticky #lang_info {
        left: 58px;
        top: 17px;
    }

    .contact_info td small {
        font-size: 11px;
    }

    .no_scroll .top_info_right .arrow_btn.mob {
        background-size: 40px;
        width: 40px;
        height: 40px;
    }

    .no_scroll #logo {
        width: 120px;
        height: 90px;
    }

    .no_scroll #lang_info {
        left: 58px;
        top: 17px;
    }

    .responsive_menu ul {
        margin-top: 70px;
    }

    .responsive_menu .contact_menu {
        padding: 30px;
        margin: 25px 2% 0px 2%;
    }

    .close_menu img {
        width: 52px;
    }

    .padd_bottom {
        padding-bottom: 80px;
    }

    .room_intro p {
        text-indent: 25px;
    }

    .features_img {
        width: 180px;
    }

    .features_img {
        width: 190px;
    }

    .page_text .room_intro h1 {
        font-size: 30px;
        line-height: 45px;
    }
    
    .page_text .room_details ul li {
        font-size: 22px;
    }
    
    .room_intro {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .home_header_content.rooms_view h1 {
        padding: 0 15px;
    }

    .contact_info td {
        padding: 15px 0;
        font-size: 15px;
    }

    #map {
        min-height: 600px;
    }

    .contact_info img.facebook {
        width: 30px;
    }

    .contact_info img {
        width: 29px;
        margin-right: 15px;
    }

    .page_heading_image.contact .page_heading_text h1 {
        margin: 40px auto 0 auto;
    }

    .arrow_btn, .sticky .arrow_btn {
        padding: 12px 35px 12px 25px;
        background-position: 90% center;
    }

    .contactform div.input {
        margin: 0 10px;
        padding: 0 0 20px 0;
        width: calc(50% - 20px);
    }

    .contactform div.textarea {
        margin: 10px 10px 0 10px;
        padding: 0px 0 20px 0;
        width: calc(100% - 20px);
    }

    .page_heading_text h1 {
        font-size: 40px;
    }

    .contact_form {
        margin: 30px 25px;
    }

    .room .rooms_description {
        padding: 20px;
    }

    .room .rooms_description h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    .rooms_home .room {
        height: 70vh;
        min-height: 590px;
    }

    .experiences_all_inner {
        margin-bottom: 30px;
    }

    .extra_description_inner p {
        text-indent: 25px;
    }

    .page_text.page_intro p {
        text-indent: 25px;
    }

    .page_text .extra_description_inner h2 {
        margin-left: 25px;
    }

    .page_intro .image_left {
        top: 195px;
        width: 35%;
    }

    .page_intro_inner p.first {
        margin-bottom: 15px;
    }

    .page_intro_text {
        gap: 15px;
    }

    .page_text .page_container h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .page_text .about_img h1 {
        top: -45px;
        line-height: 45px;
    }

    .about_img {
        margin-top: 95px;
        margin-bottom: 60px;
    }

    .zagori_text_wrap p {
        text-indent: 35px;
    }

    .rooms_description h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .page_text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .page_text .rooms_description p {
        font-size: 15px;
        line-height: 23px;
    }

    .swiper-slide .rooms_description {
        top: 92px;
    }

    .basic_text h1 {
        font-size: 38px;
    }

    .swiper-slide .rooms_description {
        padding: 25px;
    }

    .page_text .home_experience_text h2 {
        font-size: 38px;
        line-height: 44px;
    }

    .wellness_area img.wellness_area {
        width: 190px;
    }

    .more {
        font-size: 16px;
        margin-top: 20px;
        letter-spacing: 1px;
    }

    .home_experience_text p {
        text-indent: 35px;
    }
     
    .home_experience_text p {
        margin-bottom: 20px;
    }

    .meratza img.meratza {
        width: 170px;
    }

    .parallax {
        height: 50vh;
	}

	.padd_prefooter {
    	padding-top: 60px;
    	padding-bottom: 30px;
	}

	.padd_prefooter h4 {
        font-size: 30px;
        line-height: 45px;
    }

	.logo_bg_footer img {
        width: 55px;
    }

	.sticky .top_info {
        padding: 0;
    }

	.sticky #lang_info {
    	left: 65px;
        top: 0px;
    }

	.sticky .top_info_right .arrow_btn.mob {
        width: 35px;
        height: 24px;
    }

	.sticky .open_menu {
        width: 35px;
        height: 18px;
    }

	#logo {
        width: 120px;
        height: 90px;
    }

	.top_info_right img {
        width: 40px;
    }

	.open_menu img {
        width: 40px;
    }

	.languages a.selected_lang {
        font-size: 14px;
    }

	#lang_info {
        left: 70px;
    }

	.scrollButtonContainer img {
        width: 50px;
        height: 50px;
    }

    .page_text h2 {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 35px;
    }

    ul li .accordion-title {
        padding: 13px 40px 13px 10px;
    }

    .accordion-content {
        font-size: 15px;
        line-height: 24px;
        letter-spacing: 1px;
    }

    .page_text ul li {
        font-size: 17px;
        line-height: 25px;
    }

    .accordion-content {
        padding: 0 10px 15px 10px;
    }

    .white_bg_left {
        height: calc(100% + 335px);
        margin-top: -210px;
    }

    .zagori_small {
        width: 160px;
        top: -155px;
    }

    .contactform .security_code div.input {
        width: calc(100% - 20px);
    }  
    
    .responsive_menu .responsive_menu_container {
        min-height: 680px;
    }
}

@media only screen and (max-width: 420px) {	
	#lang_info { display: none; }
	#logo { height: 70px; }
	.open_menu img { width: 37px; }
	.top_info_right img { width: 37px; }
	.sticky #logo {
        margin: 0px auto;
    }

    .no_scroll #lang_info.mob {
        left: 50px;
        top: 15px;
        display: block;
    }

    .responsive_menu .contact_menu ul li small {
        font-size: 10px;
    }

    .close_menu img {
        width: 47px;
    }

    .responsive_menu .contact_menu {
        padding: 20px;
        margin: 20px 2% 0px 2%;
    }

    .responsive_menu .contact_menu ul li.menu_social {
        margin-top: 15px;
    }

    .responsive_menu .contact_menu ul li, .responsive_menu .contact_menu ul li a {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .responsive_menu ul li a {
        font-size: 19px;
        padding: 4px 0px;
    }

    .no_scroll #logo {
        height: 70px;
    }

    .no_scroll .top_info_right .arrow_btn.mob {
        background-size: 37px!important;
        width: 37px!important;
        height: 37px!important;
    }

    .no_scroll .sticky #logo {
        height: 70px;
        margin-top: 10px;
    }

    .swiper-rooms-gallery .swiper-slide .gallery_view {
        height: 290px;
        object-fit: cover;
    }

    .padd_top {
        padding-top: 60px;
    }

    .padd_bottom {
        padding-bottom: 60px;
    }

    .features_img {
        width: 160px;
    }

    .page_text .facilities_text ul li {
        font-size: 16px;
        line-height: 25px;
        width: 100%;
        margin: 5px 0;
        padding-left: 10px;
    }

    .page_text .facilities_text h2 {
        font-size: 35px;
        margin-bottom: 15px;
        line-height: 40px;
    }

    .page_text .room_details ul {
        margin-bottom: 25px;
        padding-bottom: 12px;
        margin-right: 0px;
    }

    .page_text .room_details ul li {
        font-size: 20px;
        padding-right: 25px;
    }

    .page_text .room_intro h1 {
        font-size: 24px;
        line-height: 34px;
        width: 100%;
    }

    .reach_us {
        padding: 30px 15px;
        gap: 15px;
    }

    #map {
        min-height: 550px;
    }

    .info-window-content p.balloon-second {
        font-size: 13px;
        line-height: 20px;
    }

    .info-window-content p.balloon-first {
        font-size: 17px;
    }
    
    .page_heading_image.contact {
        height: 100vh;
        min-height: 845px;
    }

    .contactform div.input.textarea label, .contactform div.input.checkbox label {
        font-size: 12px;
        padding: 0 25px 15px 0px;
    }

    .contactform input[type="text"], .contactform textarea {
        padding: 5px 0px 5px 0;
        font-size: 12px;
    }

    .arrow_btn {
        font-size: 13px;
        letter-spacing: 2px;
    }

    .contact_form {
        margin: 30px 15px;
    }

    .page_heading_image.contact .page_heading_text h1 {
        margin: 0px auto 0 auto;
    }
	 
	.sticky .top_info_right .arrow_btn.mob {
        width: 32px;
        height: 23px;
    }

    .room .rooms_description h3 {
        font-size: 23px;
        margin-bottom: 15px;
    }

    .page_text .experiences_all_inner h2 {
        left: 15px;
        bottom: 15px;
        font-size: 26px;
    }

    .room .rooms_description {
        width: 80%;
    }

    .dynamic_text h4 {
        font-size: 25px;
    }

    .rooms_home .room {
        height: 67vh;
        min-height: 565px;
    }

    .extra_description_inner .page_intro_inner {
        padding-left: 15px;
    }

    .extra_description {
        margin-top: 40px;
        gap: 30px;
    }

    ul li .accordion-title:after, ul li .accordion-title.open:after {
        background-size: 19px;
        width: 19px;
        height: 19px;
    }

    ul li .accordion-title {
        padding: 10px 35px 10px 10px;
    }

    .page_text ul li {
        font-size: 16px;
        line-height: 23px;
    }

    .page_description {
        padding-left: 30px !important;
    }

    .page_intro .image_left {
        top: 175px;
    }

    .page_text.page_intro h2 {
        margin-left: 8%;
        margin-bottom: 90px;
    }

    .page_text .about_img h1 {
        top: -38px;
        line-height: 38px;
    }

    .about_img {
        margin-top: 80px;
    }

    .page_text .page_container h2 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 40px;
    }

    .page_text h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 25px;
    }

    .page_text .zagori_text h1 {
        left: 10px;
    }

    .zagori_small {
        width: 140px;
        top: -145px;
    }

    .white_bg_left {
        height: calc(100% + 275px);
        margin-top: -174px;
    }

    .padd_big {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .zagori_text_wrap.mob {
        margin-top: 25px;
    }

    .zagori_text_wrap p {
        text-indent: 25px;
    }

    .rooms_description .room_number p {
        font-size: 16px;
    }

    .rooms_description .more {
        margin: 15px auto 0 auto;
    }

    .rooms_description p {
        margin-top: 20px;
    }

    .swiper-slide .rooms_description {
        top: 69px;
        padding: 20px;
    }

    .basic_text h1 {
        font-size: 35px;
        padding: 15px 25px;
    }

    .rooms_description h3 {
        font-size: 24px;
    }

    .home_experience_text p {
        text-indent: 25px;
    }

    .wellness_area img.wellness_area {
        width: 160px;
    }

    .meratza .home_experience_text {
        padding: 30px 12% 35px 15px;
    }

    .wellness_area .home_experience_text {
        padding: 30px 20px 40px 12%;
    }

    .page_text .home_experience_text h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .wellness_area .home_experience_text {
        padding: 30px 20px 40px 12%;
    }

    .meratza .home_experience_shadow {
        top: 50px;
        height: calc(100% - 50px);
    }

    .meratza img {
        margin-top: 50px;
    }

    .meratza img.meratza {
        width: 140px;
        top: 61%;
    }

    .swiper_buttons {
        margin-bottom: 0px;
        margin-top: 35px;
    }

    .home_adventures h3 {
        font-size: 30px;
        left: 20px;
        bottom: 15px;
    }

    .padd {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page_text p {
        font-size: 16px;
        line-height: 27px;
    }

    .page_text h2 {
        font-size: 35px;
        line-height: 50px;
    }

	.home_header_content h1 {
        font-size: 35px;
        line-height: 47px;
    }

	.footer_social_wrap {
        margin-top: 0px;
    }

	.footer_box.sec {
        margin-top: 10px;
    }

	.footer_wrapper {
        margin-left: -10px;
        margin-top: 25px;
    }

	#wapp a {
    	width: 75px;
    	height: 21px;
	}

	.copyright {
        padding-right: 30px;
        font-size: 12px;
    }

	.footer_social img {
	    width: 30px;
    	margin: 0 6px;
	}

	.footer_box p a {
        font-size: 15px;
    }

	.footer_box p {
        font-size: 15px;
        padding: 4px 0;
    }

	.footer_menu {
        margin-top: 20px;
    }

	.padd_prefooter h4 {
        font-size: 24px;
        line-height: 35px;
    }

	.logo_bg_footer img {
        width: 45px;
		margin-right: 5px;
    }
}


/* ===========================>
		ERROR PAGE
   <========================== */
   .tit-er{color:#fff !important;}
   .tex-er{
	    color: #fff;
		font-size: 20px;
		line-height: 30px;
		letter-spacing: 2px;
		font-weight: 600;
		margin-top: 30px;
		text-align: center;
		z-index: 1;
		position: relative;
   }
   .btn-er{
	display: flex;
	justify-content: center;
	z-index: 1;
    position: relative;
   }

   .btn-er a{
		color: #fff;
		margin-top: 30px;
    	background-position: 91% center;
	}

	.btn-er a:hover{	
		color: #fff;		
		transition: all 0.3s ease 0s;	
	}
  @media(min-width:768px){
	
	
  }
  @media(max-width:767px){
	.tex-er{
		border-left: unset;
		padding-left: unset;
		margin-top: 20px;
		font-size: 18px;
		line-height: normal;
	}
  }

  @media(max-width: 479px) {
	.tex-er {
		font-size: 17px;
	}
  }