@charset "UTF-8";
/* --------------------------------------------------
   FONT IMPORTS
-------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Montserrat:wght@400;700&family=Noto+Serif:wght@400;700&family=Poppins:wght@400;700&family=Playfair+Display:wght@400;700&family=Raleway:wght@400;700&family=Roboto:wght@400;700&display=swap");
/* --------------------------------------------------
   CUSTOM FONT-FACE DECLARATIONS
-------------------------------------------------- */
/* Belgian Aesthetic */
@font-face {
  font-family: "Belgian Aesthetic";
  src: url("../fonts/marina-golf/BelganAesthetic-Regular.woff2") format("woff2"), url("../fonts/marina-golf/belgant-aesthetic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Valerius */
@font-face {
  font-family: "Valerius";
  src: url("../fonts/pacific-klcc/Valerius-Regular.woff2") format("woff2"), url("../fonts/pacific-klcc/valerius.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* --------------------------------------------------
   CSS VARIABLES
-------------------------------------------------- */
:root {
  /* --------------------
     TYPOGRAPHY
  --------------------- */
  --font-size-base: 16px;
  --font-size-title: 42px;
  --prev_title_size: 24px;
  --font-size-subtitle: 20px;
  --font-size-title-small: 38px;
  /* Font families */
  --font-group: "Poppins",
  sans-serif;
  --highlight-font-group: "Noto Serif",
  serif;
  --font-marina-hotel: "Raleway",
  sans-serif;
  --highlight-font-marina-hotel: "Belgian Aesthetic",
  serif;
  --font-mantanani-hotel: "Roboto",
  sans-serif;
  --highlight-font-mantanani-hotel: "Playfair Display",
  serif;
  --font-magellan-hotel: "Roboto",
  sans-serif;
  --highlight-font-magellan-hotel: "DM Serif Display",
  serif;
  --font-pacific-hotel: "Montserrat",
  sans-serif;
  --highlight-font-pacific-hotel: "Valerius",
  serif;
  --font-klcc-hotel: "Montserrat",
  sans-serif;
  --highlight-font-klcc-hotel: "Valerius",
  serif;
  /* --------------------
     GLOBAL COLORS
  --------------------- */
  --color-background: #FAFAF9;
  --color-background-alt: #F4F4F2;
  --color-text-body: #555555;
  --color-stroke: #E8E7DF;
  --color-stroke-burger: #DDD;
  --highlight-color: #D29F6D;
  /* --------------------
     HEADER COLORS
  --------------------- */
  --color-header-background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  --color-header-background-alt: #FAFAF9;
  --color-header-text: #FFFFFF;
  /* --------------------
     FOOTER COLORS
  --------------------- */
  --color-footer: #333;
  /* --------------------
     LOGO / MENU COLORS
  --------------------- */
  --color-logo-background: #FAFAF9;
  --color-burger-menu-background: #FAFAF9;
  --color-menu-item: #FFFFFF;
  --color-menu-item-alt: #555555;
  /* --------------------
     BOOKING FORM COLORS
  --------------------- */
  --color-booking-form-background: #F2F1EE;
  /* --------------------
     BRAND COLORS – GROUP HOTEL
  --------------------- */
  --group-color-main: #886A48;
  --group-color-secondary: #D2BFA3;
  --group-color-title: #886A48;
  --group-color-title-secondary: #FFFFFF;
  --group-color-third: #333333;
  --group-color-hover: rgba(60, 82, 109, 1);
  --group-background-footer: rgba(242, 241, 238, 1);
  --group-stroke-footer: rgba(217, 216, 213, 1);
  --group-color-footer: #555;
  --group-background-image: rgba(244, 244, 242, 1);
  /* --------------------
     BRAND COLORS – MAGELLAN HOTEL
  --------------------- */
  --magellan-color-main: #573030;
  --magellan-color-secondary: #8F5151;
  --magellan-color-title: #573030;
  --magellan-color-title-secondary: #FFFFFF;
  --magellan-color-hover: rgba(191, 187, 178, 1);
  --magellan-background-footer: #F0F0EC;
  --magellan-stroke-footer: #BBB;
  --magellan-color-footer: #333;
  --magellan-background-image: rgba(247, 247, 245, 1);
  /* --------------------
     BRAND COLORS – PACIFIC HOTEL
  --------------------- */
  --pacific-color-main: #02477D;
  --pacific-color-secondary: #0364AF;
  --pacific-color-title: #02477D;
  --pacific-color-title-secondary: #FFFFFF;
  --pacific-color-hover: rgba(188, 189, 192, 1);
  --pacific-background-footer: #E7E7E7;
  --pacific-stroke-footer: #BBB;
  --pacific-color-footer: #333;
  --pacific-background-image: rgba(3, 100, 175, 1);
  /* --------------------
     BRAND COLORS – MANTANANI HOTEL
  --------------------- */
  --mantanani-color-main: #358B94FF;
  --mantanani-color-secondary: #51A8B1;
  --mantanani-color-third: #1C6A77;
  --mantanani-color-title: #358B94FF;
  --mantanani-color-title-secondary: #FFFFFF;
  --mantanani-color-hover: rgba(38, 61, 106, 1);
  --mantanani-background-footer: #1C6A77;
  --mantanani-stroke-footer: #BDD7E2;
  --mantanani-color-footer: #FFFFFF;
  --mantanani-background-image: rgba(244, 244, 242, 1);
  /* --------------------
     BRAND COLORS – MARINA HOTEL
  --------------------- */
  --marina-color-main: #1B2C5D;
  --marina-color-secondary: rgba(220, 239, 225, 1);
  --marina-color-third: #E6F0DD;
  --marina-color-title: #1B2C5D;
  --marina-color-title-secondary: #FFFFFF;
  --marina-color-hover: rgba(28, 106, 119, 1);
  --marina-background-footer: #1B2C5D;
  --marina-stroke-footer: rgba(255, 255, 255, 0.20);
  --marina-color-footer: #FFFFFF;
  --marina-background-image: #DCEFE1;
  /* --------------------
     BRAND COLORS – KLCC HOTEL
  --------------------- */
  --klcc-color-main: #02477D;
  --klcc-color-secondary: rgba(3, 100, 175, 1);
  --klcc-color-title: #02477D;
  --klcc-color-title-secondary: #FFFFFF;
  --klcc-color-hover: rgba(188, 189, 192, 1);
  --klcc-background-footer: #E7E7E7;
  --klcc-stroke-footer: #BBB;
  --klcc-color-footer: #333;
  --klcc-background-image: rgba(3, 100, 175, 1);
}
@media (max-width: 991px) {
  :root {
    --font-size-title: 26px;
    --prev_title_size: 20px;
    --font-size-subtitle: 16px;
    --font-size-title-small: 24px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  :root {
    --font-size-title: 32px;
    --prev_title_size: 22px;
    --font-size-subtitle: 18px;
    --font-size-title-small: 30px;
  }
}

/* --------------------------------------------------
   BASE ELEMENTS
-------------------------------------------------- */
body {
  position: relative;
  height: 100%;
  font-size: var(--font-size-base);
  background-color: var(--color-background);
  margin: 0;
  color: var(--color-text-body);
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
}

/* --------------------------------------------------
   BODY FONTS PER HOTEL
-------------------------------------------------- */
body.marina {
  font-family: var(--font-marina-hotel);
}

body.magellan {
  font-family: var(--font-magellan-hotel);
}

body.klcc {
  font-family: var(--font-klcc-hotel);
}

body.pacific {
  font-family: var(--font-pacific-hotel);
}

body.mantanani {
  font-family: var(--font-mantanani-hotel);
}

body.group {
  font-family: var(--font-group);
}

body.marina select,
body.marina input,
body.magellan select,
body.magellan input,
body.klcc select,
body.klcc input,
body.pacific select,
body.pacific input,
body.mantanani select,
body.mantanani input,
body.group select,
body.group input {
  font-family: inherit;
}

/* --------------------------------------------------
   TYPOGRAPHY & TEXT STYLES
-------------------------------------------------- */
p {
  color: var(--color-text-body);
  margin: 0;
  line-height: 200%;
}
@media (max-width: 991px) {
  p {
    line-height: 160%;
  }
}

h1,
h2,
h3,
h4 {
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--highlight-color);
}

ul,
ol {
  margin: 0;
  padding-inline-start: 20px;
}
ul li,
ol li {
  list-style: none;
}

body .subtitle {
  font-size: var(--font-size-subtitle);
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.title {
  font-size: var(--font-size-title);
  font-weight: 700;
  font-family: var(--highlight-font-group);
  color: var(--group-color-title);
  text-transform: capitalize;
}
.magellan .title {
  font-family: var(--highlight-font-magellan-hotel);
  color: var(--magellan-color-title);
}
.pacific .title {
  font-family: var(--highlight-font-pacific-hotel);
  color: var(--pacific-color-title);
}
.mantanani .title {
  font-family: var(--highlight-font-mantanani-hotel);
  color: var(--mantanani-color-title);
}
.marina .title {
  font-family: var(--highlight-font-marina-hotel);
  color: var(--marina-color-title);
}
.klcc .title {
  font-family: var(--highlight-font-klcc-hotel);
  color: var(--klcc-color-title);
}

h2,
h3,
h4,
.prev_title {
  font-size: var(--prev_title_size);
  font-weight: 700;
  font-family: var(--highlight-font-group);
  color: var(--group-color-title);
  text-transform: capitalize;
}
.magellan h2,
.magellan h3,
.magellan h4,
.magellan .prev_title {
  font-family: var(--highlight-font-magellan-hotel);
  color: var(--magellan-color-title);
}
.pacific h2,
.pacific h3,
.pacific h4,
.pacific .prev_title {
  font-family: var(--highlight-font-pacific-hotel);
  color: var(--pacific-color-title);
}
.mantanani h2,
.mantanani h3,
.mantanani h4,
.mantanani .prev_title {
  font-family: var(--highlight-font-mantanani-hotel);
  color: var(--mantanani-color-title);
}
.marina h2,
.marina h3,
.marina h4,
.marina .prev_title {
  font-family: var(--highlight-font-marina-hotel);
  color: var(--marina-color-title);
}
.klcc h2,
.klcc h3,
.klcc h4,
.klcc .prev_title {
  font-family: var(--highlight-font-klcc-hotel);
  color: var(--klcc-color-title);
}

/* --------------------------------------------------
   CONTAINERS & LAYOUT
-------------------------------------------------- */
.container {
  max-width: 1240px;
  margin: 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1000px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1240px;
  }
}
@media (max-width: 991px) {
  .container {
    margin-inline: 30px;
  }
}

/* --------------------------------------------------
   SOCIAL MEDIA ICONS
-------------------------------------------------- */
.social-media-icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
#menu_burger_wrap .social-media-icons {
  justify-content: center;
}
.social-media-icons .social-icon {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FAFAF9;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.magellan .social-media-icons .social-icon, .pacific .social-media-icons .social-icon, .mantanani .social-media-icons .social-icon, .marina .social-media-icons .social-icon, .klcc .social-media-icons .social-icon {
  background-color: #fff;
}
.group .social-media-icons .social-icon:hover {
  background-color: var(--group-color-hover);
}
.magellan .social-media-icons .social-icon:hover {
  background-color: var(--magellan-color-hover);
}
.pacific .social-media-icons .social-icon:hover {
  background-color: var(--pacific-color-hover);
}
.mantanani .social-media-icons .social-icon:hover {
  background-color: var(--mantanani-color-hover);
}
.marina .social-media-icons .social-icon:hover {
  background-color: var(--marina-color-hover);
}
.klcc .social-media-icons .social-icon:hover {
  background-color: var(--klcc-color-hover);
}
.social-media-icons .social-icon:hover span {
  color: #fff;
}
.social-media-icons .social-icon:last-child {
  margin-right: 0;
}
.social-media-icons .social-icon span {
  color: #4A443A;
}

/* --------------------------------------------------
   ARROWS
-------------------------------------------------- */
.arrow,
.arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: background-color 0.3s ease;
  flex: 0 0 40px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
@media (max-width: 991px) {
  .arrow,
  .arrow {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
  }
}
.arrow::after,
.arrow::after {
  content: none;
}
.arrow i,
.arrow i {
  color: rgb(255, 255, 255);
  font-size: 15px;
}
@media (max-width: 991px) {
  .arrow i,
  .arrow i {
    font-size: 14px;
  }
}
.arrow:hover,
.arrow:hover {
  background: var(--group-color-hover);
}
.magellan .arrow:hover,
.magellan .arrow:hover {
  background: var(--magellan-color-hover);
}
.pacific .arrow:hover,
.pacific .arrow:hover {
  background: var(--pacific-color-hover);
}
.mantanani .arrow:hover,
.mantanani .arrow:hover {
  background: var(--mantanani-color-hover);
}
.marina .arrow:hover,
.marina .arrow:hover {
  background: var(--marina-color-hover);
}
.klcc .arrow:hover,
.klcc .arrow:hover {
  background: var(--klcc-color-hover);
}

/* --------------------------------------------------
   PDF BUTTONS
-------------------------------------------------- */
.btnPdf i {
  color: var(--highlight-color);
  font-size: 18px;
  margin-right: 10px;
}
.btnPdf a {
  color: var(--color-text-body);
}

/* --------------------------------------------------
   CTA BUTTONS
-------------------------------------------------- */
.btnCta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btnCta.arrowBtn {
  width: 40px;
  height: 40px;
}
.magellan .btnCta.arrowBtn {
  background-color: var(--magellan-color-main);
  border: 1px solid var(--magellan-color-main);
}
.magellan .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.pacific .btnCta.arrowBtn {
  background-color: var(--pacific-color-main);
  border: 1px solid var(--pacific-color-main);
}
.pacific .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.mantanani .btnCta.arrowBtn {
  background-color: var(--mantanani-color-main);
  border: 1px solid var(--mantanani-color-main);
}
.mantanani .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.klcc .btnCta.arrowBtn {
  background-color: var(--klcc-color-main);
  border: 1px solid var(--klcc-color-main);
}
.klcc .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.marina .btnCta.arrowBtn {
  background-color: var(--marina-color-main);
  border: 1px solid var(--marina-color-main);
}
.marina .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.group .btnCta.arrowBtn {
  background-color: var(--group-color-main);
  border: 1px solid var(--group-color-main);
}
.group .btnCta.arrowBtn:hover {
  background-color: transparent;
}
.btnCta a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 5px 25px;
  text-transform: uppercase;
  text-align: center;
}
.magellan .btnCta:not(.arrowBtn) {
  background-color: var(--magellan-color-main);
}
.magellan .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.pacific .btnCta:not(.arrowBtn) {
  background-color: var(--pacific-color-main);
}
.pacific .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.mantanani .btnCta:not(.arrowBtn) {
  background-color: var(--mantanani-color-main);
}
.mantanani .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.klcc .btnCta:not(.arrowBtn) {
  background-color: var(--klcc-color-main);
}
.klcc .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.marina .btnCta:not(.arrowBtn) {
  background-color: var(--marina-color-main);
}
.marina .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.group .btnCta:not(.arrowBtn) {
  background-color: var(--group-color-main);
}
.group .btnCta:not(.arrowBtn):hover {
  background-color: var(--highlight-color);
}
.btnCta.showmore {
  background: transparent;
  border: 1px solid var(--group-color-main);
}
.magellan .btnCta.showmore {
  border: 1px solid var(--magellan-color-main);
}
.pacific .btnCta.showmore {
  border: 1px solid var(--pacific-color-main);
}
.mantanani .btnCta.showmore {
  border: 1px solid var(--mantanani-color-main);
}
.klcc .btnCta.showmore {
  border: 1px solid var(--klcc-color-main);
}
.marina .btnCta.showmore {
  border: 1px solid var(--marina-color-main);
}
.group .btnCta.showmore {
  border: 1px solid var(--group-color-main);
}
.btnCta.showmore a {
  color: #000;
}
.btnCta.showmore:hover {
  border-color: var(--highlight-color);
}
.btnCta.showmore:hover a {
  color: #fff;
}

.btns_wrap {
  display: grid;
  grid-auto-flow: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .btns_wrap {
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
}

.fa-arrow-up {
  transform: rotate(45deg);
}

/* --------------------------------------------------
   SECTION STYLING
-------------------------------------------------- */
body:not(:has(.slideshow_container)) .section.main {
  padding-top: 300px;
}

.section {
  position: relative;
  padding-block: 75px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section {
    padding-block: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section {
    padding-block: 50px;
  }
}
@media (max-width: 991px) {
  .section {
    padding-block: 30px;
  }
}
.section.booking_form_section {
  padding-block: 0;
}
.section.main {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .section.main {
    padding-top: 60px;
  }
}
.page_on_front .section.main {
  padding-top: 200px;
}
.hotel_page_on_front .section.main {
  padding-top: 60px;
}
@media (max-width: 767px) {
  .page_on_front .section.main, .hotel_page_on_front .section.main {
    padding-top: 60px;
  }
}
.sitemap .section.main {
  padding-bottom: 75px;
}
.section.de_last {
  padding-bottom: 150px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section.de_last {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .section.de_last {
    padding-bottom: 70px;
  }
}
.section.post_preview_row {
  padding-bottom: 120px;
}
.section.section_expandable_contents {
  padding-block: 50px;
}
@media (max-width: 767px) {
  .section.section_expandable_contents {
    padding-block: 25px;
  }
}
.section.error_section {
  background: url("./img/404.png") rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  height: calc(100vh - 120px);
  display: grid;
  place-content: center;
  color: #fff;
}
.section.error_section .container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
}
.section.error_section .container .title {
  color: #fff;
}

.section img {
  border-radius: 20px;
}

/* --------------------------------------------------
   CONTENT INTRO
-------------------------------------------------- */
.content_intro_wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
.magellan .content_intro_wrapper .title {
  max-width: 500px;
  margin: 0 auto;
}
.magellan .content_intro_wrapper::before, .magellan .content_intro_wrapper::after {
  content: url("./patterns/magellan.svg");
  position: absolute;
  width: auto;
  height: 15px;
  top: 50%;
}
.magellan .content_intro_wrapper::before {
  left: 0;
}
@media (max-width: 991px) {
  .magellan .content_intro_wrapper::before {
    content: url("./patterns/magellan-mobile.svg");
    top: 100%;
    width: 150px;
    margin: 0 auto;
    height: auto;
    left: 0;
    right: 0;
  }
}
.magellan .content_intro_wrapper::after {
  right: 0;
}
@media (max-width: 991px) {
  .magellan .content_intro_wrapper::after {
    display: none;
  }
}

/* --------------------------------------------------
   GRAVITY FORMS STYLING
-------------------------------------------------- */
.gform_wrapper form .gform_footer input[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 5px 25px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  width: 100%;
  border: none;
  cursor: pointer;
  background: var(--group-color-main);
}
.magellan .gform_wrapper form .gform_footer input[type=submit] {
  background: var(--magellan-color-main);
}
.pacific .gform_wrapper form .gform_footer input[type=submit] {
  background: var(--pacific-color-main);
}
.mantanani .gform_wrapper form .gform_footer input[type=submit] {
  background: var(--mantanani-color-main);
}
.marina .gform_wrapper form .gform_footer input[type=submit] {
  background: var(--marina-color-main);
}
.klcc .gform_wrapper form .gform_footer input[type=submit] {
  background: var(--klcc-color-main);
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  padding: 10px 20px !important;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.gform_wrapper .ginput_container_select select {
  position: relative;
  padding: 10px 20px !important;
  border: 1px solid var(--color-stroke);
  width: 100% !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.gform_wrapper .ginput_container_select {
  position: relative;
}

.gform_wrapper .ginput_container_select::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-weight: 900;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
  color: var(--highlight-color);
}

body .gform_wrapper img.ui-datepicker-trigger {
  display: none !important;
}

body .gform_wrapper .ginput_container_date {
  position: relative;
  cursor: pointer;
}

body .gform_wrapper .ginput_container_date input {
  width: 100% !important;
}

body .gform_wrapper .ginput_container_date::after {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-weight: 900;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 14px;
  color: var(--highlight-color);
}

/* --------------------------------------------------
   READ MORE LINKS
-------------------------------------------------- */
.read_more a {
  color: var(--color-text-body);
  margin-right: 10px;
  padding-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
}
.read_more a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 0;
  transform: none;
}
.read_more a:hover::after {
  width: 100%;
  left: 0;
  transform: none;
}
.read_more i {
  color: var(--highlight-color);
  font-size: 18px;
}

/* --------------------------------------------------
   BACKGROUND IMAGES / PATTERNS
-------------------------------------------------- */
.background_image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 60px;
  bottom: -60px;
  background: var(--group-background-image);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .background_image {
    left: 20px;
    bottom: -20px;
  }
}
.magellan .background_image {
  background-color: var(--magellan-background-image);
}
.magellan .background_image::after {
  content: "";
  background-image: url("../scss/patterns/magellan-white.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: auto;
  left: auto;
  z-index: 1;
}
.pacific .background_image {
  background-color: var(--pacific-background-image);
}
.pacific .background_image::after {
  content: "";
  background-image: url("../scss/patterns/pacific.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}
.klcc .background_image {
  background-color: var(--klcc-background-image);
}
.klcc .background_image::after {
  content: "";
  background-image: url("../scss/patterns/klcc.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}
.marina .background_image {
  background-color: var(--marina-background-image);
}
.marina .background_image::after {
  content: "";
  background-image: url("../scss/patterns/marina.svg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 30%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: 60px;
  z-index: 1;
}
.mantanani .background_image {
  background-color: var(--mantanani-background-image);
}
.mantanani .background_image::after {
  content: "";
  background-image: url("../scss/patterns/mantanani.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 1;
}

/* --------------------------------------------------
   SITEMAP STYLING
-------------------------------------------------- */
.sitemap_inner_wrap {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.sitemap_inner_wrap .sitemap_inner {
  display: grid;
  gap: 20px;
}
.sitemap_inner_wrap .sitemap_inner .sitemap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
@media (max-width: 991px) {
  .sitemap_inner_wrap .sitemap_inner .sitemap {
    grid-template-columns: 1fr;
  }
}
.sitemap_inner_wrap .sitemap_inner .sitemap .page_item {
  text-transform: capitalize;
}

/* --------------------------------------------------
   DATEPICKER TABLE
-------------------------------------------------- */
.ui-datepicker table {
  background-color: #fff;
  padding: 0.5em;
}

/* --------------------------------------------------
   TRIPADVISOR ICON
-------------------------------------------------- */
.fa-tripadvisor::before {
  content: url("./svg/tripadvisor.svg");
  display: block;
  width: 18px;
}

#header_wrapper {
  height: 220px;
  position: absolute;
  width: 100%;
  z-index: 900;
}
#header_wrapper.fixed {
  position: fixed;
  height: 110px;
}
@media (max-width: 991px) {
  #header_wrapper.fixed {
    height: 80px;
  }
}
@media (max-width: 991px) {
  #header_wrapper {
    height: 80px;
  }
}
.video_play #header_wrapper {
  display: none;
}

#header {
  width: 100%;
  background: var(--color-header-background);
  height: 100%;
}
.fixed #header {
  background: var(--color-background-alt);
}
#header .header_container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #header .header_container {
    height: 100%;
    align-items: center;
  }
}
.fixed #header .header_container {
  height: 100%;
  align-items: center;
}
@media (min-width: 992px) {
  #header .header_container .link_button.open_burger_menu_mobile {
    display: none;
  }
}
#header .header_container .open_burger_menu_mobile {
  display: block;
  width: 20px;
  height: 40px;
}
#header .header_container .header_languages.header_language_mobile {
  flex: 1 1 33%;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  #header .header_container .header_languages.header_language_mobile {
    display: none;
  }
}
#header .header_container .header_languages .languages {
  margin-left: 30px;
}
@media (max-width: 991px) {
  #header .header_container .header_languages .languages {
    margin-left: 0;
  }
}
#header .header_container .header_languages .languages ul {
  list-style: none inside none;
}
#header .header_container .header_languages .languages .language-switcher {
  position: relative;
}
#header .header_container .header_languages .languages .language-switcher > li {
  position: relative;
}
#header .header_container .header_languages .languages .language-switcher .current-lang a {
  color: var(--color-menu-item);
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  #header .header_container .header_languages .languages .language-switcher .current-lang a {
    font-size: 14px;
  }
}
.fixed #header .header_container .header_languages .languages .language-switcher .current-lang a {
  color: var(--color-menu-item-alt);
}
#header .header_container .header_languages .languages .language-switcher .current-lang a span {
  padding-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
}
#header .header_container .header_languages .languages .language-switcher .current-lang a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .header_languages .languages .language-switcher .current-lang a span:hover::after {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .fa-chevron-down:before {
  color: var(--color-menu-item);
  margin-left: 10px;
}
@media (max-width: 991px) {
  #header .header_container .fa-chevron-down:before {
    margin-left: 5px;
    font-size: 12px;
  }
}
.fixed #header .header_container .fa-chevron-down:before {
  color: var(--color-menu-item-alt);
}
#header .header_container .dropdown_menu,
#header .header_container .sub-menu {
  display: none;
  position: absolute;
  top: 150%;
  left: 0;
  background-color: white;
  padding: 30px;
  border-radius: 10px;
  z-index: 10;
  text-align: center;
  min-width: 125px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  #header .header_container .dropdown_menu,
  #header .header_container .sub-menu {
    padding: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #header .header_container .dropdown_menu,
  #header .header_container .sub-menu {
    padding: 15px;
    left: auto;
    right: 0;
  }
}
#header .header_container .dropdown_menu::before,
#header .header_container .sub-menu::before {
  display: block;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #fff transparent;
  content: "";
}
#header .header_container .dropdown_menu > li,
#header .header_container .sub-menu > li {
  margin-bottom: 10px;
  padding: 5px;
}
@media (max-width: 991px) {
  #header .header_container .dropdown_menu > li,
  #header .header_container .sub-menu > li {
    margin-bottom: 0;
  }
}
#header .header_container .dropdown_menu > li:last-child,
#header .header_container .sub-menu > li:last-child {
  margin: 0;
}
#header .header_container .dropdown_menu > li > a,
#header .header_container .sub-menu > li > a {
  display: inline-block;
  color: #000;
  font-style: italic;
  text-transform: capitalize;
  font-size: 15px;
  text-decoration: none;
  padding-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
}
#header .header_container .dropdown_menu > li > a::after,
#header .header_container .sub-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .dropdown_menu > li > a:hover::after,
#header .header_container .sub-menu > li > a:hover::after {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .dropdown_menu.other_languages,
#header .header_container .sub-menu.other_languages {
  min-width: 100%;
}
#header .header_container .header_properties_wrapper ul > li {
  position: relative;
  list-style: none;
}
#header .header_container .header_properties_wrapper a {
  color: var(--color-menu-item);
  text-decoration: none;
}
#header .header_container .header_properties_wrapper a span {
  padding-bottom: 5px;
  position: relative;
  padding-bottom: 5px;
}
#header .header_container .header_properties_wrapper a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .header_properties_wrapper a span:hover::after {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .header_logo_wrapper {
  height: 140px;
  width: 160px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
@media (max-width: 991px) {
  #header .header_container .header_logo_wrapper {
    max-width: 120px;
    height: 100px;
    flex: 1 1 33%;
  }
}
.fixed #header .header_container .header_logo_wrapper {
  height: 70px;
  width: 110px;
}
@media (max-width: 991px) {
  .fixed #header .header_container .header_logo_wrapper {
    width: 80px;
  }
}
.fixed #header .header_container .header_logo_wrapper .logo {
  background-color: transparent;
  padding: 0;
}
#header .header_container .header_logo_wrapper .logo {
  background-color: var(--color-logo-background);
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  justify-content: center;
}
@media (max-width: 991px) {
  #header .header_container .header_logo_wrapper .logo {
    padding: 0 10px;
  }
}
#header .header_container .header_logo_wrapper .logo img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 991px) {
  #header .header_container .header_logo_wrapper .logo img {
    max-height: 70px;
    object-fit: contain;
  }
}
#header .header_container .link_button {
  display: block;
  width: 26px;
  height: 40px;
}
@media (max-width: 991px) {
  #header .header_container .link_button {
    width: 20px;
    height: 20px;
    flex: 1 1 33%;
  }
}
#header .header_container .link_button .icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative;
}
@media (max-width: 991px) {
  #header .header_container .link_button .icon {
    width: 20px;
    height: 20px;
  }
}
#header .header_container .link_button .icon:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 1px;
  background: var(--color-menu-item);
  content: "";
  display: block;
  margin-top: -1px;
}
@media (max-width: 991px) {
  #header .header_container .link_button .icon:after {
    width: 20px;
  }
}
.fixed #header .header_container .link_button .icon:after {
  background: var(--color-menu-item-alt);
}
#header .header_container .link_button .icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 26px;
  height: 15px;
  margin-top: -9px;
  content: "";
  display: block;
  border-width: 1px 0;
  border-style: solid;
  border-color: var(--color-menu-item);
}
@media (max-width: 991px) {
  #header .header_container .link_button .icon:before {
    width: 20px;
  }
}
.fixed #header .header_container .link_button .icon:before {
  border-color: var(--color-menu-item-alt);
}
#header .header_container .header_menu_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 30px;
}
@media (max-width: 991px) {
  #header .header_container .header_menu_wrapper {
    display: none;
  }
}
#header .header_container .header_menu_wrapper .header_top_menu {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.fixed #header .header_container .header_menu_wrapper .header_top_menu {
  display: none;
}
#header .header_container .header_menu_wrapper .header_main_menu {
  display: flex;
  align-items: center;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 991px) {
  #header .header_container .header_menu_wrapper .header_main_menu #main_menu {
    display: none;
  }
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul,
#header .header_container .header_menu_wrapper .header_main_menu #main_menu li {
  list-style: none inside none;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu {
  display: flex;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li {
  display: inline-flex;
  position: relative;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li.menu-item-has-children {
  margin-right: 30px;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li.menu-item-has-children a {
  margin-right: 0;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li.menu-item-has-children .fa-chevron-down {
  cursor: pointer;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li.current-menu-item {
  font-weight: 600;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li > a {
  display: block;
  color: var(--color-menu-item);
  margin-right: 30px;
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}
#header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li > a:hover::after {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.fixed #header .header_container .header_menu_wrapper .header_main_menu #main_menu ul.menu > li > a {
  color: var(--color-menu-item-alt);
}

#mobile_bar {
  background: var(--color-header-background-alt);
  height: 60px;
  width: 100%;
  bottom: 0;
  position: fixed;
  z-index: 900;
  display: flex;
}
@media (min-width: 992px) {
  #mobile_bar {
    display: none;
  }
}
#mobile_bar .header_properties_wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
#mobile_bar .header_properties_wrapper ul {
  padding: 0;
}
#mobile_bar .header_properties_wrapper .properties_toggle a,
#mobile_bar .header_properties_wrapper .properties_toggle i {
  color: var(--color-menu-item-alt);
}
#mobile_bar .header_properties_wrapper .properties_toggle .dropdown_menu {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  display: none;
  background: var(--color-header-background-alt);
  z-index: 900;
  padding: 30px;
  text-align: center;
}
#mobile_bar .header_properties_wrapper .properties_toggle .dropdown_menu > li {
  margin: 5px 0;
}
#mobile_bar .header_booking_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  background: var(--group-color-main);
}
.magellan #mobile_bar .header_booking_wrapper {
  background: var(--magellan-color-main);
}
.pacific #mobile_bar .header_booking_wrapper {
  background: var(--pacific-color-main);
}
.mantanani #mobile_bar .header_booking_wrapper {
  background: var(--mantanani-color-main);
}
.marina #mobile_bar .header_booking_wrapper {
  background: var(--marina-color-main);
}
.klcc #mobile_bar .header_booking_wrapper {
  background: var(--klcc-color-main);
}
#mobile_bar .header_booking_wrapper a {
  color: #fff;
}

#menu_burger_wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  background: var(--color-burger-menu-background);
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  overflow-y: scroll;
  opacity: 0;
  visibility: hidden;
}
#menu_burger_wrap.open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
@media (max-width: 991px) {
  #menu_burger_wrap {
    overflow-x: scroll;
    right: auto;
    width: 100%;
    transform: translateX(-100%);
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
  }
}
#menu_burger_wrap .menu_burger {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content {
  position: relative;
  height: 100%;
  padding: 60px 80px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 991px) {
  #menu_burger_wrap .menu_burger .menu_burger_inner_content {
    padding: 40px 30px;
  }
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .close_burger_btn {
  display: block;
  top: 20px;
  right: 20px;
  position: absolute;
  z-index: 1;
  border: none;
  background: var(--color-burger-menu-background);
  cursor: pointer;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .burger_logo {
  width: 170px;
  height: 120px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .burger_logo img {
  width: 100%;
  height: auto;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu {
  width: 100%;
  margin-block: 80px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu {
  list-style: none;
  padding: 0;
  text-align: center;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item {
  padding-block: 10px;
  position: relative;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-stroke-burger);
  margin-top: 20px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item.current-menu-item {
  font-weight: 600;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item a {
  color: var(--color-text-body);
  text-decoration: none;
  position: relative;
  padding-bottom: 5px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 50%;
  transform: translateX(-50%);
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item a:hover::after {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item .submenu-toggle {
  margin-left: 10px;
  cursor: pointer;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item .sub-menu {
  display: none;
  padding: 0;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item .sub-menu .menu-item {
  padding-bottom: 0;
  padding-top: 10px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content #burger_menu .menu .menu-item .sub-menu .menu-item::after {
  content: none;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap .hotel_infos .contacts {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap .hotel_infos .contacts .contact-item {
  line-height: 160%;
  font-size: 0.96em;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap .hotel_infos .contacts .contact-item.contact-address, #menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap .hotel_infos .contacts .contact-item.contact-email {
  margin-block: 20px;
}
#menu_burger_wrap .menu_burger .menu_burger_inner_content .hotel_contacts_wrap .hotel_infos .contacts .contact-item a {
  color: var(--color-text-body);
}

#footer {
  background: var(--group-background-footer);
  color: var(--color-footer);
}
.magellan #footer {
  background: var(--magellan-background-footer);
}
.pacific #footer {
  background: var(--pacific-background-footer);
}
.mantanani #footer {
  background: var(--mantanani-background-footer);
}
.marina #footer {
  background: var(--marina-background-footer);
}
.klcc #footer {
  background: var(--klcc-background-footer);
}
.magellan #footer {
  color: var(--magellan-color-footer);
}
.pacific #footer {
  color: var(--pacific-color-footer);
}
.mantanani #footer {
  color: var(--mantanani-color-footer);
}
.marina #footer {
  color: var(--marina-color-footer);
}
.klcc #footer {
  color: var(--klcc-color-footer);
}
#footer .footer_container {
  font-size: 15px;
}
#footer .footer_container .footer_top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-block: 40px;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 30px;
  }
}
#footer .footer_container .footer_top .col_footer_logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  flex: 0 0 30%;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_top .col_footer_logo {
    align-items: center;
    text-align: center;
  }
}
#footer .footer_container .footer_top .col_footer_logo img {
  width: 170px;
}
#footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--color-footer);
}
.magellan #footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--magellan-color-footer);
}
.pacific #footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--pacific-color-footer);
}
.mantanani #footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--mantanani-color-footer);
}
.marina #footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--marina-color-footer);
}
.klcc #footer .footer_container .footer_top .col_footer_logo .footer_text {
  color: var(--klcc-color-footer);
}
#footer .footer_container .footer_top .col_footer_menus {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  flex: 0 0 33%;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_top .col_footer_menus {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
#footer .footer_container .footer_top .col_footer_menus .footer_first_menu,
#footer .footer_container .footer_top .col_footer_menus .footer_second_menu {
  flex: 1;
}
#footer .footer_container .footer_top .col_footer_menus ul {
  padding: 0;
  margin-top: 20px;
}
#footer .footer_container .footer_top .col_footer_menus ul > li {
  margin-block: 10px;
}
#footer .footer_container .footer_top .col_footer_menus ul > li > a {
  position: relative;
  color: var(--color-footer);
  text-transform: capitalize;
  position: relative;
  padding-bottom: 5px;
}
.magellan #footer .footer_container .footer_top .col_footer_menus ul > li > a {
  color: var(--magellan-color-footer);
}
.pacific #footer .footer_container .footer_top .col_footer_menus ul > li > a {
  color: var(--pacific-color-footer);
}
.mantanani #footer .footer_container .footer_top .col_footer_menus ul > li > a {
  color: var(--mantanani-color-footer);
}
.marina #footer .footer_container .footer_top .col_footer_menus ul > li > a {
  color: var(--marina-color-footer);
}
.klcc #footer .footer_container .footer_top .col_footer_menus ul > li > a {
  color: var(--klcc-color-footer);
}
#footer .footer_container .footer_top .col_footer_menus ul > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 0;
  background: var(--highlight-color);
  transition: width 0.4s ease, left 0.4s ease, transform 0.4s ease;
  left: 0;
  transform: none;
}
#footer .footer_container .footer_top .col_footer_menus ul > li > a:hover::after {
  width: 100%;
  left: 0;
  transform: none;
}
#footer .footer_container .footer_top .col_footer_contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  flex: 0 0 25%;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_top .col_footer_contacts {
    align-items: center;
    text-align: center;
  }
}
#footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem {
    align-items: center;
  }
}
#footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--color-footer);
}
.magellan #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--magellan-color-footer);
}
.pacific #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--pacific-color-footer);
}
.mantanani #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--mantanani-color-footer);
}
.marina #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--marina-color-footer);
}
.klcc #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem p {
  color: var(--klcc-color-footer);
}
#footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem .contact_label {
  display: flex;
  align-items: center;
  font-weight: 600;
}
#footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem .contact_label i {
  margin-right: 10px;
  color: var(--highlight-color);
}
#footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--color-footer);
}
.magellan #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--magellan-color-footer);
}
.pacific #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--pacific-color-footer);
}
.mantanani #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--mantanani-color-footer);
}
.marina #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--marina-color-footer);
}
.klcc #footer .footer_container .footer_top .col_footer_contacts .footer_contact_elem > a {
  color: var(--klcc-color-footer);
}
#footer .footer_container .footer_bottom {
  padding-block: 40px;
  border-top: 1px solid;
  font-size: 14px;
  border-color: var(--group-stroke-footer);
}
@media (max-width: 991px) {
  #footer .footer_container .footer_bottom {
    padding: 40px 30px;
    padding-bottom: 100px;
  }
}
.magellan #footer .footer_container .footer_bottom {
  border-color: var(--magellan-stroke-footer);
}
.pacific #footer .footer_container .footer_bottom {
  border-color: var(--pacific-stroke-footer);
}
.mantanani #footer .footer_container .footer_bottom {
  border-color: var(--mantanani-stroke-footer);
}
.marina #footer .footer_container .footer_bottom {
  border-color: var(--marina-stroke-footer);
}
.klcc #footer .footer_container .footer_bottom {
  border-color: var(--klcc-stroke-footer);
}
#footer .footer_container .footer_bottom .footer_bottom_wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_bottom .footer_bottom_wrap {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}
#footer .footer_container .footer_bottom .footer_bottom_wrap .footer_bottom__copyright {
  flex: 1;
}
#footer .footer_container .footer_bottom .footer_bottom_wrap .footer_bottom__legal-disclaimer {
  flex: 1;
  text-align: right;
}
@media (max-width: 991px) {
  #footer .footer_container .footer_bottom .footer_bottom_wrap .footer_bottom__legal-disclaimer {
    text-align: center;
    margin-top: 20px;
  }
}

#breadcrumb {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  #breadcrumb {
    display: none;
  }
}
#breadcrumb ol {
  display: inline-flex;
}
#breadcrumb ol li {
  display: inline-flex;
  align-items: center;
  list-style: none inside none;
}
#breadcrumb ol li i {
  padding-inline: 15px;
}
#breadcrumb ol li a {
  color: var(--color-text-body);
  text-transform: capitalize;
}
#breadcrumb ol li.current-menu-item a {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--group-color-main);
}
.magellan #breadcrumb ol li.current-menu-item a {
  color: var(--magellan-color-main);
}
.pacific #breadcrumb ol li.current-menu-item a {
  color: var(--pacific-color-main);
}
.klcc #breadcrumb ol li.current-menu-item a {
  color: var(--klcc-color-main);
}
.marina #breadcrumb ol li.current-menu-item a {
  color: var(--marina-color-main);
}
.mantanani #breadcrumb ol li.current-menu-item a {
  color: var(--mantanani-color-main);
}

@media (max-width: 991px) {
  .booking_form_section {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
  }
}
.booking_form_section {
  position: absolute;
  top: 65svh;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  height: 100px;
  background: var(--color-booking-form-background);
  border-radius: 1000px;
  padding-inline: 40px;
  width: auto;
  min-width: 1000px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .booking_form_section {
    min-width: 900px;
  }
}
.booking_form_section.has-full-slideshow {
  top: 75vh;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .booking_form_section.has-full-slideshow {
    top: 80vh;
  }
}
.error404 .booking_form_section {
  top: 80svh;
}
.booking_form_section .title {
  font-size: 26px;
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 992px) {
  .booking_form_section .title {
    display: none;
  }
}
.booking_form_section.mobile {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-booking-form-background);
  z-index: 999;
  padding: 30px 20px;
  overflow-y: auto;
  border-radius: 0;
  padding: 40px;
  height: 100vh;
  min-width: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.booking_form_section.mobile.open {
  top: 0;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.booking_form_section.mobile.closing {
  opacity: 0;
  transform: translateY(100%);
}
.booking_form_section.mobile #booking_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: none;
  justify-content: flex-start;
}
.booking_form_section.mobile #booking_form .form-group {
  flex: 0 0 auto;
  width: 100%;
  flex-direction: row;
  border-bottom: 1px solid rgba(85, 85, 85, 0.3);
  border-right: none;
  padding: 20px 0;
}
.booking_form_section.mobile #booking_form .form-group label,
.booking_form_section.mobile #booking_form .form-group select,
.booking_form_section.mobile #booking_form .form-group input {
  flex: 1;
}
.booking_form_section.mobile #booking_form .form-group label {
  max-width: 150px;
  width: auto;
}
.booking_form_section.mobile .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  cursor: pointer;
  border: none;
  color: #555;
}
.booking_form_section.fixed {
  position: fixed;
  top: 110px;
  left: 0;
  right: 0;
  transform: none;
  height: 90px;
  width: auto;
  border-radius: 0%;
}
.booking_form_section #booking_form {
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 1200px) {
  .booking_form_section #booking_form {
    max-width: 1000px;
  }
}
@media (min-width: 1400px) {
  .booking_form_section #booking_form {
    max-width: 1200px;
  }
}
.booking_form_section #booking_form select,
.booking_form_section #booking_form input {
  border: none;
  background: var(--color-booking-form-background);
  width: 100%;
}
.booking_form_section #booking_form select option {
  background-color: #fff;
  color: #333;
}
.booking_form_section #booking_form .form-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  min-width: 80px;
  border-right: 1px solid rgba(85, 85, 85, 0.3);
  padding: 0 20px;
  gap: 10px;
  height: 40px;
}
.booking_form_section #booking_form .form-group.submit {
  border: none;
  min-width: 150px;
  height: 45px;
  padding: 0;
}
.booking_form_section #booking_form .form-group:nth-last-of-type(-n+2) {
  border: none;
}
.booking_form_section #booking_form .form-group label {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  width: 100%;
}
.booking_form_section #booking_form .form-group.submit .btnCta {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: none;
  width: 100%;
}
.booking_form_section #booking_form .form-group .dates-wrap {
  display: flex;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border: none;
  background: var(--group-color-main);
}
.magellan .flatpickr-day.selected,
.magellan .flatpickr-day.startRange,
.magellan .flatpickr-day.endRange,
.magellan .flatpickr-day.selected.inRange,
.magellan .flatpickr-day.startRange.inRange,
.magellan .flatpickr-day.endRange.inRange,
.magellan .flatpickr-day.selected:focus,
.magellan .flatpickr-day.startRange:focus,
.magellan .flatpickr-day.endRange:focus,
.magellan .flatpickr-day.selected:hover,
.magellan .flatpickr-day.startRange:hover,
.magellan .flatpickr-day.endRange:hover,
.magellan .flatpickr-day.selected.prevMonthDay,
.magellan .flatpickr-day.startRange.prevMonthDay,
.magellan .flatpickr-day.endRange.prevMonthDay,
.magellan .flatpickr-day.selected.nextMonthDay,
.magellan .flatpickr-day.startRange.nextMonthDay,
.magellan .flatpickr-day.endRange.nextMonthDay {
  background: var(--magellan-color-main);
}
.pacific .flatpickr-day.selected,
.pacific .flatpickr-day.startRange,
.pacific .flatpickr-day.endRange,
.pacific .flatpickr-day.selected.inRange,
.pacific .flatpickr-day.startRange.inRange,
.pacific .flatpickr-day.endRange.inRange,
.pacific .flatpickr-day.selected:focus,
.pacific .flatpickr-day.startRange:focus,
.pacific .flatpickr-day.endRange:focus,
.pacific .flatpickr-day.selected:hover,
.pacific .flatpickr-day.startRange:hover,
.pacific .flatpickr-day.endRange:hover,
.pacific .flatpickr-day.selected.prevMonthDay,
.pacific .flatpickr-day.startRange.prevMonthDay,
.pacific .flatpickr-day.endRange.prevMonthDay,
.pacific .flatpickr-day.selected.nextMonthDay,
.pacific .flatpickr-day.startRange.nextMonthDay,
.pacific .flatpickr-day.endRange.nextMonthDay {
  background: var(--pacific-color-main);
}
.mantanani .flatpickr-day.selected,
.mantanani .flatpickr-day.startRange,
.mantanani .flatpickr-day.endRange,
.mantanani .flatpickr-day.selected.inRange,
.mantanani .flatpickr-day.startRange.inRange,
.mantanani .flatpickr-day.endRange.inRange,
.mantanani .flatpickr-day.selected:focus,
.mantanani .flatpickr-day.startRange:focus,
.mantanani .flatpickr-day.endRange:focus,
.mantanani .flatpickr-day.selected:hover,
.mantanani .flatpickr-day.startRange:hover,
.mantanani .flatpickr-day.endRange:hover,
.mantanani .flatpickr-day.selected.prevMonthDay,
.mantanani .flatpickr-day.startRange.prevMonthDay,
.mantanani .flatpickr-day.endRange.prevMonthDay,
.mantanani .flatpickr-day.selected.nextMonthDay,
.mantanani .flatpickr-day.startRange.nextMonthDay,
.mantanani .flatpickr-day.endRange.nextMonthDay {
  background: var(--mantanani-color-main);
}
.marina .flatpickr-day.selected,
.marina .flatpickr-day.startRange,
.marina .flatpickr-day.endRange,
.marina .flatpickr-day.selected.inRange,
.marina .flatpickr-day.startRange.inRange,
.marina .flatpickr-day.endRange.inRange,
.marina .flatpickr-day.selected:focus,
.marina .flatpickr-day.startRange:focus,
.marina .flatpickr-day.endRange:focus,
.marina .flatpickr-day.selected:hover,
.marina .flatpickr-day.startRange:hover,
.marina .flatpickr-day.endRange:hover,
.marina .flatpickr-day.selected.prevMonthDay,
.marina .flatpickr-day.startRange.prevMonthDay,
.marina .flatpickr-day.endRange.prevMonthDay,
.marina .flatpickr-day.selected.nextMonthDay,
.marina .flatpickr-day.startRange.nextMonthDay,
.marina .flatpickr-day.endRange.nextMonthDay {
  background: var(--marina-color-main);
}
.klcc .flatpickr-day.selected,
.klcc .flatpickr-day.startRange,
.klcc .flatpickr-day.endRange,
.klcc .flatpickr-day.selected.inRange,
.klcc .flatpickr-day.startRange.inRange,
.klcc .flatpickr-day.endRange.inRange,
.klcc .flatpickr-day.selected:focus,
.klcc .flatpickr-day.startRange:focus,
.klcc .flatpickr-day.endRange:focus,
.klcc .flatpickr-day.selected:hover,
.klcc .flatpickr-day.startRange:hover,
.klcc .flatpickr-day.endRange:hover,
.klcc .flatpickr-day.selected.prevMonthDay,
.klcc .flatpickr-day.startRange.prevMonthDay,
.klcc .flatpickr-day.endRange.prevMonthDay,
.klcc .flatpickr-day.selected.nextMonthDay,
.klcc .flatpickr-day.startRange.nextMonthDay,
.klcc .flatpickr-day.endRange.nextMonthDay {
  background: var(--klcc-color-main);
}

.flatpickr-current-month {
  color: var(--group-color-main);
}
.magellan .flatpickr-current-month {
  color: var(--magellan-color-main);
}
.pacific .flatpickr-current-month {
  color: var(--pacific-color-main);
}
.mantanani .flatpickr-current-month {
  color: var(--mantanani-color-main);
}
.marina .flatpickr-current-month {
  color: var(--marina-color-main);
}
.klcc .flatpickr-current-month {
  color: var(--klcc-color-main);
}

.flatpickr-current-month span.cur-month {
  font-weight: 400;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-size: 18px;
}

@media (max-width: 767px) {
  .flatpickr-calendar {
    z-index: 10000 !important;
    /* au-dessus du form */
    max-width: 100vw;
    /* pas plus large que l'écran */
    width: 100% !important;
    /* s'adapte */
    left: 0 !important;
    /* collé à gauche */
    right: 0 !important;
    /* collé à droite */
  }
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--highlight-color);
}