/* ================ | ==================
				styles lp
=================== | ================= */
@import url("all.min.css");

/* ============= fonts ============== */
<style>
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');
</style>
.fraunces-<uniquifier> {
  font-family: "Fraunces", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "SOFT" 0,
    "WONK" 0;
}

<style>
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
</style>
.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/* ============= general ============== */
html,
body{
	background:#fff;
	color:#212121;
	font-family: "Outfit", sans-serif;
	font-size:17px;
	overflow-x:hidden;}
::selection {
  background-color: #b7a285;
  color: #efeac5;}
h1, h2, h3, h4, h5, h6{
	font-family: "Fraunces", serif;
	line-height:1.5;
	margin-bottom:20px;}
a{
	color:#332a29;
	text-decoration:none;}
a:hover{color:#56452e;}
ol, ul{
	color:#000;
	font-family: "Fraunces", serif;
	font-weight:600;}

hr{
	border-bottom: #000 solid 2px;
	color: transparent;
	margin:30px 0;
	opacity: 1;
	width:calc(100px);}

.btn{
	border-radius:0;
	text-transform:uppercase;}
.row-fw.rowLeft > div{
	display:grid;
	justify-content:end;}
.row-fw .box-text{
	max-width:600px;
	padding:20px;}

.list-icons-item li{
	align-items:center;
	display:flex;
	margin-bottom:15px;}
.list-icons-item i{
	color:#56452e;
	font-size:27px;}
.list-icons-item i,
.list-icons-item img{margin-right:5px;}
.list-icons-item li img{filter: brightness(0) saturate(100%) invert(24%) sepia(10%) saturate(1910%) hue-rotate(355deg) brightness(95%) contrast(84%);}
#list-info.list-icons-item i{font-size:32px;}
#list-info.list-icons-item i,
#list-info.list-icons-item img{margin-right:10px;}

#top_header{
	background:transparent;
	background:linear-gradient(0deg, #ffffff00 0%, #56452e95 100%);
	font-size:14px;
	left:0;
	padding:10px 20px;
	position:fixed;
	top:0;
	width:100%;
	z-index:9;}
#top_header .row{
	justify-content:space-between;
	/*width:100%;*/}
#top_header .row div{
	align-items:center;
	display:flex;
	width:inherit;}
#top_header .header-right .btn_book{
	border:#fff solid 1px;
	font-size:14px;
	margin-right:20px;
	padding:6px 25px;}
#top_header .header-right .btn_book,	
#top_header .header-right .switch_lan a{font-weight:600;}
#top_header .header-right .switch_lan a{
	font-weight:600;
	margin:0 5px;
	opacity:0.65;
	text-transform:uppercase;}

#nav_site{
	align-items: center;
	display:flex;
	justify-content: space-between;}
#nav_site ul.list-nav{
	display: flex;
	list-style:none;
	margin-bottom:0;
	padding:0;}
#nav_site ul.list-nav li{position:relative;}
#nav_site ul.list-nav .item-nav:hover:after{
	background:#efeac5;
	bottom: -1px;
	content:'';
	display:block;
	height:4px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width:50px;}
#nav_site ul.list-nav a{
	display:block;
	font-family: "Outfit", sans-serif;
	/*font-size:14px;*/
	font-weight:600;
	letter-spacing:-1px;
	padding:10px;
	position:relative;
	text-transform:uppercase;
	word-spacing:1px;
	z-index: 1;}
#nav_site ul.list-nav li:hover a{
	border-bottom: #efeac565 dashed 1px;}
#top_header .row .btn_hamburger{
	cursor: pointer;
	display: none;
	padding:5px;}
#nav_site .btn_hamburger .bar{
	background: white;
	border-radius: 5px;
	display:block;
	height: 3px;
	margin: 5px auto;
	transition: all 0.3s ease-in-out;
	width: 28px;
	-webkit-transition: all 0.3s ease-in-out;}
#nav_site .btn_hamburger.active .bar:nth-child(2){opacity: 0;}
#nav_site .btn_hamburger.active .bar:nth-child(1){transform: rotate(45deg) translateY(11.5px);}  
#nav_site .btn_hamburger.active .bar:nth-child(3){transform: rotate(-45deg) translateY(-11.5px);}

#banner_lp{
	align-items:end;
	background-color:#cbb99d;
	background-size:cover;
	background-position:bottom center;
	background-repeat:no-repeat;
	display:flex;
	height:90vh;
	padding:80px 0;
	position:relative;}
#banner_lp:before{
	background: #33333333;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
	top: 0;}
#banner_lp .container{
	position:relative;
	z-index:1;}
#banner_lp .title_banner{
	color:#efeac5;
	font-size:70px;
	font-weight:500;
	line-height:1;
	max-width:800px;}
#banner_lp .subtitle_banner{
	font-family: "Outfit", sans-serif;
	font-size:32px;
	line-height:1;
	margin-bottom:0;}
#banner_lp .description_banner{
	font-size:21px;
	margin-bottom:40px;
	max-width:600px;}
#banner_lp .title_banner,
#banner_lp .subtitle_banner{text-transform:uppercase;}
#banner_lp .box-action-banner a{
	color:#efeac5;
	font-weight:600;}
#banner_lp .box-action-banner .btn_book{
	border:#efeac5 solid 1px;
	margin-right:10px;}
#banner_lp .box-action-banner .display-suites{background:#56452e;}
#top_header .header-right .btn_book:hover,
#banner_lp .box-action-banner .btn_book:hover{border:none;}
#top_header .header-right .btn_book:hover,
#banner_lp .box-action-banner .btn_book:hover,
#banner_lp .box-action-banner .display-suites:hover{
	background:#efeac5;
	color:#56452e;}

#banner_lp,
#top_header a{color:#fff;}
#top_header li:hover a,
#top_header .header-right .switch_lan a:active,
#top_header .header-right .switch_lan a:hover,
#top_header .header-right .switch_lan a.active{color:#efeac5;}
#top_header .header-right .switch_lan a:hover,
#top_header .header-right .switch_lan a.active{opacity:1;}

section .title_section{
	font-family: "Outfit", sans-serif;
	font-size:28px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;}
section .subtitle_section{
	color:#56452e;
	margin-bottom:30px;}
section .title_section,
section .subtitle_section{
	line-height:1;
	text-align:center;}

#about-us{
	background:#efeac5 url("../images/pattern-bg.png") left bottom repeat-x;
	padding:60px 0;}
#about-us hr{
	margin-left: auto;
	margin-right: auto;}
#about-us ul,
#our-rooms ul,
#lounge-bar ul,
#location #list-info,
#top_foot .rrss-links{
	list-style:none;
	padding:0;}

#our-rooms{
	background:#d47625;
	padding:50px 0;}
#our-rooms .title_section{color:#efeac5;}
#our-rooms,
#our-rooms .subtitle_section,
#our-rooms ul{color:#fff;}
#our-rooms li{justify-content:center;}
#our-rooms ul i{color:#efeac5;}
/* slide */
#our-rooms .splide{margin:30px 0;}
#our-rooms .splide .splide__track--slide{
	margin:auto;
	max-width:90%;}
#our-rooms .splide .splide__slide{
	display:flex;
	flex-wrap:wrap;}
#our-rooms .splide .splide__slide:last-child{margin-right:0;}
#our-rooms .splide .itemBox{
	background:#e6e6e6;
	display:flex;
	flex-direction:column;
	position:relative;}
#our-rooms .splide .itemBox .itemImage{
	background:#eee;
	min-height:150px;}
#our-rooms .splide .itemTextBox{
	color:initial;
	font-size:14px;
	font-weight:normal;
	line-height:1.3;
	padding:20px 20px 0 20px;}
#our-rooms .splide .itemTextBox,
#our-rooms .splide .itemBook .btn_book{font-family: "Outfit", sans-serif;}
#our-rooms .splide .itemTextBox .title-itemBox,
#our-rooms .splide .itemBook .btn_book{color:#56452e;}
#our-rooms .splide .itemBook{
	margin-top:auto;
	padding:0 0 20px 20px;}
#our-rooms .splide .itemBook .btn_book,
#our-rooms .splide__pagination__page{background:#efeac5;}
#our-rooms .splide .itemBook .btn_book:hover{
	background:#56452e;
	color:#efeac5;}
#our-rooms .splide__pagination{
	margin:15px 0;
	position:initial;}
#our-rooms .splide__pagination__page{
	border-radius:0;
	height:20px;
	transform:none;
	width:20px;}
#our-rooms .splide__pagination__page.is-active{
	background:#fff;
	opacity:1;}
#our-rooms .splide__arrow{
	background:none;
	border-radius:0;}
#our-rooms .splide__arrow svg{display:none;}
#our-rooms .splide__arrow:before{
	color:#efeac5;
	content:'➜';
	font-size:35px;}
#our-rooms .splide__arrow.splide__arrow--prev{transform:rotate(180deg);}

#lounge-bar{
	background:#ffefe6;
	padding:40px 0 50px 0;}

#experiences{
	background:#332a29;
	color:#fff;
	padding:50px 0;
	text-align:center;}
#experiences .experiences_list{
	font-size:13px;
	margin:40px 0;}
#experiences .title_experiences{
	font-family: "Outfit", sans-serif;
	font-size:16px;
	font-weight:600;
	margin-bottom:5px;}
#experiences .col{
	background:#302827;
	margin-right:15px;
	padding-top:15px;
	width: calc(20.2% - 15px);}
#experiences .col:last-child{margin-right:0;}
#experiences .col img{
	filter: brightness(0) saturate(100%) invert(99%) sepia(29%) saturate(804%) hue-rotate(339deg) brightness(100%) contrast(88%);
	margin-bottom:15px;}
#mSCExperiences .cards-wrapper{
	display: flex;
	justify-content: center;}
#mSCExperiences .cards-wrapper .card{
	background:none;
	border:none;
	border-radius:0;
	box-sizing: border-box;
	margin: 0 0.5em;}
#mSCExperiences .carousel-item{width: calc(100% / 4);}

#experiences .subtitle_section,
#experiences a,
#where-to-go .subtitle_section{color:#efeac5;}

#where-to-go{
	background:#000;
	color:#fff;
	padding:50px 0 0 0;}
#where-to-go .rowLeft > div,
#where-to-go .row div + div{padding:0px 0;}
#where-to-go .rowLeft div + div{padding:0;}
#where-to-go .title-boxText{color:#cdb500;}

#where-to-eat{
	background:#f0ebdc;
	padding:70px 0;}
#where-to-eat .wrapper_text{
	text-align:center;
	margin:auto;
	max-width:60%;}

#location{padding:60px 0;}
#location #list-info{padding:0;}
#location #list-info li{
	border-bottom:#56452e solid 1px;
	display:flex;
	margin-bottom:0;
	padding:25px 0;}
#location #list-info li a{display:contents;}
#location #list-info li:last-child{border-bottom:none;}

/* ============= footer ============== */
footer{
	background:#56452e;
	padding-bottom:10px;}
footer,
footer ol,
footer ul{color:#fff;}
footer a{
	color:#efeac5;
	font-weight:bold;}
footer a:hover{color:#fffdeb;}
footer ul{padding:0;}
footer #top_foot{
	background:#332a29;
	padding:25px 0;}
footer #top_foot .row{align-items:center;}
footer #top_foot .rrss-links{
	display:flex;
	justify-content:end;}
footer #top_foot .rrss-links a{
	font-size:25px;
	margin:0 10px;}
footer #top_foot .rrss-links a:hover{color:#ffefe6;}
footer #bottom_foot{padding:40px 0;}
footer #bottom_foot nav{
	display:table;
	margin:auto;}
footer #bottom_foot nav li{display:inline-block;}
footer #bottom_foot nav a{
	display:block;
	font-size:15px;
	padding:10px 15px;
	text-transform:uppercase;}
footer #copy_foot{
	border-top:#756a5a solid 1px;
	padding:20px 0;}
footer #copy_foot a{
	color:#fff;
	font-size:15px;}
footer #copy_foot a:hover{color:#efeac5;}

.carousel-gallery {
  margin: 50px 0;
  padding: 0 30px;}
.carousel-gallery .swiper-slide a {
  display: block;
  width: 100%;
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);}
.carousel-gallery .swiper-slide a:hover .image .overlay {opacity: 1;}
.carousel-gallery .swiper-slide a .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;}
.carousel-gallery .swiper-slide a .image .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 20, 0.8);
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;}
.carousel-gallery .swiper-slide a .image .overlay em {
  color: #fff;
  font-size: 26px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;}
.carousel-gallery .swiper-pagination {
  position: relative;
  bottom: auto;
  text-align: center;
  margin-top: 25px;
  z-index:5;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {opacity: 0.7;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d63031;
  transform: scale(1.1, 1.1);}

/*# Carousel Gallery*/
.carousel-gallery .swiper-slide a{border-radius:0;}
.swiper-horizontal{overflow:hidden;}

/* ================ | ==================
		styles media queries lp
=================== | ================= */

/* ============= max 1024px ============== */
@media(max-width:1024px){
	#top_header .row .btn_hamburger{
		display:block;}
	#nav_site ul.list-nav{
		background: black;
		flex-direction: column;
		height:100%;
		padding-top:85px;
		position: fixed;
		left: -100%;
		top: 0;
		transition: 0.3s;
		width: 40%;}
	#nav_site ul.list-nav.active{left: 0;}
	#nav_site ul.list-nav .item-nav:hover:after{left:auto;}
	#banner_lp{height:55vh;}
	#banner_lp .title_banner{font-size:65px;}
	#top_header{padding:15px;}
	#top_header .header-right .switch_lan a{margin:0 10px;}
	#top_header .header-center{margin-left:auto;}
	#experiences .experiences_list .row{justify-content:center;}
	.row-cols-1 > * {width:33.333%;}
	#experiences .col{
		margin-bottom:15px;
		width:calc(33.333% - 15px);}
	#experiences .col:nth-child(3){margin-right:0;}
	#where-to-eat .wrapper_text{max-width:none;}
	footer #bottom_foot nav{display:inherit;}
	footer #bottom_foot nav li{display:table;}
	#our-rooms .splide__arrow.splide__arrow--prev{left:0;}
	#our-rooms .splide__arrow.splide__arrow--next{right:0;}
	.glightbox-clean .gnext,
	.glightbox-clean .gprev{top:45%;}
}

/* ============= max 767px ============== */
@media(max-width:767px){
	.row-fw .box-text{padding:25px;}
	#banner_lp{height:75vh;}
	#banner_lp .title_banner{font-size:50px;}
	#banner_lp .subtitle_banner{font-size:26px;}
	#banner_lp .description_banner{font-size:19px;}
	#top_header{padding:10px;}
	#top_header .row .header-right .switch_lan{display:none;}
	#top_header .row .switch_lan .item-lan {display:flex;}
	#top_header .header-left{order:0;}	
	#top_header .header-right{
		margin-left:auto;
		order:1;}	
	#top_header .header-center{
		margin-left:inherit;
		order:2;}
	#top_header .header-right .btn_book{margin-right:0;}
	#our-rooms li{justify-content:initial;}
	#lounge-bar .container div + div{margin-top:25px;}
	#where-to-go .row > div,
	#where-to-go .rowLeft div + div{min-height:350px;}
	#where-to-go .rowLeft > div{order:1;}
	#where-to-go .rowLeft div + div{order:0;}
	#mSCExperiences .cards-wrapper .card:not(:first-child){display: none;}
	#mSCExperiences  .cards-wrapper .card{width: 100%;}
	#location #list-info li{
		padding-bottom:20px;
		padding-top:20px;}
	footer .brand_site img{
		display:block;
		margin:auto;
		width:80%; }
	footer #top_foot .rrss-links{
		justify-content:center;
		margin-top:30px;}
	footer #bottom_foot{padding:30px 0;}
	footer #bottom_foot nav a{padding:8px;}
	footer #copy_foot{text-align:center;}
	#our-rooms .splide__arrow.splide__arrow--prev{left:-14px;}
	#our-rooms .splide__arrow.splide__arrow--next{right:-14px;}
	#our-rooms .splide__arrow::before{font-size:30px;}
}

/* ============= max 620px ============== */
@media(max-width:620px){
	.row-cols-1 > *{width:100%;}
	#experiences .col{
		margin-right:0;
		width:100%;}
	#experiences .experiences_list{overflow:hidden;}
	#nav_site ul.list-nav{width:60%;}
}

/* ============= max 480px ============== */
@media(max-width:480px){
	body{font-size:16px;}
	#banner_lp .box-action-banner{
		display:flex;
		justify-content:space-between;}
	#banner_lp .box-action-banner a{width:100%;}
}

/* ============= min 2000px ============== */

@media (min-width:2000px){
	html{background:#cbb99d;}
	body,
	#top_header{
		margin: 0 auto;
		max-width: 2000px;}
	#top_header{
		left:0;
		right:0;}
}