:root {
  --light-cream: #fafaf8;
  --light-grey: #5c5a53;
  --dark-grey: #3c3a34;
  --dark-cream: #e2ded5;
  --forest-green: #838a7b;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--light-cream);
  color: var(--light-grey);
  font-family: Raleway, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 8vw;
  font-weight: 400;
  line-height: 110%;
}

h2 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 6vw;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 5vw;
  font-weight: 400;
  line-height: 110%;
}

h4 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 4.5vw;
  font-weight: 400;
  line-height: 110%;
}

h5 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 120%;
}

h6 {
  color: var(--dark-grey);
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 120%;
}

p {
  color: var(--light-grey);
  margin-bottom: 16px;
  font-family: Raleway, sans-serif;
  font-size: 1.4vw;
  line-height: 160%;
}

a {
  color: var(--dark-grey);
  font-family: Raleway, sans-serif;
  font-size: 1.7vw;
  font-style: italic;
  line-height: 120%;
  text-decoration: underline;
}

ul {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-left: 32px;
}

li {
  padding-bottom: 8px;
  font-size: 1.4vw;
  line-height: 160%;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--light-grey);
  margin-bottom: 5px;
  font-family: Raleway, sans-serif;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 140%;
  display: block;
}

em {
  font-style: italic;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-size: 1.1vw;
  line-height: 140%;
}

.section {
  padding-top: 144px;
  padding-bottom: 144px;
}

.section.top-padding-192 {
  padding-top: 192px;
}

.section.padding-192 {
  padding-top: 192px;
  padding-bottom: 192px;
}

.section.padding-192.form-special {
  display: none;
}

.section.padding-192.mb-fix {
  padding-bottom: 100px;
}

.section.bottom-padding-192 {
  padding-bottom: 192px;
}

.section.no-bottom-padding {
  padding-bottom: 0;
}

.section.no-top-padding {
  padding-top: 0;
}

.section.padding-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.section.bg-color-2 {
  background-color: var(--dark-cream);
}

.section.bg-color-1 {
  background-color: var(--forest-green);
}

.section.bg-color-1.overlap-section-top {
  margin-top: -240px;
}

.section.bg-color-1.overlap-section-top.margin-top {
  background-color: var(--forest-green);
  padding-top: 200px;
}

.section.bg-color-1.overlap-section-top.hide {
  display: none;
}

.section.padding-50 {
  padding-bottom: 50px;
}

.section.mt-50 {
  padding-top: 60px;
}

.section.light-bg {
  background-color: #fff;
}

.section.cream-bg {
  background-color: #fafaf8;
  margin-bottom: 0;
  padding-top: 50px;
}

.section.cream-bg.mt-50 {
  padding-top: 100px;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}

.container.room-slider-section {
  overflow: hidden;
}

.container.mb-150 {
  margin-bottom: 150px;
}

.styleguide-section-wrapper {
  align-items: flex-start;
  display: flex;
}

.styleguide-title-wrapper {
  z-index: 2;
  width: 25%;
  padding-right: 32px;
  position: -webkit-sticky;
  position: sticky;
  top: 64px;
}

.styleguide-content-wrapper {
  width: 75%;
  padding-left: 8px;
}

.styleguide-content-wrapper.no-space {
  width: 100%;
  padding-left: 0;
}

.style-guide-color-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-columns: 1fr 1fr 1fr;
}

.styleguide-color {
  width: 200px;
  height: 200px;
  margin-bottom: 8px;
}

.styleguide-color.dark-cream {
  border: 1px solid var(--dark-cream);
  background-color: var(--dark-cream);
}

.styleguide-color.forest-green {
  border: 1px solid var(--forest-green);
  background-color: var(--forest-green);
}

.styleguide-color.light-grey {
  border: 1px solid var(--light-grey);
  background-color: var(--light-grey);
}

.styleguide-color.dark-grey {
  border: 1px solid var(--dark-grey);
  background-color: var(--dark-grey);
}

.styleguide-heading-wrapper {
  border-top: 1px solid var(--light-grey);
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.styleguide-heading-wrapper.last {
  border-bottom: 1px solid var(--light-grey);
}

.styleguide-heading-wrapper.last.no-border {
  border-bottom-style: none;
}

.styleguide-heading-wrapper.no-border {
  border-top-style: none;
  border-top-width: 0;
}

.styleguide-heading-content {
  width: 85%;
}

.styleguide-heading-content.no-size {
  width: 100%;
}

.styleguide-heading-label {
  width: 15%;
  padding-right: 16px;
}

.display {
  font-size: 10vw;
}

.display.light {
  font-size: 8vw;
}

.display.light.mobile {
  display: none;
}

.feature-paragraph {
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2vw;
  line-height: 140%;
}

.feature-paragraph.medium-width {
  max-width: 95vw;
  margin-left: auto;
  margin-right: auto;
}

.feature-paragraph.darker {
  color: var(--dark-grey);
  text-align: left;
  font-size: 2vw;
  font-weight: 400;
}

.small-text {
  color: var(--light-grey);
  margin-bottom: 8px;
  font-family: Raleway, sans-serif;
  font-size: 1.2vw;
  font-style: italic;
  line-height: 140%;
}

.small-text.right-arrow-text {
  width: 120px;
  transform-origin: 0 0;
  color: var(--light-cream);
  white-space: nowrap;
  position: absolute;
  top: 138px;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: rotate(-90deg);
}

.small-text.left-arrow-text {
  width: 120px;
  transform-origin: 100% 100%;
  color: var(--light-cream);
  text-align: left;
  white-space: nowrap;
  position: absolute;
  top: auto;
  bottom: 112px;
  left: auto;
  right: 0%;
  transform: rotate(-90deg);
}

.styleguide-buttons-wrapper {
  border-top: 1px solid var(--light-grey);
  padding-top: 32px;
  padding-bottom: 16px;
}

.button {
  border: 1px solid var(--dark-grey);
  background-color: var(--dark-grey);
  color: var(--light-cream);
  text-align: left;
  cursor: pointer;
  background-image: url('../images/dark_btn_arrow.svg');
  background-position: 86% 42%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-right: 25px;
  padding: 16px 85px 16px 24px;
  font-size: 1.5vw;
  transition: background-position .3s;
}

.button:hover {
  background-position: 90% 42%;
}

.button.light {
  border-color: var(--light-cream);
  background-color: var(--light-cream);
  color: var(--dark-grey);
  background-image: url('../images/light_btn_arrow.svg');
}

.button.outline {
  color: var(--dark-grey);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/light_btn_arrow.svg');
}

.button.outline.sepcial {
  margin-top: 25px;
}

.button.secondary {
  color: var(--dark-grey);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/light_btn_arrow.svg');
  border-style: none;
  padding-left: 0;
}

.button.secondary.margin-right {
  margin-right: 40px;
}

.button.mt-35 {
  margin-top: 45px;
}

.button.cta {
  margin-top: 25px;
}

.button.no-margin {
  margin-right: 0;
}

.styleguide-single-button {
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 56px;
  display: inline-block;
}

.styleguide-single-button.light {
  background-color: var(--forest-green);
  padding: 24px;
}

.button-rounded {
  width: 90px;
  height: 90px;
  border: 1px solid var(--dark-grey);
  background-color: var(--dark-grey);
  background-image: url('../images/dark_btn_arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 50%;
}

.button-rounded.light {
  border-color: var(--light-cream);
  background-color: var(--light-cream);
  background-image: url('../images/light_btn_arrow.svg');
}

.button-rounded.outline {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/light_btn_arrow.svg');
}

.hero4 {
  padding-top: 30vh;
  padding-left: 5vw;
  position: relative;
}

.hero4.special, .hero4.no-margin {
  padding-left: 0;
}

.hero1 {
  min-height: 82vh;
  position: relative;
}

.hero1-content-wrapper {
  width: 100%;
  min-height: 82vh;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.hero1-content {
  width: 100%;
  padding-left: 6vw;
  position: relative;
}

.hero1-content.remove-margin {
  padding-left: 0;
}

.light {
  color: var(--light-cream);
  font-size: 1.4vw;
}

.light.left-align {
  font-size: 2.2vw;
}

.light.small {
  font-size: 1.4vw;
}

.light.small.dark {
  color: var(--dark-grey);
}

.light.title {
  font-size: 4vw;
}

.hero-badge {
  margin-bottom: 16px;
}

.right-align {
  text-align: right;
}

.subhero-section {
  background-color: var(--dark-cream);
  padding-top: 24px;
  padding-bottom: 24px;
}

.subhero-section-custom {
  background-color: var(--dark-cream);
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 32px;
  padding-left: 32px;
}

.form-input {
  min-height: 50px;
  color: var(--dark-grey);
  letter-spacing: 10%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, 0);
  border-bottom: 2px dotted rgba(92, 90, 83, .5);
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Raleway, sans-serif;
  font-size: 1.5vw;
  font-style: italic;
  line-height: 140%;
  transition: border-color .3s;
}

.form-input:focus {
  border-bottom-color: var(--light-grey);
  color: var(--dark-grey);
}

.form-input::-ms-input-placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-input::placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-input.light {
  color: var(--light-cream);
  border-bottom-color: rgba(250, 250, 248, .6);
}

.form-input.light:focus {
  border-bottom-color: #fafaf8;
}

.form-input.light::-ms-input-placeholder {
  color: rgba(250, 250, 248, .7);
}

.form-input.light::placeholder {
  color: rgba(250, 250, 248, .7);
}

.booking-form-block {
  margin-bottom: 0;
}

.booking-form {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submit-button {
  border: 1px solid var(--dark-grey);
  background-color: var(--dark-grey);
  color: var(--light-cream);
  cursor: pointer;
  background-image: url('../images/dark_btn_arrow.svg');
  background-position: 86% 42%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 16px 96px 16px 32px;
  font-family: Raleway, sans-serif;
  font-size: 1.7vw;
  font-style: italic;
  line-height: 120%;
  transition: background-position .3s;
}

.submit-button:hover {
  background-position: 90% 42%;
}

.submit-button.light {
  border-color: var(--light-cream);
  background-color: var(--light-cream);
  color: var(--dark-grey);
  background-image: url('../images/light_btn_arrow.svg');
}

.two-column-body-grid {
  grid-column-gap: 128px;
}

.two-column-body-grid._1-row {
  grid-template-rows: auto;
}

.two-column-body-wrapper {
  padding-bottom: 96px;
  padding-left: 10vw;
  padding-right: 10vw;
}

.two-column-body-wrapper.special-margin {
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
}

.heading-wrapper {
  padding-bottom: 96px;
}

.heading-wrapper.inner-spacing {
  padding-bottom: 45px;
  padding-left: 5vw;
}

.heading-wrapper.inner-spacing.no-margin {
  padding-left: 0;
}

.heading-wrapper.centered {
  text-align: center;
}

.heading-wrapper.width-small.centered {
  margin-left: auto;
  margin-right: auto;
}

.heading-wrapper.mt-100 {
  margin-top: 100px;
  padding-bottom: 0;
}

.heading-wrapper.no-margin {
  padding-bottom: 0;
}

.overlap-image-wrapper {
  height: 70vh;
  overflow: hidden;
}

.overlap-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div-block {
  padding-bottom: 40px;
  padding-left: 0;
}

.divider._288px {
  height: 288px;
}

.divider._144px {
  height: 144px;
}

.divider._96px {
  height: 96px;
}

.home-room-slider-wrapper {
  overflow: hidden;
}

.grid-layout-content-wrapper.left-padding20 {
  padding-left: 20vw;
}

.card-image-wapper {
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.card-image-wapper.large-height {
  height: 70vh;
}

.card-content-wrapper {
  padding-top: 24px;
}

.split-section-wrapper {
  grid-template-rows: auto;
  display: flex;
}

.testimonial-wrapper {
  flex-direction: column;
  align-items: flex-end;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.testimonial-content {
  margin-bottom: 40px;
}

.testimonial-profile {
  align-items: center;
  display: flex;
}

.testimonial-profile-image-wrapper {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin-right: 16px;
  overflow: hidden;
}

.paragraph-width-medium {
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-width-medium.left-align {
  margin-left: 0;
}

.full-frame-image-wrapper {
  height: 100vh;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 3vw;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  overflow: hidden;
}

.full-frame-image-wrapper.homepage {
  height: 50vh;
  background-image: url('../images/homepage-header.webp');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-wrap: nowrap;
  overflow: hidden;
}

.full-frame-image-wrapper.gastronomy {
  background-image: url('../images/restaurant_outdoorArea.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.experiences {
  background-image: url('../images/beachSurfing.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.hotel {
  background-image: url('../images/girl-surfboard.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.contact {
  background-image: url('../images/streetsOfMexico.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.contact.small-height {
  background-image: url('../images/IMG_7857.jpg');
}

.full-frame-image-wrapper.eco-friendly {
  background-image: url('../images/2_2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.eco-friendly.short-height {
  height: 50vh;
  background-image: url('../images/bab-ourika-bd-74.jpg');
}

.full-frame-image-wrapper.design {
  background-image: url('../images/1_4.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.design.height-config {
  height: 50vh;
}

.full-frame-image-wrapper.food-and-drinks {
  background-image: url('../images/restaurant_outdoorArea.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.food-and-drinks.small-height {
  background-image: url('../images/header.jpg');
}

.full-frame-image-wrapper.philosophy {
  background-image: url('../images/restaurant_outdoorArea.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.full-frame-image-wrapper.philosophy.small-height {
  background-image: url('../images/main-philosphy.webp');
}

.grid-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.grid-list-item-wrapper {
  border-top: 1px solid var(--light-grey);
  padding-top: 32px;
  padding-bottom: 32px;
  font-style: normal;
  text-decoration: none;
  display: flex;
}

.grid-list-item-wrapper.last {
  border-bottom: 1px solid var(--light-grey);
}

.grid-list-item-image-wrapper {
  width: 25%;
  overflow: hidden;
}

.grid-list-item-content-wrapper {
  width: 60%;
  padding-left: 10%;
}

.grid-list-item-number-wrapper {
  width: 15%;
  position: relative;
}

.grid-list-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta-1-grid {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template: ". . . Area-2 Area-2 . . . . . Area-4 Area-4" minmax(auto, 1fr)
                 "Area Area . . . . Area-3 Area-3 Area-3 . Area-4 Area-4" minmax(auto, 1fr)
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.cta-wrapper {
  position: relative;
}

.cta-area-1, .cta-area-2, .cta-area-3, .cta-area-4 {
  overflow: hidden;
}

.cta-1-link-block {
  justify-content: center;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta-1-arrow {
  margin-left: 32px;
}

.footer-wrapper {
  border-top: 1px solid var(--light-grey);
  padding-top: 56px;
  padding-bottom: 16px;
}

.footer-top-row {
  padding-bottom: 96px;
  display: flex;
}

.footer-top-row._4-cols {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-bottom-row {
  justify-content: space-between;
  display: flex;
}

.footer-menu {
  width: 100%;
}

.footer-contact {
  width: 35%;
}

.footer-logo {
  width: 95%;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 5%;
  display: flex;
}

.footer-link {
  margin-bottom: 8px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.8vw;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
  display: block;
}

.footer-link:hover {
  color: rgba(131, 138, 123, .7);
}

.footer-contact-link {
  align-items: center;
  margin-top: 8px;
  margin-bottom: 12px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.8vw;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.footer-contact-link:hover {
  color: rgba(131, 138, 123, .7);
}

.footer-contact-icon {
  margin-right: 16px;
  padding-top: 0;
}

.footer-bottom-links {
  font-style: italic;
}

.footer-secondary-link {
  margin-right: 32px;
  font-size: 1.2vw;
  font-style: italic;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
}

.footer-secondary-link:hover {
  color: rgba(131, 138, 123, .7);
}

.footer-secondary-link.remove-margin {
  margin-right: 0;
}

.footer-social-links.mt-25 {
  margin-top: 35px;
}

.footer-logo-link {
  width: 240px;
  margin-bottom: 24px;
}

.footer-logo-link.w--current {
  width: 225px;
}

.footer-social-link {
  width: 40px;
  margin-right: 25px;
}

.hero2 {
  min-height: 82vh;
  background-color: var(--forest-green);
  flex-direction: column;
  display: flex;
}

.hero2-image-wrapper {
  width: 70%;
  height: 85%;
  position: absolute;
  top: 10%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.hero-content {
  width: 100%;
  padding-bottom: 15vh;
  padding-left: 0;
  padding-right: 8vw;
  position: relative;
}

.hero-content.small-margin {
  padding-bottom: 2vh;
}

.hero2-content-wrapper {
  width: 100%;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.hero2-image-overlay {
  background-image: linear-gradient(87deg, rgba(37, 30, 22, .45), rgba(56, 44, 32, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.room-type-wrapper {
  padding-bottom: 196px;
  display: flex;
}

.room-type-wrapper:nth-child(2n) {
  flex-direction: row-reverse;
}

.room-type-image-wrapper {
  width: 50%;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.room-type-image-wrapper.large-height.right-padding {
  height: 80vh;
}

.room-type-image-wrapper._100 {
  width: 100%;
}

.room-type-content-wrapper {
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.room-type-content-wrapper.right-padding {
  justify-content: space-around;
}

.room-amenity-wrapper {
  border-right: 1px solid #bdbdbd;
  justify-content: center;
  align-items: center;
  display: flex;
}

.room-amenity-wrapper.mr-15 {
  margin-right: 25px;
}

.room-amenity-icon {
  width: 40px;
  margin-right: 8px;
}

.collection-item {
  padding-left: 0;
  padding-right: 0;
}

.room-amenity-section {
  border-top: 1px solid var(--light-grey);
  margin-top: 35px;
  padding-top: 25px;
  display: block;
}

.room-amenity-section._100 {
  width: 100%;
}

.right-padding {
  padding-right: 5vw;
}

.left-padding {
  padding-left: 5vw;
}

.room-type-btn-wrapper {
  justify-content: flex-start;
  margin-top: 45px;
  display: flex;
}

.full-frame-slider-wrapper {
  overflow: hidden;
}

.full-frame-slider {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.left-arrow {
  width: 20vw;
  height: 90vh;
  align-items: center;
  padding-left: 1vw;
  display: flex;
}

.right-arrow {
  width: 20vw;
  height: 90vh;
  justify-content: flex-end;
  align-items: center;
  padding-right: 1vw;
  display: flex;
}

.full-frame-single-slide-wrapper {
  width: 100%;
  height: 100%;
}

.full-frame-single-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-nav {
  max-width: 1440px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}

.slider-mask {
  padding-bottom: 50px;
}

.cta-2-link-block {
  justify-content: center;
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta-2-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "." minmax(auto, 1fr)
                 "." minmax(auto, 1fr)
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.centered-paragraph {
  text-align: center;
  padding-top: 96px;
}

.hero3 {
  width: 100%;
  min-height: 82vh;
  align-items: flex-end;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.footer-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
}

.banner {
  height: 50px;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.subtitle {
  color: var(--light-grey);
  margin-bottom: 8px;
  font-family: Raleway, sans-serif;
  font-size: 1.7vw;
  line-height: 140%;
}

.subtitle.light {
  color: var(--light-cream);
}

.italics {
  font-style: italic;
}

.italics.green {
  color: #828b7b;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 1.2vw;
  font-style: italic;
  line-height: 160%;
}

.italics.no-margin-added {
  margin-bottom: 0;
}

.banner-collection-list {
  justify-content: space-around;
  display: flex;
}

.banner-collection-item {
  text-align: center;
  border-right: 1px solid #bdbdbd;
  flex: 1;
  padding-top: 0;
  padding-bottom: 0;
}

.banner-title {
  min-width: 225px;
  border-right: 1px solid #bdbdbd;
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 56px;
}

.home-room-slider {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.home-room-mask {
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.home-room-single-slide {
  padding-left: 5vw;
  padding-right: 5vw;
}

.room-slider-collection-item {
  height: 100%;
}

.room-slide-wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  font-style: normal;
  text-decoration: none;
  display: flex;
}

.room-slide-image-wrapper {
  height: 70vh;
  transform-origin: 50% 100%;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.room-slide-content-wrapper {
  padding-top: 32px;
  display: flex;
}

.hide {
  display: none;
}

.room-slide-title {
  width: 40%;
  padding-right: 16px;
}

.room-slide-description {
  width: 60%;
  padding-left: 16px;
}

.room-slide-image {
  width: 100%;
  height: 100%;
  transform-origin: 50% 100%;
  object-fit: cover;
}

.room-slider-collection-list-wrapper, .room-slider-collection-list {
  height: 100%;
}

.room-slide-image-container {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hero-arrow {
  position: absolute;
  top: auto;
  bottom: -64px;
  left: auto;
  right: 0%;
}

.mobile-only {
  display: none;
}

.room-slider-right-arrow {
  z-index: 2;
  width: 10vw;
  padding-top: 10vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.room-slider-left-arrow {
  z-index: 2;
  width: 10vw;
  padding-top: 75vh;
}

.grid-halves {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

.grid-halves.rooms {
  grid-template-columns: 1.25fr 1.25fr;
}

.main-content {
  border-right: 1px solid var(--light-grey);
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 5vw;
}

.main-content.no-margin {
  border-right-style: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.secondary-content {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 5vw;
}

.secondary-content.no-margin {
  max-width: 100%;
  padding-left: 0;
}

.width-small {
  max-width: 40vw;
}

.room-flex-thirds {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.room-item {
  width: 32%;
  margin-right: 0;
}

.room-item._100 {
  width: 100%;
}

.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 0;
}

.grid-layout {
  grid-template-rows: auto;
  display: flex;
}

.grid-layout-section-content {
  width: 50%;
}

.grid-layout-section-content.space-between {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.grid-split-section {
  grid-row-gap: 144px;
  grid-template-rows: auto;
}

.grid-split-section._2row {
  grid-row-gap: 96px;
  grid-template-rows: auto auto;
}

.grid-split-section._3row {
  grid-row-gap: 144px;
  grid-template-rows: auto auto auto;
}

.image-container {
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.content-container {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.medium-height {
  height: 70vh;
}

.small-height {
  height: 50vh;
}

.split-section {
  width: 50%;
}

.split-section.padding-top {
  padding-top: 48px;
}

.main-content-wrapper.mt-25 {
  margin-top: 25px;
}

.main-content-wrapper.mt-25.mr-50 {
  margin-right: 50px;
}

.btn-wrapper {
  margin-top: 64px;
  display: block;
}

.btn-wrapper.no-margin {
  margin-top: 0;
}

.btn-wrapper.mt-35 {
  margin-top: 25px;
}

.cta-3-grid {
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 . Area Area Area Area" minmax(auto, 1fr)
                 "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-left: 5vw;
  padding-right: 5vw;
}

.newsletter-form {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.newsletter-input {
  width: 30%;
}

.large-height {
  height: 75vh;
}

.full-frame-video {
  height: 100%;
}

.booking-input {
  width: 15%;
}

.cta-4-grid {
  grid-column-gap: 16px;
  grid-row-gap: 56px;
  grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, 1fr)
                 "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-left: 5vw;
  padding-right: 5vw;
}

.cta-4-grid.no-margin {
  padding-left: 0;
  padding-right: 0;
}

.extra-small-height {
  height: 35vh;
}

.right-padding10 {
  padding-right: 10vw;
}

.hero-paragraph {
  padding-left: 15vw;
  padding-right: 5vw;
}

.hero-paragraph.no-margin {
  padding-left: 0;
}

.hero-image-overlay {
  background-color: rgba(56, 44, 32, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.hero-image-overlay-soft {
  background-color: rgb(56 44 32 / 35%);;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-image-overlay.darker {
  background-color: rgba(27, 25, 23, .6);
}

.hero-image-wrapper {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.hero-content-wrapper {
  width: 100%;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.grid-layout-2 {
  flex-wrap: wrap;
  grid-template-rows: auto;
  display: flex;
}

.grid-layout-2-section-center {
  width: 100%;
  padding-left: 20vw;
  padding-right: 20vw;
}

.grid-layout-2-section-left {
  width: 40%;
}

.grid-layout-2-section-right {
  width: 60%;
}

.hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-input {
  text-align: left;
  margin-bottom: 40px;
}

.contact-input.line-1, .contact-input.line-2 {
  width: 100%;
}

.form-message {
  color: var(--dark-grey);
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, 0);
  border-bottom: 2px dotted rgba(92, 90, 83, .5);
  padding-left: 0;
  font-size: 1.5vw;
  font-style: italic;
  line-height: 140%;
  transition: border-color .3s;
}

.form-message:focus {
  border-bottom-color: var(--light-grey);
}

.form-message::-ms-input-placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-message::placeholder {
  color: rgba(60, 58, 52, .6);
}

.contact-info {
  margin-top: 40px;
}

.contact-link {
  align-items: center;
  margin-bottom: 24px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.2vw;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.contact-link:hover {
  color: rgba(131, 138, 123, .7);
}

.maps-wrapper {
  height: 75vh;
  overflow: hidden;
}

.map {
  height: 100%;
}

.tab-link {
  background-color: rgba(0, 0, 0, 0);
  margin-right: 56px;
  padding-left: 0;
  padding-right: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.2vw;
  font-style: normal;
  line-height: 140%;
}

.tab-link.w--current {
  border-bottom: 1px solid var(--light-grey);
  background-color: rgba(0, 0, 0, 0);
}

.tab-pane {
  padding-top: 64px;
}

.hero1-arrow {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.nav-link {
  padding-top: 1vh;
  padding-bottom: 1vh;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 4.5vw;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
}

.nav-link.w--current {
  color: var(--forest-green);
}

.nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5 {
  font-size: 4vw;
}

.navigation-bar {
  z-index: 99;
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 0 solid rgba(0, 0, 0, .08);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 5vw;
  display: flex;
  position: relative;
}

.navigation-bar.dark {
  height: 80px;
  background-color: var(--light-cream);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
}

.navigation-bar.dark.line {
  height: 80px;
  border-bottom: 0 solid rgba(0, 0, 0, .1);
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-logo {
  z-index: 99;
  width: 180px;
  align-self: center;
  padding-left: 0;
  position: relative;
}

.nav-logo.w--current {
  width: 180px;
  margin-bottom: 0;
}

.nav-buttons {
  z-index: 99;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.book-button {
  margin-right: 15px;
  padding: 16px;
}

.menu-button {
  cursor: pointer;
  align-self: center;
  align-items: center;
  padding: 0 0 0 16px;
  font-size: 1.4vw;
  text-decoration: none;
  display: flex;
}

.menu-button.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.nav-links-container {
  z-index: 98;
  min-height: 100vh;
  background-color: var(--dark-cream);
  flex-direction: column;
  justify-content: space-between;
  padding-top: 60px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.nav-links-container.dark, .nav-links-container.light {
  display: none;
}

.nav-primary-wrapper {
  flex: 1;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.nav-primary-wrapper.new-margin {
  padding-left: 0;
}

.nav-secondary-wrapper {
  border-top: 1px solid var(--light-grey);
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.nav-social-wrapper {
  align-items: center;
  display: flex;
}

.nav-social-link {
  width: 32px;
  margin-right: 32px;
}

.nav-social-link.first {
  margin-left: 56px;
}

.nav-social-link.first.no-margin, .nav-social-link.last {
  margin-right: 0;
}

.nav-secondary-link {
  margin-bottom: 8px;
  margin-right: 25px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.2vw;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
}

.nav-secondary-link:hover {
  color: rgba(131, 138, 123, .7);
}

.nav-secondary-link.first {
  margin-right: 56px;
}

.nav-secondary-link.last {
  margin-right: 0;
}

.nav-primary-links-wrapper {
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 5vw;
  display: flex;
}

.nav-image-wrapper {
  width: 50%;
  align-items: center;
  display: flex;
}

.nav-image-wrapper.medium-height {
  position: relative;
  overflow: hidden;
}

.main-nav-image {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.secondary-nav-image {
  align-self: center;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.secondary-nav-image._1, .secondary-nav-image._2, .secondary-nav-image._3, .secondary-nav-image._4, .secondary-nav-image._5 {
  display: none;
}

.lottie-btn {
  width: 40px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-top: 4px;
}

.text-categories {
  margin-bottom: 0;
  font-size: 1.1vw;
  line-height: 140%;
}

.nav-container {
  width: 100%;
  max-width: 100%;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.navigation-bar-dark {
  z-index: 99;
  width: 100%;
  height: 60px;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.btn-explore {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.arrow-img {
  width: 90px;
}

.cta-grid-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-arrow-image {
  width: 90px;
  height: 90px;
}

.room-subhero-section {
  background-color: var(--dark-cream);
  padding-top: 24px;
  padding-bottom: 24px;
}

.rooms-collection-list-wrapper {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}

.rooms-collection-list-wrapper.one-line {
  padding-left: 0;
  padding-right: 0;
}

.collection-image-wrapper {
  height: 70vh;
  margin-bottom: 16px;
  overflow: hidden;
}

.collection-image-wrapper.new-size {
  height: auto;
  margin-bottom: 25px;
  position: relative;
}

.booking-wrapper {
  z-index: 9999;
  width: 100%;
  background-color: var(--dark-cream);
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.booking-content {
  align-items: center;
  display: flex;
  position: relative;
}

.boking-image-wrapper {
  width: 45%;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.booking-form-wrapper {
  width: 55%;
}

.main-booking-form-block {
  margin-bottom: 0;
}

.main-booking-form {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-booking-input {
  width: 30%;
  margin-bottom: 64px;
}

.booking-close-btn {
  height: 60px;
  align-items: center;
  margin-right: 80px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 5vw;
}

.room-slider-next {
  width: 10vw;
  height: 45.5vh;
  padding-top: 10vh;
  position: absolute;
  top: 24.5vh;
  bottom: auto;
  left: auto;
  right: 0%;
}

.room-slider-previous {
  width: 10vw;
  height: 45.5vh;
  padding-top: 10vh;
  position: absolute;
  top: 24.5vh;
  bottom: auto;
  left: 0%;
  right: auto;
}

.collection-list-wrapper {
  flex: 1;
}

.collection-list-wrapper.hidden {
  display: none;
}

.room-link-block {
  width: 100%;
  font-size: 16px;
  text-decoration: none;
}

.collection-content-wrapper {
  align-items: center;
  padding-top: 8px;
  padding-bottom: 0;
  display: flex;
}

.collection-content-wrapper.split-content {
  padding-top: 0;
  display: block;
}

.collection-arrow-img {
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
}

.banner-collection-list-wrapper {
  flex: 1;
}

.raleway {
  font-family: Raleway, sans-serif;
}

.styleguide-icons-content {
  width: 85%;
  justify-content: space-between;
  display: flex;
}

.icon {
  width: 48px;
  height: 48px;
}

.grid-arrow {
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.lottie-mobile {
  width: 40px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-top: 4px;
  display: none;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: var(--dark-cream);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page-content {
  width: 50%;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.nav-link-light {
  color: var(--light-cream);
  font-size: 1.4vw;
  text-decoration: none;
}

._404-grid {
  max-width: 100%;
  min-height: 100vh;
  grid-row-gap: 64px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1.25fr 1fr;
  padding: 15vh 5vw 5vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

._404-grid-1 {
  overflow: hidden;
}

._404-grid-2 {
  padding-right: 10vw;
}

._404-grid-4 {
  overflow: hidden;
}

._404-grid-3 {
  padding-left: 10vw;
}

._404-grid-image {
  width: 100%;
  height: 100%;
  opacity: .6;
  object-fit: cover;
}

.navigation-dark {
  z-index: 998;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navigation-light {
  z-index: 1001;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-link-dark {
  font-size: 1.4vw;
  text-decoration: none;
}

.testimonial-section {
  padding-top: 144px;
  padding-bottom: 144px;
  display: none;
}

.hero-bg-image {
  background-image: url('../images/newphoto.webp');
  background-position: 50% 68%;
  background-size: cover;
  background-attachment: scroll;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-bg-image.rooms {
  background-image: url('../images/image-1.webp');
}

.hero-bg-image.casa-pimenta {
  background-image: url('../images/1_2.webp');
}

.hero-bg-image.dar-faracha {
  background-image: url('../images/_DSC0379.webp');
}

.hero-bg-image.pools {
  background-image: url('../images/image-2.webp');
}

.hero-bg-image.minttealovers {
  background-image: url('../images/home-7.jpg');
}

.hero-bg-image.dar-faracha-2 {
  background-image: url('../images/Main.webp');
}

.hero-bg-overlay {
  background-image: linear-gradient(359deg, rgba(56, 44, 32, 0), rgba(56, 44, 32, .7));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.card-image-wapper-fixed {
  overflow: hidden;
}

.card-image-wapper-fixed.extra-large-height {
  height: 90vh;
}

.card-image-fixed {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.loader {
  z-index: 9999;
  background-color: var(--dark-cream);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.loader-logo-wrapper {
  width: 100%;
  max-width: 300px;
  text-align: center;
}

.loader-line {
  height: 1px;
  background-color: var(--light-grey);
  transform-origin: 50% 100%;
  margin-top: 32px;
}

.full-frame-video-wrapper {
  height: 100vh;
  justify-content: flex-start;
  align-items: flex-end;
  overflow: hidden;
}

.close-icon {
  margin-left: 8px;
}

.popup {
  z-index: 9998;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-info {
  width: 60vw;
  background-color: var(--light-cream);
  align-items: center;
  display: none;
  position: relative;
}

.popup-overlay {
  background-color: rgba(60, 58, 52, .75);
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup-image-wrapper {
  width: 45%;
  align-self: stretch;
}

.popup-content-wrapper {
  width: 55%;
  padding: 64px 32px;
}

.popup-close-btn {
  height: 60px;
  align-items: center;
  margin-right: 24px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.popup-close-icon {
  margin-left: 8px;
}

.hero-bg-wrapper {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.hero-content-centered {
  text-align: center;
  padding-top: 30vh;
  padding-left: 5vw;
  padding-right: 5vw;
  position: relative;
}

.blog-post {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.blog-post img {
  margin-top: 56px;
  margin-bottom: 56px;
}

.blog-collection-list-wrapper {
  width: 100%;
}

.blog-flex-thirds {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.blog-item {
  width: 32%;
}

.collection-link-block {
  width: 100%;
  cursor: pointer;
  text-decoration: none;
}

.blog-list-item {
  flex-wrap: wrap;
  margin-bottom: 144px;
  display: flex;
}

.blog-list-item:nth-child(2n) {
  flex-direction: row-reverse;
}

.blog-list-item:last-child {
  margin-bottom: 0;
}

.blog-image-container {
  width: 50%;
  align-items: flex-end;
  display: flex;
  overflow: hidden;
}

.blog-content-container {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.filter-section {
  background-color: var(--dark-cream);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.filter-link {
  margin-bottom: 8px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 2.2vw;
  font-style: normal;
  line-height: 140%;
  text-decoration: none;
  transition: color .3s;
  display: block;
}

.filter-link:hover {
  color: rgba(131, 138, 123, .7);
}

.filter-link.w--current {
  color: rgba(60, 58, 52, .7);
}

.filter-collection-item {
  text-align: center;
  padding: 16px 32px 8px;
}

.filter-collection-list {
  justify-content: flex-start;
  display: flex;
}

.filter-collection-list-wrapper {
  flex: 1;
}

.filter-wrapper {
  padding: 16px 32px 8px;
}

.filter-banner {
  justify-content: flex-start;
  align-items: center;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
}

.fab-button {
  z-index: 5;
  position: fixed;
  top: auto;
  bottom: 2vw;
  left: auto;
  right: 2vw;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.mansonary-grid {
  height: auto;
  column-count: 4;
  column-gap: 26px;
  display: block;
  overflow: hidden;
}

.mansonary-grid._3-lines {
  column-count: 3;
}

.image-mansonary {
  width: 100%;
  height: auto;
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/1.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-bottom: 0;
  position: static;
}

.content-grid {
  margin-bottom: 26px;
  position: relative;
}

.form-input-2 {
  color: #3c3a34;
  letter-spacing: 10%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, 0);
  border-bottom: 2px dotted rgba(92, 90, 83, .5);
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Raleway, sans-serif;
  font-size: 1.5vw;
  font-style: italic;
  line-height: 140%;
  transition: border-color .3s;
}

.form-input-2:focus {
  color: #3c3a34;
  border-bottom-color: #5c5a53;
}

.form-input-2::-ms-input-placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-input-2::placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-input-3 {
  color: #3c3a34;
  letter-spacing: 10%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, 0);
  border-bottom: 2px dotted rgba(92, 90, 83, .5);
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Raleway, sans-serif;
  font-size: 1.5vw;
  font-style: italic;
  line-height: 140%;
  transition: border-color .3s;
}

.form-input-3:focus {
  color: #3c3a34;
  border-bottom-color: #5c5a53;
}

.form-input-3::-ms-input-placeholder {
  color: rgba(60, 58, 52, .6);
}

.form-input-3::placeholder {
  color: rgba(60, 58, 52, .6);
}

.heading {
  z-index: 1;
  position: absolute;
}

.heading-3 {
  z-index: 1;
  font-size: 4vw;
  position: static;
}

.heading-3.small {
  color: #fff;
  margin-bottom: 0;
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-area {
  z-index: 2;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(25, 25, 25, .2) 22%, rgba(43, 43, 43, .5) 66%, rgba(43, 43, 43, .6));
  margin-bottom: 0;
  padding: 40px 20px 20px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.paragraph {
  font-style: italic;
}

.paragraph.white {
  color: var(--dark-cream);
  margin-bottom: 0;
}

.paragraph.white.small {
  margin-top: 8px;
  font-size: 1.1vw;
  font-style: normal;
}

.paragraph.small {
  font-size: 1.3vw;
}

.paragraph.footer {
  font-size: 1.4vw;
}

.image-area {
  z-index: 1;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.icon-light {
  color: #fff;
}

.rooms-button {
  margin-right: 5px;
  padding: 16px;
}

.nav-link-light-2 {
  color: #fafaf8;
  font-size: 1.4vw;
  text-decoration: none;
}

.icon-dark {
  color: #131313;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.bold-text {
  color: rgba(92, 90, 83, .65);
}

.heading-4 {
  font-size: 3.2vw;
}

.heading-1 {
  color: var(--light-cream);
  font-size: 6.5vw;
}

.heading-1.special {
  font-size: 2.8vw;
  line-height: 125%;
}

.heading-1.special.black, .heading-1.dark {
  color: var(--dark-grey);
}

.heading-1.small {
  font-size: 5vw;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-35 {
  margin-bottom: 35px;
}

.grid-2, .grid-values {
  grid-column-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-values.mb-100 {
  margin-bottom: 100px;
}

.grid-values.mb-100._2-lines {
  grid-row-gap: 78px;
  grid-template-columns: 1fr 1fr;
}

.grid-2-colums {
  grid-template-rows: auto;
  margin-bottom: 24px;
}

.grid-3-lines {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.link-block {
  width: 100%;
}

.link-block-rooms {
  width: 22%;
  text-align: left;
  align-self: center;
  text-decoration: none;
}

.link-block-rooms:hover {
  background-color: #ddd7ca;
}

.link-block-2, .link-block-3 {
  display: block;
}

.paragraph-rooms {
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
}

.gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.gallery-arrow-wrapper {
  width: 100%;
  max-width: 88px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.gallery-slider {
  height: 468px;
  max-width: none;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 170px;
  margin-left: -32px;
  margin-right: -32px;
  display: flex;
  position: relative;
  left: 0;
}

.page-padding {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.gallery_component {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.gallery-image-wrapper {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
  position: relative;
  overflow: hidden;
}

.gallery-slide-wrapper {
  height: 468px;
}

.gallery-slide-image {
  border-radius: 0;
  transition: all .5s;
  position: relative;
  transform: translate(0);
  box-shadow: 17px 17px 80px rgba(249, 249, 249, .85);
}

.gallery-slide {
  min-height: 468px;
  min-width: 286px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}

.text-color-white {
  color: #fff;
}

.section-kayak-trips-template_gallery {
  height: 100vh;
  background-color: rgba(249, 249, 249, .85);
  overflow: hidden;
}

.c-move-to-bottom {
  transform: translate(0, 50px);
}

.gallery-left-arrow {
  width: 50px;
  height: 50px;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
}

.gallery-left-arrow:hover {
  background-color: var(--dark-cream);
}

.gallery-left-arrow.gallery-right-arrow {
  width: 50px;
  height: 50px;
  border-radius: 0%;
  transform: rotate(180deg);
}

.gallery-image-hover-effect {
  opacity: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, .2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery-image-hover-effect:hover {
  opacity: 1;
}

.heading-2 {
  font-size: 4.4vw;
}

.heading-2.mb-35 {
  margin-bottom: 50px;
}

.heading-2.small-title {
  align-self: auto;
  margin-bottom: 0;
  font-size: 2.4vw;
}

.link-card {
  text-decoration: none;
}

.grid-3 {
  grid-column-gap: 33px;
  grid-row-gap: 34px;
  grid-template-columns: 1fr 1fr 1fr;
}

.block-press {
  margin-bottom: 35px;
}

.paragraph-small {
  text-align: left;
  font-size: .9em;
}

.image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image.press {
  max-height: 55px;
  margin-bottom: 35px;
  margin-left: 0;
  margin-right: 0;
}

.collection-list-wrapper-special {
  display: inline-block;
}

.grid-2-col {
  grid-column-gap: 35px;
  grid-template-rows: auto;
  margin-bottom: 0;
}

.grid-2-col.mb-50 {
  margin-bottom: 50px;
}

.grid-full-contact {
  background-color: var(--dark-cream);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding: 100px;
}

.heading-wrapper-mb-changes {
  padding-bottom: 55px;
}

.heading-wrapper-mb-changes.inner-spacing {
  padding-bottom: 45px;
  padding-left: 5vw;
}

.heading-wrapper-mb-changes.centered {
  text-align: center;
}

.heading-wrapper-mb-changes.width-small.centered {
  margin-left: auto;
  margin-right: auto;
}

.heading-wrapper-mb-changes.mt-100 {
  margin-top: 100px;
  padding-bottom: 0;
}

.heading-wrapper-mb-changes.no-margin {
  padding-bottom: 25px;
}

.grid-values-types {
  grid-column-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-values-types.mb-100 {
  grid-column-gap: 35px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.grid-values-types.mb-100._2-lines {
  grid-row-gap: 78px;
  grid-template-columns: 1fr 1fr;
}

.heading-5 {
  font-size: 2.8vw;
  font-weight: 400;
}

.mb-100 {
  margin-bottom: 100px;
}

.gallery__component {
  position: relative;
}

.gallery__button-text {
  letter-spacing: 0;
  text-transform: none;
}

.text-size-medium {
  font-size: 1.125rem;
}

.gallery__button {
  z-index: 5;
  text-decoration: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.gallery-popup__image {
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery-popup__image-overlay {
  z-index: 3;
  opacity: 0;
  background-image: linear-gradient(rgba(23, 32, 44, .5), rgba(23, 32, 44, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.gallery-popup__image-overlay.is-rounded-1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.gallery-popup__image-overlay.is-rounded-2 {
  border-top-right-radius: 8px;
}

.gallery-popup__image-overlay.is-rounded-3 {
  border-bottom-right-radius: 8px;
}

.icon-embed-xsmall {
  width: 1.5rem;
  height: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery__image.is-rounded-2 {
  border-top-right-radius: 8px;
}

.gallery__image.is-rounded-1 {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: absolute;
}

.gallery__image.is-rounded-3 {
  border-bottom-right-radius: 8px;
}

.gallery__image.is-corner-nook {
  object-position: 35% 50%;
}

.gallery__image.main {
  width: 50%;
  max-width: 50%;
}

.gallery__image.auto {
  height: 100%;
  max-height: 640px;
  object-fit: cover;
}

.container-2 {
  width: 100%;
  max-width: 1120px;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.subheader {
  color: #9b7f6a;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 600;
}

.row {
  flex-wrap: wrap;
  align-content: stretch;
  margin-left: -.75rem;
  margin-right: -.75rem;
  display: flex;
}

.row.inner {
  margin-top: 1.5rem;
}

.row.inner.no-margin {
  margin-top: 0;
}

.gallery-popup__image-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 50%;
  position: relative;
}

.container__8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-direction: column;
  display: flex;
  position: relative;
}

.container__text {
  display: flex;
}

.container__text.is-property-header {
  width: 100%;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
}

.subheader_line {
  height: 3px;
  background-color: #9b7f6a;
  padding-bottom: 0;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: -50%;
  right: 0%;
}

.button-2 {
  color: #f7f4f3;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #9b7f6a;
  border-radius: .25rem;
  padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}

.button-2.is-gallery {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #17202c;
  background-color: #f7f4f3;
  border-radius: 5px;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: .5rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.button-2.is-gallery:hover {
  background-color: #e2e8f0;
}

.subheader__wrapper {
  padding-bottom: .5em;
  position: relative;
}

.col {
  flex: 1;
  padding-left: .75rem;
  padding-right: .75rem;
}

.col.col-lg-12 {
  max-width: 100%;
  flex: 100%;
}

.col.col-lg-7 {
  max-width: 58.33%;
}

.col.col-lg-4 {
  max-width: 33.333%;
  flex: 33.333%;
}

.col.col-lg-4.col-md-6.col-sm-12 {
  max-width: 50%;
}

.col.col-lg-5 {
  max-width: 41.6667%;
  flex: 0 41.6667%;
}

.is-h3 {
  color: #17202c;
  font-size: 3.052em;
  font-weight: 500;
  line-height: 1.2;
}

.link-block__share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  background-color: #f7f4f3;
  border-radius: 4px;
  padding: .5rem .75rem;
  font-weight: 500;
  transition: background-color .35s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-block__share:hover {
  background-color: #e2e8f0;
}

.hide-this {
  display: block;
}

.hide-this.now {
  display: none;
}

.global-styles {
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.gallery-popup__back-button {
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.gallery-popup__back-button:hover {
  background-color: #e2e8f0;
}

.gallery-popup {
  z-index: 1200;
  width: 100%;
  height: auto;
  object-fit: none;
  background-color: #f7f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.gallery-popup__header {
  z-index: 101;
  width: 100%;
  height: auto;
  min-height: 60px;
  background-color: #f7f4f3;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.main-wrapper-2 {
  position: relative;
}

.gallery-popup__content {
  width: 100%;
  height: auto;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding: 6rem 5vw;
  display: grid;
  position: relative;
}

.section-2 {
  padding: 6rem 5.5rem;
  position: relative;
}

.page-wrapper {
  position: relative;
}

.gallery-popup-room {
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery-popup_img-overlay {
  z-index: 3;
  opacity: 0;
  background-image: linear-gradient(rgba(23, 32, 44, .5), rgba(23, 32, 44, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.gallery-popup_img-overlay.is-rounded-1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.gallery-popup_img-overlay.is-rounded-2 {
  border-top-right-radius: 8px;
}

.gallery-popup_img-overlay.is-rounded-3 {
  border-bottom-right-radius: 8px;
}

.gallery_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.gallery_image.is-rounded-2 {
  border-top-right-radius: 8px;
}

.gallery_image.is-rounded-1 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.gallery_image.is-rounded-3 {
  border-bottom-right-radius: 8px;
}

.gallery_image.is-corner-nook {
  object-position: 35% 50%;
}

.gallery-popup_image-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 50%;
  position: relative;
}

.gallery_component_rooms {
  position: relative;
}

.collection-list-wrapper-2 {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.collection-list {
  width: 100%;
  height: 30rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.collection-item-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.collection-list-wrapper-3 {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-2 {
  width: 30rem;
  height: 30rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery-2-cols {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.image-gallery {
  height: 120px;
}

.gallery_component_main {
  margin-top: 100px;
  position: relative;
}

.gallery-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 50%;
  position: relative;
}

.gallery-wrapper.portraiit {
  min-height: 310px;
}

.gallery-wrapper.portrait-small {
  min-height: 180px;
}

.gallery-wrapper.portrait-small.hidden {
  display: none;
}

.grid-gallery {
  width: 100%;
}

.grid-4 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  position: static;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-3.grid {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.collection-list-3._3lines {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-photo-gallery {
  grid-template-rows: auto;
  position: static;
}

.cta-black {
  z-index: 2;
  width: auto;
  height: auto;
  min-width: 0;
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.content-grid-event {
  position: relative;
}

.text-white {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Raleway, sans-serif;
  font-size: 1.2vw;
}

.img-seemore {
  width: 150px;
}

.div-block-3 {
  align-items: center;
  display: flex;
}

.div-block-3.hide {
  display: none;
}

.seemore {
  text-align: left;
  margin-bottom: 0;
  font-size: 1.2em;
}

.heading-6 {
  font-size: 2.2vw;
  font-style: normal;
}

.paragraph-4 {
  font-style: normal;
}

.grid-rooms {
  grid-column-gap: 34px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-rooms._2-col.mt-100 {
  text-align: left;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
  margin-top: 100px;
}

.grid-rooms._3-col.mt-100 {
  text-align: left;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 100px;
}

.grid-rooms._3-col.mt-0 {
  text-align: left;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 0;
  margin-bottom: 100px;
}

.grid-rooms._4-col.mt-100 {
  text-align: left;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: start;
  margin-top: 100px;
}

.room-flex-one {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.heading-7 {
  font-size: 2.6vw;
  font-style: normal;
}

.heading-8 {
  font-style: normal;
}

.heading-9 {
  font-size: 2.6vw;
  font-style: normal;
}

.paragraph-5, .paragraph-6, .paragraph-7 {
  font-style: normal;
}

.author {
  color: var(--forest-green);
  font-size: 2vw;
  font-style: italic;
}

.heading-10 {
  font-style: normal;
}

.grid---events {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  margin-top: 150px;
  position: static;
}

.heading-11 {
  font-size: 6vw;
}

.heading-12 {
  font-size: 4vw;
}

.heading-13 {
  font-size: 3.8vw;
}

.header-footer {
  color: var(--forest-green);
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 400;
}

.mobile-footer {
  display: none;
}

.group-button {
  margin-top: 50px;
  margin-bottom: 150px;
}

.paragraph-11 {
  display: inline;
}

.special-h2 {
  color: var(--dark-grey);
  font-size: 3.2vw;
  line-height: 130%;
}

.event-ittem {
  width: 100%;
  margin-right: 0;
}

.event-ittem._100 {
  width: 100%;
}

.bold-title {
  color: var(--dark-grey);
  font-family: Cormorant Garamond, sans-serif;
  font-size: 1.4vw;
  font-style: italic;
  font-weight: 400;
}

.link {
  font-size: 1.4vw;
  text-decoration: none;
}

.link:hover {
  color: var(--forest-green);
}

.book-now-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  display: block;
}

.row-fname-lname {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.select-field {
  min-height: 50px;
  color: var(--light-grey);
  background-color: rgba(250, 250, 248, 0);
  border: 1px dashed rgba(92, 90, 83, .5);
  font-size: 1.5vw;
  font-style: italic;
}

.select-field:focus {
  border-color: var(--dark-grey) var(--dark-grey) var(--light-grey);
}

.content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.small-heading {
  color: var(--forest-green);
  margin-bottom: 20px;
  font-size: 28px;
}

.small-heading.smaller {
  font-size: 24px;
}

.speciall-box {
  z-index: 2;
  width: 150px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.success-message {
  background-color: #748b5e;
}

.text-block-2, .text-block-3 {
  color: var(--light-cream);
}

.date-field {
  width: 100%;
  min-height: 50px;
  color: var(--light-grey);
  border: 1px dashed rgba(92, 90, 83, .5);
  border-radius: 0;
  margin-bottom: 0;
  padding: 8px 16px 8px 52px;
  font-size: 1.5vw;
  font-style: italic;
  transition: all .25s;
  box-shadow: 1px 1px 2px rgba(114, 129, 167, .04);
}

.date-field:hover {
  border-color: #ccd5e0;
}

.date-field:focus {
  border-color: #642eff;
}

.date-field::-ms-input-placeholder {
  color: #a0a6b0;
}

.date-field::placeholder {
  color: #a0a6b0;
}

.field-wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.date-field-2 {
  width: 100%;
  min-height: 48px;
  color: #151e24;
  border: 1px solid #e9ecf0;
  border-radius: 12px;
  margin-bottom: 0;
  padding: 12px 16px 12px 52px;
  font-size: 14px;
  transition: all .25s;
  box-shadow: 1px 1px 2px rgba(114, 129, 167, .04);
}

.date-field-2:hover {
  border-color: #ccd5e0;
}

.date-field-2:focus {
  border-color: #642eff;
}

.date-field-2::-ms-input-placeholder {
  color: #a0a6b0;
}

.date-field-2::placeholder {
  color: #a0a6b0;
}

.field-icon {
  position: absolute;
  top: auto;
  bottom: auto;
  left: 16px;
  right: auto;
}

.drp-combo_component {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  background-color: rgba(250, 250, 248, 0);
  border: 1px dashed rgba(92, 90, 83, .5);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem 1rem;
  font-size: 1.5vw;
  font-style: italic;
  display: grid;
  position: relative;
}

.drp-combo_input-label {
  color: #666;
  font-size: .88rem;
  font-weight: 400;
}

.drp-combo_input {
  height: 2rem;
  background-color: rgba(255, 255, 255, 0);
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.5vw;
  font-weight: 300;
}

.drp-combo_input-range {
  width: 100%;
  height: 100%;
  opacity: 0;
  margin-bottom: 0;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.drp-combo_divider {
  width: 1px;
  height: 100%;
  background-color: rgba(173, 172, 169, 0);
  border: 1px dashed rgba(173, 172, 169, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.drp-combo_form-block {
  margin-bottom: 0;
}

.drp-combo_background-image {
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.drp-combo_container {
  z-index: 2;
  width: 100%;
  height: 100svh;
  max-width: 40rem;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.drp-combo_component-2 {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem 1rem;
  display: grid;
  position: relative;
}

.drp-combo_block {
  width: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-backdrop-filter: contrast(110%) blur(2px);
  backdrop-filter: contrast(110%) blur(2px);
  background-color: rgba(167, 167, 167, .38);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .06));
  border-radius: .5rem;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem 1.25rem;
  box-shadow: inset 0 0 3px #ccc;
}

.drp-combo_input-2 {
  height: 2rem;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 300;
}

.drp-combo_form {
  perspective: none;
  transform: translate(0);
}

.drp-combo_divider-2 {
  width: 1px;
  height: 100%;
  background-color: #ccc;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.drp-combo_heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.drp-combo_background-video {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.drp-combo_button {
  width: 100%;
  max-width: 10rem;
  background-color: #2946ff;
  border-radius: .5rem;
  margin-left: auto;
}

.drp-combo_background-wrapper {
  z-index: 1;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.input-group {
  display: flex;
}

._50-percent {
  width: 50%;
  margin-right: 0;
}

.input {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 0 10px;
  font-size: 18px;
  line-height: 26px;
}

.input:focus {
  border-color: #ee6f22;
}

.input.date-input {
  min-height: 40px;
}

.input.date-input.date-from {
  height: 50px;
  background-color: rgba(255, 255, 255, 0);
  border-style: dashed;
  border-color: #abaaa7;
  border-radius: 0;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 1.5vw;
  font-style: italic;
}

.input.date-input.date-to {
  height: 50px;
  background-color: rgba(255, 255, 255, 0);
  border-style: dashed;
  border-color: #abaaa6;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 1.5vw;
  font-style: italic;
}

.grid---rooms {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  margin-top: 0;
  position: static;
}

.grid-elements {
  width: 82%;
  border-right: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.body {
  display: block;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 6vw;
  }

  h2 {
    font-size: 5vw;
  }

  h3 {
    font-size: 4vw;
  }

  .container {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .feature-paragraph, .feature-paragraph.medium-width {
    font-size: 1.8vw;
  }

  .button {
    padding-right: 100px;
  }

  .subhero-section.short {
    width: 100%;
  }

  .footer-link {
    font-size: 1.6vw;
    font-weight: 400;
  }

  .footer-link.w--current, .footer-contact-link {
    font-size: 1.6vw;
  }

  .footer-contact-icon {
    max-width: 100%;
  }

  .room-type-content-wrapper.right-padding {
    justify-content: space-around;
  }

  .room-flex-thirds {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .navigation-bar.dark {
    border-bottom-color: rgba(0, 0, 0, .06);
  }

  .nav-secondary-link {
    font-size: 1.4vw;
  }

  .loader {
    display: none;
  }

  .heading-4 {
    font-size: 4vw;
  }

  .text-block {
    font-size: 2vw;
  }

  .gallery-2-cols {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .cta-black {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
  }

  .img-seemore {
    width: 150px;
  }

  .grid-rooms {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .room-flex-one {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .small-heading {
    font-size: 28px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 7vw;
  }

  h5, h6 {
    font-style: normal;
  }

  p {
    font-size: 1.2vw;
  }

  a {
    font-size: 1.4vw;
  }

  li, label {
    font-size: 1.2vw;
  }

  .container {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .input.date-input.date-from {
    height: 55px !important;
  }

  .input.date-input.date-to {
    height: 55px !important;
  }

  .display {
    font-size: 10vw;
  }

  .feature-paragraph {
    font-size: 1.6vw;
  }

  .feature-paragraph.medium-width {
    max-width: 90vw;
  }

  .button {
    padding-right: 100px;
    font-size: 1.4vw;
  }

  .hero1-content-wrapper {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .form-input {
    min-height: 55px;
    font-size: 1.5vw;
  }

  .booking-form-block {
    padding-left: 0;
    padding-right: 0;
  }

  .submit-button {
    font-size: 1.4vw;
  }

  .card-image {
    width: 100%;
  }

  .paragraph-width-medium {
    max-width: 80vw;
  }

  .full-frame-image-wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .footer-link {
    font-size: 1.8vw;
  }

  .footer-contact-link {
    margin-bottom: 12px;
    font-size: 1.8vw;
  }

  .hero2 {
    flex-direction: column;
  }

  .hero-content.small-margin {
    padding-left: 1vw;
  }

  .hero2-content-wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .hero2-content-wrapper.no-margin {
    padding-left: 5vw;
  }

  .slide-nav {
    max-width: 1600px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .hero3 {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .room-flex-thirds {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .room-item._100 {
    width: 100%;
  }

  .image-container.large-height.right-padding {
    height: 90vh;
  }

  .form-message {
    font-size: 1.2vw;
  }

  .navigation-bar {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .nav-logo {
    width: 180px;
  }

  .menu-button {
    font-size: 1.2vw;
  }

  .nav-links-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .nav-primary-wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .nav-secondary-link {
    font-size: 1.4vw;
  }

  .logo-light {
    width: 250px;
  }

  .nav-container {
    align-items: center;
  }

  .navigation-bar-dark {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .rooms-collection-list-wrapper {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .rooms-collection-list-wrapper.one-line {
    padding-left: 0;
    padding-right: 0;
  }

  .booking-wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .room-link-block {
    text-align: left;
  }

  .nav-link-light, .nav-link-dark {
    font-size: 1.2vw;
  }

  .blog-collection-list-wrapper {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .blog-flex-thirds {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .filter-link {
    font-size: 2vw;
  }

  .form-input-2, .form-input-3, .nav-link-light-2 {
    font-size: 1.2vw;
  }

  .gallery-2-cols {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .grid-rooms {
    grid-column-gap: 33px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-rooms._2-col {
    grid-row-gap: 49px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-rooms._2-col.mt-100 {
    margin-top: 100px;
  }

  .grid-rooms._3-col {
    grid-row-gap: 49px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-rooms._3-col.mt-100, .grid-rooms._3-col.mt-0 {
    margin-top: 100px;
  }

  .grid-rooms._4-col {
    grid-row-gap: 49px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-rooms._4-col.mt-100 {
    margin-top: 100px;
  }

  .room-flex-one {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .heading-7, .heading-8 {
    font-style: normal;
  }

  .event-ittem._100 {
    width: 100%;
  }

  .select-field {
    height: 55px;
  }

  .small-heading {
    font-size: 30px;
  }

  .drp-combo_component {
    min-height: 55px;
    align-content: center;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .button {
    padding-right: 100px;
  }

  .form-input {
    min-height: 60px;
  }

  .footer-contact-link {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .hero-content {
    padding-right: 12vw;
  }

  .banner-title {
    min-width: 230px;
  }

  .image-container.large-height.right-padding {
    height: 80vh;
    align-items: center;
  }

  .contact-link {
    align-items: center;
  }

  .navigation-bar {
    height: 80px;
  }

  .cta-black {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0;
  }

  .img-seemore {
    width: 180px;
  }

  .select-field {
    height: auto;
    min-height: 60px;
  }

  .small-heading {
    font-size: 32px;
  }

  .drp-combo_component {
    min-height: 60px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 11vw;
  }

  h2 {
    font-size: 8vw;
  }

  h3 {
    font-size: 6.5vw;
  }

  h4 {
    font-size: 5vw;
  }

  h5 {
    font-size: 4vw;
  }

  h6 {
    font-size: 3vw;
  }

  p {
    font-size: 2vw;
  }

  a {
    font-size: 2.5vw;
  }

  li, label {
    font-size: 2vw;
  }

  figcaption {
    font-size: 1.6vw;
  }

  .section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.top-padding-192 {
    padding-top: 96px;
  }

  .section.padding-192 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.bottom-padding-192 {
    padding-bottom: 64px;
  }

  .section.bg-color-1.overlap-section-top {
    margin-top: -128px;
    padding-top: 128px;
  }

  .section.padding-50 {
    padding-bottom: 64px;
  }

  .section.light-bg.special-margin {
    margin-top: 80px;
  }

  .style-guide-color-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .styleguide-color {
    width: 140px;
    height: 140px;
  }

  .display, .display.light {
    font-size: 12vw;
  }

  .display.light.mobile {
    display: none;
  }

  .feature-paragraph {
    font-size: 3vw;
  }

  .small-text {
    font-size: 2vw;
  }

  .small-text.right-arrow-text {
    top: 316px;
  }

  .button {
    text-align: center;
    margin-bottom: 25px;
    margin-right: 0;
    padding-left: 32px;
    font-size: 1.8vw;
  }

  .button.outline {
    margin-right: 15px;
  }

  .button.secondary {
    border-style: solid;
    padding-left: 32px;
  }

  .button.secondary.margin-right {
    width: 100%;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .button.mt-35 {
    font-size: 2.2vw;
  }

  .button.no-margin {
    margin-bottom: 0;
  }

  .hero4 {
    padding-top: 40vh;
    padding-left: 0;
  }

  .hero4.special, .hero4.no-margin {
    padding-top: 30vh;
  }

  .hero1 {
    min-height: 100vh;
  }

  .hero1-content-wrapper {
    position: relative;
  }

  .hero1-content {
    padding-top: 20vw;
    padding-bottom: 15vw;
    padding-left: 0;
  }

  .light {
    font-size: 2vw;
  }

  .light.left-align {
    font-size: 3vw;
  }

  .light.no-margin {
    margin-bottom: 50px;
  }

  .light.small {
    font-size: 2.2vw;
  }

  .light.title {
    font-size: 6.5vw;
  }

  .subhero-section, .subhero-section.short {
    display: none;
  }

  .form-input {
    font-size: 2vw;
  }

  .booking-form {
    flex-wrap: wrap;
  }

  .submit-button {
    font-size: 2.5vw;
  }

  .two-column-body-grid {
    grid-column-gap: 64px;
  }

  .two-column-body-wrapper {
    padding-bottom: 48px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .heading-wrapper {
    padding-bottom: 48px;
  }

  .heading-wrapper.width-small {
    max-width: 50vw;
  }

  .divider._288px {
    height: 144px;
  }

  .divider._144px {
    height: 96px;
  }

  .divider._96px {
    height: 48px;
  }

  .card-image {
    width: 100%;
    display: block;
  }

  .paragraph-width-medium {
    max-width: 75vw;
  }

  .full-frame-image-wrapper {
    height: 50vh;
  }

  .grid-list-item-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .cta-1-grid {
    width: 100%;
  }

  .footer-top-row {
    flex-wrap: wrap;
    padding-bottom: 48px;
  }

  .footer-top-row._4-cols {
    padding-bottom: 0;
    display: block;
  }

  .footer-bottom-row {
    flex-wrap: wrap;
  }

  .footer-menu {
    width: 100%;
    margin-bottom: 50px;
  }

  .footer-contact {
    width: 50%;
  }

  .footer-logo {
    width: 100%;
  }

  .footer-link {
    font-size: 3vw;
  }

  .footer-contact-link {
    margin-bottom: 16px;
    font-size: 3vw;
  }

  .footer-contact-icon {
    padding-top: 0;
  }

  .footer-bottom-links {
    width: 100%;
    margin-bottom: 16px;
  }

  .footer-secondary-link {
    margin-bottom: 10px;
    font-size: 2vw;
    display: block;
  }

  .footer-social-links {
    padding-top: 48px;
    padding-bottom: 56px;
  }

  .footer-social-links.mt-25 {
    margin-top: 0;
    padding-top: 50px;
  }

  .footer-social-link {
    width: 40px;
  }

  .hero-content {
    padding-bottom: 15vh;
    padding-left: 0;
    padding-right: 0;
  }

  .room-type-wrapper {
    padding-bottom: 98px;
    display: block;
  }

  .room-type-image-wrapper.large-height.right-padding {
    width: 100%;
    height: auto;
  }

  .room-type-content-wrapper.right-padding {
    width: 100%;
  }

  .room-amenity-wrapper {
    flex-direction: column;
  }

  .room-amenity-icon {
    margin-bottom: 8px;
    margin-right: 0;
  }

  .room-amenity-section {
    margin-top: 24px;
    padding-top: 16px;
  }

  .room-type-btn-wrapper {
    flex-direction: column;
    margin-top: 32px;
  }

  .full-frame-slider {
    height: 70vh;
  }

  .cta-2-grid {
    width: 100%;
  }

  .centered-paragraph {
    padding-top: 64px;
  }

  .banner {
    height: auto;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .subtitle {
    font-size: 2.5vw;
  }

  .italics.no-margin, .italics.no-margin-added {
    margin-bottom: 0;
  }

  .banner-collection-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .banner-title {
    align-items: center;
    padding-right: 32px;
    display: flex;
  }

  .room-slide-image-wrapper {
    height: 55vh;
  }

  .room-slide-content-wrapper {
    flex-wrap: wrap;
  }

  .room-slide-title {
    width: 100%;
    padding-right: 0;
  }

  .room-slide-description {
    width: 100%;
    padding-left: 0;
  }

  .hero-arrow {
    bottom: -32px;
  }

  .room-slider-left-arrow {
    padding-top: 60vh;
  }

  .grid-halves {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid-halves.rooms {
    display: block;
  }

  .main-content {
    border-bottom: 1px solid var(--light-grey);
    border-right-style: none;
  }

  .main-content.no-margin {
    border-bottom-style: none;
  }

  .secondary-content {
    padding-left: 0;
  }

  .room-flex-thirds {
    display: block;
  }

  .room-item {
    width: 100%;
  }

  .room-item._100 {
    margin-bottom: 60px;
  }

  .grid-split-section {
    grid-row-gap: 96px;
  }

  .grid-split-section._2row {
    display: block;
  }

  .grid-split-section._3row {
    grid-row-gap: 96px;
  }

  .image-container.large-height.right-padding {
    height: 80vh;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    padding-right: 0;
  }

  .image-container.large-height.left-padding {
    height: 80vh;
    justify-content: center;
    align-items: flex-end;
    margin-top: 50px;
    padding-left: 0;
  }

  .content-container.left-padding {
    padding-left: 0;
  }

  .medium-height {
    height: 40vh;
  }

  .small-height {
    height: 35vh;
  }

  .btn-wrapper {
    margin-top: 32px;
  }

  .cta-3-grid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .newsletter-form {
    flex-wrap: wrap;
  }

  .large-height {
    height: 55vh;
  }

  .booking-input {
    width: 30%;
    margin-bottom: 32px;
  }

  .cta-4-grid {
    width: 100%;
    grid-row-gap: 32px;
    grid-template-rows: minmax(auto, .5fr) minmax(auto, 1fr);
    grid-template-areas: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2"
                         "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3";
    padding-left: 0;
    padding-right: 0;
  }

  .extra-small-height {
    height: 20vh;
  }

  .hero-image-overlay.darker {
    background-color: rgba(27, 25, 23, .6);
  }

  .hero-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-layout-2-section-center {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .form-message {
    font-size: 2vw;
  }

  .contact-link {
    font-size: 3vw;
  }

  .maps-wrapper {
    height: 50vh;
  }

  .tab-link {
    font-size: 3vw;
  }

  .nav-link {
    font-size: 6.5vw;
  }

  .menu-button {
    font-size: 2vw;
  }

  .nav-links-container.light {
    display: none;
  }

  .nav-primary-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-secondary-wrapper {
    margin-top: 35px;
    margin-bottom: 7vh;
  }

  .nav-social-link {
    width: 40px;
  }

  .nav-secondary-link {
    margin-right: 32px;
    font-size: 2vw;
  }

  .text-categories {
    font-size: 2vw;
  }

  .btn-explore {
    width: 80px;
    height: 80px;
    top: auto;
    bottom: 16px;
    left: auto;
    right: 16px;
  }

  .arrow-img {
    display: none;
  }

  .collection-image-wrapper {
    height: 50vh;
  }

  .collection-image-wrapper.new-size {
    height: auto;
  }

  .boking-image-wrapper.large-height.left-padding {
    display: none;
  }

  .booking-form-wrapper {
    width: 100%;
  }

  .main-booking-form {
    flex-wrap: wrap;
  }

  .main-booking-input {
    width: 30%;
    margin-bottom: 32px;
  }

  .room-slider-next, .room-slider-previous {
    height: 55vh;
    top: 0;
  }

  .room-link-block, .room-link-block.w--current {
    margin-bottom: 50px;
  }

  .room-type-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-top: 50px;
  }

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

  .nav-link-light {
    font-size: 2vw;
  }

  ._404-grid-2 {
    padding-right: 5vw;
  }

  ._404-grid-3 {
    padding-left: 5vw;
  }

  .nav-link-dark {
    font-size: 2vw;
  }

  .testimonial-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .card-image-wapper-fixed.extra-large-height {
    height: 65vh;
  }

  .full-frame-video-wrapper {
    height: 50vh;
  }

  .hero-arrow-image {
    height: 80px;
  }

  .popup-info {
    width: 90vw;
  }

  .hero-content-centered {
    padding-top: 40vh;
    padding-left: 0;
  }

  .blog-post {
    max-width: 100%;
  }

  .blog-post img {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .filter-link {
    font-size: 3vw;
  }

  .filter-collection-item {
    padding-left: 32px;
    padding-right: 32px;
  }

  .filter-wrapper {
    align-items: center;
    padding-right: 32px;
    display: flex;
  }

  .filter-banner {
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .fab-button {
    width: 80px;
  }

  .mansonary-grid {
    column-count: 2;
  }

  .form-input-2, .form-input-3 {
    font-size: 2vw;
  }

  .heading-3 {
    font-size: 6.5vw;
  }

  .heading-3.small {
    font-size: 3vw;
  }

  .paragraph {
    font-size: 2.2vw;
  }

  .paragraph.white.small {
    font-size: 1.8vw;
  }

  .paragraph.footer {
    font-size: 2vw;
  }

  .rooms-button.hide-tablet {
    display: none;
  }

  .nav-link-light-2 {
    font-size: 2vw;
  }

  .heading-4 {
    font-size: 5vw;
  }

  .heading-1 {
    font-size: 9vw;
  }

  .heading-1.special.black {
    font-size: 5.4vw;
  }

  .heading-1.dark {
    font-size: 9vw;
  }

  .mb-50 {
    max-width: none;
  }

  .group-img {
    margin-bottom: 100px;
  }

  .grid-values.mb-100, .grid-2-colums {
    display: block;
  }

  .gallery-slider {
    margin-left: 59px;
    margin-right: 0;
  }

  .heading-2 {
    font-size: 7.5vw;
  }

  .paragraph-small {
    font-size: 2vw;
  }

  .grid-2-col.mb-50 {
    display: block;
  }

  .grid-full-contact {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding: 35px;
  }

  .grid-full-contact.wiithou-row {
    background-color: rgba(0, 0, 0, 0);
    grid-template-rows: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-wrapper-mb-changes {
    padding-bottom: 48px;
  }

  .heading-wrapper-mb-changes.width-small {
    max-width: 50vw;
  }

  .grid-values-types.mb-100 {
    grid-column-gap: 35px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .paragraph-2 {
    font-size: 1em;
  }

  .heading-5 {
    font-size: 4vw;
  }

  .gallery__button-text {
    display: none;
  }

  .gallery-popup__image {
    margin-bottom: 15px;
  }

  .gallery-popup__image-overlay.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery__image.is-rounded-2 {
    border-top-right-radius: 8px;
  }

  .gallery__image.is-rounded-1 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .gallery__image.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery__image.auto {
    height: 100%;
    max-height: none;
    object-fit: cover;
  }

  .row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .row.is-gallery {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .row.inner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-top: 1.5rem;
    margin-left: -.75rem;
    margin-right: -.75rem;
  }

  .container__text.is-property-header {
    justify-content: flex-start;
  }

  .col.col-lg-8.col-md-6 {
    max-width: 50%;
    flex: 50%;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .col.col-lg-7.col-md-12 {
    max-width: 100%;
    flex: 100%;
  }

  .col.col-lg-4.col-md-6 {
    max-width: 50%;
    flex-basis: 50%;
  }

  .col.col-lg-5.col-md-12 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .link-block__share {
    align-self: center;
    align-items: center;
  }

  .link_text {
    font-size: 1rem;
  }

  .gallery-popup__content, .section-2 {
    padding: 4rem 2rem;
  }

  .gallery-popup_img-overlay.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery_image.is-rounded-2 {
    border-top-right-radius: 8px;
  }

  .gallery_image.is-rounded-1 {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }

  .gallery_image.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery-2-cols {
    display: block;
  }

  .gallery-wrapper, .gallery-wrapper.portraiit {
    margin-bottom: 25px;
  }

  .grid-4 {
    display: block;
  }

  .collection-list-3._3lines {
    grid-template-columns: 1fr 1fr;
    display: block;
  }

  .cta-black {
    margin-bottom: 25px;
    display: flex;
  }

  .seemore {
    font-size: 2.2vw;
  }

  .heading-6 {
    font-size: 3vw;
  }

  .grid-rooms, .room-flex-one {
    display: block;
  }

  .heading-7, .heading-9 {
    font-size: 4.5vw;
  }

  .author {
    font-size: 4vw;
  }

  .grid---events {
    display: block;
  }

  .header-footer {
    font-size: 3vw;
  }

  .mobile-footer {
    margin-top: 25px;
    display: block;
  }

  .desktop {
    display: none;
  }

  .special-h2 {
    font-size: 5vw;
  }

  .event-ittem {
    width: 100%;
  }

  .event-ittem._100 {
    margin-bottom: 60px;
  }

  .link {
    font-size: 2vw;
  }

  .bold-text-2 {
    font-size: 2.5vw;
  }

  .book-now-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .row-fname-lname {
    display: block;
  }

  .select-field {
    font-size: 2vw;
  }

  .small-heading {
    margin-bottom: 20px;
    font-size: 26px;
  }

  .drp-combo_input {
    font-size: 2vw;
  }

  .input {
    margin-right: 0;
  }

  .input.date-input.date-from {
    margin-right: 10px;
    font-size: 2vw;
  }

  .input.date-input.date-to {
    margin-right: 10px;
    font-size: 2vw;
  }

  .grid---rooms {
    display: block;
  }

  .grid-elements {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  h6 {
    font-size: 5vw;
  }

  p {
    font-size: 3vw;
  }

  ul {
    font-size: 16px;
  }

  li {
    font-size: 2.5vw;
  }

  .section.top-padding-192 {
    padding-top: 64px;
  }

  .style-guide-color-grid {
    grid-column-gap: 8px;
    grid-row-gap: 32px;
  }

  .styleguide-color {
    width: auto;
    height: 120px;
  }

  .small-text {
    font-size: 3vw;
  }

  .button {
    font-size: 2.4vw;
  }

  .button.mt-35 {
    font-size: 2.5vw;
  }

  .hero1-content-wrapper {
    padding-top: 10vh;
  }

  .light.left-align {
    font-size: 5vw;
  }

  .light.small {
    font-size: 2.8vw;
  }

  .light.small.dark {
    color: var(--dark-grey);
  }

  .hero-badge {
    width: 80px;
  }

  .subhero-section {
    display: none;
  }

  .two-column-body-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-wrapper {
    padding-bottom: 32px;
  }

  .overlap-image {
    margin-bottom: 52px;
  }

  .split-section-wrapper {
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .split-section-wrapper.reverse-wrap {
    flex-wrap: wrap-reverse;
  }

  .testimonial-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-width-medium {
    max-width: 100%;
  }

  .full-frame-image-wrapper {
    height: 100vh;
  }

  .footer-top-row {
    flex-wrap: wrap;
  }

  .footer-menu {
    width: 100%;
  }

  .footer-contact {
    width: 50%;
  }

  .footer-logo {
    width: 100%;
  }

  .footer-link {
    font-size: 3.4vw;
  }

  .footer-secondary-link {
    font-size: 3vw;
  }

  .footer-social-links.mt-25 {
    padding-top: 50px;
  }

  .hero-content {
    padding-top: 10vh;
    padding-bottom: 5vh;
  }

  .full-frame-slider {
    height: 100vh;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .banner {
    display: block;
  }

  .banner-collection-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .banner-title {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .room-slide-image-wrapper {
    height: 70vh;
  }

  .hero-arrow {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .room-item {
    margin-right: 16px;
  }

  .grid-layout {
    grid-template-columns: 1fr;
  }

  .image-container.large-height.right-padding, .image-container.large-height.left-padding {
    height: 70vh;
  }

  .medium-height {
    height: 65vh;
  }

  .small-height {
    height: 50vh;
  }

  .large-height {
    height: 70vh;
  }

  .extra-small-height {
    height: 35vh;
  }

  .grid-layout-2 {
    grid-template-columns: 1fr;
  }

  .contact-info {
    width: 50%;
  }

  .maps-wrapper {
    height: 100vh;
  }

  .hero1-arrow {
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .nav-logo.w--current {
    width: 165px;
  }

  .book-button {
    margin-right: 16px;
  }

  .nav-links-container.light {
    padding-top: 100px;
  }

  .nav-secondary-wrapper {
    flex-wrap: wrap;
    margin-top: 2vh;
    margin-bottom: 2vh;
  }

  .nav-image-wrapper.medium-height {
    height: 70vh;
    display: none;
  }

  .main-nav-image, .secondary-nav-image._1 {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .text-categories {
    font-size: 3vw;
  }

  .room-collection-list {
    display: flex;
  }

  .booking-wrapper {
    min-height: 100vh;
  }

  .booking-content {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .booking-close-btn {
    z-index: 2;
    margin-right: 0;
  }

  .icon {
    width: 32px;
  }

  .nav-link-light, .nav-link-dark {
    font-size: 2.4vw;
  }

  .full-frame-video-wrapper {
    height: 100vh;
  }

  .popup-info {
    width: 100vw;
    min-height: 100vh;
    align-items: stretch;
  }

  .popup-image-wrapper {
    width: 25%;
  }

  .popup-content-wrapper {
    width: 75%;
    align-self: center;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .popup-close-btn {
    z-index: 2;
  }

  .blog-item {
    margin-right: 16px;
  }

  .mansonary-grid {
    column-count: 1;
  }

  .image-mansonary {
    margin-bottom: 0;
  }

  .heading-3.small {
    font-size: 4vw;
  }

  .paragraph {
    font-size: 2.8vw;
  }

  .paragraph.white.small {
    font-size: 2vw;
  }

  .paragraph.footer {
    font-size: 3vw;
  }

  .rooms-button {
    margin-right: 16px;
    display: none;
  }

  .grid {
    display: block;
  }

  .gallery-slider {
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-padding {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .gallery_component {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-slide-image {
    width: 286px;
    height: 388px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .gallery-slide {
    height: auto;
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .c-move-to-bottom {
    transform: translate(0);
  }

  .heading-wrapper-mb-changes {
    padding-bottom: 32px;
  }

  .grid-values-types.mb-100 {
    display: block;
  }

  .paragraph-3 {
    font-size: .8em;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .gallery-popup__image-overlay.is-rounded-1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .gallery-popup__image-overlay.is-rounded-2 {
    border-top-right-radius: 0;
  }

  .gallery-popup__image-overlay.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery__image.is-rounded-2 {
    border-top-right-radius: 0;
  }

  .gallery__image.is-rounded-1 {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .gallery__image.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .row.is-gallery {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .subheader__wrapper {
    display: flex;
  }

  .col.col-lg-7.col-sm-12 {
    max-width: 100%;
    flex: 100%;
  }

  .is-h3 {
    font-size: 2rem;
  }

  .section-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .gallery-popup_img-overlay.is-rounded-1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .gallery-popup_img-overlay.is-rounded-2 {
    border-top-right-radius: 0;
  }

  .gallery-popup_img-overlay.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .gallery_image.is-rounded-2 {
    border-top-right-radius: 0;
  }

  .gallery_image.is-rounded-1 {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
  }

  .gallery_image.is-rounded-3 {
    border-bottom-left-radius: 8px;
  }

  .collection-list, .collection-list-2 {
    width: 90%;
    height: 100%;
  }

  .seemore {
    font-size: 2.5vw;
  }

  .paragraph-9, .paragraph-10 {
    font-size: 2.8vw;
  }

  .special-h2 {
    font-size: 6vw;
  }

  .event-ittem {
    margin-right: 16px;
  }

  .link {
    font-size: 3vw;
  }

  .bold-text-2 {
    font-size: 4vw;
  }

  .small-heading {
    font-size: 26px;
  }

  .drp-combo_block {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .grid-elements {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 15.5vw;
  }

  h2 {
    font-size: 15vw;
    line-height: 100%;
  }

  h3 {
    margin-bottom: 8px;
    font-size: 12vw;
  }

  h4 {
    font-size: 9vw;
  }

  h5 {
    font-size: 7vw;
  }

  h6 {
    font-size: 6vw;
  }

  p, a {
    font-size: 4.5vw;
  }

  ul {
    padding-left: 16px;
  }

  li {
    font-size: 4.5vw;
  }

  label {
    font-size: 5vw;
  }

  .input-group {
    display: block;
  }

  .input.date-input.date-from {
    margin-right: 0px;
    font-size: 5vw;
    width: 100%;
  }

  .input.date-input.date-to {
    margin-top: 20px;
    margin-right: 0px;
    font-size: 5vw;
    width: 100%;
  }

  figcaption {
    font-size: 4vw;
  }

  .section.bottom-padding-192 {
    padding-bottom: 64px;
  }

  .section.padding-96 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.padding-50 {
    padding-bottom: 64px;
  }

  .section.light-bg.special-margin {
    margin-top: 80px;
  }

  .container {
    width: auto;
  }

  .styleguide-section-wrapper {
    flex-wrap: wrap;
  }

  .styleguide-title-wrapper {
    width: 100%;
    background-color: var(--light-cream);
    margin-bottom: 32px;
    padding-top: 60px;
    padding-right: 0;
    top: 0;
  }

  .styleguide-content-wrapper {
    width: 100%;
    padding-left: 0;
  }

  .style-guide-color-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .styleguide-heading-content {
    width: 100%;
  }

  .styleguide-heading-label {
    display: none;
  }

  .display {
    font-size: 26vw;
  }

  .display.light {
    font-size: 18vw;
  }

  .display.light.mobile {
    display: block;
  }

  .display.light.special {
    display: none;
  }

  .feature-paragraph {
    font-size: 6vw;
  }

  .small-text {
    font-size: 4vw;
  }

  .small-text.right-arrow-text {
    top: 156px;
  }

  .button {
    width: 100%;
    background-position: 80%;
    font-size: 4.5vw;
    font-style: italic;
  }

  .button:hover {
    background-position: 86%;
  }

  .button.outline {
    margin-right: 0;
  }

  .button.outline.cta {
    margin-top: 0;
  }

  .button.mt-35 {
    font-size: 4.5vw;
  }

  .hero4 {
    padding-top: 35vh;
    padding-left: 0;
  }

  .hero4.special {
    padding-top: 22vh;
  }

  .hero4.no-margin {
    padding-top: 22vh;
    display: block;
  }

  .hero1-content-wrapper {
    padding-top: 0;
  }

  .light {
    font-size: 4.5vw;
  }

  .light.right-align {
    text-align: left;
  }

  .light.left-align {
    font-size: 8vw;
  }

  .light.small {
    font-size: 4.5vw;
  }

  .light.title {
    font-size: 12vw;
  }

  .form-input {
    font-size: 5vw;
  }

  .submit-button {
    font-size: 4.5vw;
  }

  .two-column-body-grid {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .two-column-body-wrapper {
    padding-bottom: 64px;
  }

  .heading-wrapper {
    padding-bottom: 8px;
  }

  .heading-wrapper.inner-spacing {
    padding-left: 0;
  }

  .heading-wrapper.centered {
    text-align: left;
  }

  .heading-wrapper.width-small {
    max-width: 100vw;
  }

  .overlap-image-wrapper {
    height: 65vh;
  }

  .overlap-image {
    margin-bottom: 26px;
  }

  .divider._288px, .divider._144px, .divider._96px {
    height: 64px;
  }

  .grid-layout-content-wrapper {
    margin-bottom: 80px;
  }

  .grid-layout-content-wrapper.left-padding {
    order: 1;
  }

  .grid-layout-content-wrapper.last {
    margin-bottom: 0;
  }

  .testimonial-wrapper {
    align-items: flex-start;
  }

  .testimonial-profile-image-wrapper {
    width: 80px;
    height: 80px;
  }

  .full-frame-image-wrapper {
    height: 65vh;
    margin-top: 32px;
  }

  .full-frame-image-wrapper.experiences {
    background-position: 100%;
  }

  .full-frame-image-wrapper.hotel {
    background-position: 30% 100%;
  }

  .full-frame-image-wrapper.contact {
    background-position: 50%;
  }

  .grid-list-item-wrapper {
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .grid-list-item-image-wrapper {
    width: 100%;
    order: -1;
    padding-right: 0%;
  }

  .grid-list-item-content-wrapper {
    width: 100%;
    padding-left: 0%;
  }

  .grid-list-item-number-wrapper {
    width: 100%;
  }

  .cta-1-grid {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    grid-template: "Area Area Area . . ." minmax(auto, .5fr)
                   "Area Area Area . Area-4 Area-4" minmax(auto, .5fr)
                   ". . . . Area-4 Area-4" minmax(auto, 1fr)
                   "Area-2 Area-2 Area-2 . . ."
                   "Area-2 Area-2 Area-2 Area-3 Area-3 Area-3"
                   ". . . Area-3 Area-3 Area-3"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .cta-area-1 {
    padding-left: 0;
  }

  .cta-1-link-block {
    text-align: center;
    flex-direction: column;
  }

  .footer-wrapper {
    padding-top: 48px;
  }

  .footer-top-row {
    padding-bottom: 48px;
  }

  .footer-bottom-row {
    flex-direction: column;
  }

  .footer-menu, .footer-contact {
    width: 100%;
    margin-top: 48px;
  }

  .footer-logo {
    padding-right: 0%;
  }

  .footer-link {
    margin-bottom: 16px;
    font-size: 7.2vw;
    line-height: 140%;
  }

  .footer-contact-link {
    margin-bottom: 16px;
    font-size: 6.5vw;
    display: block;
  }

  .footer-contact-icon {
    width: 24px;
    padding-top: 8px;
  }

  .footer-secondary-link {
    margin-bottom: 16px;
    margin-right: 0;
    font-size: 4vw;
    display: block;
  }

  .footer-social-links {
    padding-top: 32px;
    padding-bottom: 0;
  }

  .hero2-image-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .hero-content {
    padding-top: 0;
    padding-bottom: 10vh;
  }

  .hero2-content-wrapper.no-margin {
    display: block;
  }

  .hero2-content-wrapper.no-margin._2-cols {
    display: flex;
  }

  .hero2-image-overlay {
    background-image: linear-gradient(87deg, rgba(37, 30, 22, .45) 61%, rgba(0, 0, 0, .3));
  }

  .room-type-wrapper {
    flex-wrap: wrap;
    padding-bottom: 80px;
  }

  .room-type-image-wrapper {
    width: 100%;
  }

  .room-type-image-wrapper.large-height.right-padding {
    height: 55vh;
  }

  .room-type-content-wrapper {
    width: 100%;
    flex-direction: column-reverse;
    order: 1;
    align-content: flex-end;
  }

  .room-amenity-wrapper {
    padding-left: 4px;
    padding-right: 4px;
  }

  .room-amenity-section {
    border-bottom: 1px solid var(--light-grey);
    margin-bottom: 32px;
    padding-bottom: 16px;
  }

  .right-padding {
    padding-right: 0;
  }

  .left-padding {
    padding-left: 0;
  }

  .room-type-btn-wrapper {
    flex-wrap: wrap;
  }

  .full-frame-slider {
    height: 50vh;
  }

  .cta-2-link-block {
    text-align: center;
    flex-wrap: wrap;
    align-content: center;
  }

  .cta-2-grid {
    grid-row-gap: 8px;
    grid-template-rows: minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr) minmax(auto, .25fr);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .banner {
    flex-direction: column;
    align-items: stretch;
  }

  .subtitle {
    font-size: 5.5vw;
  }

  .banner-collection-item {
    width: 33%;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-title {
    border-bottom: 1px solid var(--light-grey);
    text-align: center;
    border-right-style: none;
    justify-content: center;
    padding-bottom: 10px;
    padding-right: 0;
  }

  .home-room-mask {
    width: 85vw;
    margin-left: 5vw;
  }

  .home-room-single-slide {
    padding-left: 0;
  }

  .room-slide-wrapper {
    justify-content: flex-start;
    overflow: hidden;
  }

  .room-slide-image-wrapper {
    height: 45vh;
  }

  .room-slide-content-wrapper {
    flex-wrap: wrap;
  }

  .room-slide-title, .room-slide-description {
    width: 100%;
  }

  .hero-arrow {
    bottom: -48px;
    right: -2vw;
  }

  .mobile-only {
    display: block;
  }

  .room-slider-left-arrow {
    display: none;
  }

  .main-content {
    padding-top: 0;
  }

  .room-flex-thirds {
    width: 270%;
  }

  .room-item {
    width: 90%;
  }

  .grid-layout {
    flex-wrap: wrap;
  }

  .grid-layout-section-content {
    width: 100%;
  }

  .grid-split-section {
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-split-section._2row {
    grid-row-gap: 24px;
  }

  .grid-split-section._3row {
    grid-row-gap: 24px;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .image-container.large-height.right-padding, .image-container.large-height.left-padding {
    height: 60vh;
  }

  .content-container {
    margin-bottom: 56px;
  }

  .medium-height {
    height: 50vh;
  }

  .small-height {
    height: 40vh;
  }

  .split-section {
    width: 100%;
  }

  .btn-wrapper.no-margin {
    display: block;
  }

  .cta-3-grid {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, .75fr)
                   "Area Area Area Area Area Area" minmax(auto, 1fr)
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3"
                   / 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .newsletter-input {
    width: 100%;
    margin-bottom: 40px;
  }

  .large-height {
    height: 55vh;
  }

  .booking-input {
    width: 100%;
  }

  .cta-4-grid {
    grid-column-gap: 8px;
    grid-template: "Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2 Area-2" minmax(auto, .3fr)
                   "Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3 Area-3" minmax(auto, 1fr)
                   / 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .cta-4-grid.no-margin {
    display: block;
  }

  .hero-paragraph {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-paragraph.no-margin {
    font-size: 2vw;
    display: block;
  }

  .grid-layout-2-section-center {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-layout-2-section-left {
    width: 100%;
    order: 1;
  }

  .grid-layout-2-section-right {
    width: 100%;
  }

  .form-message {
    font-size: 5vw;
  }

  .contact-info {
    width: 100%;
  }

  .contact-link {
    margin-bottom: 16px;
    font-size: 8vw;
  }

  .maps-wrapper {
    height: 80vh;
    margin-top: 32px;
  }

  .tab-link {
    white-space: nowrap;
    margin-right: 32px;
    font-size: 6.5vw;
  }

  .hero1-arrow {
    bottom: 5vh;
  }

  .nav-link {
    font-size: 13vw;
  }

  .nav-link._1, .nav-link._2, .nav-link._3, .nav-link._4, .nav-link._5 {
    font-size: 10vw;
  }

  .nav-logo.w--current {
    width: 165px;
  }

  .book-button {
    margin-right: 0;
    display: none;
  }

  .menu-button {
    width: 48px;
    height: 48px;
    background-color: var(--dark-grey);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    padding-left: 0;
    display: flex;
  }

  .nav-links-container {
    position: fixed;
  }

  .nav-links-container.dark {
    padding-top: 35px;
    display: none;
  }

  .nav-links-container.light {
    display: none;
  }

  .nav-primary-wrapper {
    margin-top: 65px;
  }

  .nav-secondary-wrapper {
    border-top-width: 0;
    justify-content: space-between;
    margin-top: 0;
  }

  .nav-social-wrapper {
    width: 100%;
    border-top: 1px solid var(--light-grey);
    margin-top: 16px;
    padding-top: 16px;
  }

  .nav-social-link.first {
    margin-left: 0;
  }

  .nav-secondary-link {
    margin-bottom: 16px;
    margin-right: 24px;
    font-size: 6vw;
    display: block;
  }

  .nav-primary-links-wrapper {
    width: 100%;
  }

  .nav-image-wrapper.medium-height {
    display: none;
  }

  .lottie-btn {
    margin-left: 0;
    display: none;
  }

  .text-categories {
    font-size: 4vw;
    display: none;
  }

  .mobile-none {
    display: none;
  }

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

  .cta-grid-image-wrapper.first {
    padding-left: 5vw;
  }

  .room-subhero-section {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .rooms-collection-list-wrapper {
    padding-bottom: 24px;
    padding-left: 5vw;
    overflow: scroll;
  }

  .tabs-menu {
    padding-bottom: 16px;
    display: flex;
    overflow: scroll;
  }

  .booking-wrapper {
    align-items: flex-start;
    display: none;
    overflow: scroll;
  }

  .main-booking-input {
    width: 100%;
  }

  .room-slider-next {
    width: 8vw;
    height: 45vh;
    padding-top: 0;
  }

  .room-slider-previous {
    display: none;
  }

  .collection-content-wrapper {
    justify-content: center;
  }

  .styleguide-icons-content {
    width: 100%;
    flex-wrap: wrap;
  }

  .lottie-mobile {
    width: 32px;
    margin-left: 0;
    display: block;
  }

  .utility-page-content {
    width: 100%;
  }

  .nav-link-light {
    font-size: 5vw;
    display: none;
  }

  ._404-grid {
    display: none;
  }

  .nav-link-dark {
    font-size: 4.5vw;
  }

  .full-frame-video-wrapper {
    height: 65vh;
    margin-top: 32px;
  }

  .popup-info {
    width: 100vw;
    min-height: 100vh;
    flex-wrap: wrap;
    align-content: flex-start;
  }

  .popup-image-wrapper {
    width: 100%;
    height: 35vh;
  }

  .popup-content-wrapper {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .popup-close-btn {
    width: 48px;
    height: 48px;
    background-color: var(--light-cream);
    border-radius: 50%;
    justify-content: center;
    margin-top: 24px;
    margin-right: 5vw;
  }

  .popup-close-icon {
    margin-left: 0;
  }

  .hero-content-centered {
    padding-top: 35vh;
    padding-left: 0;
  }

  .blog-post img {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .blog-collection-list-wrapper {
    padding-bottom: 24px;
    padding-left: 5vw;
    overflow: scroll;
  }

  .blog-flex-thirds {
    width: 270%;
  }

  .blog-item {
    width: 90%;
  }

  .collection-link-block {
    width: 100%;
  }

  .blog-list-item {
    margin-bottom: 24px;
  }

  .blog-image-container {
    width: 100%;
  }

  .blog-content-container {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 56px;
  }

  .filter-section {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
  }

  .filter-link {
    margin-bottom: 16px;
    font-size: 8vw;
  }

  .filter-collection-item {
    width: 33%;
    border-right-style: none;
    padding-left: 16px;
    padding-right: 16px;
  }

  .filter-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .filter-banner {
    align-items: stretch;
    padding-left: 5vw;
    padding-right: 5vw;
    overflow: scroll;
  }

  .mansonary-grid {
    height: auto;
  }

  .image-mansonary {
    margin-bottom: 0;
  }

  .form-input-2, .form-input-3 {
    font-size: 5vw;
  }

  .heading-3 {
    font-size: 10vw;
  }

  .heading-3.small {
    font-size: 7vw;
  }

  .paragraph {
    font-size: 4.5vw;
  }

  .paragraph.white.small, .paragraph.footer {
    font-size: 4vw;
  }

  .rooms-button {
    margin-right: 0;
  }

  .nav-link-light-2 {
    font-size: 4.5vw;
  }

  .heading-4 {
    font-size: 8vw;
  }

  .heading-1 {
    font-size: 14vw;
  }

  .heading-1.special.black {
    font-size: 7vw;
  }

  .heading-1.dark {
    font-size: 14vw;
  }

  .mb-50 {
    max-width: none;
  }

  .mb-35 {
    width: 100%;
    max-width: none;
  }

  .gallery_component {
    grid-template-columns: 1fr;
  }

  .c-move-to-bottom {
    transform: translate(0);
  }

  .heading-2 {
    font-size: 11vw;
    line-height: 115%;
  }

  .heading-wrapper-mb-changes {
    padding-bottom: 8px;
  }

  .heading-wrapper-mb-changes.inner-spacing {
    padding-left: 0;
  }

  .heading-wrapper-mb-changes.centered {
    text-align: left;
  }

  .heading-wrapper-mb-changes.width-small {
    max-width: 100vw;
  }

  .heading-5 {
    font-size: 7vw;
  }

  .gallery-popup__image {
    position: static;
  }

  .gallery__image.auto {
    max-height: none;
  }

  .row.inner {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .col.col-lg-8.col-md-6.col-sm-12 {
    max-width: 100%;
  }

  .gallery-popup__header {
    min-height: 50px;
    padding: .5rem;
  }

  .gallery-popup__content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    padding: 2rem 1rem;
    display: flex;
  }

  .section-2 {
    padding: 32px 24px;
  }

  .gallery-2-cols {
    width: 270%;
  }

  .seemore {
    font-size: 4.5vw;
  }

  .heading-6 {
    font-size: 6vw;
  }

  .room-flex-one {
    width: 100%;
  }

  .heading-7, .heading-9 {
    font-size: 8vw;
  }

  .author {
    font-size: 5vw;
  }

  .heading-14 {
    font-size: 12vw;
  }

  .paragraph-8 {
    line-height: 160%;
  }

  .header-footer {
    font-size: 4.4vw;
  }

  .special-h2 {
    font-size: 9vw;
  }

  .event-ittem {
    width: 90%;
  }

  .link {
    font-size: 4vw;
  }

  .bold-text-2 {
    font-size: 6vw;
  }

  .select-field {
    font-size: 5vw;
  }

  .small-heading {
    color: var(--forest-green);
    font-size: 22px;
  }

  .drp-combo_component {
    display: block;
  }

  .drp-combo_input {
    font-size: 5vw;
  }

  .drp-combo_input.first {
    margin-bottom: 15px;
  }

  .drp-combo_divider {
    display: none;
  }

  ._50-percent {
    width: 100%;
  }

  .input {
    margin-bottom: 10px;
  }

  .grid-text {
    display: block;
  }
}

#w-node-_156edc1e-71c9-b8ca-4dea-c9fee4549476-9032b793 {
  align-self: center;
  justify-self: end;
}

#w-node-_3e824ed7-12ab-072e-7ca8-32671c13ff24-9032b793 {
  grid-area: Area;
}

#w-node-b45193f4-b25a-c406-7151-8c01831a36e5-9032b793 {
  grid-area: Area-2;
}

#w-node-fb63b2f3-6ff6-11e1-1c83-17e8c863bfb7-9032b793 {
  grid-area: Area-3;
}

#w-node-_9ce6b1f4-930a-5747-baa4-6080f7aec469-9032b793 {
  grid-area: Area-4;
}

#w-node-_3ce7944e-66b5-44ee-7f33-2b1651f253fb-51f253ea, #w-node-_3ebe23de-6408-5fee-aef1-52d348975c20-51f253ea, #w-node-f12b61ef-bf1e-659c-a024-2e51fcba1d02-51f253ea, #w-node-_94dccd73-60f3-83e7-5af6-590b0c083ab9-51f253ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_223db901-30ae-8711-866c-2717421d6be9-9032b795 {
  grid-column-end: 1.99537;
  grid-column-start: 1;
  grid-row-end: 1.99537;
  grid-row-start: 1;
}

#w-node-a9fb467c-00a9-c6a4-43ef-58fb3b464767-9032b795 {
  grid-area: 2 / 1 / 4 / 2;
}

#w-node-_033ccabb-28a9-346c-7f15-04f28c3896fc-9032b795 {
  grid-area: 1 / 3 / 3 / 4;
}

#w-node-adbd8067-ca87-9736-946f-2d3b63949519-9032b795 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_66db0740-f9b3-546c-0e74-272855dbb349-9032b79b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66db0740-f9b3-546c-0e74-272855dbb34a-9032b79b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_66db0740-f9b3-546c-0e74-272855dbb34c-9032b79b, #w-node-_66db0740-f9b3-546c-0e74-272855dbb34f-9032b79b, #w-node-_66db0740-f9b3-546c-0e74-272855dbb352-9032b79b, #w-node-_66db0740-f9b3-546c-0e74-272855dbb355-9032b79b, #w-node-_66db0740-f9b3-546c-0e74-272855dbb358-9032b79b, #w-node-_66db0740-f9b3-546c-0e74-272855dbb35b-9032b79b, #w-node-fd3d2a8a-7c1f-3250-c5b0-befd13bb7963-9032b79b, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b5d-9032b7a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4e46918-6a04-5bd3-15dd-30e244610b5e-9032b7a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f4e46918-6a04-5bd3-15dd-30e244610b60-9032b7a2, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b63-9032b7a2, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b66-9032b7a2, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b69-9032b7a2, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b6c-9032b7a2, #w-node-f4e46918-6a04-5bd3-15dd-30e244610b6f-9032b7a2, #w-node-_304ad0ee-8c87-fcd2-c480-8d6bfe1caf2a-9032b7a2, #w-node-_957a9b65-dda2-765c-e251-d1a07662264a-9032b7ad, #w-node-_803222c9-f49e-7746-c587-e7b94e42e16e-9032b7ad, #w-node-_23806af3-cb22-e8ee-b782-6f5f72f08632-9032b7ad, #w-node-_822f7053-39f7-c834-89d7-a2ad225dbd52-9032b7ad, #w-node-cd6fdf83-8f18-6796-05cc-02fd7dc8c85b-9032b7ad, #w-node-a3b5a1fd-f114-43a1-537c-8f02cca70d12-9032b7ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_948eeb4f-da7d-d79c-cccc-debcc8ee7a9b-9032b7b1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bd46209f-4d15-a775-02d8-8e79114370b1-9032b7b1 {
  justify-self: auto;
}

#w-node-bd46209f-4d15-a775-02d8-8e79114370b8-9032b7b1 {
  justify-self: start;
}

#w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3aa-9032b7b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3ab-9032b7b5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3ad-9032b7b5, #w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3b0-9032b7b5, #w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3b3-9032b7b5, #w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3b6-9032b7b5, #w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3b9-9032b7b5, #w-node-_8c34ba82-55dc-bf6e-39b1-0bb17931a3bc-9032b7b5, #w-node-_0419032f-0e35-6795-5ae4-46b0f88aee69-9032b7b5, #w-node-b1b01961-77eb-0cf1-d527-87d87779a575-9032b7b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2109223a-d9ae-2213-23ca-6143c56608d1-9032b7b7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b1b01961-77eb-0cf1-d527-87d87779a576-9032b7b7, #w-node-_83652c70-699a-5947-34ed-18b4b91ad7b5-9032b7b7, #w-node-bdb838b2-d80a-738a-9251-bbd98620c826-9032b7b7, #w-node-_40445ab6-6231-f097-6c9f-739c1f73e1fa-9032b7b7, #w-node-c3e91a32-2a16-319b-13a1-87d12614074a-9032b7b7, #w-node-_09c8d09a-e83a-4d6e-95c7-c95b2420f775-9032b7b7, #w-node-a99d4a8a-69a7-913a-82df-95e779b5f988-9032b7b7, #w-node-_97a9a3ac-e919-a5ed-0289-2527f1050061-1fe2e600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97a9a3ac-e919-a5ed-0289-2527f1050062-1fe2e600 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_97a9a3ac-e919-a5ed-0289-2527f1050064-1fe2e600, #w-node-_97a9a3ac-e919-a5ed-0289-2527f1050067-1fe2e600, #w-node-_97a9a3ac-e919-a5ed-0289-2527f105006a-1fe2e600, #w-node-_97a9a3ac-e919-a5ed-0289-2527f105006d-1fe2e600, #w-node-_97a9a3ac-e919-a5ed-0289-2527f1050070-1fe2e600, #w-node-_97a9a3ac-e919-a5ed-0289-2527f1050073-1fe2e600, #w-node-_982d2f47-586c-d744-57f1-0e65e25e7b67-1fe2e600 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e824ed7-12ab-072e-7ca8-32671c13ff24-1fcc90a0 {
  grid-area: Area;
}

#w-node-b45193f4-b25a-c406-7151-8c01831a36e5-1fcc90a0 {
  grid-area: Area-2;
}

#w-node-fb63b2f3-6ff6-11e1-1c83-17e8c863bfb7-1fcc90a0 {
  grid-area: Area-3;
}

#w-node-_9ce6b1f4-930a-5747-baa4-6080f7aec469-1fcc90a0 {
  grid-area: Area-4;
}

#w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-b491ea0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-b491ea0a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-b491ea0a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-b491ea0a, #w-node-ab9de4eb-7851-1561-9f11-01dd716403a0-b491ea0a, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-32d99858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-32d99858 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-32d99858, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-32d99858, #w-node-efdbd558-aab3-2e64-91c5-ceb9e754566b-32d99858, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-88642b46 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-88642b46 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-88642b46, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-88642b46, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-88642b46, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-1f616095 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-1f616095 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-1f616095, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-1f616095, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-1f616095, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-bae9ae1d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-bae9ae1d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-bae9ae1d, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-bae9ae1d, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-bae9ae1d, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-1f274a08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-1f274a08 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-1f274a08, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-1f274a08, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-1f274a08, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-1b5ce249 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-1b5ce249 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-1b5ce249, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-1b5ce249, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-1b5ce249, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-1b60442a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-1b60442a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-1b60442a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-1b60442a, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-1b60442a, #w-node-a68bd69d-dbf5-fac2-a463-924c23732f41-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef5-eecc5d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef6-eecc5d1a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739ef8-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efb-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f01-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739efe-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f04-eecc5d1a, #w-node-f855dd58-fcd7-9c00-5dcd-2a3b82739f07-eecc5d1a, #w-node-_642155bc-9ab5-49fb-4415-81b2fe4d2fb8-eecc5d1a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-d91c306f-d54f-1f6f-08be-e6b30f2d26c5-9032b7a6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_127089c6-d95f-3eb2-7c84-779f298f752c-9032b793, #w-node-b5080d84-b2d8-2bfa-94d1-070cb7e44a73-9032b79b, #w-node-b5080d84-b2d8-2bfa-94d1-070cb7e44a73-9032b7a0, #w-node-_422ef78a-5f57-0e02-3f6e-2aad2d13167f-9032b7a2, #w-node-b5080d84-b2d8-2bfa-94d1-070cb7e44a73-9032b7aa, #w-node-ad7b64bb-dfaf-0dcd-27f7-39941b4167cd-9032b7b7, #w-node-ce9acc76-6dba-12e7-c752-a43699333103-9032b7b7 {
    grid-column-end: 1.99537;
    grid-row: 4 / 5;
    grid-column-start: 1;
  }
}