.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
  margin-bottom: 20px;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
  display: none;
}

.intro-header {
  width: 100%;
  height: 500px;
  color: #fff;
  background-color: #f4f4f4;
  background-image: linear-gradient(#254878, #b4bfbf), url('../images/Jewel-Grande-Montego-Bay-Aerial-All-Towers-4.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 100px;
  display: none;
  position: static;
}

.section {
  margin-left: 30px;
  margin-right: 30px;
}

.section.homee-wrap {
  margin-left: auto;
  margin-right: auto;
}

.heading-jumbo {
  text-align: center;
  text-transform: none;
  margin-top: -192px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Circularstd, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
  display: none;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.intro-text {
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.body {
  background-color: #fff;
}

.rectangle-frame {
  width: 86%;
  height: 46%;
  background-color: rgba(0, 0, 0, 0);
  border: 14px solid #fff;
  order: 1;
  align-self: center;
  margin-top: 52px;
  padding-top: 0;
}

.button-4 {
  color: #000;
  text-align: center;
  background-color: #fc0;
  border-radius: 4px;
  margin-top: 27px;
  margin-right: 0;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
  display: inline-block;
}

.button-4:hover {
  color: #6b6b6b;
  background-color: #fff;
}

.button-4.cta {
  color: #fff;
  background-color: #0dbdae;
  margin-top: 16px;
  margin-right: 12px;
  font-family: Circularstd, sans-serif;
  font-weight: 400;
}

.nav-inner {
  width: 80vw;
  border-bottom: 1px rgba(255, 255, 255, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.image-5 {
  float: none;
  clear: none;
  margin-left: -55px;
  margin-right: 189px;
  padding-top: 13px;
  display: block;
  position: absolute;
}

.nav-link {
  color: #fff;
  flex: 0 auto;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: none;
}

.nav-link:hover {
  color: #fff;
  box-shadow: inset 0 -5px #fc0;
}

.nav-logo-wrap-2 {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-logo-wrap-2.footer {
  flex-flow: row;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 197px;
  margin-left: 244px;
  display: flex;
}

.nav-2 {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero {
  z-index: 999999;
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  padding: 0 10vw;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.heading-div {
  margin-top: 160px;
}

.heading {
  color: #fff;
  font-family: Circularstd, sans-serif;
  font-size: 60px;
}

.heading.brand-name {
  letter-spacing: 1px;
  margin-top: -74px;
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 40px;
  line-height: 46px;
}

.text-block {
  color: #525252;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Circularstd book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.div-line {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  margin-top: 20px;
  margin-bottom: 60px;
}

.hotel-one {
  border: 1px rgba(0, 0, 0, 0);
}

.slider {
  width: 500px;
  height: 500px;
  border: 0 solid rgba(0, 0, 0, 0);
  overflow: visible;
}

.slide {
  color: #fff;
  background-image: url('../images/hyatt_ziva_cancun_tu_7C3Kk.jpg');
  background-position: 50%;
  background-size: cover;
  border: 0 solid #fff;
  border-radius: 4px;
  padding-right: 0;
  overflow: visible;
}

.slide.slider-2 {
  background-image: url('../images/Hyatt-Ziva-Cap-Cana-Waterpark-Couple-1.jpg');
}

.slide.slider-1 {
  background-image: url('../images/Hyatt-Zilara-Cancun-Aerial.jpg');
  border-color: #254878;
}

.slide.slider-4 {
  background-image: url('../images/LRMDO_Beach_Views_06.jpg');
  border-width: 0;
}

.slide.slider-5 {
  background-image: url('../images/Hilton-Resort--Spa-Rose-Hall-Aerial-2.jpg');
  border-width: 0;
}

.slide.slider-6 {
  background-image: url('../images/Sanctuary-Cap-Cana-Castle-Aerial-4.jpg');
  border-width: 0;
}

.slide.slider-7 {
  background-image: url('../images/Panama-Jack-Resorts-Cancun-Exterior-Beach.jpg');
  border-width: 0;
  border-color: #fff;
}

.slide.slider-7.jewel {
  background-image: url('../images/MBJPCQQ_Aerial_Resort.jpg');
  border-width: 0;
}

.slide.slider-8 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Aerial-All-Towers-4.jpg');
  border-width: 0;
}

.heading-2 {
  color: #fff;
  padding-left: 115px;
}

.heading-2.resort-name {
  letter-spacing: 2px;
  flex-direction: column-reverse;
  align-self: auto;
  align-items: flex-start;
  margin-top: 115px;
  padding-left: 108px;
  font-family: Circularstd, sans-serif;
  display: block;
}

.heading-2.resort-name.resort2 {
  padding-left: 0;
}

.text-block-2 {
  color: #254878;
  margin-top: -1px;
  padding-top: 0;
  padding-left: 10px;
  font-family: Circularstd book, sans-serif;
}

.text-block-2.resort-2 {
  padding-left: 20px;
}

.div-block-2 {
  color: #254878;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.hotel-two-section {
  margin-bottom: 100px;
}

.div-block-location-pin {
  flex-flow: column-reverse;
  align-content: space-around;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  display: none;
}

.div-block-location-pin.resort2 {
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.text-block-3 {
  color: #254878;
  margin-top: 20px;
  padding-left: 107px;
  font-size: 12px;
}

.text-block-3.resort2 {
  padding-left: 0;
}

.columns {
  margin-left: 0;
  margin-right: 0;
}

.hotel-section-one._1 {
  margin-bottom: 75px;
  margin-left: -88px;
  padding-top: 0;
}

.image-6 {
  flex: 0 auto;
  align-self: flex-start;
  margin-top: -18px;
  padding-top: 0;
  display: block;
}

.slide-nav, .slide-nav-2, .slide-nav-3, .slide-nav-4, .slide-nav-5 {
  display: none;
}

.right-arrow {
  overflow: hidden;
}

.icon-2 {
  border-radius: 6px;
}

.foooter {
  width: auto;
  height: auto;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 83%, #fff 100%, #b4bfbf 100%, #fff 100%, #fff), url('../images/Hyatt-Ziva-Los-Cabos-Aerial-6.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
  margin-top: 100px;
  padding-bottom: 0;
  display: flex;
}

.wrap {
  max-width: 700px;
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
}

.copyright-div {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 73px;
  padding-bottom: 0;
  padding-left: 247px;
  display: block;
}

.footer-link-2 {
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 12px;
  text-decoration: none;
}

.footer-link-2:hover {
  color: #c5962e;
}

.footer-link-2.rights {
  margin-left: -4px;
}

.image-4 {
  padding-left: 10px;
  padding-right: 10px;
}

.image-4.footer-logo.eg-logo {
  margin-left: -11px;
  padding-left: 0;
}

.button-6 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-left: 103px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Circularstd, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.button-6.button-hotel-3 {
  margin-left: 103px;
}

.button-6.button-hotel-3.hotel-2 {
  margin-left: 0;
}

.content-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 1100px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.absolute {
  width: 100%;
  height: 120%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.absolute.video {
  width: 80%;
  height: 520px;
  object-fit: cover;
  background-image: linear-gradient(rgba(37, 72, 120, .15), rgba(37, 72, 120, .15)), url('../images/LRMDO_Beach_Views_06.jpg');
  background-position: 0 0, 88%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  display: flex;
  position: relative;
}

.content-section {
  padding-top: 100px;
  position: relative;
}

.content-section.video {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0;
}

.play-button {
  width: 90px;
  height: 90px;
  background-color: #fff;
  background-image: url('../images/playbutton.png');
  background-position: 57%;
  background-repeat: no-repeat;
  background-size: 35px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.flex-center {
  justify-content: center;
  display: flex;
}

.video-bg {
  height: 40%;
  background-color: #fff;
  margin-bottom: -39px;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.relative {
  position: relative;
  overflow: hidden;
}

.video-lightbox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.slide-3 {
  background-image: url('../images/Hyatt-Zilara-Ziva-Rose-Hall-Aerial2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/Hyatt-Zilara-Cap-Cana-Pool-Couple-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-5 {
  background-image: url('../images/Hyatt-Ziva-Rose-Hall-Aerial-Main-Building.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-6 {
  background-image: url('../images/Hyatt-Ziva-Los-Cabos-Aerial-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-7 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Aerial-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-8 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Aerial-6.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-9 {
  background-image: url('../images/Hilton-Playa-del-Carmen-Pool-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-10 {
  background-image: url('../images/Webp.net-compress-image.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-11 {
  background-image: url('../images/Webp.net-compress-image-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.link-block-2 {
  padding-left: 0;
}

.accordion__item {
  width: 100%;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 20px 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(46, 50, 60, .09);
}

.accordion__item:hover {
  box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
}

.accordion__item.js-accordion-item {
  width: 100%;
  width: 100%;
  max-width: 1280px;
  color: #fff;
  background-color: #fdfdfd;
  background-image: none;
  border: 0 solid #fff;
  border-radius: 2px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 20px;
  transition-property: none;
  box-shadow: inset 1px 1px 7px -4px rgba(0, 0, 0, .3);
}

.bold-text {
  color: #fff;
  font-family: Circularstd, sans-serif;
  font-size: 70px;
  line-height: 86px;
}

.bold-text.top-intro {
  color: #14467b;
  font-family: Circularstd, sans-serif;
  font-size: 57px;
  line-height: 62px;
}

.container {
  color: #254878;
  margin-top: 11px;
}

.bold-text-2, .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10 {
  color: #254878;
}

.video-hero {
  width: 100%;
  height: 540px;
  background-color: rgba(37, 72, 120, .2);
  background-image: none;
  overflow: hidden;
}

.div-block-9 {
  width: 100%;
  border-bottom: 1px solid #83aed5;
  margin-left: 30px;
}

.expand-text {
  width: auto;
  color: #141d38;
  cursor: pointer;
  font-family: Centrano2, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
}

.heading-6 {
  color: #fff;
  font-family: Circularstd, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.div-block-8 {
  width: 40%;
  height: 60px;
  color: red;
  border-bottom: 2px solid #fff;
  align-items: flex-end;
  margin-top: 60px;
  display: flex;
}

.empathy-point {
  width: auto;
  opacity: 1;
  color: #264878;
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: Circularstd, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}

.section-3 {
  height: auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 220px;
  display: flex;
  position: relative;
}

.primary-button {
  width: auto;
  color: #2b7f89;
  background-color: #fff;
  border: 1px solid #2b7f89;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 15px 40px;
  font-family: Centrano2, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.primary-button:hover {
  color: #fff;
  background-color: #2b7f89;
}

.primary-button.padding-bot {
  margin-bottom: 26px;
}

.div-block-7 {
  width: 100%;
  height: auto;
  margin-top: -129px;
  padding-top: 0;
}

.div-block-10 {
  width: 80%;
  margin-left: 30px;
}

.div-block-11 {
  flex-direction: row;
  align-items: stretch;
  margin-top: 23px;
  margin-left: 30px;
  padding-top: 0;
  display: block;
}

.div-block-11.logo {
  margin-bottom: 10px;
  margin-left: 0;
}

.slide-12 {
  background-image: url('../images/Hyatt-Zilara-Cap-Cana-Aerial-Main-Pool-4-min.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-13 {
  background-image: url('../images/Hyatt-Ziva-Cap-Cana-Aerial-Main-Pool-4-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-14 {
  background-image: url('../images/hyatt_ziva_cancun_tu_jF1Kd.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-15 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Rooftop-Pool-Couple-Romantic-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-16 {
  background-image: url('../images/delcarmen.jpg');
  background-position: 50%;
  background-size: cover;
}

.bold-text-12, .bold-text-13, .bold-text-14 {
  color: #264878;
}

.feature-module {
  width: 80%;
  max-width: 1280px;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 60px;
  display: flex;
}

.feature-module.lhs {
  flex-direction: row-reverse;
}

.feature-heading {
  color: #349cff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 32px;
  line-height: 38px;
}

.main-content {
  height: auto;
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.gallery-container {
  width: 100%;
  height: 100%;
  background-color: #202020;
}

.paragraph {
  width: auto;
  color: #141d38;
  margin-bottom: 20px;
  font-family: Centrano2 book, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.feature-title {
  color: #254878;
  font-family: Circularstd, sans-serif;
  font-size: 30px;
  line-height: 0;
}

.feature-title.header {
  color: #141d38;
  font-family: Centrano2, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline;
}

.locations {
  width: 80%;
  color: #141d38;
  text-align: left;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Centrano2, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.button-9 {
  color: #14467b;
  background-color: rgba(56, 152, 236, 0);
  border: 2px solid #14467b;
  border-radius: 100px;
  padding: 15px 40px;
}

.button-9.zilara {
  color: #fff;
  background-color: #14467b;
  border-radius: 0;
}

.slider-01 {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 6px solid #fff;
  border-radius: 0;
}

.slider-01.zilara {
  min-height: 0;
  border: 6px solid #fff;
  border-radius: 0;
}

.slider-01.ziva {
  border-width: 6px;
  border-radius: 2px;
}

.slider-01.turquoize {
  min-height: 600px;
  border-width: 6px;
  border-radius: 0;
}

.slider-01.adults {
  border-width: 6px;
  border-radius: 2px;
}

.slider-01.adults-only, .slider-01.panama, .slider-01.jewel-grande {
  border-radius: 2px;
}

.content {
  border-top: 0 solid #000;
  margin-top: 0;
  padding: 0 40px 40px;
}

.feature-columns {
  padding-left: 0;
  padding-right: 0;
}

.accordion-section {
  width: 90%;
  border-bottom: 1px solid #dadada;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-bottom: 40px;
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
}

.heading-8 {
  color: #254878;
  margin-top: auto;
  font-family: Circularstd, sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.body-copy {
  width: 100%;
  opacity: 1;
  color: #141d38;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Centrano2 book, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  text-decoration: none;
}

.div-block-13 {
  width: 90%;
  margin-left: 30px;
}

.feature-intro {
  margin-top: auto;
  font-size: 32px;
  line-height: 38px;
}

.feature-intro.hide {
  display: none;
}

.resort-slider {
  background-color: #333;
  background-image: url('../images/MBJPCQQ_Aerial_Pool.jpg');
  background-position: 50%;
  background-size: cover;
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 6px;
}

.resort-slider.zilara {
  background-image: url('../images/5f16533bf6b2e14d54fb7b08_Hyatt-Zilara-Cancun-Aerial-min.jpg');
  border-radius: 2px;
}

.resort-slider.turquoize {
  background-image: url('../images/Hyatt-Ziva-Cancun-Club-Pool-4.jpg');
  border-radius: 2px;
}

.resort-slider.all-ages {
  min-height: 600px;
  background-image: url('../images/Hilton-Resort--Spa-Rose-Hall-Aerial-2_1.jpg');
  border-radius: 2px;
}

.resort-slider.panama {
  min-height: 600px;
  background-image: url('../images/Panama-Jack-Resorts-Cancun-Exterior-Beach-min.jpg');
}

.resort-slider.paradise {
  min-height: 600px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Aerial-6-min.jpg');
  background-size: cover;
  border-radius: 8px;
}

.slide-18 {
  background-color: #333;
  background-image: url('../images/Jewel-Grande-Montego-Bay-Aerial-All-Towers-4_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-18.ziva {
  min-height: 600px;
  background-image: url('../images/Hyatt-Ziva-Cancun-Aerial-11-min.jpg');
}

.slide-18.adults-only {
  min-height: 600px;
  background-image: url('../images/CZMPC_Aerial_5-1.jpg');
}

.slide-18.cap-cana {
  min-height: 600px;
  background-image: url('../images/Sanctuary-Cap-Cana-Castle-Aerial-2.jpg');
}

.slide-18.grande {
  min-height: 600px;
}

.introduction {
  z-index: auto;
  width: 80%;
  height: auto;
  max-width: 1280px;
  margin-top: 0;
  margin-bottom: 100px;
  position: relative;
}

.heading-10 {
  margin-top: -51px;
}

.heading-10.intro-headline {
  margin-top: 60px;
  margin-bottom: 40px;
  font-family: Centrano2, sans-serif;
  font-size: 60px;
  line-height: 30px;
}

.hero-section {
  width: auto;
  height: auto;
  max-width: 100%;
  min-height: 795px;
  background-image: linear-gradient(20deg, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 59%), url('../images/hero-1-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gradient {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.background-video {
  z-index: -10;
  width: 100vw;
  height: 100vh;
  display: none;
}

.body-2 {
  background-color: #fff;
}

.navbar {
  z-index: 10;
  width: 100%;
  height: 100px;
  opacity: 1;
  background-color: #fff;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 5px 0 20px -10px rgba(0, 0, 0, .3);
}

.navcontent {
  width: 90%;
  height: 60%;
  flex: 0 auto;
  justify-content: space-around;
  display: block;
}

.navrhs {
  width: 314px;
  height: 100%;
  float: right;
  clear: right;
  align-items: center;
  display: flex;
  position: relative;
}

.palmbeach {
  width: 110px;
  max-width: none;
  display: block;
  position: static;
}

.learnmorebutton {
  z-index: 14;
  height: 60%;
  color: #fff;
  background-color: #14467b;
  border: 0 solid rgba(58, 82, 126, 0);
  border-radius: 2px;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: 30px;
  margin-right: 60px;
  padding: 12px 50px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
  display: flex;
  position: relative;
}

.learnmorebutton.header-btn {
  height: 50px;
}

.navlhs {
  width: 160px;
  height: 100%;
  float: none;
  clear: none;
  align-items: center;
  display: flex;
  position: relative;
}

.slide-19 {
  background-image: url('../images/Hyatt-Zilara-Cancun-Zen-Spa-Hydrotherapy-Couple-2-min.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
}

.slide-20 {
  background-image: url('../images/Hyatt-Zilara-Ziva-Rose-Hall-Aerial2-1-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-21 {
  background-image: url('../images/Hyatt-Zilara-Rose-Hall-Pool-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-22 {
  background-image: url('../images/Hyatt-Zilara-Cap-Cana-Aerial-Resort-1-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-23 {
  background-image: url('../images/Hyatt-Zilara-Cap-Cana-Pool-Couple-2-1-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-24 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Overall-Aerial-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-25 {
  background-image: url('../images/Hyatt-Ziva-Los-Cabos-Aerial-6-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-26 {
  background-image: url('../images/Hyatt-Ziva-Rose-Hall-Family-at-Pool-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-27 {
  background-image: url('../images/Hyatt-Ziva-Cap-Cana-Aerial-Resort-1-2-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-28 {
  background-image: url('../images/Hyatt-Ziva-Cap-Cana-Waterpark-Couple-1-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-29 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Turquoize-Sky-Swim-Up-Ocean-Front-Couple-11.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-30 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Zen-Spa-Hydrotherapy.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-31 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Rooftop-Pool-Couple-Romantic-2_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-32 {
  background-image: url('../images/Hyatt-Ziva-Cancun-La-Bastille-Detailed.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-33 {
  background-image: url('../images/Hyatt-Ziva-Cancun-Turquoize-Punta-Vista-Couple-4.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-34 {
  background-image: url('../images/LRMDO_Noor_Restaurant_Mediterranean_03.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-35 {
  background-image: url('../images/CZMPC_Junior_Suite_Oceanfront_King_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-36 {
  background-image: url('../images/CZMPC_Swim_Up_Bar.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-37 {
  background-image: url('../images/LRMDO_Beach_Views_7.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-38 {
  background-image: url('../images/LRMDO_Infinity_Pool_Cabanas_and_Swim_Up_Bar_03-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-39 {
  background-image: url('../images/MBJRHHF_Waterpark_Aerial.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-40 {
  background-image: url('../images/MBJRHHF_Sugar_Mill_Pool_Bar.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-41 {
  background-image: url('../images/Hilton-La-Romana-Family-Main-Pool-Aerial-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-42 {
  background-image: url('../images/LRMFM-Water-Park-Aerial-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-43 {
  background-image: url('../images/LRMFM_Beach_Views_02.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-44 {
  background-image: url('../images/Sanctuary-Cap-Cana-Beach-Couple-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-45 {
  background-image: url('../images/Sanctuary-Cap-Cana-King-And-Queen-Villa-Private-Pool-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-46 {
  background-image: url('../images/Sanctuary-Cap-Cana-Premium-Luxury-Jr-Suite-Ocean-View.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-47 {
  background-image: url('../images/Sanctuary-Cap-Cana-Swim-Up-Bar-Couple-3-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-48 {
  background-image: url('../images/Sanctuary-Cap-Cana-Spa-Hydrotherapy-Pools-Couple.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-49 {
  background-image: url('../images/Panama-Jack-Resorts-Cancun-Pirate-Ship-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-50 {
  background-image: url('../images/Panama-Jack-Resorts-Cancun-Ventanas-4-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-51 {
  background-image: url('../images/Panama-Jack-Resorts-Playa-del-Carmen-Aerial-1-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-52 {
  background-image: url('../images/Panama-Jack-Resorts-Playa-del-Carmen-Family-Junior-Suite-Oceanfront-Room-Service-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-53 {
  background-image: url('../images/Panama-Jack-Resorts-Playa-Del-Carmen-Junior-Suite-Beachfront-Walkout-With-Hot-Tub-Amenity-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-54 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Infinity-Pool.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-55 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Orchids-Terrace.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-56 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Sentry-Tower-Pool.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-57 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Sentry-Tower-3-Bedrooom-Penthouse-Suite-Living-Area.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-58 {
  background-image: url('../images/Jewel-Grande-Montego-Bay-Grande-Spa-Mineral-Soak-Pools-Model-2.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-59 {
  background-image: url('../images/MBJPCQQ_Aerial_Resort_2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.slide-59.hyatt-ziva-pv-2 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Palmas-Terrace-Mariachi-Band-Family-2-min.jpg');
  background-position: 20%;
}

.slide-60 {
  background-image: url('../images/MBJPCQQ_Court_Jesters.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.slide-60.hyatt-ziva-pv-3 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Club-Ocean-View-Swim-Up-Suite-Double-min.jpg');
}

.slide-61 {
  background-image: url('../images/MBJPCQQ_Oceanfront_Butler_Serviced_Jr_Suite.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.slide-61.hyatt-ziva-pv-4 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Pureza-2-min.jpg');
}

.slide-62 {
  background-image: url('../images/MBJPCQQ_Platinum_Restaurant_Seafood.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-62.hyatt-ziva-pv5 {
  background-image: url('../images/Hyatt-Ziva-Puerto-Vallarta-Vitamar-Spa-Treatment-Room-Single-min.jpg');
  border: 1px #000;
}

.slide-63 {
  background-image: url('../images/MBJPCQQ_Yoga_Zen_Garden.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
}

.container-2 {
  margin-top: 0;
  display: block;
}

.video-popup {
  transition: all .5s;
  box-shadow: 0 0 14px #14467b;
}

.video-popup:hover {
  transform: scale(1.1);
}

.video-block {
  width: 1000px;
  height: auto;
}

.highlight-title {
  color: #14467b;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.paragraph-4 {
  font-size: 15px;
}

.paragraph-4.video {
  color: #fff;
  margin-bottom: 40px;
}

.section-title-wrapper {
  z-index: 10;
  margin-bottom: 60px;
  position: relative;
}

.section-title-wrapper.small {
  margin-bottom: 20px;
}

.about-column-block {
  width: 400px;
}

.section-title {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 35px;
  line-height: 50px;
}

.section-title.stories {
  color: #fff;
  margin-bottom: 20px;
  font-family: Circularstd, sans-serif;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

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

.text-span-3, .text-span-5, .text-span-6 {
  font-size: 18px;
  line-height: 20px;
}

.bigger-logo {
  max-height: 60px;
}

.image-7 {
  width: 160px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.accordion-heading {
  color: #141d38;
  font-family: Centrano2, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.content-left {
  border-top: 0 solid #000;
  margin-top: 0;
  padding: 0 40px 40px;
}

.page-heading {
  color: #141d38;
  font-family: Centrano2, sans-serif;
  font-size: 60px;
  line-height: 68px;
}

.hotel-branding {
  max-height: 100px;
  object-fit: scale-down;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
}

.hotel-branding.large {
  width: 280px;
  display: inline-block;
}

.hotel-branding.large.left {
  margin-left: -80px;
}

.hotel-branding.alltra {
  max-height: 150px;
}

.footer-logos {
  height: 400px;
  text-align: center;
  background-color: #14467b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.social-wrapper {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.social-link {
  width: 55px;
  height: 55px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.footer-link-wrap {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.footer-link-white {
  color: #fff;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s;
  display: block;
}

.footer-link-white:hover {
  opacity: .5;
}

.t-c-line {
  color: rgba(255, 255, 255, .5);
  margin-top: 0;
  font-size: 15px;
}

.footer-branding {
  width: 80%;
}

.grouping-container {
  height: 120px;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
}

.link {
  width: 100px;
  color: #000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 16px;
}

.list {
  width: 100%;
  border: 1px solid #d9dde2;
  border-radius: 2px;
  margin-bottom: 26px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  list-style-type: disc;
}

.list-02 {
  color: #141d38;
  border: 0 solid #14467b;
  border-bottom-color: #dadada;
  margin-bottom: 0;
  margin-left: 25px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Centrano2 book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  list-style-type: disc;
}

.list-01 {
  color: #141d38;
  border: 0 solid #d9dde2;
  border-color: #d9dde2 #14467b #dadada #d0d6dd;
  margin-bottom: auto;
  margin-left: 25px;
  padding: 0 10px 0 0;
  font-family: Centrano2 book, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  list-style-type: disc;
}

.site-title-container {
  width: 100%;
  max-width: 1257px;
  text-align: center;
  position: absolute;
}

.site-heading {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  font-family: Centrano2, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 92px;
}

.heading-11 {
  margin-bottom: 20px;
  font-family: Circular air pro, sans-serif;
  font-size: 69px;
}

.hotel-imagery {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 8px;
}

.hotel-imagery.image-right {
  object-position: 20% 50%;
}

.hotel-imagery.zilara-01 {
  object-position: 32% 50%;
}

.hotel-imagery.zilara-01.zilara-rose-hall-2 {
  object-position: 40% 50%;
}

.hotel-imagery.zilara-03 {
  object-fit: cover;
  object-position: 50% 50%;
}

.hotel-imagery.zilara-03.zilara-rose-hall-4 {
  object-position: 0% 50%;
}

.hotel-imagery.ziva-02 {
  object-fit: cover;
  object-position: 28% 50%;
}

.hotel-imagery.turquoize-02 {
  object-position: 20% 50%;
}

.hotel-imagery.turquoize-04 {
  object-position: 30% 50%;
}

.hotel-imagery.turquoize-06 {
  object-position: 34% 50%;
}

.hotel-imagery.hilton-adults-03 {
  object-position: 50% 50%;
}

.hotel-imagery.hilton-all-ages-01 {
  object-position: 100% 50%;
}

.hotel-imagery.custom-image {
  object-position: 50% 50%;
}

.hotel-imagery.all-ages-image {
  object-fit: cover;
  object-position: 50% 50%;
}

.hotel-imagery.boat-image {
  object-position: 20% 50%;
}

.hotel-imagery.jewel-grande-3, .hotel-imagery.jewel-grande-3.bathroom, .hotel-imagery.psnsms-5, .hotel-imagery.pj-1 {
  object-position: 50% 50%;
}

.hotel-imagery.zilara-2 {
  object-fit: cover;
  object-position: 100% 50%;
}

.hotel-imagery.zilara-maya-4 {
  object-fit: cover;
  object-position: 30% 50%;
}

.hotel-imagery.zilara-5, .hotel-imagery.hyatt-zilara-4 {
  object-position: 100% 50%;
}

.hotel-imagery.hyatt-ziva-1 {
  object-position: 25% 50%;
}

.hotel-imagery.hyatt-ziva-3 {
  object-position: 30% 50%;
}

.hotel-imagery.hyatt-ziva-3.cap-cana {
  object-position: 100% 50%;
}

.hotel-imagery.hyatt-ziva-7 {
  object-position: 50% 50%;
}

.hotel-imagery.ziva-rose-hall-1 {
  object-position: 20% 50%;
}

.hotel-imagery.hyatt-ziva-rose-hall-3 {
  object-position: 100% 50%;
}

.hotel-imagery.hyatt-ziva-cancun-4 {
  object-position: 45% 50%;
}

.hotel-imagery.hyatt-ziva-cabos-4, .hotel-imagery.turquoize-new-2 {
  object-position: 0% 50%;
}

.hotel-imagery.hyatt-ziva-cancun-1 {
  object-fit: cover;
  object-position: 100% 50%;
}

.hotel-imagery.hyatt-ziva-cancun-2 {
  object-position: 25% 50%;
}

.video-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.heading-12 {
  width: 80%;
  max-width: 1280px;
  color: #14467b;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Centrano2, sans-serif;
  font-size: 60px;
  text-decoration: none;
}

.lightbox-link-2 {
  width: 80%;
  max-width: 1280px;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 140px;
  display: flex;
}

.image-19 {
  width: 120px;
  cursor: pointer;
  position: absolute;
}

.video-thumbnail {
  width: 80%;
  max-width: 1280px;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 8px;
  margin-bottom: 140px;
  box-shadow: 1px 10px 10px rgba(0, 0, 0, .25);
}

.slide-65 {
  border-radius: 8px;
}

.mobile-filter-wrapper, .filter-popup-container.hide-popup {
  display: none;
}

.background-video-2 {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 8px;
}

.header {
  width: 100%;
  height: 70px;
  max-width: 1244px;
  box-shadow: none;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  transition: padding .35s, top .35s, width .35s, max-width .35s;
  display: flex;
}

.travel-alerts {
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 21px;
  padding-bottom: 30px;
  display: flex;
}

.copy-roghts-para {
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 3px;
  padding-top: 0;
  font-family: Centrano2, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  display: flex;
}

.copy-roghts-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-logo {
  max-height: 51px;
}

.footer-container {
  max-width: 1352px;
  padding-left: 61px;
  padding-right: 59px;
}

.copy-right-wrapper {
  margin-left: -1px;
}

.social-link-icon {
  width: 24px;
  height: auto;
}

.visit-social-heading {
  color: #4b575c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Centrano2, sans-serif;
  font-size: 26px;
  line-height: 26px;
}

.footer-section {
  background-color: #4c8380;
  margin-top: 0;
  padding-bottom: 38px;
}

.visit-socials-wrapper {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  justify-content: space-between;
  align-items: center;
  margin-top: -70px;
  padding: 59px 104px 53px 108px;
  display: none;
  box-shadow: 0 10px 4px rgba(0, 0, 0, .06);
}

.copy-right-link-item {
  color: #fff;
  letter-spacing: -.02em;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  text-decoration: none;
}

.text-span-7 {
  width: 80.81px;
  height: 11.6px;
  color: rgba(0, 0, 0, 0);
  background-image: url('../images/Expedia-Group-Logo.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  margin-left: 3px;
  margin-right: 3px;
  display: flex;
}

.travel-alert-para {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.visit-social-links {
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.social-link-2 {
  align-items: center;
  margin-left: 46px;
  text-decoration: none;
  display: flex;
}

.social-link-2.fb-link {
  margin-left: 43px;
}

.social-link-2.insta-link {
  margin-left: 0;
}

.footer-logo-link {
  margin-right: 39px;
}

.link-item-text {
  font-family: Centrano2, sans-serif;
}

.social-link-text {
  color: #cbcbcb;
  padding-left: 21px;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}

.social-link-text.insta-link-text {
  padding-left: 16px;
}

.copy-rights-links {
  justify-content: center;
  align-items: center;
  display: flex;
}

.travel-right-column {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.italic-text {
  margin-top: 5px;
  line-height: 28px;
  display: block;
}

.mask, .mask-2 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-66, .slide-67, .slide-68, .slide-69 {
  border-radius: 8px;
}

.mask-3, .mask-4 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-70, .slide-71 {
  border-radius: 8px;
}

.mask-5 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-72, .slide-73 {
  border-radius: 8px;
}

.mask-6 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-74 {
  border-radius: 8px;
}

.mask-7 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-75 {
  border-radius: 8px;
}

.mask-8, .mask-9 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-76, .slide-77 {
  border-radius: 8px;
}

.mask-10 {
  background-color: #fff;
  border-radius: 8px;
}

.slide-78, .slide-79, .slide-80, .slide-81, .slide-82, .slide-83, .slide-84, .slide-85, .slide-86, .slide-87, .slide-88 {
  border-radius: 8px;
}

.content-module {
  max-width: 100%;
  background-color: #e5e5e5;
}

.text-block-21 {
  color: #1c1c1c;
  margin-bottom: 22px;
  font-family: Centrano2, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.bold-text-31 {
  color: #141d38;
  font-family: Centrano2, sans-serif;
  font-size: 28px;
}

.content-left-box {
  width: 50%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-right-box {
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.center-content-box {
  margin-left: 40px;
  margin-right: 40px;
}

.content-box-image {
  width: 100%;
  height: 31.25vw;
  max-height: 450px;
  max-width: 600px;
  background-image: url('../images/Hyatt-Ziva-Rose-Hall-Pool-Fun-Family.jpg');
  background-position: 100%;
  background-size: cover;
  border-radius: 8px;
  margin-right: 5px;
}

.content-box-wrapper {
  width: 80%;
  height: auto;
  max-width: 1280px;
  margin: 105px auto;
  display: flex;
}

.text-block-22 {
  margin-bottom: 44px;
  font-family: Centrano2 book, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.bold-text-32 {
  color: #141d38;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.header-bottom {
  width: 100%;
  height: 34px;
  background-color: #2c2c2c;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.header-bottom.footer-hide {
  display: none;
}

.header-bot-wrapper {
  width: 100%;
  height: 34px;
  align-self: center;
  display: block;
}

.image-20 {
  width: 100px;
  height: 34px;
  max-height: 34px;
}

.div-block-16 {
  height: 100%;
  align-items: center;
  display: flex;
}

.text-block-23 {
  color: #fff;
  margin-right: 10px;
  font-family: Centrano2, sans-serif;
  font-size: 10px;
  font-weight: 300;
}

.ribbon-content-ico {
  width: 10px;
  cursor: pointer;
  align-self: center;
  margin-left: 15px;
}

.header-wrapper {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  transition: padding .35s, top .35s, width .35s, max-width .35s;
  display: flex;
  position: absolute;
  top: 30px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.header-2 {
  width: 100%;
  height: 70px;
  max-width: 1244px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  transition: padding .35s, top .35s, width .35s, max-width .35s;
  display: flex;
  box-shadow: 0 1px 14px -8px #000;
}

.partner-logo-header {
  margin-top: 1px;
}

.image {
  width: 170px;
  height: auto;
  max-width: 119px;
}

.image.header {
  max-width: 170px;
  display: block;
}

.header-cta {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-book-cta {
  height: 70px;
  min-width: 147px;
  color: #2d2d2d;
  text-transform: uppercase;
  background-color: #ffb612;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Centrano2, sans-serif;
  font-weight: 700;
  line-height: 14px;
  text-decoration: none;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.header-book-cta:hover {
  opacity: 1;
  background-color: #eba200;
}

.header-top {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.ribbon-toggle-wrapper {
  width: 500px;
  cursor: pointer;
  background-color: #2c2c2c;
  border-radius: 0 0 4px 4px;
  margin-left: -40px;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  overflow: hidden;
}

.ribbon-content-upper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-ribbon-text {
  width: auto;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(76, 80, 99, 0);
  flex: 0 auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0 5px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  line-height: 16px;
  display: block;
  position: static;
  top: -202px;
}

.image-36 {
  width: 7.5px;
  height: auto;
  max-width: none;
}

.ribbon-toggle-content {
  display: block;
}

.text-block-9 {
  color: #fff;
  text-align: center;
  padding: 6px 45px 13px;
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  line-height: 12px;
  display: block;
}

.resort-lable-wrapper {
  width: 102px;
  height: 30px;
  background-color: #ffb612;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.resort-lable-wrapper.left-side {
  margin-left: 15px;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.resort-lable-wrapper.blue {
  background-color: #2b7f89;
  display: none;
}

.resort-lable-wrapper.margin-bot {
  margin-bottom: 15px;
}

.resort-label {
  font-family: Centrano2, sans-serif;
  font-weight: 500;
}

.resort-label.white {
  color: #fff;
}

.label-main {
  margin: 15px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.label-main.left {
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.click-here {
  color: #141d38;
  text-decoration: none;
}

.text-span-8 {
  text-decoration: underline;
}

.slide-nav-6 {
  height: 80px;
  background-image: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 5px;
  display: flex;
}

.icon-3 {
  width: 80px;
  height: 80px;
  background-image: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video-3 {
  height: 100%;
  display: block;
}

.background-video-4 {
  height: 100%;
}

.header-logo {
  height: auto;
  align-self: center;
}

.terms {
  width: auto;
  height: auto;
  max-width: 100%;
  min-height: 795px;
  background-image: linear-gradient(20deg, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, 0) 59%), url('../images/hero-1-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-4 {
  width: 100%;
  max-width: 1244px;
  margin: 100px auto;
}

.terms-header-wrapper {
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  transition: padding .35s, top .35s, width .35s, max-width .35s;
  display: flex;
}

.list-item {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
}

.list-item-2 {
  margin-left: 50px;
}

.list-main-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-3 {
  padding-right: 40px;
}

.tc-link {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

.tc-header {
  width: 100%;
  height: 70px;
  max-width: 100%;
  box-shadow: none;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  transition: padding .35s, top .35s, width .35s, max-width .35s;
  display: flex;
}

.tc-header-top {
  width: 100%;
  max-width: 1244px;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.tc-header-bot-wrapper {
  width: 100%;
  height: 34px;
  max-width: 1244px;
  align-self: center;
  display: block;
}

.footer-logo-image {
  width: 220px;
  height: 50px;
  max-width: 100%;
}

@media screen and (min-width: 1280px) {
  .hotel-imagery.hyatt-ziva-rose-hall-3 {
    object-position: 50% 50%;
  }

  .ribbon-toggle-wrapper {
    padding-left: 15px;
  }

  .list-3 {
    padding-right: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .ribbon-toggle-wrapper {
    align-items: center;
    padding-left: 15px;
    display: block;
  }

  .hero-ribbon-text {
    text-transform: uppercase;
    padding: 0 5px 0 0;
  }

  .image-36 {
    width: 8px;
    margin: auto;
  }

  .ribbon-toggle-content {
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .ribbon-toggle-wrapper {
    padding-left: 15px;
  }

  .tc-header {
    max-width: 100%;
  }

  .tc-header-top, .tc-header-bot-wrapper {
    max-width: 1244px;
  }
}

@media screen and (max-width: 991px) {
  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .button {
    justify-content: center;
  }

  .intro-text {
    width: auto;
  }

  .button-4 {
    margin-bottom: 49px;
  }

  .button-4.w--current {
    display: inline-block;
  }

  .button-4.cta {
    margin-bottom: -6px;
    display: none;
  }

  .menu-button.w--open {
    background-color: #000;
  }

  .nav-menu-2 {
    min-width: 240px;
    background-color: #000;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-inner {
    width: 100vw;
  }

  .menu-icon {
    color: #fff;
    font-size: 40px;
    display: none;
  }

  .nav-link {
    padding-top: 20px;
  }

  .nav-link:hover {
    box-shadow: none;
  }

  .nav-2 {
    width: 100vw;
  }

  .hero {
    padding-left: 0;
    padding-right: 0;
  }

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

  .bold-text {
    font-size: 60px;
    line-height: 74px;
  }

  .primary-button.padding-bot {
    margin-bottom: 10px;
  }

  .feature-module {
    width: 90%;
    flex-direction: column;
  }

  .feature-module.lhs {
    flex-direction: column;
  }

  .feature-heading {
    margin-bottom: 10px;
  }

  .gallery-container {
    height: 420px;
  }

  .paragraph {
    width: 100%;
  }

  .feature-title {
    font-size: 30px;
    line-height: 40px;
    position: relative;
  }

  .locations {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
  }

  .slider-01.zilara, .slider-01.turquoize {
    min-height: 0;
  }

  .content {
    margin-top: 20px;
    padding: 0;
  }

  .feature-columns {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-intro {
    align-self: flex-start;
    margin-top: 0;
  }

  .resort-slider.zilara, .resort-slider.all-ages, .resort-slider.panama, .resort-slider.paradise, .slide-18.ziva, .slide-18.adults-only, .slide-18.cap-cana, .slide-18.grande {
    min-height: 0;
  }

  .introduction {
    width: 90%;
  }

  .heading-10 {
    font-size: 40px;
  }

  .navbar {
    height: 100px;
  }

  .navcontent {
    height: 50%;
  }

  .navrhs {
    width: 300px;
    justify-content: space-between;
  }

  .palmbeach {
    width: 94px;
  }

  .learnmorebutton {
    height: 50px;
    margin-right: 0;
  }

  .navlhs {
    width: 200px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .hotelslogo {
    width: 160px;
  }

  .section-title-wrapper {
    margin-bottom: 40px;
  }

  .section-title {
    font-size: 42px;
  }

  .content-left {
    margin-top: 20px;
    padding: 0;
  }

  .hotel-branding {
    max-height: 60px;
    align-self: flex-start;
    margin-top: 0;
  }

  .hotel-branding.hilton-logo {
    max-height: none;
  }

  .footer-logos {
    height: 300px;
  }

  .module-intro {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .list {
    width: 80%;
    margin-bottom: 20px;
  }

  .site-title-container {
    width: 90%;
  }

  .heading-11 {
    font-size: 38px;
  }

  .heading-12 {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .lightbox-link-2 {
    width: 90%;
  }

  .image-19 {
    width: 80px;
  }

  .mobile-filter-wrapper {
    z-index: 10;
    height: auto;
    display: block;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .filter-btn {
    height: 6vw;
    color: #2d2d2d;
    cursor: pointer;
    background-color: #f8b80b;
    justify-content: center;
    align-items: center;
    font-size: 2vw;
    font-weight: 700;
    line-height: 2vw;
    display: flex;
  }

  .filter-popup-container {
    z-index: 15;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .6);
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .filter-popup-container.hide-popup {
    z-index: 10;
    display: block;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .popup-wrapper {
    width: 100%;
    height: 100%;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 142px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .filter-title-wrapper {
    margin-bottom: 24px;
  }

  .filter-popup-title {
    color: #15467b;
    text-align: center;
    font-family: Centrano2, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
  }

  .filter-close {
    width: 100%;
    height: 53px;
    max-width: 346px;
    color: #2c2c2c;
    text-align: center;
    background-color: #f8b80b;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    margin: 20px auto 50px;
    font-family: Centrano2, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 55px;
    display: flex;
    position: relative;
    top: 0;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .header {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transition-property: none;
  }

  .travel-alerts {
    flex-direction: column-reverse;
    padding-top: 26px;
    padding-bottom: 20px;
  }

  .copy-roghts-para {
    line-height: 24px;
  }

  .copy-roghts-container {
    margin-bottom: 20px;
  }

  .footer-container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .copy-right-wrapper {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .social-link-icon {
    width: 23px;
    padding-bottom: 1px;
  }

  .visit-social-heading {
    font-size: 24px;
  }

  .footer-section {
    margin-top: 0;
    padding-bottom: 60px;
  }

  .visit-socials-wrapper {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    padding: 80px 40px 56px;
  }

  .travel-left-column {
    flex-direction: column;
    display: flex;
  }

  .copy-right-link-item {
    line-height: 30px;
  }

  .travel-alert-para {
    text-align: center;
  }

  .visit-social-links {
    margin-top: 0;
  }

  .social-link-2.fb-link {
    margin-left: 16px;
  }

  .social-link-2.pint-link {
    margin-left: 20px;
  }

  .footer-logo-link {
    margin-right: 0;
  }

  .social-link-text {
    letter-spacing: -.014em;
    padding-left: 15px;
  }

  .social-link-text.insta-link-text {
    padding-left: 13px;
  }

  .copy-rights-links {
    flex-direction: column;
    padding-bottom: 0;
  }

  .travel-right-column {
    justify-content: center;
    margin-bottom: 13px;
  }

  .text-block-21 {
    text-align: center;
    margin-bottom: 38px;
    line-height: 40px;
  }

  .bold-text-31 {
    line-height: 32px;
  }

  .content-left-box {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 100%;
    justify-content: center;
    padding: 60px 0 80px;
  }

  .content-right-box {
    width: 100%;
    height: 66.276vw;
    max-height: 509px;
    max-width: 100%;
  }

  .center-content-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .content-box-image {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    background-position: 50%;
    background-size: cover;
  }

  .content-box-wrapper {
    width: 100%;
    height: auto;
    flex-direction: column-reverse;
    margin-top: 40px;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-22 {
    color: #000;
    margin-bottom: 40px;
    font-family: Centrano2 book, sans-serif;
  }

  .header-bottom {
    padding-left: 34px;
  }

  .ribbon-content-ico {
    margin-left: 10px;
  }

  .header-wrapper {
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    top: 0;
    bottom: auto;
  }

  .header-2 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 34px;
    transition-property: none;
  }

  .image.header {
    max-width: 150px;
  }

  .header-top {
    padding-left: 34px;
  }

  .hero-ribbon-text, .resort-lable-wrapper.blue.hide {
    display: none;
  }

  .close-cta {
    width: 29.17px;
    height: 29.17px;
    background-image: url('../images/clear.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 104px;
    margin-right: 22px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .section-4 {
    max-width: 100%;
  }

  .terms-header-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .tc-link {
    text-align: center;
  }

  .tc-header {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    transition-property: none;
  }

  .tc-header-top {
    padding-left: 34px;
  }
}

@media screen and (max-width: 767px) {
  .intro-content {
    width: 80%;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .section, .section.homee-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .button-4, .button-4.w--current, .menu-button {
    display: none;
  }

  .menu-icon {
    font-size: 30px;
    display: none;
  }

  .wrap {
    width: 100%;
    max-width: none;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding-left: 15vw;
    padding-right: 15vw;
    display: flex;
  }

  .footer-link-2 {
    margin-bottom: 10px;
    display: inline-block;
  }

  .content-section {
    padding-top: 60px;
  }

  .play-button {
    width: 70px;
    height: 70px;
    background-size: 30px;
  }

  .relative {
    height: 100%;
  }

  .accordion__item {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .empathy-point {
    display: flex;
  }

  .main-content {
    flex-direction: column;
  }

  .gallery-container {
    height: 320px;
  }

  .feature-title {
    font-size: 26px;
    line-height: 32px;
  }

  .content {
    padding: 0;
  }

  .accordion-section {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-13 {
    width: 100%;
    margin-left: 0;
  }

  .feature-intro {
    margin-right: 10px;
  }

  .heading-10.intro-headline {
    margin-bottom: 20px;
  }

  .hero-section {
    margin-top: 97px;
  }

  .navbar {
    width: 100vw;
    height: 70px;
  }

  .navrhs {
    width: 260px;
    justify-content: space-around;
  }

  .palmbeach {
    width: 80px;
  }

  .learnmorebutton {
    height: 40px;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .learnmorebutton.header-btn {
    height: 40px;
  }

  .hotelslogo {
    width: 120px;
  }

  .about-column-block {
    width: 80%;
  }

  .section-title {
    max-width: 450px;
    font-size: 36px;
  }

  .content-left {
    padding: 20px 0 0;
  }

  .page-heading {
    font-size: 40px;
  }

  .hotel-branding {
    max-height: 50px;
    margin-bottom: 0;
  }

  .module-intro {
    flex-direction: column;
  }

  .list {
    width: 100%;
    margin-bottom: 20px;
  }

  .site-heading {
    letter-spacing: 0;
    font-family: Circular air pro, sans-serif;
    font-size: 60px;
    line-height: 60px;
  }

  .heading-11 {
    font-size: 22px;
  }

  .heading-12 {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .lightbox-link-2 {
    margin-bottom: 60px;
  }

  .filter-btn {
    height: 8vw;
    color: #2d2d2d;
    font-size: 2.5vw;
    line-height: 3vw;
  }

  .header {
    height: 60px;
    padding-left: 0;
  }

  .travel-alerts {
    padding-top: 28px;
  }

  .copy-roghts-container {
    flex-direction: column;
  }

  .footer-logo {
    max-height: 48px;
  }

  .copy-right-wrapper {
    padding-left: 38px;
    padding-right: 38px;
  }

  .social-link-icon {
    width: 21px;
  }

  .visit-social-heading {
    margin-bottom: 23px;
    line-height: 24px;
  }

  .footer-section {
    padding-bottom: 60px;
  }

  .visit-socials-wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding: 44px 20px 40px;
  }

  .travel-alert-para {
    line-height: 20px;
  }

  .visit-social-links {
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .social-link-2.fb-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .social-link-2.pint-link {
    margin-left: 0;
  }

  .footer-logo-link {
    margin-right: 5px;
  }

  .social-link-text, .social-link-text.insta-link-text {
    font-size: 20px;
  }

  .travel-right-column {
    margin-bottom: 3px;
  }

  .italic-text {
    letter-spacing: -.04em;
    margin-top: 21px;
    line-height: 22px;
  }

  .content-module {
    background-color: #c9e3e0;
  }

  .text-block-21 {
    text-align: left;
    margin-bottom: 20px;
    line-height: 32px;
  }

  .content-left-box {
    height: auto;
    max-height: none;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
  }

  .content-right-box {
    height: 256px;
    max-height: 256px;
  }

  .center-content-box {
    max-width: none;
    min-width: 100%;
  }

  .content-box-wrapper {
    height: auto;
    justify-content: flex-end;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-22 {
    font-size: 14px;
  }

  .header-bottom {
    height: 38px;
    padding-left: 20px;
  }

  .header-bot-wrapper {
    height: 100%;
  }

  .image-20 {
    height: 38px;
  }

  .ribbon-content-ico {
    margin-left: 5px;
  }

  .header-2 {
    height: 60px;
    padding-left: 20px;
  }

  .partner-logo-header {
    margin-top: -2px;
  }

  .image {
    height: auto;
    max-width: 75px;
    display: block;
  }

  .image.header {
    max-width: 140px;
  }

  .header-book-cta {
    height: 60px;
    min-width: 111px;
    line-height: 18px;
  }

  .header-top {
    padding-left: 20px;
  }

  .terms {
    margin-top: 97px;
  }

  .tc-link {
    line-height: 20px;
  }

  .tc-header {
    height: 60px;
    padding-left: 0;
  }

  .tc-header-top {
    padding-left: 20px;
  }

  .tc-header-bot-wrapper {
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section.homee-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .button-4 {
    margin-bottom: 37px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
  }

  .button-4.w--current {
    display: none;
  }

  .button-4.cta {
    margin: -55px 1px -102px -7px;
    padding: 10px 20px;
    display: block;
  }

  .menu-button {
    display: none;
  }

  .nav-inner {
    width: 100vw;
  }

  .menu-icon {
    display: none;
  }

  .hero {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block {
    font-size: 14px;
    line-height: 28px;
  }

  .slider {
    width: auto;
    height: auto;
    overflow: hidden;
  }

  .div-block-2 {
    overflow: hidden;
  }

  .div-block-2.resort-2 {
    display: flex;
  }

  .columns {
    display: block;
  }

  .hotel-section-one._1 {
    margin-left: 0;
  }

  .foooter {
    overflow: hidden;
  }

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

  .image-4 {
    width: 72px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .image-4.footer-logo {
    width: 115px;
    margin-top: 10px;
    padding-bottom: 11px;
  }

  .content-section {
    padding-top: 40px;
  }

  .play-button {
    width: 60px;
    height: 60px;
    background-size: 27px;
  }

  .video-bg {
    margin-bottom: -25px;
  }

  .accordion__item.js-accordion-item {
    padding-bottom: 0;
  }

  .bold-text {
    font-size: 34px;
    line-height: 40px;
  }

  .expand-text {
    font-size: 14px;
  }

  .column {
    overflow: hidden;
  }

  .feature-heading {
    line-height: 20px;
  }

  .main-content {
    margin-bottom: 20px;
  }

  .gallery-container {
    height: 240px;
  }

  .paragraph {
    margin-bottom: 20px;
  }

  .feature-title {
    font-size: 20px;
    line-height: 28px;
  }

  .locations {
    margin-bottom: 10px;
    padding-top: 0;
    display: inline-block;
  }

  .button-9 {
    color: #14467b;
    border-color: #14467b;
    padding: 15px 30px;
  }

  .content {
    margin-top: 0;
    padding-top: 0;
  }

  .accordion-section {
    width: 100%;
    border-bottom-width: 1px;
    margin-left: auto;
    padding-bottom: 20px;
  }

  .heading-8 {
    font-size: 18px;
    line-height: 26px;
  }

  .div-block-13 {
    width: 100%;
    margin-left: 0;
  }

  .feature-intro {
    font-size: 20px;
    line-height: 28px;
  }

  .introduction {
    margin-bottom: 40px;
  }

  .heading-10.intro-headline {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-section {
    height: auto;
    min-height: 726px;
    justify-content: center;
    display: flex;
    overflow: visible;
  }

  .gradient {
    background-image: none;
  }

  .navbar {
    width: 100%;
    height: 60px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .navcontent {
    width: 100%;
    height: 70%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    display: flex;
  }

  .navrhs {
    width: 100%;
    justify-content: space-between;
    overflow: hidden;
  }

  .palmbeach {
    width: 88px;
    margin-right: 25px;
    display: block;
  }

  .learnmorebutton {
    width: auto;
    height: 40px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    margin-left: 162px;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .learnmorebutton.header-btn {
    font-size: 12px;
  }

  .navlhs {
    display: none;
  }

  .hotelslogo {
    display: block;
  }

  .video-block {
    display: inline;
  }

  .paragraph-4 {
    margin-top: 17px;
  }

  .paragraph-4.video {
    margin-bottom: 117px;
  }

  .section-title-wrapper {
    margin-top: -83px;
  }

  .about-column-block {
    width: 100%;
  }

  .section-title {
    max-width: 270px;
    margin-top: 4px;
    font-size: 34px;
    line-height: 42px;
  }

  .section-title.stories {
    max-width: none;
  }

  .image-7 {
    margin-bottom: 10px;
    margin-left: -10px;
  }

  .link-block-4 {
    width: auto;
  }

  .content-left {
    margin-top: 0;
    padding-top: 0;
  }

  .page-heading {
    font-size: 30px;
    line-height: 34px;
  }

  .hotel-branding {
    align-self: flex-start;
    margin-bottom: 10px;
    display: block;
  }

  .hotel-branding.large {
    width: 130px;
    float: left;
    clear: left;
    display: block;
  }

  .social-wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .module-intro {
    margin-top: 20px;
  }

  .grouping-container {
    flex-direction: column-reverse;
    flex: 0 auto;
    align-self: flex-start;
    display: flex;
  }

  .link {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  }

  .list {
    margin-bottom: 20px;
  }

  .site-heading {
    letter-spacing: 0;
    font-family: Centrano2, sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 58px;
  }

  .heading-11 {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 38px;
  }

  .heading-12 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
  }

  .lightbox-link-2 {
    width: 90%;
    margin-bottom: 60px;
  }

  .image-19 {
    width: 60px;
  }

  .filter-btn {
    height: 18vw;
    color: #2d2d2d;
    text-transform: uppercase;
    background-color: #ffb612;
    font-family: Centrano2, sans-serif;
    font-size: 5vw;
    line-height: 5vw;
  }

  .filter-popup-container {
    background-color: rgba(0, 0, 0, .6);
  }

  .popup-wrapper {
    justify-content: space-between;
  }

  .filter-popup-title {
    font-size: 4vw;
    line-height: 4vw;
  }

  .filter-close {
    height: 40px;
    font-size: 20px;
    line-height: 20px;
  }

  .copy-roghts-para {
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .visit-socials-wrapper {
    padding-bottom: 30px;
  }

  .travel-left-column {
    padding-left: 0;
    padding-right: 0;
  }

  .visit-social-links {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .social-link-2.fb-link {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .social-link-2.pint-link, .social-link-2.insta-link {
    margin-bottom: 10px;
  }

  .social-link-text {
    padding-left: 10px;
  }

  .social-link-text.insta-link-text {
    padding-left: 5px;
  }

  .copy-rights-links {
    padding-bottom: 30px;
  }

  .content-box-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-bottom {
    padding-left: 0;
  }

  .text-block-23 {
    padding-left: 20px;
  }

  .image {
    max-width: 75px;
  }

  .image.header {
    max-width: 120px;
  }

  .header-book-cta {
    font-family: Centrano2, sans-serif;
    font-weight: 700;
  }

  .ribbon-toggle-wrapper {
    width: auto;
    margin-left: auto;
  }

  .hero-ribbon-text {
    display: block;
  }

  .resort-lable-wrapper.blue, .resort-lable-wrapper.margin-bot {
    width: 80px;
    height: 25px;
  }

  .resort-label {
    font-size: 10px;
    line-height: 15px;
  }

  .terms {
    height: auto;
    min-height: 726px;
    justify-content: center;
    display: flex;
    overflow: visible;
  }
}


@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-BlackItalic.woff2') format('woff2'), url('../fonts/CentraNo2-BlackItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-BlackItalic.woff') format('woff'), url('../fonts/CentraNo2-BlackItalic.ttf') format('truetype'), url('../fonts/CentraNo2-BlackItalic.svg') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-Black.woff2') format('woff2'), url('../fonts/CentraNo2-Black.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Black.woff') format('woff'), url('../fonts/CentraNo2-Black.ttf') format('truetype'), url('../fonts/CentraNo2-Black.svg') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-BoldItalic.woff2') format('woff2'), url('../fonts/CentraNo2-ExtraboldItalic.woff2') format('woff2'), url('../fonts/CentraNo2-BoldItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-ExtraboldItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-BoldItalic.woff') format('woff'), url('../fonts/CentraNo2-ExtraboldItalic.woff') format('woff'), url('../fonts/CentraNo2-BoldItalic.ttf') format('truetype'), url('../fonts/CentraNo2-ExtraboldItalic.ttf') format('truetype'), url('../fonts/CentraNo2-BoldItalic.svg') format('svg'), url('../fonts/CentraNo2-ExtraboldItalic.svg') format('svg');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-Bold.woff2') format('woff2'), url('../fonts/CentraNo2-Extrabold.woff2') format('woff2'), url('../fonts/CentraNo2-Bold.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Extrabold.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Bold.woff') format('woff'), url('../fonts/CentraNo2-Extrabold.woff') format('woff'), url('../fonts/CentraNo2-Bold.ttf') format('truetype'), url('../fonts/CentraNo2-Extrabold.ttf') format('truetype'), url('../fonts/CentraNo2-Bold.svg') format('svg'), url('../fonts/CentraNo2-Extrabold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2 book';
  src: url('../fonts/CentraNo2-Book.woff2') format('woff2'), url('../fonts/CentraNo2-Book.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Book.woff') format('woff'), url('../fonts/CentraNo2-Book.ttf') format('truetype'), url('../fonts/CentraNo2-Book.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-BookItalic.woff2') format('woff2'), url('../fonts/CentraNo2-HairlineItalic.woff2') format('woff2'), url('../fonts/CentraNo2-BookItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-HairlineItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-BookItalic.woff') format('woff'), url('../fonts/CentraNo2-HairlineItalic.woff') format('woff'), url('../fonts/CentraNo2-BookItalic.ttf') format('truetype'), url('../fonts/CentraNo2-HairlineItalic.ttf') format('truetype'), url('../fonts/CentraNo2-BookItalic.svg') format('svg'), url('../fonts/CentraNo2-HairlineItalic.svg') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2 hairline';
  src: url('../fonts/CentraNo2-Hairline.woff2') format('woff2'), url('../fonts/CentraNo2-Hairline.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Hairline.woff') format('woff'), url('../fonts/CentraNo2-Hairline.ttf') format('truetype'), url('../fonts/CentraNo2-Hairline.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-Light.woff2') format('woff2'), url('../fonts/CentraNo2-Light.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Light.woff') format('woff'), url('../fonts/CentraNo2-Light.ttf') format('truetype'), url('../fonts/CentraNo2-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-LightItalic.woff2') format('woff2'), url('../fonts/CentraNo2-LightItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-LightItalic.woff') format('woff'), url('../fonts/CentraNo2-LightItalic.ttf') format('truetype'), url('../fonts/CentraNo2-LightItalic.svg') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-MediumItalic.woff2') format('woff2'), url('../fonts/CentraNo2-MediumItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-MediumItalic.woff') format('woff'), url('../fonts/CentraNo2-MediumItalic.ttf') format('truetype'), url('../fonts/CentraNo2-MediumItalic.svg') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-Medium.woff2') format('woff2'), url('../fonts/CentraNo2-Medium.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Medium.woff') format('woff'), url('../fonts/CentraNo2-Medium.ttf') format('truetype'), url('../fonts/CentraNo2-Medium.svg') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-Thin.woff2') format('woff2'), url('../fonts/CentraNo2-Thin.eot') format('embedded-opentype'), url('../fonts/CentraNo2-Thin.woff') format('woff'), url('../fonts/CentraNo2-Thin.ttf') format('truetype'), url('../fonts/CentraNo2-Thin.svg') format('svg');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Centrano2';
  src: url('../fonts/CentraNo2-ThinItalic.woff2') format('woff2'), url('../fonts/CentraNo2-ThinItalic.eot') format('embedded-opentype'), url('../fonts/CentraNo2-ThinItalic.woff') format('woff'), url('../fonts/CentraNo2-ThinItalic.ttf') format('truetype'), url('../fonts/CentraNo2-ThinItalic.svg') format('svg');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-BookItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Circularstd book';
  src: url('../fonts/CircularStd-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Circular air pro';
  src: url('../fonts/Circular-Air-Pro-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Calendar check';
  src: url('../fonts/calendar-check.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Arrow alt circle down';
  src: url('../fonts/arrow-alt-circle-down.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}