/*
html.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}*/

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}
.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}
.c-scrollbar:hover {
  transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
  opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1);
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3);
}
.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}
a {
  text-decoration: none;
  color: rgb(93, 86, 75, 1);
}



input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
body * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
	font-family: "Playfair Display", serif;
}
.block {
  display: block;
}
article {
  -webkit-transition: opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.mobileOnly {
  display: none;
}
.full_width {
  width: 100%;
  height: auto;
}
.full_height {
  height: 100%;
  width: auto;
}
.no_opacity {
  opacity: 0.01 !important;
  pointer-events: none !important;
}
.no_opacity.show,
.show .no_opacity {
  opacity: 1 !important;
  pointer-events: all !important;
}
.top_low {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0.01;
}
.inline_block {
  display: inline-block;
  will-change: transform;
}
.transition_all {
  transition-property: all !important;
}
.top_hidden {
  -webkit-transform: translateY(101%);
  transform: translateY(101%);
}
.top_translated {
  -webkit-transform: translateY(25vw);
  transform: translateY(25vw);
}
.top_ultralow {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}
.top_single {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
}
.top_double {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
}
.top_double.show,
.show .top_double,
.top_single.show,
.show .top_single,
.top_low.show,
.show .top_low,
.top_ultralow.show,
.show .top_ultralow,
.left_single.show,
.left_double.show,
.show .left_single,
.show .left_double,
.scaled.show,
.show .scaled {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.top_hidden.show,
.top_translated.show,
.show .top_hidden,
.show .top_translated,
.no_width.show,
.show .no_width,
.no_height.show,
.show .no_height {
  -webkit-transform: none;
  transform: none;
  pointer-events: all;
}
.centered {
  text-align: center;
}
.no_overflow {
  overflow: hidden;
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.column {
  flex-direction: column;
}
.spaceBetween {
  justify-content: space-between;
}
.hEnd {
  justify-content: flex-end;
}
.hCenter {
  justify-content: center;
}
.vCenter {
  align-items: center;
}
.vEnd {
  align-items: flex-end;
}
.selfEnd {
  align-self: flex-end;
}
.selfStart {
  align-self: flex-start;
}
.expand {
  flex: 1;
}
.mask_bottom {
  transform: translateY(50%);
}
.mask_bottom .t_container {
  transform: translateY(-50%);
}
.mask_bottom.full {
  transform: translateY(100.5%);
}
.mask_bottom.full .t_container {
  transform: translateY(-100.5%);
}
.mask_bottom.full .t_container img {
  transform: translateY(10%);
}
[data-scroll-speed] {
  will-change: transform;
}
span.block {
  will-change: transform;
}
.pointer {
  cursor: pointer;
}
.has_transition_1500,
.show .fast_rewind.has_transition_1500,
.show.fast_rewind.has_transition_1500 {
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_2000,
.show .fast_rewind.has_transition_2000,
.show.fast_rewind.has_transition_2000 {
  -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_3000,
.show .fast_rewind.has_transition_3000,
.show.fast_rewind.has_transition_3000 {
  -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.23, 1, 0.32, 1),
    opacity 3000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 3000ms cubic-bezier(0.23, 1, 0.32, 1),
    opacity 3000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.has_transition_400,
.show .fast_rewind.has_transition_400,
.show.fast_rewind.has_transition_400 {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_500,
.show .fast_rewind.has_transition_500,
.show.fast_rewind.has_transition_500 {
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_600,
.show .fast_rewind.has_transition_600,
.show.fast_rewind.has_transition_600 {
  -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_800,
.show .fast_rewind.has_transition_800,
.show.fast_rewind.has_transition_800 {
  -webkit-transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 800ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_1000,
.show .fast_rewind.has_transition_1000,
.show.fast_rewind.has_transition_1000 {
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_2000,
.show .fast_rewind.has_transition_2000,
.show.fast_rewind.has_transition_2000 {
  -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_2500,
.show .fast_rewind.has_transition_2500,
.show.fast_rewind.has_transition_2500 {
  -webkit-transition: -webkit-transform 2500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 2500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_5000,
.show .fast_rewind.has_transition_5000,
.show.fast_rewind.has_transition_5000 {
  -webkit-transition: -webkit-transform 5000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 5000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 5000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 5000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.has_transition_2000_inout,
.show .fast_rewind.has_transition_2000_inout,
.show.fast_rewind.has_transition_2000_inout {
  -webkit-transition: -webkit-transform 2000ms
      cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition: transform 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.has_transition_1000_inout,
.show .fast_rewind.has_transition_1000_inout,
.show.fast_rewind.has_transition_1000_inout {
  -webkit-transition: -webkit-transform 1000ms
      cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.has_transition_1500_inout,
.show .fast_rewind.has_transition_1500_inout,
.show.fast_rewind.has_transition_1500_inout {
  -webkit-transition: -webkit-transform 1500ms
      cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition: transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.has_transition_800_cubic,
.show .fast_rewind.has_transition_800_cubic,
.show.fast_rewind.has_transition_800_cubic {
  -webkit-transition: -webkit-transform 800ms
      cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1),
    opacity 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.no_height {
  transform: scale(1, 0);
  pointer-events: none;
}
.fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fit.bottom {
  object-position: bottom;
}
.fit.top {
  object-position: top;
}
.fit.left {
  object-position: left;
}
.fit.right {
  object-position: right;
}
.uppercase {
  text-transform: uppercase;
}
.mask_top {
  transform: translateY(-50%);
}
.mask_top .t_container {
  transform: translateY(50%);
}
.mask_top.full {
  transform: translateY(-100.5%);
}
.mask_top.full .t_container {
  transform: translateY(100.5%);
}
.mask_top.full .t_container img {
  transform: translateY(-10%);
}
.mask_left {
  transform: translateX(-50%);
}
.mask_left .t_container {
  transform: translateX(100%);
}
.mask_left.full {
  transform: translateX(-100.5%);
}
.mask_left.full .t_container {
  transform: translateX(100.5%);
}
.mask_left.full .t_container img {
  transform: translateX(-25%);
}
.mask_right {
  transform: translateX(50%);
}
.mask_right .t_container {
  transform: translateX(-100%);
}
.mask_right.full {
  transform: translateX(100.5%);
}
.mask_right.full .t_container {
  transform: translateX(-100.5%);
}
.mask_right.full .t_container img {
  transform: translateX(25%);
}
.show > .mask_bottom,
.show > .mask_left,
.show > .mask_left .t_container,
.show > .mask_left .t_container img,
.show > .mask_right,
.show > .mask_right .t_container,
.show > .mask_right .t_container img,
.show > .mask_top,
.show > .mask_top .t_container,
.show > .mask_top .t_container img,
.show > .mask_bottom,
.show > .mask_bottom .t_container,
.show > .mask_bottom .t_container img {
  transform: none;
}
.fast_rewind {
  transition-duration: 300ms;
}
.show .d50,
.show.d50 {
  transition-delay: 50ms !important;
}
.show .d100,
.show.d100 {
  transition-delay: 100ms !important;
}
.show .d150,
.show.d150 {
  transition-delay: 150ms !important;
}
.show .d200,
.show.d200 {
  transition-delay: 200ms !important;
}
.show .d250,
.show.d250 {
  transition-delay: 250ms !important;
}
.show .d300,
.show.d300 {
  transition-delay: 300ms !important;
}
.show .d350,
.show.d350 {
  transition-delay: 350ms !important;
}
.show .d400,
.show.d400 {
  transition-delay: 400ms !important;
}
.show .d450,
.show.d450 {
  transition-delay: 450ms !important;
}
.show .d500,
.show.d500 {
  transition-delay: 500ms !important;
}
.show .d550,
.show.d550 {
  transition-delay: 550ms !important;
}
.show .d600,
.show.d600 {
  transition-delay: 600ms !important;
}
.show .d650,
.show.d650 {
  transition-delay: 650ms !important;
}
.show .d700,
.show.d700 {
  transition-delay: 700ms !important;
}
.show .d750,
.show.d750 {
  transition-delay: 750ms !important;
}
.show .d800,
.show.d800 {
  transition-delay: 800ms !important;
}
.show .d850,
.show.d850 {
  transition-delay: 850ms !important;
}
.show .d900,
.show.d900 {
  transition-delay: 900ms !important;
}
.show .d950,
.show.d950 {
  transition-delay: 950ms !important;
}
.show .d1000,
.show.d1000 {
  transition-delay: 1000ms !important;
}
.show .d1050,
.show.d1050 {
  transition-delay: 1050ms !important;
}
.show .d1100,
.show.d1100 {
  transition-delay: 1100ms !important;
}
.show .d1150,
.show.d1150 {
  transition-delay: 1150ms !important;
}
.show .d1200,
.show.d1200 {
  transition-delay: 1200ms !important;
}
.show .d1250,
.show.d1250 {
  transition-delay: 1250ms !important;
}
.show .d1300,
.show.d1300 {
  transition-delay: 1300ms !important;
}
.show .d1350,
.show.d1350 {
  transition-delay: 1350ms !important;
}
.show .d1400,
.show.d1400 {
  transition-delay: 1400ms !important;
}
.show .d1450,
.show.d1450 {
  transition-delay: 1450ms !important;
}
.show .d1500,
.show.d1500 {
  transition-delay: 1500ms !important;
}
.show .d1600,
.show.d1600 {
  transition-delay: 1600ms !important;
}
.show .d1700,
.show.d1700 {
  transition-delay: 1700ms !important;
}
.show .d1800,
.show.d1800 {
  transition-delay: 1800ms !important;
}
.show .d1900,
.show.d1900 {
  transition-delay: 1900ms !important;
}
.show .d2000,
.show.d2000 {
  transition-delay: 2000ms !important;
}
.show .d2100,
.show.d2100 {
  transition-delay: 2100ms !important;
}
.show .d2200,
.show.d2200 {
  transition-delay: 2200ms !important;
}
.no_transition {
  transition: none !important;
}
.transform_lock {
  transform: none !important;
}
.no_width {
  transform: scale(0, 1);
  pointer-events: none;
}
.underline {
  text-decoration: underline;
}
.margin {
  margin-top: 2.5vw;
}
.n-margin {
  margin-top: -2.5vw;
}
.doubleMargin {
  margin-top: 5vw;
}
.n-doubleMargin {
  margin-top: -5vw;
}
.tripleMargin {
  margin-top: 7.5vw;
}
.n-tripleMargin {
  margin-top: -7.5vw;
}
.quadMargin {
  margin-top: 5vw;
}
.halfMargin {
  margin-top: 1.5vw;
}
.smallMargin {
  margin-top: 20px;
}
.microMargin {
  margin-top: 10px;
}
.marginLeft {
  margin-left: 5vw;
}
.halfMarginLeft {
  margin-left: 2.5vw;
}
.lowercase {
  text-transform: lowercase;
}
.ma {
  margin-left: auto;
  margin-right: auto;
}
.bold {
  font-weight: 500;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.mainContainer.column {
  display: flex;
  flex-direction: column;
}
.leftPadded {
  padding-left: 5vw;
  box-sizing: border-box;
}
.rightPadded {
  padding-right: 5vw;
  box-sizing: border-box;
}
.bottomPadded {
 
  box-sizing: border-box;
}
.topPadded {
  padding-top: 5vw;
  box-sizing: border-box;
}
.doubleLeftPadded {
  padding-left: 10vw;
  box-sizing: border-box;
}
.doubleRightPadded {
  padding-right: 10vw;
  box-sizing: border-box;
}
.doubleBottomPadded {
  padding-bottom: 3.5vw;
  box-sizing: border-box;
}
.fullPage {
  min-height: 100vh;
}
.fullPage.m2 {
  min-height: 125vh;
}
.fullPage.m3 {
  min-height: 150vh;
}
.bSepia {
  background: rgb(250, 245, 242);
}
.bSepiaSkin {
  background: rgb(162, 92, 68);
}
.cWhite {
  color: #fff;
}
.bSepiaSkin400 {
  background: rgb(199, 143, 112);
}
.bSepiaSkin100 {
  background: rgb(244, 233, 224);
}
.cSepiaSkin500 {
  color: rgb(187, 117, 84);
}
.bGurka100 {
  background: rgb(228, 227, 221);
}
.bGurka200 {
  background: rgb(203, 201, 189);
}
.bGurka300 {
  background: rgb(173, 170, 151);
}
.bGurka500 {
  background: rgb(135, 128, 107);
}
.bGurka600 {
  background: rgb(115, 107, 91);
}
.cGurka50 {
  color: rgb(244, 244, 242);
}
.cGurka300 {
  color: rgb(173, 170, 151);
}
.cGurka600 {
  color: rgb(115, 107, 91);
}
.cGurka700 {
  color: rgb(93, 86, 75);
}
.bJuniper {
  background: #f8f9fa;
}
.bJuniper200 {
  background: rgb(190, 209, 207);
}
.bJuniper300 {
  background: rgb(150, 178, 176);
}
.bJuniper500 {
  background: rgb(86, 118, 117);
}
.cJuniper50 {
  color: rgb(245, 248, 247);
}
.cJuniper100 {
  color: rgb(223, 232, 231);
}
.cJuniper300 {
  color: rgb(150, 178, 176);
}
.introTitle {
  font-family: Mulish;
  font-weight: 250;
  font-size: 1.8vw;
  line-height: 2.5vw;
}
.subHeadLine {
  font-family: Sogo;
  font-size: 1.35vw;
  line-height: 2.25vw;
  letter-spacing: 1px;
  overflow: hidden;
  z-index: 0;
}
.subHeadLineMin {
  font-family: Sogo;
  font-size: 2.2vw;
  line-height: 3.2vw;
  letter-spacing: 0.1vw;
  font-weight: 250;
  overflow: hidden;
}
.bigTypography {
  font-family: Mulish;
  font-size: 3.4vw;
  line-height: 6vw;
  letter-spacing: 0.05em;
  font-weight: 250;
}
.ctaLabel {
  font-family: Mulish;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 1.5vw;
  text-align: center;
}
.sectionTitle {
  font-family: Sogo;
  font-size: 7.8vw;
  font-weight: 400;
  line-height: 13vw;
  white-space: nowrap;
}
.sectionTitle.small {
  font-size: 5.2vw;
}
.left > .sectionTitle {
  margin-bottom: 10vw;
}
.buttonLabel {
  font-family: Mulish;
  font-size: 0.8vw;
  font-weight: 300;
  line-height: 1.25vw;
}
.text {
  font-family: Sogo;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.tempTitle {
  font-family: Sogo;
  font-size: 2.35vw;
  font-weight: 300;
  line-height: 3.5vw;
  letter-spacing: 0.05em;
}
.paragraphTitle {
  font-family: Sogo;
  font-size: 5vw;
  font-weight: 400;
  line-height: 8vw;
  letter-spacing: 0.05em;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.textMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.subHeadLine .maskRow {
  height: 2.25vw;
  width: 200%;
  transform: translateX(-50%);
}
.subHeadLineMin .maskRow {
  height: 3.2vw;
  width: 200%;
  transform: translateX(-50%);
}
.maskRow.bSepia {
  background: linear-gradient(
    90deg,
    rgba(250, 245, 242, 0) 0%,
    rgb(250, 245, 242) 50%
  );
}
.maskRow.bSepiaSkin100 {
  background: linear-gradient(
    90deg,
    rgba(244, 233, 224, 0) 0%,
    rgb(244, 233, 224) 50%
  );
}
.maskRow.bJuniper200 {
  background: linear-gradient(
    90deg,
    rgba(190, 209, 207, 0) 0%,
    rgb(190, 209, 207) 50%
  );
}
.maskRow.bJuniper300 {
  background: linear-gradient(
    90deg,
    rgba(150, 178, 176, 0) 0%,
    rgb(150, 178, 176) 50%
  );
}
.maskRow.bGurka300 {
  background: linear-gradient(
    90deg,
    rgba(173, 170, 151, 0) 0%,
    rgb(173, 170, 151) 50%
  );
}
.maskRow.bGurka500 {
  background: linear-gradient(
    90deg,
    rgba(135, 128, 107, 0) 0%,
    rgb(135, 128, 107) 50%
  );
}
.maskRow.bGurka100 {
  background: linear-gradient(
    90deg,
    rgba(228, 227, 221, 0) 0%,
    rgb(228, 227, 221) 50%
  );
}
.maskRow.bGurka200 {
  background: linear-gradient(
    90deg,
    rgba(203, 201, 189, 0) 0%,
    rgb(203, 201, 189) 50%
  );
}
.show .maskRow {
  transform: translateX(50%);
}
/*.w2 {
  width: 10vw;
}
.w2h {
  width: 12.5vw;
}
.w3 {
  width: 15vw;
}
.w3h {
  width: 17.5vw;
}
.w4 {
  width: 20vw;
}
.w4h {
  width: 22.5vw;
}
.w5 {
  width: 25vw;
}
.w5h {
  width: 27.5vw;
}
.w6 {
  width: 30vw;
}
.w6h {
  width: 32.5vw;
}
.w7 {
  width: 35vw;
}
.w7h {
  width: 37.5vw;
}
.w8 {
  width: 40vw;
}
.w8h {
  width: 42.5vw;
}
.w9 {
  width: 45vw;
}
.w9h {
  width: 47.5vw;
}
.w10 {
  width: 50vw;
}
.w10h {
  width: 52.5vw;
}
.w11 {
  width: 55vw;
}
.w11h {
  width: 57.5vw;
}
.w12 {
  width: 60vw;
}
.w13 {
  width: 65vw;
}
.w14 {
  width: 70vw;
}
.w14h {
  width: 72.5vw;
}
.w15 {
  width: 75vw;
}
.h2 {
  height: 10vw;
}
.h2h {
  height: 12.5vw;
}
.h3 {
  height: 15vw;
}
.h3h {
  height: 17.5vw;
}
.h4 {
  height: 20vw;
}
.h4h {
  height: 22.5vw;
}
.h5 {
  height: 25vw;
}
.h5h {
  height: 27.5vw;
}
.h6 {
  height: 30vw;
}
.h6h {
  height: 32.5vw;
}
.h7 {
  height: 35vw;
}
.h7h {
  height: 37.5vw;
}
.h8 {
  height: 40vw;
}
.h8h {
  height: 42.5vw;
}
.h9 {
  height: 45vw;
}
.h9h {
  height: 47.5vw;
}
.h10 {
  height: 50vw;
}
.h11h {
  height: 57.5vw;
}
.h10 {
  height: 50vw;
}*/

.w2 {
  width: 10vw;
}
.w2h {
  width: 12.5vw;
}
.w3 {
  width: 15vw;
}
.w3h {
  width: 17.5vw;
}
.w4 {
  width: 50vw;
}
.w4h {
  width: 22.5vw;
}
.w5 {
  width: 25vw;
}
.w5h {
  width: 27.5vw;
}
.w6 {
  width: 30vw;
}
.w6h {
  width: 32.5vw;
}
.w7 {
  width: 35vw;
}
.w7h {
  width: 37.5vw;
}
.w8 {
  width: 40vw;
}
.w8h {
  width: 42.5vw;
}
.w9 {
  width: 45vw;
}
.w9h {
  width: 47.5vw;
}
.w10 {
  width: 50vw;
}
.w10h {
  width: 52.5vw;
}
.w11 {
  width: 55vw;
}
.w11h {
  width: 57.5vw;
}
.w12 {
  width: 60vw;
}
.w13 {
  width: 65vw;
}
.w14 {
  width: 70vw;
}
.w14h {
  width: 72.5vw;
}
.w15 {
  width: 75vw;
}
.h2 {
  height: 10vw;
}
.h2h {
  height: 20.5vw;
}
.h3 {
  height: 15vw;
}
.h3h {
  height: 17.5vw;
}
.h4 {
  height: 20vw;
}
.h4h {
  height: 22.5vw;
}
.h5 {
  height: 25vw;
}
.h5h {
  height: 27.5vw;
}
.h6 {
  height: 30vw;
}
.h6h {
  height: 32.5vw;
}
.h7 {
  height: 35vw;
}
.h7h {
  height: 37.5vw;
}
.h8 {
  height: 40vw;
}
.h8h {
  height: 42.5vw;
}
.h9 {
  height: 45vw;
}
.h9h {
  height: 47.5vw;
}
.h10 {
  height: 50vw;
}
.h11h {
  height: 57.5vw;
}
.h10 {
  height: 50vw;
}


.pic.full {
  width: 100%;
  height: 100vh;
}
.fullPage.m2 .pic.full {
  height: 125vh;
}
.pic.hidden {
  transform: scale(0.75);
}
.pic.hidden .pic_container {
  transform: scale(1.25);
}
.pic.hidden.show,
.show .pic.hidden,
.pic.hidden.show .pic_container,
.show .pic.hidden .pic_container {
  transform: none;
}
.borders {
  border-radius: 25px;
  overflow: hidden;
  z-index: 1;
}
.borders-bottom {
  border-radius: 0 0 25px 25px;
  overflow: hidden;
}
.borders-top {
  border-radius: 25px 25px 0 0;
  overflow: hidden;
}
.borders-left {
  border-radius: 25px 0 0 25px;
  overflow: hidden;
}
.midContainer {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
.mainContainer {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
.largeContainer {
  width: 85vw;
  margin-left: auto;
  margin-right: auto;
}

#top {
  width: 100vw;
  position: relative;
  padding-top: 7.5vw;
  box-sizing: border-box;
}
#home #top {
  padding-top: 0;
  height: 100svh;
  perspective: 1500px;
  overflow: hidden;
}
#understated {
  font-family: Sogo;
  font-weight: 300;
  font-size: 3.5vw;
  color: #fff;
  letter-spacing: 2px;
  width: 100%;
  text-align: center;
  height: 10.5vw;
}
#imgTop {
  transform: scale(0.5) translateY(25%);
  transform-origin: bottom;
  will-change: transform;
}
#imgTopContainer {
  transform: scale(1.5);
  will-change: transform;
}
#imgTopContainer img {
  will-change: transform;
}
#imgTop.show,
#imgTop.show #imgTopContainer {
  transform: none;
  opacity: 1 !important;
}
#home #imgTop {
  width: 108%;
  height: 108%;
  position: absolute;
  top: -4%;
  left: -4%;
  z-index: 0;
  transform: translateZ(-500px);
  transition: transform 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
  backface-visibility: hidden;
}
#home #imgTop.out {
  transform: none;
}
#imgFirstFiltered {
  filter: blur(3px);
  opacity: 0;
  will-change: transform;
  transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#videoFirst {
  will-change: transform;
}
#imgTop.out #imgFirstFiltered {
  opacity: 1;
}
#home #imgTop:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 1;
  background: rgb(30, 30, 30);
  opacity: 0;
  will-change: transform;
}
#home #imgTop.out:before {
  opacity: 0.3;
}
#mainLogo {
  width: 122px;
  height: 60px;
  transform-origin: top;
  pointer-events: all;
}
#mainLogo use {
  will-change: transform;
}
#intro {
  position: absolute;
  top: 0;
  left: 0;
  height: 100svh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  z-index: 1;
  backface-visibility: hidden;
  transition: transform 1000ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
    filter 1000ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#intro.out {
  transform: translateZ(1500px);
  filter: blur(10px);
}
#introLogo {
  width: 30vw;
  z-index: 1;
  position: relative;
  will-change: transform;
}
#lm polyline {
  stroke-dasharray: 744px;
  stroke-dashoffset: 744px;
}
#lo ellipse {
  stroke-dasharray: 978px;
  stroke-dashoffset: 978px;
  transform: rotateY(180deg);
  transform-origin: 53% 50%;
}
#ln polyline {
  stroke-dasharray: 594px;
  stroke-dashoffset: 594px;
}
#introLogo.show #lm polyline,
#introLogo.show #lo ellipse,
#introLogo.show #ln polyline {
  stroke-dashoffset: 0;
}
use.dark,
path.dark {
  fill: #87806b;
}
use.light,
path.light {
  fill: rgba(244, 233, 224, 1);
}
#oFill {
  transform: scale(1.025);
  transform-origin: 50%;
}
#oFill.hidden {
  opacity: 0;
}
#intro:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(244, 233, 224);
  clip-path: polygon(
    0% 0%,
    0% 100%,
    44vw 100%,
    44vw calc(50.05svh - 7.2vw),
    58vw calc(50.05svh - 7.2vw),
    58vw calc(50svh + 7.2vw),
    25% calc(50svh + 7.2vw),
    25% 100%,
    100% 100%,
    100% 0%
  );
}
#layerTop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding-bottom: 3vw;
  box-sizing: border-box;
}
#understated span,
#understated {
  will-change: transform;
}
#introText {
  font-family: Sogo;
  color: #f5f8f7;
  font-size: 26px;
  letter-spacing: 2px;
  width: 61%;
  text-align: center;
  margin-top: 3vw;
  will-change: transform;
}
#welcome {
  font-family: Mulish;
  font-size: 4vw;
  color: rgba(135, 128, 107, 1);
  font-weight: 250;
  letter-spacing: 5px;
}
#scrollDown {
  position: absolute;
  top: calc(100dvh - 2.5vw - 96px);
  left: calc(50% - 35px);
  z-index: 1;
}
#sd1 {
  transform: scale(0.1);
  transform-origin: 50% 100%;
  opacity: 0;
  will-change: transform;
}
#sd2 {
  transform: scale(0.1);
  transform-origin: 50% 100%;
  opacity: 0;
  will-change: transform;
}
#sdA {
  transform: translateY(20px);
  opacity: 0;
  will-change: transform;
}
.show #sdA {
  transform: none;
  opacity: 1;
}
.show #sd1,
.show #sd2 {
  transform: none;
  opacity: 0.3;
}
#availability {
  position: fixed;
  bottom: 2.5vw;
  left: calc(50% - 145px);
  will-change: transform;
  z-index: 3;
}
#availability .button,
.button.transparent {
  width: 290px;
  height: 3.5vw;
  min-height: 50px;
  border-radius: 15px;
  background: rgba(244, 244, 242, 0.7);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-family: Mulish;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(93, 86, 75);
  font-weight: 300;
  border: 1px solid rgb(93, 86, 75);
}
#langs {
  position: absolute;
  left: 5vw;
  pointer-events: all;
}
div.headerSwitch {
  position: relative;
  top: 95dvh;
}
#langs .lang-item {
  margin-left: 15px;
  position: relative;
}
#langs .lang-item a {
  color: rgb(93, 86, 75, 1);
  -webkit-transition: color 600ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: color 600ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0;
}
header.forced #langs .lang-item a {
  color: rgb(93, 86, 75, 1) !important;
}
header.white #langs .lang-item a {
  color: #fff;
}
#langs.show .lang-item a {
  opacity: 1;
}
#langs .lang-item-first {
  margin-left: 0;
}
#langs .current-lang:after {
  content: "";
  position: absolute;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: rgb(93, 86, 75, 1);
  left: 0;
  transform: scale(0, 1);
  transform-origin: left;
  -webkit-transition: -webkit-transform 1000ms
      cubic-bezier(0.575, 0.005, 0.285, 1.005),
    background 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    background 600ms cubic-bezier(0.19, 1, 0.22, 1);
}
header.forced #langs .current-lang:after {
  background: rgb(93, 86, 75, 1) !important;
}
#langs.show .current-lang:after {
  transform: none;
}
header.white #langs .current-lang:after {
  background: #fff;
}
.largeBlock {
  max-width: 1245px;
  width: 80vw;
}
.autoSlider {
  padding: 1vw 1vw 2.5vw 1vw;
  box-sizing: border-box;
  border-radius: 20px;
  width: 25vw;
  position: absolute;
  top: -8.5vw;
  left: calc(50% - 12.5vw);
  z-index: 1;
}
.autoSlider .glide {
  border-radius: 15px;
  overflow: hidden;
}
.autoSlider .glide__track {
  transform-origin: top;
}
.glide.fading .glide__slides {
  width: auto !important;
  display: block;
}
.glide.fading .glide__slide {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 1s;
}
.glide.fading .glide__slide:first-child {
  position: relative;
}
.glide.fading .glide__slide--active {
  z-index: 1;
  opacity: 1;
}
.ctaIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  position: relative;
  height: 36px;
}
.ctaButton:hover .ctaIcon,
.ctaBox:hover .ctaIcon {
  width: 40px;
  height: 52px;
}
.ctaIconBack {
  position: absolute;
  width: 100%;
  height: auto;
}
.cursor {
  width: 20vw;
  height: 2px;
  background: rgba(217, 217, 217, 0.5);
}
.cursor .line {
  background: rgba(217, 217, 217, 1);
  transform: scale(0.2, 1);
  width: 100%;
  height: 100%;
  transform-origin: left;
}
.counter .separator {
  margin: 0.2vw 14px 0 15px;
  height: 1.5vw;
  width: 1px;
  background: rgba(217, 217, 217, 1);
}
#foliageBackground {
  z-index: 0;
  position: absolute;
  transform: rotateY(180deg);
  width: 100%;
}
#foliageBackground:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15vw;
  background: linear-gradient(180deg, #faf5f2 0%, transparent 100%);
  z-index: 1;
}
#foliageBackground:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15vw;
  background: linear-gradient(0deg, #faf5f2 5%, transparent 100%);
  z-index: 1;
}
#foliageBackground video {
  width: 100%;
  opacity: 0.05;
  filter: grayscale(1);
}
#foliageBackground + .bigTypography {
  margin-top: 40px;
}
#langheBox {
  padding: 1vw 1vw 1vw 1vw;
  box-sizing: border-box;
  border-radius: 20px;
  z-index: 1;
  background: #e5e5e5;
  width: 65vw;
  will-change: transform;
}
#langheBox .videoContainer {
  border-radius: 15px;
  overflow: hidden;
  will-change: transform;
  display: flex;
  justify-content: center;
}
#langheBox video {
  width: 63vw;
  height: 35.4371vw;
  will-change: transform;
}
#detailTarget {
  height: 100vh;
  top: 0;
}

#detailSticky .left .pic {
  transform: scale(0.57895);
  transform-origin: top left;
}
#detailSticky .right .pic:first-child {
  transform-origin: top right;
}
#detailSticky .right .pic:nth-child(2) {
  margin-top: -10vw;
}
/*.picLayer {
  min-height:80vh;
  height: 80vh;
}
.picLayer .pic {
  position: absolute;
  -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.picLayer .pic._1 {
  position: absolute;
  top: 5vw;
  left: 7.5vw;
  transform: translate(25vw, 12vw);

}
.picLayer .pic._2 {
  position: absolute;
  left: 30vw;
  top: 10vw;
  transform: translate(12vw, 7vw);

}
.picLayer .pic._3 {
  position: absolute;
  left: 60vw;
  top: 2.5vw;
  transform: translate(-5vw, 12vw);

}
.picLayer .pic._4 {
  position: absolute;
  right: 15vw;
  top: 15vw;
  transform: translate(-16vw, 10vw);
 
}
.picLayer .pic._5 {
  position: absolute;
  left: 12.5vw;
  top: 30vw;
  transform: translate(20vw, -6vw);

}
.picLayer .pic._6 {
  position: absolute;
  right: 2.5vw;
  top: 20vw;
  transform: translate(-14vw, 12vw);

}
.picLayer .pic._7 {
  position: absolute;
  left: 2.5vw;

 top: 18vw;
  transform: translate(21vw, -12vw);

}
.picLayer .pic._8 {
  position: absolute;
  left: 60vw;
  top: 45vw;
  transform: translate(-10vw, -15vw);

}
.picLayer .subHeadLineMin {
  position: absolute;
  top: 27vw;
  left: 27vw;
  width: 50vw;
}
.picLayer.show .pic {
  opacity: 1 !important;
  transform: none !important;
}*/

.picLayer {
  min-height:80vh;
  height: 80vh;
}
.picLayer .pic {
  position: absolute;
  -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1250ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}
.picLayer .pic._1 {
  position: absolute;
  top: 5vw;
  left: 2.5vw;
  transform: translate(25vw, 12vw);
}
.picLayer .pic._2 {
  position: absolute;
  left: 25vw;
  top: 5vw;
  transform: translate(12vw, 7vw);
}
.picLayer .pic._3 {
  position: absolute;
  left: 82vw;
  top: 5.5vw;
  transform: translate(-5vw, 12vw);
}
.picLayer .pic._4 {
  position: absolute;
  right: 15vw;
  top: 15vw;
  transform: translate(-16vw, 10vw);
 
}
.picLayer .pic._5 {
  position: absolute;
  left: 12.5vw;
  top: 30vw;
  transform: translate(20vw, -6vw);

}
.picLayer .pic._6 {
  position: absolute;
  right: 2.5vw;
  top: 18vw;
  transform: translate(-14vw, 12vw);

}
.picLayer .pic._7 {
  position: absolute;
  left: 2.5vw;
 /* top: 38vw;*/
 top: 18vw;
  transform: translate(21vw, -12vw);

}
.picLayer .pic._8 {
  position: absolute;
  left: 60vw;
  top: 45vw;
  transform: translate(-10vw, -15vw);

}
.picLayer .subHeadLineMin {
  position: absolute;
  top: 27vw;
  left: 25vw;
  width: 50vw;
}
.picLayer.show .pic {
  opacity: 1 !important;
  transform: none !important;
}

#ctaOval {
  width: 15vw;
  margin: 0 7.5vw;
}
#ctaOval > img {
  height: 99.5%;
  top: 0.25%;
}
#ctaOval > svg {
  display: block;
  position: relative;
  width: 100.1%;
}
.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
}
#copy {
  position: absolute;
  top: calc(2.5vw + 4px);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 5vw 0 5vw;
  box-sizing: border-box;
}
#copy br {
  display: none;
}
#copy .buttonLabel {
  width: 33%;
}
#copy .buttonLabel:first-child {
  text-align: left;
}
#copy .buttonLabel:last-child {
  text-align: right;
}
#copy .buttonLabel:nth-child(2) {
  text-align: center;
}
.tempNewsletter {
  width: 817px;
  position: absolute;
  left: calc(50% - 408.5px);
  top: calc(50% - 77px);
}
.ctaContainer,
#pageFaq .midContainer,
#newsletter,
footer {
  will-change: transform;
}
#stay #top .right .pic.w11,
#faq #top .right .pic.w11,
#contacts #top .right .pic.w11,
#services #top .right .pic.w11 {
  margin-top: 15vw;
}
#roomScroll {
  height: 900lvh;
}
#roomScrollTarget {
  height: 900dvh;
  position: absolute;
  top: 0vh;
}
.scrollViewport {
  position: absolute;
  top: 0;
  height: 100dvh;
  width: 100vw;
}
#scrollViewportReset {
  position: relative;
  bottom: -60px;
}
.roomPanel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.roomPanel:not(._1) {
  transform: translateX(100%);
}
.roomPanel._1,
.roomPanel._1 .roomPic,
.roomPanel._1 .glide__slide {
  background: rgba(190, 209, 207, 1);
}
.roomPanel._2 {
  background: rgba(233, 236, 213, 1);
  transform: translateX(80%);
}
.roomPanel._2 .roomPic,
.roomPanel._2 .glide__slide {
  background: rgba(233, 236, 213, 1);
}
.roomPanel._3 {
  background: rgba(203, 201, 189, 1);
  transform: translateX(95%);
}
.roomPanel._3 .roomPic,
.roomPanel._3 .glide__slide {
  background: rgba(203, 201, 189, 1);
}
.roomPanel._4 {
  background: rgba(228, 227, 221, 1);
  transform: translateX(100%);
}
.roomPanel._4 .roomPic,
.roomPanel._4 .glide__slide {
  background: rgba(228, 227, 221, 1);
}
.roomPanel._5 {
  background: rgba(216, 180, 153, 1);
  transform: translateX(100%);
}
.roomPanel._5 .roomPic,
.roomPanel._5 .glide__slide {
  background: rgba(228, 227, 221, 1);
}
.roomPanel._6 {
  background: rgb(244, 233, 224);
  transform: translateX(100%);
}
.roomPanel._6 .roomPic,
.roomPanel._6 .glide__slide {
  background: rgb(244, 233, 224);
}
.roomPanel > img {
  position: relative;
}
.roomPanel.prevHidden {
  transform: translateX(0) !important;
}
.roomPanel.nextHidden {
  transform: translateX(100%) !important;
}
.roomSlider {
  position: relative;
  left: 0;
  width: 60vw;
  height: 80vh;
  border-radius: 25px;
  overflow: hidden;
  z-index: 0;
  transform-origin: bottom right;
  margin-left: 18px;
  margin-bottom: 10vh;
}
.roomSlider.fullScreen {
  transform: scale(1) !important;
  left: 0vw !important;
  top: 0px !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0px !important;
  border-radius: 0px !important;
}
.roomSlider.fullScreen .roomPic,
.roomSlider.fullScreen .glide {
  transform: scale(1) !important;
}
.roomSlider .glide {
  display: none;
  transform: scale(1.5);
}
.roomSlider.fullScreen .roomPic.exit {
  z-index: 1;
  animation: roomPicExit 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 normal;
}
@keyframes roomPicExit {
  0% {
    left: -100vw;
  }
  100% {
    left: 0;
  }
}
.roomPic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  display: flex;
  justify-content: center;
}
.roomPic img {
  -webkit-transition: all 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition: all 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.roomSlider:not(.fullScreen) img.full_height {
  transform: scale(1.55);
}
.roomLayer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#roomLayout {
  position: absolute;
  left: 5vw;
  top: 10vh;
  height: 13vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  will-change: transform;
}
.roomControls {
  width: 90vw;
  max-width: 1340px;
}
.roomTrack {
  width: 100%;
  height: 1px;
}
.roomLine {
  width: 100%;
  height: 1px;
  transform: scale(0.08333, 1);
  transform-origin: left;
  will-change: transform;
}
.roomName.active {
  font-weight: 600;
  transform: translateY(-2px);
  font-size: 17px;
}
.roomInfo {
  position: absolute;
  bottom: 10vh;
  height: 57vh;
  left: 5vw;
  will-change: transform;
}
.dataInfo {
  margin-left: 20px;
  white-space: nowrap;
}
.viewAll {
  position: absolute;
  width: 192px;
  height: 256px;
  bottom: 5vw;
  left: 5vw;
  will-change: transform;
  cursor: pointer;
}
.viewAll .labelContainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.viewBack {
  position: absolute;
  width: 100%;
  height: 100%;
  fill: rgb(245, 248, 247);
  opacity: 0.8;
  transform: scale(0);
  transform-origin: bottom;
}
.viewArrow {
  fill: rgb(115, 107, 91);
  width: 23px;
  margin-top: 10px;
  height: 38px;
  position: relative;
  top: 15px;
}
.viewAll .label {
  font-size: 30px;
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.viewAll:not(.active).show .viewBack {
  transform: scale(1);
}
.viewAll.active .top_low {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  transition-delay: 0ms !important;
  transition-duration: 250ms;
}
.glide__arrows {
  position: absolute;
  top: 50%;
  padding: 0 5vw;
  display: flex;
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
  box-sizing: border-box;
}
.glide__arrow > svg circle {
  fill: #fff;
}
.glide__arrow > svg path {
  fill: rgb(93, 86, 75, 1);
}
.glide__arrow {
  border: none;
  background: none;
  padding: 0;
  display: block;
  width: 4vw;
  min-width: 52px;
  transform-origin: bottom;
  transform: scale(0);
  pointer-events: all;
  cursor: pointer;
}
.glide__arrow--right svg {
  transform: rotateZ(180deg);
}
.show .glide__arrow,
.show .roomClose {
  transform: scale(1);
}
.glide__arrow:hover svg path + path {
  transform: translateX(-10px);
}
.dataIcon {
  will-change: transform;
}
.close:not(.simple).roomClose {
  position: absolute;
  bottom: 2.55vw;
  right: 5.5vw;
  width: 3vw;
  transform: scale(0);
  top: auto;
}
.roomClose svg {
  width: 100%;
  height: 100%;
}
.close:not(.simple).roomClose.show {
  transform: none;
  pointer-events: all;
}
#mon #monIntro .midContainer {
  box-sizing: border-box;
  will-change: transform;
  padding-bottom: 15vw;
}
#mon #monTab1 .right .pic {
  margin-left: 5vw;
}
.monTab {
  will-change: transform;
}
.monTab .tabContainer {
  padding: 5vw 0 10vw 0;
  box-sizing: border-box;
}
.monTab .pic.main {
  transform: scale(0.5);
}
.monTab .pic.main .pic_container {
  transform: scale(1.5);
  transform-origin: bottom;
  will-change: transform;
}
.faqBox {
  border-bottom: 1px solid rgb(93, 86, 75, 1);
  padding-bottom: 1vw;
}
.faqBox:nth-child(2) {
  border-top: 1px solid rgb(93, 86, 75, 1);
}
.bJuniper500 .faqBox {
  border-bottom: 1px solid rgba(109, 141, 140, 1);
}
.faqBox:nth-child(2) {
  border-top: 1px solid rgb(93, 86, 75, 1);
}
.bJuniper500 .faqBox:nth-child(2) {
  border-top: 1px solid rgba(109, 141, 140, 1);
}
.faqBox .question {
  color: rgb(93, 86, 75, 1);
  display: flex;
  align-items: center;
}
.bGurka600 .faqBox {
  border-bottom: 1px solid #fff;
}
.bGurka600 .faqBox:nth-child(2) {
  border-top: 1px solid #fff;
}
.bGurka600 .faqBox .question {
  color: #fff;
}
.bJuniper500 .faqBox .question {
  color: rgb(150, 178, 176);
}
.faqBox .answerContainer {
  display: grid;
  grid-template-rows: 0fr;
}
.faqBox .buttonLabel {
  font-size: 1vw;
  line-height: 1.5vw;
}
.faqBox.active .answerContainer {
  display: grid;
  grid-template-rows: 1fr;
}
.faqBox.active .answer p {
  padding-bottom: 1.75vw;
}
.plus {
  content: "";
  width: 29px;
  height: 29px;
  padding: 10px;
  position: absolute;
  right: 0;
}
.plus:before {
  content: "";
  height: 25px;
  width: 1px;
  left: 22px;
  position: absolute;
  top: 10px;
  background: rgb(93, 86, 75, 1);
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 5000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.plus:after {
  content: "";
  top: 22px;
  position: absolute;
  width: 25px;
  height: 1px;
  background: rgb(93, 86, 75, 1);
  -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.bGurka600 .plus:after,
.bGurka600 .plus:before {
  background: #fff;
}
.bJuniper500 .plus:after,
.bJuniper500 .plus:before {
  background: rgb(150, 178, 176);
}
.active .plus:before {
  transform: scale(1, 0);
}
.bGurka600 .faqBox:hover .plus:before,
.bGurka600 .faqBox:hover .plus:after {
  background: rgb(244, 244, 242);
}
.bGurka600 .faqBox:hover .question,
.bGurka600 .faqBox.active .question {
  color: rgb(244, 244, 242);
}
.bJuniper500 .faqBox:hover .plus:before,
.bJuniper500 .faqBox:hover .plus:after {
  background: rgb(244, 244, 242);
}
.bJuniper500 .faqBox:hover .question,
.bJuniper500 .faqBox.active .question {
  color: rgb(244, 244, 242);
}
#services #monTab1 .clip {
  align-self: flex-end;
}
#services #monTab1 .pic._2 {
  right: 5vw;
  top: -2.5vw;
}
#services #monTab1 .pic._3 {
  top: 52.5vw;
  left: 5vw;
}
#services #monTab1 .pic._4 {
  top: 65vw;
  left: 27.5vw;
}
#services #monTab1 .textBox {
  right: 5vw;
  top: 30vw;
}
#services #monTab2 .pic._2 {
  right: 0;
  top: 2.5vw;
}
#services #monTab2 .pic._3 {
  top: 52.5vw;
  left: 5vw;
}
#services #monTab2 .pic._4 {
  top: 65vw;
  left: 27.5vw;
}
#services #monTab2 .pic._5 {
  right: 5vw;
  top: 45vw;
}
#services #monTab3 .pic._2 {
  right: 5vw;
  top: -2.5vw;
}
#services #monTab3 .pic._3 {
  top: 57.5vw;
  left: 10vw;
}
#services #monTab3 .pic._4 {
  align-self: flex-end;
  margin-top: 15vw;
}
#services #monTab3 .textBox {
  right: 5vw;
  top: 30vw;
}
.service {
  padding: 0.6vw 0;
}
.service .ctaLabel {
  margin-left: 2vw;
}
#services .textBox svg {
  min-width: 1.25vw;
  transform: scale(0);
}
#services .flex.column.vEnd .subHeadLine {
  text-align: right;
}
#services .monTab .textBox.show svg {
  transform: none;
}
.n-quadMargin {
  margin-top: -10vw;
}
.mainContainer.borders {
  border-radius: 25px;
}
.pageSlider {
  height: calc(100vh - 5vw);
}
.glide__arrows {
  top: calc(50% - 22.5px);
}
.wrap > .bigTypography {
  width: 85vw;
}
#wellness .floating {
  position: absolute;
  top: 7.5vw;
  left: 40vw;
}
#wellnessSection .midContainer:first-child .right .pic {
  margin-top: 27.5vw;
}
#shiftedRows .midContainer:nth-child(3) .left .pic {
  margin-top: -6.5vw;
}
#poolSection .largeContainer:nth-child(2) .left .subHeadLine {
  margin-bottom: 7vw;
}
#experienceSection .mainContainer:last-child .pic._2 {
  top: 5vw;
  right: 0;
}
#experienceSection .mainContainer:last-child .pic._3 {
  right: 0;
  top: 37.5vw;
}
#experienceSection .mainContainer:last-child .pic._4 {
  margin-top: 5vw;
  margin-left: 40vw;
}
#experiences .picLayer .pic._1 {
  position: absolute;
  top: 5vw;
  left: 30vw;
  transform: translate(-5vw, 10vw);
}
#experiences .picLayer .pic._2 {
  position: absolute;
  left: auto;
  right: 2.5vw;
  top: 2.5vw;
}
#experiences .picLayer .pic._3 {
  position: absolute;
  left: 2.5vw;
  top: 17.5vw;
}
#experiences .picLayer .pic._4 {
  position: absolute;
  left: 15vw;
  top: 34.5vw;
}
#experiences .picLayer .pic._5 {
  position: absolute;
  left: 30vw;
  top: 47vw;
}
#experiences .picLayer .pic._6 {
  position: absolute;
  right: 34.5vw;
  top: 34.5vw;
}
#experiences .picLayer .pic._7 {
  position: absolute;
  left: auto;
  right: 10vw;
  top: 42vw;
}
#experiences .picLayer .subHeadLineMin {
  top: 20vw;
  left: 27vw;
  width: 50vw;
}
#landing #top .ctaLabel {
  margin-top: 0vw;
}
#landing .sectionTitle {
  white-space: normal;
  line-height: 7vw;
}
#mainMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 2;
}
#mainMenu.active {
  visibility: visible;
}
#menuPanel {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
}
#menuBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: top;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(244, 233, 224, 0.9);
}
#menuPanel .center {
  display: flex;
  justify-content: center;
}
.menuButtons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.menuButton {
  font-family: Mulish;
  font-size: 3vh;
  font-weight: 250;
  line-height: 6vh;
  letter-spacing: 0.05em;
  position: relative;
}
.menuContainer {
  width: 100%;
  display: flex;
}
.menuButton:after {
  content: "";
  position: absolute;
  bottom: 8px;
  height: 1px;
  width: 100%;
  left: 0;
  background: rgb(93, 86, 75);
  transform: scale(0, 1);
  transform-origin: left;
  -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1);
}
#mainMenu.show .menuButton:hover:after {
  transform: none;
}
.singleButton:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgb(109, 141, 140);
  height: 1px;
  transform: scale(0, 1);
  transform-origin: left;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1),
    opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.show .singleButton:after {
  transform: none;
  -webkit-transition: -webkit-transform 1000ms
      cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),
    opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
  transition-delay: 600ms;
}
#menuPanel .mainContainer {
  padding-bottom: 5vh;
}
.menuSmallButtons {
  position: absolute;
  bottom: 2.5vw;
  right: 5vw;
  width: 15vw;
  height: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wpforms-container {
  margin-bottom: 0 !important;
  margin-top: 1vw !important;
}
.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-container .wpforms-field-row.wpforms-field-medium,
.wpforms-container textarea {
  max-width: 100% !important;
  font-family: Mulish;
  font-size: 16px !important;
  font-weight: 300 !important;
}
.wpforms-container .wpforms-field-label {
  font-family: Mulish;
  font-size: 1.05vw;
  font-weight: 300 !important;
  line-height: 1.5vw;
  text-transform: uppercase;
}
.wpforms-container .wpforms-field {
  padding: 15px 0 !important;
  width: 46.5%;
  margin-top: 1vw;
}
.wpforms-container .wpforms-field.full {
  width: 100%;
}
.wpforms-datepicker-wrap {
  flex: 1;
}
.wpforms-field.number label {
  width: 4.75vw;
}
.wpforms-container
  .wpforms-datepicker-wrap
  .wpforms-field-medium
  + .wpforms-datepicker-clear {
  right: 0 !important;
}
.wpforms-container input[type="date"],
.wpforms-container input[type="datetime"],
.wpforms-container input[type="datetime-local"],
.wpforms-container input[type="email"],
.wpforms-container input[type="month"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="range"],
.wpforms-container input[type="search"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="text"],
.wpforms-container input[type="time"],
.wpforms-container input[type="url"],
.wpforms-container input[type="week"],
.wpforms-container select,
.wpforms-container input[type="date"],
.wpforms-container input[type="datetime"],
.wpforms-container input[type="datetime-local"],
.wpforms-container input[type="email"],
.wpforms-container input[type="month"],
.wpforms-container input[type="number"],
.wpforms-container input[type="password"],
.wpforms-container input[type="range"],
.wpforms-container input[type="search"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="text"],
.wpforms-container input[type="time"],
.wpforms-container input[type="url"],
.wpforms-container input[type="week"],
.wpforms-container select,
.wpforms-container textarea {
  background: none;
  border: none;
  border-bottom: 1px solid #6d7f87;
  color: #5c6771;
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 30px;
  font-weight: 500;
  margin-top: 5px;
  height: 33px;
}
.wpforms-container ul {
  flex-direction: column;
  margin-top: 0.75vw !important;
}
.wpforms-container ul,
.wpforms-container ul li {
  display: flex;
  flex: 1;
}
.wpforms-container .wpforms-field-label-inline {
  position: relative;
  left: 5px;
  top: -3px;
  font-family: Mulish;
  font-size: 0.8vw;
  font-weight: 300;
  line-height: 1.25vw;
  text-align: left;
}
.wpforms-container textarea {
  border: 1px solid #6d7f87;
  padding: 1px 2px;
  height: 120px !important;
  margin-top: 1vw !important;
}
.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wpforms-container label.wpforms-error {
  position: absolute;
  bottom: -10px;
  left: 0;
  font-size: 14px !important;
  line-height: initial;
  font-weight: 400;
  letter-spacing: initial;
}
.wpforms-field ul + label.wpforms-error {
  position: relative;
  left: 32px;
  bottom: 0;
}
.wpforms-field-medium.wpforms-error {
  border: none !important;
  border-bottom: 1px solid #cc0000 !important;
}
.wpforms-container .wpforms-submit-container {
  padding: 0 !important;
  position: relative;
}
.wpforms-container.small .wpforms-submit-container {
  margin-top: 20px;
}
.wpforms-submit {
  background: none;
  border: none;
  border-bottom: 1px solid #6d7f87;
  position: absolute;
  right: 0;
  font-family: Mulish;
  font-size: 1.05vw;
  font-weight: 300 !important;
  line-height: 1.5vw;
  text-transform: uppercase;
  cursor: pointer;
  color: rgb(93, 86, 75, 1);
  letter-spacing: 1px;
}
.wpforms-submit:hover {
  color: #fff;
}
.wpforms-confirmation-container {
  margin-top: 5vw;
  margin-bottom: 5vw;
  font-size: 1.55vw;
  letter-spacing: 0.05vw;
  font-family: Sogo;
  line-height: 2.4vw;
}
.flatpickr-current-month {
  font-size: 120% !important;
}
.flatpickr-day.unavailable:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: red;
  transform-origin: left top;
  top: 50%;
  left: 0;
}
.flatpickr-month {
  color: #5c6771 !important;
}
.wpforms-container.small {
  margin-bottom: 0;
}
.ui-timepicker-list li {
  font-size: 22px !important;
}
.wpforms-container.small .text {
  font-size: 18px;
  line-height: 22px;
}
.wpforms-container.small input {
  border-color: #fff;
  margin-top: 0;
}
.wpforms-container.small input::placeholder {
  color: #fff;
  font-family: Marcellus;
  font-size: 0.7vw;
  text-transform: uppercase;
}
.wpforms-container.small .wpforms-field {
  margin-top: 0vw;
}
.wpforms-container.small label,
.wpforms-container.small input {
  color: #fff;
}
.wpforms-container.small label {
  font-size: 16px;
}
.wpforms-container.small .wpforms-field-gdpr-checkbox {
  margin-left: -30px;
}
.wpforms-container.small ul {
  margin-top: 0 !important;
}
.wpforms-container.small .wpforms-submit {
  position: static;
  position: relative;
  z-index: 1;
  width: 100%;
}
.wpforms-container.small .wpforms-submit.viewButton:before {
  background: #fff;
  z-index: -1;
}
.wpforms-container.small .wpforms-submit.viewButton:hover {
  color: #6d7f87 !important;
}
.wpforms-container.small .wpforms-field-label-inline {
  top: -1px;
}
#overlayBackground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: top;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(244, 233, 224, 0.9);
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  z-index: 2;
}
.overlay.active {
  visibility: visible;
}
.close:not(.simple) {
  width: 52px;
  height: 52px;
  position: absolute;
  right: 6.75vw;
  top: 17px;
  transform: scale(0);
  z-index: 1;
  pointer-events: none;
  cursor: pointer;
}
.close.simple {
  width: 23px;
  height: 23px;
  position: absolute;
  transform: rotateZ(45deg);
  padding: 10px;
  cursor: pointer;
}
.close.simple:before {
  content: "";
  top: 21px;
  position: absolute;
  width: 23px;
  height: 1px;
  background: #435768;
}
.close.simple:after {
  content: "";
  height: 23px;
  width: 1px;
  left: 21px;
  position: absolute;
  top: 10px;
  background: #435768;
}
.show .close {
  transform: none;
  cursor: pointer;
  pointer-events: all;
}
#request .right.floating {
  right: -10vw;
  position: relative;
}
.overlayPanel {
  margin-top: 120px;
  height: calc(100vh - 120px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 50px;
  box-sizing: border-box;
}
.wpforms-container label.wpforms-error,
.wpforms-container em.wpforms-error {
  font-size: 0.75vw !important;
  margin-top: 0.25vw;
}
#popLayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popLayer.hidden {
  display: none;
}
#popBack {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
}
#popBack.hidden {
  transform: scale(0.98);
  opacity: 0 !important;
}
#popContent {
  position: relative;
  width: 90vw;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  height: 90%;
  background: #fff;
  padding: 2.5vw 0;
  box-sizing: border-box;
}
#popContent.hidden {
  transform: scale(0.99);
  opacity: 0 !important;
}
#popClose {
  position: absolute;
  top: 10px;
  right: 10px;
}
#popTitle {
  font-size: 2.2vw;
  line-height: 3.5vw;
}
#popTitle + .text {
  padding: 0 2.5vw 0 2.5vw;
}
#popContent .pic + .text {
  max-width: 600px;
  width: 90%;
}
@media all and (max-width: 1366px) {
  .buttonLabel,
  .faqBox .buttonLabel {
    font-size: 14px;
    line-height: 22px;
  }
}
@media all and (max-width: 768px) {

  #layerTop {
    padding-bottom: 10vw;
  }
  #scrollDown {
    display: none;
  }
  #home #scrollDown {
    display: block;
  }
  #availability {
    bottom: 5vw;
    left: calc(50% - 85px);
  }
  #availability .button,
  .button.transparent {
    letter-spacing: 0.5px;
    width: 170px;
    height: 50px;
    font-size: 14px;
  }
  .fullPage {
    min-height: 0 !important;
    padding-top: 40px;
  }
  .pic.full,
  .fullPage.m2 .pic.full {
    height: 60vw;
  }
  .autoSlider {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 40px;
    padding: 12px 12px 30px 12px;
    width: 70vw;
  }
  .autoSlider .pic.full_width {
    height: calc(70vw - 24px);
  }
  .content .ctaIcon {
    margin-top: 0;
    position: absolute;
    bottom: -18px;
  }
  #foliageBackground {
    display: flex;
    justify-content: flex-end;
    top: 160vw;
  }
  #foliageBackground video {
    width: 300%;
  }
  #foliageBackground + .bigTypography {
    margin-top: 20px;
  }
  #foliageBackground:before {
    height: 60vw;
  }
  #foliageBackground:after {
    height: 30vw;
  }
  #langheBox {
    padding: 12px 12px 30px 12px;
  }
  #langheBox video {
    width: calc(90vw - 24px);
    height: 47vw;
    will-change: transform;
  }
  #langheBox + .textBlock {
    margin-top: 60px;
  }
  #detailTarget {
    display: none;
  }
  #detailSticky {
    flex-direction: column;
    padding: 0;
    margin-top: 40px;
    order: 0;
    /*margin-bottom: 75vw;*/
  }
  #detailTarget + .left {
    margin-top: 0;
    width: 100%;
  }
  #detailSticky .left .pic {
    transform-origin: top left;
    transform: none;
    height: 90vw;
  }
  #detailSticky .right {
    width: 100%;
    align-items: center;
    margin-top: 5vw;
  }
  #detailSticky .right .pic:first-child {
    width: 70vw;
    height: 70vw;
    position: relative;
    z-index: 2;
  }
  #detailSticky .right .pic:nth-child(2) {
    margin-top: -10vw;
    width: 85vw;
    height: 108vw;
  }
  #detailSticky .right .pic:nth-child(3) {
    margin-top: -10vw;
    z-index: 1;
    width: 70vw;
    height: 45vw;
  }
  #footerContainer{
	  height:auto !important;
  }
  .pic.borders,
  .clip.borders {
    border-radius: 20px;
    overflow: hidden;
  }
  #homePicLayer {
    margin-top: 60px;
  }
  #homePicLayer .fullPage {
    padding-top: 30px;
    /*padding-bottom: calc(25vw + 60px);*/
  }
  #detailSticky > .left .textBlock {
    position: absolute;
    top: calc(288vw + 50px);
  }
  .picLayer {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .picLayer .pic._1 {
    margin-top: 0vw;
    top: auto;
    margin-left: 7.5vw;
    left: auto;
    width:100%;
   
  }
  .picLayer .pic._3 {
    left: auto;
    margin-top: -16vw;
    margin-left: 46.5vw;
    right: auto;
      width:100%;
    height: 46.2vw;
    position: relative;
    order: 2;
    top: auto;
  }
  .picLayer .pic._2 {
     width:100%;
    height: 53.9vw;
    left: auto;
    top: auto;
    order: 3;
    position: relative;
    margin-left: 7.5vw;
    margin-top: 7.5vw;
  }
  .picLayer .pic._4 {
    left: auto;
    top: auto;
    right: auto;
     width:100%;
    height: 46.2vw;
    order: 4;
    position: relative;
    margin-top: 7.5vw;
    margin-left: 7.5vw;
  }
  .picLayer .pic._5 {
    left: auto;
    top: auto;
    right: auto;
     width:100%;
    height: 46.2vw;
    order: 6;
    position: relative;
    margin-top: 22.5vw;
    margin-left: 7.5vw;
  }
.picLayer .pic._6 {
        right: auto;
        top: auto;
        width: 79.5vw;
        /* height: 105vw; */
        position: relative;
        order: 5;
        margin-top: -17.5vw;
        left: auto;
        margin-left: 13vw;
    }
  .picLayer .pic._7 {
        order: 7;
        right: auto;
        top: auto;
        width: 82.5vw;
        height: 105vw;
        position: relative;
        margin-top: 6.5vw;
        left: auto;
        margin-left: 10vw;
    }
  .picLayer .pic._8 {
    left: auto;
    top: auto;
    right: auto;
    width: 46.2vw;
    height: 46.2vw;
    order: 7;
    position: relative;
    margin-top: -64.5vw;
    margin-left: 63.5vw;
	display:none;
  }
  .picLayer .subHeadLineMin {
    width: 85vw;
    margin-left: 7.5vw;
    margin-top: 22.5vw;
    order: 5;
    position: static;
  }
 

 

}





/* Desktop version - default visible */
.realesate-dekstop {
  display: block;
}

/* Mobile version - default hidden */
.realesate-mobile {
  display: none;
}


/* Mobile view: screen <= 800px */
@media only screen and (max-width: 800px) {
  .realesate-dekstop {
    display: none;   /* desktop hide */
  }
  .realesate-mobile {
    display: block;  /* mobile show */
  }
    .heading{
     text-transform: capitalize;
  }
  .realesate-mobile .bt {
text-align:center;
  }
}

/* Desktop view: screen > 800px */
@media only screen and (min-width: 801px) {
  .realesate-dekstop {
    display: block;   /* desktop show */
  }
  .realesate-mobile {
    display: none;    /* mobile hide */
  }

}