*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  scroll-padding-top: var(--scroll-padding, 99px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%;
}

.header,
nav.navigation {
  display: grid;
  grid-template-columns: [head-start] 8% [head-end center-start] 1fr [center-end end-start] 8% [end-end];
}

.about {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.gridify {
  display: grid;
  grid-template-columns: [head-start] 8% [head-end center-start] 1fr [center-end end-start] 8% [end-end];
}

.mb-sm {
  margin-bottom: 1.4rem;
}

.mb-md {
  margin-bottom: 3rem;
}

.mb-lg {
  margin-bottom: 4rem;
}

.mb-hg {
  margin-bottom: 5rem;
}

.sections {
  background-color: #f1f1f1;
}

/*
0-600px: Phone
600-900: Tablet Portrait
900-1200: Tablet Landscape
1200-1800: Where our normal style applies
1800+ : Big Desktop

- $breakpoint argument choices:

- phone
- tab-port
- tab-land
- big-desktop




*/
/*
0-600px: Phone
600-900: Tablet Portrait
900-1200: Tablet Landscape
1200-1800: Where our normal style applies
1800+ : Big Desktop

- $breakpoint argument choices:

- phone
- tab-port
- tab-land
- big-desktop




*/
/*
Museo Sans 300
font-family: museo-sans, sans-serif;
font-weight: 300;
font-style: normal;

Museo Sans 300 Italic
font-family: museo-sans, sans-serif;
font-weight: 300;
font-style: italic;

Museo Sans 700
font-family: museo-sans, sans-serif;
font-weight: 700;
font-style: normal;

Museo Sans 700 Italic
font-family: museo-sans, sans-serif;
font-weight: 700;
font-style: italic;

Museo Sans Display Light
font-family: museo-sans-display, sans-serif;
font-weight: 400;
font-style: normal;

Museo Sans Display Black
font-family: museo-sans-display, sans-serif;
font-weight: 800;
font-style: normal;
*/
.p-font {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 2.6rem;
}

li.bold-text {
  font-family: museo-sans-display, sans-serif !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
}

body {
  background-color: #e80a89;
}

.header {
  width: 100%;
  height: 10rem;
  background: linear-gradient(120deg, #e80a89 0%, #a9258c 100%);
}

.header__area {
  grid-column: center-start/center-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: Space-between;
      -ms-flex-pack: Space-between;
          justify-content: Space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__area .logo {
  width: 11.97rem;
  height: 7rem;
}
.header__area .logo a {
  display: block;
}
.header__area .logo svg {
  display: block;
  fill: white;
  width: 11.97rem;
  height: 7rem;
}
.header__area .booking__btn {
  text-transform: uppercase;
  border: none;
  background: linear-gradient(120deg, #f3d86a 0%, #cd9d1f 100%);
}
@media (max-width: 46.875em) {
  .header__area .booking__btn {
    display: none;
  }
}
.header__area .booking__btn a {
  display: block;
  font-family: museo-sans-display, sans-serif;
  font-weight: 800;
  color: #e80a89;
  padding: 1.2rem 3rem;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}

.nav {
  font-size: 0;
  font-family: museo-sans-display, sans-serif;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.27vw;
  color: white;
  z-index: 10;
}
@media (max-width: 46.875em) {
  .nav {
    display: none;
  }
}

.nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  text-align: center;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}

.nav li {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.nav li:not(:last-child) {
  padding-right: 3vw;
}

.nav li a {
  color: white;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: background 500ms linear, color 500ms linear;
  transition: background 500ms linear, color 500ms linear;
}

.navigation {
  width: 100%;
  background-color: green;
  z-index: 4000;
  display: block;
  position: fixed;
}
.navigation__checkbox {
  display: none;
}
.navigation__button {
  display: none;
  position: fixed;
  top: 1.5rem;
  right: 8%;
  background-color: white;
  height: 7rem;
  width: 7rem;
  border-radius: 50%;
  z-index: 5000;
  -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
}
@media (max-width: 46.875em) {
  .navigation__button {
    display: block;
  }
}
.navigation__button:hover .navigation__burger::before {
  top: -1rem;
}
.navigation__button:hover .navigation__burger::after {
  top: 1rem;
}
.navigation__background {
  display: none;
  position: fixed;
  top: 2rem;
  right: 8.5%;
  height: 6rem;
  width: 6rem;
  border-radius: 50%;
  background-image: radial-gradient(#51c4cc, #3669b1);
  z-index: 1000;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (max-width: 46.875em) {
  .navigation__background {
    display: block;
  }
}
.navigation__nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1500;
  opacity: 0;
  visibility: hidden;
  width: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: all 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
@media (max-width: 46.875em) {
  .navigation__nav {
    display: block;
  }
}
.navigation__list {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
  width: 100%;
}
.navigation__item {
  margin: 1rem;
}
.navigation__link:link, .navigation__link:visited {
  display: inline-block;
  font-size: 3rem;
  font-weight: 500;
  padding: 1rem 3rem;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-family: museo-sans-display, sans-serif;
  background: linear-gradient(120deg, transparent 0%, transparent 52%, #f3d86a 52%, #cd9d1f 100%);
  background-size: 240%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.navigation__link:hover, .navigation__link:active {
  background-position: 100%;
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}
.navigation__checkbox:checked ~ .navigation__background {
  -webkit-transform: scale(80);
          transform: scale(80);
}
.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.navigation__burger {
  position: relative;
  margin-top: 3.5rem;
}
.navigation__burger, .navigation__burger::before, .navigation__burger::after {
  width: 3rem;
  height: 2px;
  background-color: black;
  display: inline-block;
}
.navigation__burger::before, .navigation__burger::after {
  content: "";
  position: absolute;
  left: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.navigation__burger::before {
  top: -0.8rem;
}
.navigation__burger::after {
  top: 0.8rem;
}
.navigation__checkbox:checked + .navigation__button .navigation__burger {
  background-color: transparent;
}
.navigation__checkbox:checked + .navigation__button .navigation__burger::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  top: 0;
}
.navigation__checkbox:checked + .navigation__button .navigation__burger::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: 0;
}

.sticky .header {
  position: fixed !important;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(120deg, #51c4cc 0%, #3669b1 100%);
  z-index: 3000;
}

.sticky .sections {
  margin-top: 10rem;
}

button.booking__btn {
  padding: 1.2rem 3rem;
  text-transform: uppercase;
  position: absolute;
  right: 8%;
}

.home {
  grid-column: full-start/full-end;
  height: calc(100vh - 10rem);
}
.home video {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

h1.seo {
  display: none;
}

picture {
  width: 100%;
}

.about {
  grid-column: full-start/full-end;
  color: #fff;
}
@media (max-width: 56.25em) {
  .about {
    grid-template-columns: 1fr;
  }
}
.about h3.heading {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 3rem;
  text-transform: uppercase;
}
.about p.about-us {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.about .about__pictures {
  background-color: #b28451;
  grid-column: 1/2;
  overflow: hidden;
}
.about .about__pictures img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.about .about__content {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: start;
  background: linear-gradient(120deg, #e80a89 0%, #a9258c 100%);
  padding: 6vw;
}
@media (max-width: 56.25em) {
  .about .about__content {
    grid-column: 1;
  }
}

.guidelines {
  width: 100%;
  background-color: white;
}

.test {
  padding: 8% 0;
  grid-column: center-start/center-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}
@media (max-width: 56.25em) {
  .test {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.test .text-area {
  height: 100%;
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}
@media (max-width: 56.25em) {
  .test .text-area {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.test .text-area h2 {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 3rem;
  text-transform: uppercase;
  color: #51c4cc;
  text-align: left;
}
.test .text-area ul li {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: left !important;
  font-size: 1.6rem;
  line-height: 1.4;
  padding-bottom: 0.4rem;
  margin-left: 1.6rem;
}
.test .fully {
  position: relative;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  margin-left: 6rem;
}
@media (max-width: 56.25em) {
  .test .fully {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 56.25em) {
  .test .fully {
    margin-left: 0rem;
  }
}
.test .fully::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #b28451;
  margin-left: -3rem;
  z-index: 20;
}
@media (max-width: 56.25em) {
  .test .fully::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    margin-left: 0;
  }
}
.test .fully img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 100%;
}
@media (max-width: 75em) {
  .test .fully img {
    width: 100%;
  }
}
@media (max-width: 56.25em) {
  .test .fully img {
    padding-top: 3rem;
    display: block;
    width: 30%;
    margin: 0 auto;
  }
}

.cert {
  text-decoration: none;
  font-weight: 700;
  color: #e80a89;
}

/*
section.guidelines {
  grid-column: full-start / full-end;
  // @include flex-center(yellowgreen);
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 8rem;
  text-align: center;
  h2 {
    @include head-font();
    color: $color-blue;
    text-align: left;
    margin-bottom: 2rem;
  }
  ul li {
    @include paragraph-standard();
    text-align: left !important;
    font-size: 1.8 rem;
    line-height: 1.4;
  }
  background-color: $color-white;
  article {
    max-width: 72rem;
    width: 80vw;
    //background-color: yellow;
    p {
      padding-top: 2rem;
    }
  }
}


*/
.video-area {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-vid {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.video-stage {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: 0 8% 8% 8%;
  margin: 0 auto;
  background-color: #fff;
}
@media (max-width: 56.25em) {
  .video-stage {
    width: 100%;
  }
}

.pwc {
  width: 100%;
  background-color: #fff;
}

/*
@include respond(phone-max) {
    display: none;
  }

*/
.faq {
  grid-column: full-start/full-end;
  background: linear-gradient(120deg, #e80a89 0%, #a9258c 100%);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8%;
}
.faq section.content {
  width: 100%;
  background-color: #fff;
  padding: 3rem;
}
.faq ul,
.faq li {
  list-style-type: none;
}
.faq collapsible__ul collapsible__li {
  margin-top: 3rem;
}
.faq button {
  background-color: transparent;
}
.faq button.toggle {
  --myDeg: 90deg;
  --plusDark: #000;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 0.6rem 0;
  text-align: left;
  padding-left: 3rem;
  cursor: pointer;
  border: none;
  text-decoration: none;
  display: inline-block;
}
@media (max-width: 75em) {
  .faq button.toggle {
    font-size: 1.2rem;
  }
}
.faq button.toggle h3::after,
.faq button.toggle h3::before {
  content: "";
  width: 1.6rem;
  height: 0.2rem;
  background-color: var(--plusDark);
  position: absolute;
  top: 50%;
  left: 0;
  pointer-events: none;
}
.faq button.toggle h3::after {
  -webkit-transform: translateY(-50%) rotate(var(--myDeg));
          transform: translateY(-50%) rotate(var(--myDeg));
}
.faq button.toggle h3::before {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.faq .collapsible__inner {
  overflow: hidden;
  height: 0;
  margin-left: 3rem;
}
.faq h2 {
  pointer-events: none;
  color: #e80a89;
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
}
.faq h3 {
  font-family: museo-sans, sans-serif;
  font-weight: 700;
  pointer-events: none;
}
@media (max-width: 75em) {
  .faq .p-font {
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
.faq .p-font a {
  text-decoration: none;
  color: #e80a89;
  font-weight: 700;
}

section.photo-gallery {
  grid-column: full-start/full-end;
  background-color: #fff;
  display: grid;
  grid-template: repeat(7, 5vw)/repeat(8, 1fr);
  grid-gap: 1.5rem;
  padding: 1.5rem;
}
section.photo-gallery p {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 3rem;
  text-transform: uppercase;
}
section.photo-gallery .gallery__item--1 {
  grid-column: 1/span 2;
  grid-row: 1/span 2;
}
section.photo-gallery .gallery__item--2 {
  grid-column: 1/2;
  grid-row: 3/span 2;
}
section.photo-gallery .gallery__item--3 {
  grid-column: 2/3;
  grid-row: 3/span 2;
}
section.photo-gallery .gallery__item--4 {
  grid-column: 3/span 2;
  grid-row: 1/span 4;
}
section.photo-gallery .gallery__item--5 {
  grid-column: 5/6;
  grid-row: 1/span 2;
}
section.photo-gallery .gallery__item--6 {
  grid-column: 6/7;
  grid-row: 1/span 2;
}
section.photo-gallery .gallery__item--7 {
  grid-column: 5/span 2;
  grid-row: 3/span 2;
}
section.photo-gallery .gallery__item--8 {
  grid-column: 7/span 2;
  grid-row: 1/span 3;
}
section.photo-gallery .gallery__item--9 {
  grid-column: 7/8;
  grid-row: 4/5;
}
section.photo-gallery .gallery__item--10 {
  grid-column: 1/span 2;
  grid-row: 5/span 3;
}
section.photo-gallery .gallery__item--11 {
  grid-column: 3/4;
  grid-row: 5/6;
}
section.photo-gallery .gallery__item--12 {
  grid-column: 3/4;
  grid-row: 6/span 2;
}
section.photo-gallery .gallery__item--13 {
  grid-column: 4/span 3;
  grid-row: 5/span 3;
}
section.photo-gallery .gallery__item--14 {
  grid-column: 7/8;
  grid-row: 5/span 3;
}
section.photo-gallery .gallery__item--15 {
  grid-column: 8/9;
  grid-row: 4/span 2;
}
section.photo-gallery .gallery__item--16 {
  grid-column: 8/9;
  grid-row: 6/span 2;
}
section.photo-gallery .gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.reviews {
  width: 100%;
  padding: 8%;
  grid-column: center-start/center-end;
  grid-gap: 2rem;
}
@media (max-width: 75em) {
  .reviews {
    grid-template-columns: 1fr;
  }
}
.reviews .title {
  grid-column: 1/span 3;
  grid-row: 1/span 2;
  text-align: center;
}
@media (max-width: 75em) {
  .reviews .title {
    grid-column: 1;
  }
}
.reviews .title h2 {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 3rem;
  text-transform: uppercase;
  color: #51c4cc;
}
.reviews .title p {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 2rem;
  line-height: 1.8;
  color: #e80a89;
  margin-bottom: 4rem;
}
.reviews .review__stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  margin: 1rem 0;
}
.reviews .review__stars_icon {
  width: 1.75rem;
  height: 1.75rem;
  fill: #e80a89;
}
.reviews .review__stars h4 {
  padding-left: 1rem;
  font-family: museo-sans, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1;
}
.reviews .review h3 {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 3rem;
  text-transform: uppercase;
  font-family: museo-sans-display, sans-serif;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
}

footer.footer {
  position: relative;
  background: linear-gradient(120deg, #51c4cc 0%, #3669b1 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  background: linear-gradient(120deg, #e80a89 0%, #a9258c 100%);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 30rem;
  color: white;
}
footer.footer p {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  margin: 1vw;
  text-align: center;
}
@media (max-width: 56.25em) {
  footer.footer p span {
    display: block;
  }
  footer.footer p span span {
    display: none;
  }
}
footer.footer h2 a {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 5rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  line-height: 0.6;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 56.25em) {
  footer.footer h2 a {
    font-size: 4rem;
  }
}
footer.footer h3 {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  line-height: 1.8;
}
@media (max-width: 56.25em) {
  footer.footer h3 {
    font-size: 1.35rem;
  }
}

.socials {
  width: 22rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.socials a {
  position: relative;
  width: 3rem;
}
.socials .icons {
  position: absolute;
  height: 100%;
  fill: white;
  z-index: 5;
  width: 3rem;
}

p.copyright {
  position: absolute;
  bottom: 10px;
  font-size: 1rem !important;
}

p.microformats {
  display: none;
  visibility: hidden;
}

.mobile-only {
  display: none;
}
@media (max-width: 56.25em) {
  .mobile-only {
    display: block;
  }
}

.desktop-only {
  display: block;
}
@media (max-width: 56.25em) {
  .desktop-only {
    display: none;
  }
}

/* MODAL WINDOW */
.modal,
.modal2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  width: calc(100% - 10rem);
  min-height: calc(100vh - 10rem);
  margin: 5rem;
  background: linear-gradient(120deg, #f3d86a 0%, #cd9d1f 100%);
  -webkit-box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.3);
          box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.3);
  z-index: 6000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 56.25em) {
  .modal,
  .modal2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 56.25em) {
  .modal,
  .modal2 {
    padding: 1rem;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(232, 10, 136, 0.5);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  z-index: 5500;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.modal__header {
  font-family: museo-sans-display, sans-serif;
  font-weight: 700;
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  color: #e80a89;
  line-height: 1;
}
@media (max-width: 56.25em) {
  .modal__header {
    font-size: 2rem;
    margin-bottom: 0.2rem;
  }
}

.btn--close-modal,
.btn--close-modal2 {
  font-family: inherit;
  color: #e80a89;
  position: absolute;
  top: 0.5rem;
  right: 2rem;
  font-size: 4rem;
  cursor: pointer;
  border: none;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hidden {
  visibility: hidden;
  opacity: 0;
}

.miami {
  margin: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.miami p {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.fort {
  margin: 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.fort p {
  font-family: museo-sans, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

span.highlight {
  color: #fff;
  display: block;
}
span.highlight a {
  color: #fff;
  text-decoration: none;
}
span.highlight span {
  color: #e80a89;
  display: block;
  font-size: 2rem;
}

.modal2 h2,
.modal2 h3,
.modal__price {
  display: block;
  pointer-events: none;
  color: #e80a89;
  font-family: museo-sans, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
}
@media (max-width: 56.25em) {
  .modal2 h2,
  .modal2 h3,
  .modal__price {
    font-size: 1.2rem;
  }
}
.modal2 h2 span.price,
.modal2 h3 span.price,
.modal__price span.price {
  display: block;
  color: white;
}
@media (max-width: 56.25em) {
  .modal2 h2 span.price,
  .modal2 h3 span.price,
  .modal__price span.price {
    font-size: 1.5rem;
  }
}

span.sub {
  font-family: museo-sans-display, sans-serif;
  color: white;
  text-transform: uppercase;
  text-shadow: 2px 2px 10px #e80a89;
  font-size: 2.4rem;
}
@media (max-width: 56.25em) {
  span.sub {
    font-size: 1.5rem;
  }
}

.modal p,
.modal2 p {
  margin-bottom: 1rem;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
Museo Sans 300
font-family: museo-sans, sans-serif;
font-weight: 300;
font-style: normal;

Museo Sans 300 Italic
font-family: museo-sans, sans-serif;
font-weight: 300;
font-style: italic;

Museo Sans 700
font-family: museo-sans, sans-serif;
font-weight: 700;
font-style: normal;

Museo Sans 700 Italic
font-family: museo-sans, sans-serif;
font-weight: 700;
font-style: italic;

Museo Sans Display Light
font-family: museo-sans-display, sans-serif;
font-weight: 400;
font-style: normal;

Museo Sans Display Black
font-family: museo-sans-display, sans-serif;
font-weight: 800;
font-style: normal;
*/
.container {
  font-family: museo-sans-display, sans-serif;
  height: 100%;
}
.container .row,
.container .col-lg-12 {
  height: calc(100vh - 10rem);
}
.container .row .slider_content,
.container .col-lg-12 .slider_content {
  background-color: #e80a89;
}

#slick .slider_content .slider_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: 0;
  left: 0;
}

#slick .slider_content .slider_items a h3 {
  margin: 0 auto;
  max-width: 900px !important;
  text-transform: uppercase !important;
  text-align: center;
  line-height: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  color: white;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  z-index: 5000;
  font-size: clamp(22px, 4.24074vw + 5.63px, 40px) !important;
}
#slick .slider_content .slider_items a h3 span {
  display: block;
}
#slick .slider_content .slider_items a h3::after {
  content: "book now";
  color: yellow;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  bottom: -60px;
  cursor: pointer;
}

#slick .slider_content .slider_items a h3.learn::after {
  content: "learn more";
  color: yellow;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  bottom: -60px;
  cursor: pointer;
}

#slick .slider_content .slider_items a h3:hover::after {
  color: white;
}

#slick .slider_content .slider_items img {
  width: 100%;
  height: calc(100vh - 10rem);
  margin: 0 auto;
  display: block;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
}

#slick {
  display: block;
  width: 100%;
  height: 100%;
}

.comtainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.col-lg-12 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slider_content {
  width: 100%;
  height: 100%;
}

span.arrow_prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
}
span.arrow_prev::after {
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid;
  color: rgba(255, 255, 255, 0.5);
  margin: auto;
  -webkit-transform: translateX(7px) rotate(-45deg) scale(1);
          transform: translateX(7px) rotate(-45deg) scale(1);
  z-index: 900;
  border-right: 0;
  border-bottom: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
span.arrow_prev:hover::after {
  color: white;
  -webkit-transform: translateX(7px) rotate(-45deg) scale(1.1);
          transform: translateX(7px) rotate(-45deg) scale(1.1);
}

span.arrow_next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 60px;
}
span.arrow_next::after {
  content: "";
  width: 40px;
  height: 40px;
  border: 2px solid;
  color: rgba(255, 255, 255, 0.5);
  margin: auto;
  -webkit-transform: translateX(-7px) rotate(135deg);
          transform: translateX(-7px) rotate(135deg);
  z-index: 900;
  border-right: 0;
  border-bottom: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
span.arrow_next:hover::after {
  color: white;
  -webkit-transform: translateX(-7px) rotate(135deg) scale(1.1);
          transform: translateX(-7px) rotate(135deg) scale(1.1);
}