/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/main.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************/
:root {
  --header-size: 80;
  --color-green: #93ea4e;
  --color-accent-artist: #93ea4e;
}

:root {
  --base-size: 1920;
  --section-margin: 250;
  --mobile-browser: 876;
  --wrapper-padding: 20;
  --cubic-bezier: cubic-bezier(0.87, 0, 0.13, 1);
  --cubic-bezier-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --f-size-x-large: 200;
  --f-size-large: 87;
  --f-size-h1: 75;
  --f-size-h2: 50;
  --f-size-sub: 35;
  --f-size-body: 18;
  --br-button: 5;
  /**
   * Colors
   **/
  --color-gold-dark: #7a6708;
  --color-bamboo: #ede9da;
  --color-clay: #afa59f;
  --color-soft-dark: #3b3b3b;
  --color-sand: #f6e7d8;
  --color-soft-sand: #4a4542;
  /* === Base Colors === */
  --color-base-1: #fdf8f3; /* Ivory White - main background */
  --color-base-2: #f6d6c2; /* Peach Blush - soft content area */
  /* === Support Colors === */
  --color-support-1: #d2b7c5; /* Dusty Lavender - secondary surfaces */
  --color-support-2: #e9f1d9; /* Soft Olive - neutral balance tone */
  --color-support-3: #d9c5a0; /* Sandstone - warm neutral */
  /* === Accent Colors === */
  --color-accent-1: #a86a52; /* Deep Terracotta - main CTA/button */
  --color-accent-1-hover: #8f5743; /* darker hover tone */
  --color-accent-2: #8c6e7d; /* Antique Plum - headings / icons */
  /* === Text Colors === */
  --color-text: #4a4542; /* Charcoal Gray - main readable text */
  --color-text-light: #7c746d; /* for lighter text or muted content */
  /* === Utility === */
  --color-border: #e9ded3; /* subtle border tone */
  --color-shadow: rgba(0, 0, 0, 0.05); /* soft shadow */
  --color-gold: var(--color-text);
  --color-footer-bg: #b79c8c;
}

@media only screen and (max-width: 879px) {
  :root {
    --base-size: 376;
    --wrapper-padding: 20;
    --header-size: 55;
    --f-size-large: 54;
    --f-size-h1: 47;
    --f-size-h2: 30;
    --f-size-sub: 20;
    --f-size-body: 14;
    --section-margin: 150;
  }
}
:root {
  --font-main: "DM Sans", sans-serif;
  --font-main-bold: "DM Sans", sans-serif;
  --font-main-black: "DM Sans", sans-serif;
}

body {
  font-weight: 400;
  color: #f2f2f2;
  font-size: calc(var(--f-size-body) / var(--base-size) * 100vw);
}

#main-website-wrapper .editor-note {
  font-family: var(--font-main);
}

.fn-main {
  font-family: var(--font-main);
}

.h1 {
  font-size: calc(56 / var(--base-size) * 100vw);
}

.h2 {
  font-size: calc(42 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .h2 {
    font-size: calc(20 / var(--base-size) * 100vw);
  }
}

.h3 {
  font-size: calc(25 / var(--base-size) * 100vw);
  margin-bottom: calc(25 / var(--base-size) * 100vw);
  color: var(--color-gold);
}
@media only screen and (max-width: 879px) {
  .h3 {
    font-size: calc(16 / var(--base-size) * 100vw);
    line-height: calc(20 / var(--base-size) * 100vw);
  }
}

.b1 {
  font-size: calc(24 / var(--base-size) * 100vw);
}

.b2 {
  font-size: calc(32 / var(--base-size) * 100vw);
}

.t1 {
  font-size: calc(58 / var(--base-size) * 100vw);
  font-family: var(--font-main-black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-family: "DM Sans", sans-serif;
}

body,
html {
  background-color: var(--color-base-1);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 879px) {
  body,
  html {
    max-width: 100vw;
    overflow-x: hidden;
  }
}

main {
  width: 100vw;
}
@media only screen and (max-width: 879px) {
  main {
    padding-top: 0;
  }
}

@media only screen and (max-width: 879px) {
  .desktop {
    display: none;
  }
}

.mobile {
  display: none;
}
@media only screen and (max-width: 879px) {
  .mobile {
    display: block;
  }
}

figure {
  margin: 0;
}

.parallax {
  overflow: hidden;
}
.parallax:not(.edit) img {
  -o-object-fit: cover;
     object-fit: cover;
}

p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}

input,
textarea,
button {
  outline: none;
  border-radius: 0 !important;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.primary-button a {
  color: var(--color-gold);
}

.border-green-top {
  border-top: 1px solid #93ea4e;
}

.underline-text {
  position: relative;
}

.scroll-indicator {
  z-index: 56;
  bottom: calc(100 / var(--base-size) * 100vw);
  right: calc(120 / var(--base-size) * 100vw);
  font-size: calc(14 / var(--base-size) * 100vw);
  position: absolute;
  color: var(--color-sand);
}
@media only screen and (max-width: 879px) {
  .scroll-indicator {
    left: calc(20 / var(--base-size) * 100vw);
    right: unset;
    bottom: calc(100 / var(--base-size) * 100vw);
  }
}

.underline-button, header .main-menu ul li.current-menu-item a, .footer-content-top .footer-main-menu ul li a {
  overflow: hidden;
  position: relative;
}
.underline-button::after, header .main-menu ul li.current-menu-item a::after, .footer-content-top .footer-main-menu ul li a::after, .underline-button::before, header .main-menu ul li.current-menu-item a::before, .footer-content-top .footer-main-menu ul li a::before {
  left: 0;
  content: "";
  width: 100%;
  bottom: 0;
  height: 1px;
  display: block;
  position: absolute;
  transform: scaleX(0);
  background-color: currentColor;
  transform-origin: right;
  transition: transform 0.45s var(--cubic-bezier-circ);
}
.underline-button::before, header .main-menu ul li.current-menu-item a::before, .footer-content-top .footer-main-menu ul li a::before {
  opacity: 0.3;
  transform: none;
}
@media only screen and (min-width: 879px) {
  .underline-button:hover::after, header .main-menu ul li.current-menu-item a:hover::after, .footer-content-top .footer-main-menu ul li a:hover::after {
    transform: none;
    transform-origin: left;
  }
}

.thank-you-message {
  inset: 0;
  z-index: 9;
  opacity: 0;
  display: flex;
  position: fixed;
  align-items: center;
  pointer-events: none;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.thank-you-message.active {
  opacity: 1;
  pointer-events: all;
}
.thank-you-message-inner {
  height: auto;
  width: calc(600 / var(--base-size) * 100vw);
  padding: calc(40 / var(--base-size) * 100vw);
  text-align: center;
  border-radius: calc(5 / var(--base-size) * 100vw);
  background-color: #fff;
}
@media only screen and (max-width: 879px) {
  .thank-you-message-inner {
    width: calc(290 / var(--base-size) * 100vw);
    padding: calc(40 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  }
}
.thank-you-message-inner .button-close {
  display: flex;
  margin-top: calc(40 / var(--base-size) * 100vw);
  justify-content: center;
}

.price.discount {
  color: red;
  text-decoration: line-through;
}

main ul {
  padding: 0;
  list-style: none;
}
main ul li {
  position: relative;
  padding: calc(5 / var(--base-size) * 100vw) calc(10 / var(--base-size) * 100vw);
}
main ul li::before {
  left: 0;
  content: "-";
  position: absolute;
}

.primary-round-button {
  display: flex;
}
.primary-round-button a {
  gap: calc(10 / var(--base-size) * 100vw);
  width: auto;
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  align-items: center;
  border-radius: calc(40 / var(--base-size) * 100vw);
  padding: calc(6 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw);
  color: var(--color-base-1);
  background-color: var(--color-accent-1);
}
.primary-round-button a::before {
  content: "";
  width: calc(8 / var(--base-size) * 100vw);
  height: calc(8 / var(--base-size) * 100vw);
  border-radius: calc(50 / var(--base-size) * 100vw);
  background-color: var(--color-base-1);
}

.not-found {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.not-found .content {
  text-align: center;
  max-width: calc(500 / var(--base-size) * 100vw);
  margin-bottom: calc(100 / var(--base-size) * 100vw);
}
.not-found a {
  color: var(--color-gold);
}

.listing-wrapper {
  padding: calc(100 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .listing-wrapper {
    padding: calc(90 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  }
}

/*
========================
GENERAL
========================
*/
html {
  margin: 0;
  padding: 0;
  overflow: hidden auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html.lenis-stopped {
  overflow: hidden !important;
}

#main-website-wrapper * {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  color: #0c0c0c;
  word-wrap: break-word;
  font-family: var(--font-main) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  line-height: 1.2;
  font-size: 0.91vw;
}
@media only screen and (max-width: 879px) {
  body {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
}

a,
button {
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}

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

main {
  z-index: 9;
  position: relative;
}

.container {
  width: auto;
  margin: 0 calc(120 / var(--base-size) * 100vw);
  grid-column: 1/13;
  padding: 0 calc(24 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .container {
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}

blockquote {
  padding: calc(42 / var(--base-size) * 100vw);
  border-left: calc(3 / var(--base-size) * 100vw) solid #0e1a2c;
  background-color: rgba(33, 64, 154, 0.0784313725);
}

figure.parallax {
  overflow: hidden;
}
figure.parallax img {
  -o-object-fit: cover;
     object-fit: cover;
}

.p {
  display: block;
  margin-bottom: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .p {
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}

.marker {
  display: block;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  background-size: cover;
}

.listing-wrapper .filter-inner-wrapper {
  gap: calc(30 / var(--base-size) * 100vw);
  display: flex;
}
@media only screen and (max-width: 879px) {
  .listing-wrapper .filter-inner-wrapper {
    display: block;
  }
}
.listing-wrapper .filter-inner-wrapper .filter {
  width: calc(700 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .listing-wrapper .filter-inner-wrapper .filter {
    width: 100%;
  }
}

.card-list .thumb {
  height: calc(250 / var(--base-size) * 100vw);
}
.card-list .buttons a {
  color: #fff;
  background-color: #111;
}

.home-section {
  padding-right: calc(50 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .home-section {
    padding-right: 0;
  }
}
.home-section .sticky-map {
  height: 100vh;
  position: relative;
}
.home-section .sticky-map .map {
  position: relative;
}

.single-detail {
  padding: calc(100 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .single-detail {
    padding: calc(90 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
  }
}
.single-detail .single-header-navigation .button-contact {
  color: #fff;
  display: inline-block;
  background-color: var(--color-accent-1);
}
.single-detail .share svg {
  width: calc(15 / var(--base-size) * 100vw);
  height: calc(15 / var(--base-size) * 100vw);
}
.single-detail .content-detail ul {
  row-gap: 0;
  display: grid;
  margin-top: calc(20 / var(--base-size) * 100vw);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 879px) {
  .single-detail .content-detail ul {
    display: block;
  }
}
.single-detail .content-detail ul li {
  font-size: calc(15 / var(--base-size) * 100vw);
  padding: calc(10 / var(--base-size) * 100vw) 0;
  padding-right: calc(30 / var(--base-size) * 100vw);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single-detail .content-detail ul li::before {
  top: -1px;
  content: "";
  height: 1px;
  width: calc(30 / var(--base-size) * 100vw);
  background-color: #000;
}
.single-detail .gallery {
  grid-template-columns: calc(450 / var(--base-size) * 100vw) 1fr;
}
.single-detail .gallery .map {
  width: calc(450 / var(--base-size) * 100vw);
  height: calc(600 / var(--base-size) * 100vw);
  overflow: hidden;
  border-radius: calc(20 / var(--base-size) * 100vw);
  background-color: rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .map {
    width: 100%;
    height: calc(300 / var(--base-size) * 100vw);
  }
}
.single-detail .gallery .images {
  width: 100%;
  overflow: hidden;
  height: calc(600 / var(--base-size) * 100vw);
  position: relative;
  border-radius: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .images {
    flex: 0 auto;
    height: auto;
    overflow: visible;
  }
}
.single-detail .gallery .images .main-image {
  height: calc(450 / var(--base-size) * 100vw);
  overflow: hidden;
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .images .main-image {
    height: calc(300 / var(--base-size) * 100vw);
  }
}
.single-detail .gallery .images .prev-next {
  width: calc(40 / var(--base-size) * 100vw);
  color: #fff;
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .images .prev-next {
    display: none !important;
  }
}
.single-detail .gallery .images .prev-next.prev {
  transform: rotate(180deg);
}
.single-detail .gallery .images .thumbnail {
  width: 100%;
  gap: calc(10 / var(--base-size) * 100vw);
  height: calc(600 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .images .thumbnail {
    overflow: visible !important;
  }
}
.single-detail .gallery .images .thumbnail .swiper-wrapper {
  height: calc(600 / var(--base-size) * 100vw);
  display: flex;
}
.single-detail .gallery .images .thumbnail .swiper-wrapper div {
  height: calc(600 / var(--base-size) * 100vw);
  overflow: hidden;
  border-radius: calc(10 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .single-detail .gallery .images .thumbnail {
    height: auto;
    width: 100vw;
    margin: 0 calc(-20 / var(--base-size) * 100vw);
  }
  .single-detail .gallery .images .thumbnail .swiper-wrapper {
    gap: calc(10 / var(--base-size) * 100vw);
    height: calc(250 / var(--base-size) * 100vw);
    padding: 0 calc(20 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .single-detail .gallery .images .thumbnail .swiper-wrapper > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .single-detail .gallery .images .thumbnail .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .single-detail .gallery .images .thumbnail .swiper-wrapper div {
    width: calc(300 / var(--base-size) * 100vw);
    height: calc(250 / var(--base-size) * 100vw);
    flex: 0 0 calc(300 / var(--base-size) * 100vw);
  }
}

.single-related {
  padding: calc(100 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
  background-color: #ecf1f3;
}
@media only screen and (max-width: 879px) {
  .single-related {
    padding: calc(50 / var(--base-size) * 100vw) 0;
  }
  .single-related h3 {
    padding: 0 calc(20 / var(--base-size) * 100vw);
  }
}
.single-related ul {
  list-style: none;
}
@media only screen and (max-width: 879px) {
  .single-related ul {
    padding: 0 calc(20 / var(--base-size) * 100vw);
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .single-related ul > * {
    scroll-snap-align: center;
    flex-shrink: 0;
  }
  .single-related ul::-webkit-scrollbar {
    display: none;
  }
}
.single-related ul li {
  padding: 0;
}
@media only screen and (max-width: 879px) {
  .single-related ul li {
    flex: 0 0 calc(300 / var(--base-size) * 100vw);
  }
}
.single-related ul li::before {
  display: none;
}

.footer {
  z-index: 999;
  width: 100vw;
  position: relative;
  padding: calc(100 / var(--base-size) * 100vw) 0 0;
  background-color: #111;
  color: var(--color-soft-dark);
}
.footer h4 {
  height: auto;
  font-size: calc(15 / var(--base-size) * 100vw);
  margin-bottom: calc(10 / var(--base-size) * 100vw);
  color: rgb(230, 231, 232);
}
.footer::before {
  top: 0;
  z-index: 1;
  content: "";
  width: 1px;
  left: 50vw;
  height: 100%;
  position: absolute;
}
@media only screen and (max-width: 879px) {
  .footer::before {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .footer {
    width: 100%;
    padding: calc(50 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw) 0;
  }
}
@media only screen and (max-width: 879px) {
  .footer-content {
    padding: 0;
    margin: 0 auto;
  }
}
.footer-content-top {
  width: 100vw;
  color: rgb(230, 231, 232);
}
@media only screen and (max-width: 879px) {
  .footer-content-top {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.footer-content-top .footer-overview {
  grid-column: 1/6;
  padding-left: calc(50 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top .footer-overview {
    padding-left: 0;
    grid-column: 1/5;
  }
}
.footer-content-top .footer-overview a {
  margin-left: 0;
  display: block;
  margin-bottom: calc(30 / var(--base-size) * 100vw);
}
.footer-content-top .footer-overview a svg {
  width: calc(150 / var(--base-size) * 100vw);
}
.footer-content-top .footer-overview a svg path {
  fill: rgb(230, 231, 232);
}
.footer-content-top .footer-overview-text {
  font-size: calc(24 / var(--base-size) * 100vw);
  max-width: calc(400 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top .footer-overview-text {
    width: 100%;
    font-size: calc(18 / var(--base-size) * 100vw);
  }
}
.footer-content-top .footer-overview .footer-contact {
  margin-top: calc(50 / var(--base-size) * 100vw);
}
.footer-content-top .footer-main-menu {
  grid-column: 7/9;
}
@media only screen and (max-width: 879px) {
  .footer-content-top .footer-main-menu {
    grid-column: 1/3;
    margin-top: calc(50 / var(--base-size) * 100vw);
  }
}
.footer-content-top .footer-main-menu ul {
  padding: 0;
  list-style: none;
}
.footer-content-top .footer-main-menu ul li {
  padding-bottom: calc(8 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top .footer-main-menu ul li {
    display: flex;
  }
}
.footer-content-top .footer-main-menu ul li a {
  font-size: calc(20 / var(--base-size) * 100vw);
  color: rgb(230, 231, 232);
  margin-left: 0;
}
@media only screen and (max-width: 879px) {
  .footer-content-top .footer-main-menu ul li a {
    font-size: calc(17 / var(--base-size) * 100vw);
  }
}
.footer-content-top .footer-main-menu ul li.button-booking {
  display: none;
}
.footer-content-top .footer-main-menu ul li.button-booking a {
  border-radius: calc(40 / var(--base-size) * 100vw);
}
.footer-content-top .social-media {
  grid-column: 10/12;
}
@media only screen and (max-width: 879px) {
  .footer-content-top .social-media {
    grid-column: 3/5;
    margin-top: calc(50 / var(--base-size) * 100vw);
  }
}
.footer-content-top .social-media .menu-item {
  display: flex;
  padding-bottom: calc(8 / var(--base-size) * 100vw);
}
.footer-content-top .social-media .menu-item a {
  display: block;
  margin-left: 0;
  font-size: calc(20 / var(--base-size) * 100vw);
  color: rgb(230, 231, 232);
}
@media only screen and (max-width: 879px) {
  .footer-content-top .social-media .menu-item a {
    font-size: calc(17 / var(--base-size) * 100vw);
  }
}
.footer-content-top a {
  grid-column: 1/4;
  margin-left: calc(120 / var(--base-size) * 100vw);
  color: var(--color-soft-dark);
}
@media only screen and (max-width: 879px) {
  .footer-content-top a {
    margin-left: 0;
    display: block;
  }
}
.footer-content-top a svg {
  width: 100%;
  height: auto;
}
.footer-content-top a svg path {
  fill: var(--color-soft-dark);
}
@media only screen and (max-width: 879px) {
  .footer-content-top a svg {
    height: auto;
    width: calc(200 / var(--base-size) * 100vw);
    transform: none;
  }
}
.footer-content-top-contact {
  grid-column: 11/12;
  font-size: calc(15 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top-contact {
    padding-left: 0;
    font-size: calc(13 / var(--base-size) * 100vw);
  }
}
.footer-content-top-contact .item {
  margin: 0 auto;
  margin-bottom: calc(5 / var(--base-size) * 100vw);
}
.footer-content-top-contact .item.social-media h4 {
  margin-top: calc(20 / var(--base-size) * 100vw);
}
.footer-content-top-contact .item.social-media a {
  margin-left: 0;
  margin-right: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top-contact .item.social-media a {
    display: inline-flex;
  }
}
.footer-content-top-contact .address {
  margin-top: calc(20 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top-contact h4 {
    margin-bottom: calc(24 / var(--base-size) * 100vw);
  }
}
.footer-content-top-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-content-top-contact ul li {
  margin-bottom: calc(13 / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  .footer-content-top-contact ul li {
    margin-bottom: calc(19 / var(--base-size) * 100vw);
  }
}
.footer-content-top-contact ul a {
  font-size: calc(17 / var(--base-size) * 100vw);
  color: var(--color-soft-dark);
  transition: color 0.45s var(--cubic-bezier);
}
@media only screen and (min-width: 879px) {
  .footer-content-top-contact ul a:hover {
    color: #93ea4e;
  }
}
.footer-content-bottom {
  z-index: 2;
  display: flex;
  font-size: calc(16 / var(--base-size) * 100vw);
  margin-top: calc(83 / var(--base-size) * 100vw);
  padding: calc(20 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
  line-height: calc(36.59 / var(--base-size) * 100vw);
  position: relative;
  color: var(--color-base-1);
  justify-content: space-between;
  border-top: 1px dotted rgba(45, 45, 45, 0.5);
}
.footer-content-bottom a {
  color: var(--color-gold);
}
.footer-content-bottom-a .desktop {
  gap: calc(10 / var(--base-size) * 100vw);
  display: flex;
}
@media only screen and (max-width: 879px) {
  .footer-content-bottom-a .desktop {
    display: none;
  }
}
@media only screen and (max-width: 879px) {
  .footer-content-bottom {
    height: auto;
    font-size: calc(13 / var(--base-size) * 100vw);
    border-top: none;
    margin: calc(44 / var(--base-size) * 100vw) calc(-20 / var(--base-size) * 100vw) 0;
    padding: calc(34 / var(--base-size) * 100vw) calc(23 / var(--base-size) * 100vw) calc(42 / var(--base-size) * 100vw);
    flex-direction: column-reverse;
  }
  .footer-content-bottom-a {
    line-height: 1.25;
  }
  .footer-content-bottom-a a {
    display: block;
    margin-bottom: calc(20 / var(--base-size) * 100vw);
  }
}
.footer-content-bottom-b {
  color: rgba(239, 240, 240, 0.6);
}
@media only screen and (max-width: 879px) {
  .footer-content-bottom-b {
    margin-top: calc(30 / var(--base-size) * 100vw);
    padding-top: calc(5 / var(--base-size) * 100vw);
    border-top: 1px solid #5b5b5b;
  }
}
.footer-content-bottom-b a {
  color: #eff0f0;
}
@media only screen and (max-width: 879px) {
  .footer-content-bottom .bali {
    margin-bottom: calc(10 / var(--base-size) * 100vw);
  }
}
.footer-content-bottom .bali svg {
  width: auto;
  height: calc(30 / var(--base-size) * 100vw);
}

.button-chat {
  width: 50px;
  z-index: 9999;
  height: 50px;
  right: calc(20 / var(--base-size) * 100vw);
  bottom: calc(50 / var(--base-size) * 100vw);
  display: flex;
  position: fixed;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: var(--color-sand);
}
.button-chat::after {
  content: "";
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  transition: transform 0.5s var(--cubic-bezier);
  background-color: var(--color-sand);
}
.button-chat a {
  width: 100%;
  z-index: 3;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.button-chat svg {
  width: calc(30 / var(--base-size) * 100vw);
  height: calc(30 / var(--base-size) * 100vw);
}
.button-chat:hover::after {
  transform: scale(1.1);
}

.website-note {
  top: 0;
  width: 100%;
  display: none;
  height: calc(30 / var(--base-size) * 100vw);
  color: #fff;
  align-items: center;
  font-size: calc(15 / var(--base-size) * 100vw);
  justify-content: center;
  background-color: red;
}

header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 91;
  width: 100vw;
  margin: 0 auto;
  display: flex;
  position: fixed;
  overflow: visible;
  padding: calc(20 / var(--base-size) * 100vw) calc(50 / var(--base-size) * 100vw);
  align-items: center;
  height: calc(var(--header-size) / var(--base-size) * 100vw);
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  header {
    padding: 0 calc(20 / var(--base-size) * 100vw);
    border-bottom: 0;
    border-radius: calc(5 / var(--base-size) * 100vw);
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
  }
}
header a {
  display: block;
  color: var(--color-gold);
}
header a.logo {
  height: auto;
}
@media only screen and (max-width: 879px) {
  header a.logo {
    width: auto;
    border-right: 0;
  }
}
header a svg {
  height: calc(50 / var(--base-size) * 100vw);
}
header a svg path {
  fill: #fff;
}
@media only screen and (max-width: 879px) {
  header a svg {
    width: auto;
    height: calc(30 / var(--base-size) * 100vw);
  }
  header a svg path {
    fill: #000;
  }
}
@media only screen and (max-width: 879px) {
  header a {
    left: 0;
    width: 100%;
  }
}
header .burger {
  order: 3;
  z-index: 8;
  height: calc(51 / var(--base-size) * 100vw);
  padding: calc(20 / var(--base-size) * 100vw) 0;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 879px) {
  header .burger {
    display: flex;
  }
}
header .burger .line {
  height: 1px;
  width: calc(33 / var(--base-size) * 100vw);
  will-change: transform;
  transition: all 0.7s var(--cubic-bezier-circ);
  background-color: var(--color-gold);
  transform: translate3d(0, 0, 0);
}
header .burger .line:last-child {
  width: calc(20 / var(--base-size) * 100vw);
}
header .burger.active .line {
  animation: lineAnimationFirst 0.6s var(--cubic-bezier-circ) forwards;
}
header .burger.active .line:last-child {
  animation: lineAnimationLast 0.6s var(--cubic-bezier-circ) forwards;
  width: calc(33 / var(--base-size) * 100vw);
}
@keyframes lineAnimationFirst {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, calc(5 / var(--base-size) * 100vw), 0);
  }
  100% {
    transform: translate3d(0, calc(5 / var(--base-size) * 100vw), 0) rotate(45deg);
  }
}
@keyframes lineAnimationLast {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, calc(-5 / var(--base-size) * 100vw), 0) rotate(0);
  }
  100% {
    transform: translate3d(0, calc(-5 / var(--base-size) * 100vw), 0) rotate(-45deg);
  }
}
header .main-menu ul {
  margin: 0;
  padding: 0;
  gap: calc(36 / var(--base-size) * 100vw);
  display: flex;
  list-style: none;
  align-items: center;
}
@media only screen and (max-width: 879px) {
  header .main-menu ul {
    order: 1;
  }
  header .main-menu ul li {
    list-style: none;
  }
}
header .main-menu ul li {
  display: flex;
  position: relative;
  align-items: center;
  height: calc(var(--header-size) / var(--base-size) * 100vw);
}
@media only screen and (max-width: 879px) {
  header .main-menu ul li {
    display: none;
  }
  header .main-menu ul li:last-child {
    display: flex;
  }
}
header .main-menu ul li a {
  color: #fff;
  display: flex;
  height: calc(50.7 / var(--base-size) * 100vw);
  font-size: calc(17 / var(--base-size) * 100vw);
  position: relative;
  align-items: center;
  transition: all 0.75s var(--cubic-bezier);
}
header .main-menu ul li a:hover {
  color: #cccbcb;
}
header .main-menu ul li a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}
header .main-menu ul li.current-menu-item a {
  pointer-events: none;
  color: var(--color-gold);
}
header .main-menu ul li.current-menu-item ul {
  pointer-events: none;
}
header .main-menu ul li.current-menu-item ul li a {
  color: #f7f7f7;
  text-shadow: unset;
  pointer-events: auto;
}
header.add-background {
  mix-blend-mode: unset;
}
header.add-background .main-menu a {
  color: var(--color-soft-dark);
}
header.add-background svg path {
  fill: var(--color-soft-dark);
}
header.regular-page ul li a {
  color: var(--color-gold);
}
header.regular-page svg path {
  fill: var(--color-gold);
}

.mobile-menu {
  z-index: 92;
  top: calc(100 / var(--base-size) * 100vw);
  left: calc(20 / var(--base-size) * 100vw);
  right: calc(20 / var(--base-size) * 100vw);
  position: fixed;
  overflow: hidden;
  border-radius: calc(5 / var(--base-size) * 100vw);
  will-change: clip-path;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  clip-path: inset(0% 0% 100% 0%);
  background-color: rgba(244, 238, 235, 0.9);
}
.mobile-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-menu ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu ul li.button-booking {
  margin-top: 0;
}
.mobile-menu ul li a {
  display: block;
  color: var(--color-gold);
  padding: calc(15 / var(--base-size) * 100vw) calc(20 / var(--base-size) * 100vw);
}
.mobile-menu ul li:last-child {
  border-radius: 0;
  border-bottom: none;
}
.mobile-menu ul li:last-child a {
  border-radius: 0;
}
.mobile-menu ul li.current-menu-item {
  background-color: var(--color-border);
}

/*# sourceMappingURL=app.css.map*/