.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 1em 1em 0;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: 50%;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8b9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
}

.DayPicker-NavButton--next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8b9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  border-radius: 50%;
  text-align: center;
}

.DayPicker-Day,
.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  vertical-align: middle;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  min-width: 1em;
  border-right: 1px solid #eaecec;
  color: #8b9898;
  text-align: right;
  font-size: 0.75em;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4a90e2;
  font-size: 0.875em;
  cursor: pointer;
}

.DayPicker-Day--today {
  color: #d0021b;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8b9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
}

.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
    .DayPicker-Day--outside
  ) {
  position: relative;
  background-color: #4a90e2;
  color: #f0f8ff;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(
    .DayPicker-Day--outside
  ):hover {
  background-color: #51a0fa;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(
    .DayPicker-Day--selected
  ):not(.DayPicker-Day--outside):hover {
  background-color: #f0f8ff;
}

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.m-arrow:hover {
  cursor: pointer;
}

.m-arrow .arrowButton {
  height: 34px;
  width: 34px;
  padding: 14px;
  box-shadow: 0 5px 50px -5px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}

.m-arrow i {
  border: solid #28384d;
  border-width: 0 2px 2px 0;
  display: block;
  padding: 2px;
  margin: 0;
  height: 2px;
  width: 2px;
  transition: transform 0.6s ease;
}

.m-arrow i.right {
  transform: rotate(-45deg);
  animation: move-arrow-right 2s infinite;
}

.m-arrow i.left {
  transform: rotate(135deg);
  animation: move-arrow-left 2s infinite;
}

.m-arrow i.up {
  transform: rotate(-135deg);
  animation: move-arrow-up 2s infinite;
}

.m-arrow i.down {
  transform: rotate(45deg);
  animation: move-arrow-down 2s infinite;
}

@keyframes move-arrow-up {
  0% {
    margin-top: 0;
  }

  25% {
    margin-top: -5px;
  }

  50% {
    margin-top: 0;
  }

  75% {
    margin-top: -5px;
  }
}

@keyframes move-arrow-down {
  0% {
    margin-top: 0;
  }

  25% {
    margin-top: 5px;
  }

  50% {
    margin-top: 0;
  }

  75% {
    margin-top: 5px;
  }
}

@keyframes move-arrow-right {
  0% {
    margin-left: 0;
  }

  25% {
    margin-left: 5px;
  }

  50% {
    margin-left: 0;
  }

  75% {
    margin-left: 5px;
  }
}

@keyframes move-arrow-left {
  0% {
    margin-left: 0;
  }

  25% {
    margin-left: -5px;
  }

  50% {
    margin-left: 0;
  }

  75% {
    margin-left: -5px;
  }
}

.card-carousel {
  position: relative;
  width: 100%;
  max-width: 984px;
  margin: 0 auto;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow {
  opacity: 1;
  transition: opacity 0.3s linear;
  width: 40px;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow .arrowButton {
  height: 40px;
  width: 40px;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow.left {
  left: -60px;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow.left .arrowButton {
  left: 0;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow.right {
  right: -60px;
}

.card-carousel .slick-slider.slick-initialized .slick-arrow.right .arrowButton {
  right: 0;
}

@media screen and (max-width: 1024px) {
  .card-carousel .slick-slider.slick-initialized .slick-arrow.left {
    left: -20px;
  }

  .card-carousel .slick-slider.slick-initialized .slick-arrow.right {
    right: -20px;
  }
}

@media only screen and (max-width: 1024px) {
  .card-carousel .slick-slider.slick-initialized .slick-arrow {
    display: block;
  }

  .card-carousel .slick-slider.slick-initialized .slick-arrow.left {
    left: 0;
  }

  .card-carousel .slick-slider.slick-initialized .slick-arrow.right {
    right: 0;
  }
}

.card-carousel .slick-slider.slick-initialized .slick-arrow.slick-disabled {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .card-carousel .slick-slider.slick-initialized {
    padding: 0 32px;
  }
}

@media screen and (min-width: 500px) and (max-width: 767px) {
  .card-carousel .slick-slider.slick-initialized {
    padding: 0 90px;
  }
}

@media screen and (min-width: 430px) and (max-width: 499px) {
  .card-carousel .slick-slider.slick-initialized {
    padding: 0 60px;
  }
}

@media screen and (min-width: 400px) and (max-width: 429px) {
  .card-carousel .slick-slider.slick-initialized {
    padding: 0 40px;
  }
}

.card-carousel .hp-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.164);
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  position: relative;
  margin: auto;
  padding-bottom: 27px;
  width: 95%;
  max-width: 312px;
  display: table;
}

.card-carousel .hp-card .hp-overlay {
  display: none;
}

@media screen and (max-width: 720px) {
  .card-carousel .hp-card .hp-overlay {
    display: block;
  }
}

.card-carousel .hp-card .card-content {
  display: table-row;
}

.card-carousel .hp-card .card-content p {
  min-height: 40px;
}

.card-carousel .hp-card .card-title {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 16px;
  line-height: 1.3;
}

.card-carousel .hp-card .card-button-container {
  padding: 0 22px;
  z-index: 3;
  height: 100%;
  display: table-cell;
  vertical-align: bottom;
}

.card-carousel .hp-card .card-img {
  display: block;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 17px;
  height: auto;
  padding-bottom: 100%;
  width: 100%;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  z-index: 1;
}

.card-carousel .hp-card button,
.card-carousel .hp-card h3,
.card-carousel .hp-card p {
  margin: 0 22px;
}

.card-carousel .hp-card h3 {
  color: #253b56;
  margin-bottom: 4px;
}

.card-carousel .hp-card p {
  color: #253b56;
  margin-bottom: 14px;
  font-family: InspireTWDC;
  font-size: 16px;
  line-height: 1.5;
}

.card-carousel .hp-card .m-pill {
  position: absolute;
  top: 21px;
  left: 24px;
  height: 24px;
}

.card-carousel .hp-card .atom-button,
.card-carousel .hp-card .m-button {
  margin-bottom: 16px;
}

.card-carousel
  .card.slick-slide.slick-current.slick-active.slick-center:first-child {
  background-color: red;
}

.card-carousel .card.slick-active:first-child {
  transform: translateX(24px);
  transition: transform 0.2s ease-in-out;
  background: red !important;
}

.card-carousel .card.slick-active:nth-child(2) {
  transform: translateX(24px);
  transition: transform 0.4s ease-in-out;
  background: #000 !important;
}

.card-carousel .card.slick-active:nth-child(3) {
  transform: translateX(24px);
  transition: transform 0.6s ease-in-out;
  background: purple !important;
}

.offer-carousel {
  width: 100%;
  max-width: 984px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .offer-carousel .slick-slider.slick-initialized .m-homecard {
    width: 95%;
  }
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow {
  opacity: 1;
  transition: opacity 0.3s linear;
  width: 40px;
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow .arrowButton {
  height: 40px;
  width: 40px;
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow.left {
  left: -60px;
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow.left .arrowButton {
  left: 0;
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow.right {
  right: -60px;
}

.offer-carousel
  .slick-slider.slick-initialized
  .slick-arrow.right
  .arrowButton {
  right: 0;
}

@media screen and (max-width: 1024px) {
  .offer-carousel .slick-slider.slick-initialized .slick-arrow.left {
    left: -20px;
  }

  .offer-carousel .slick-slider.slick-initialized .slick-arrow.right {
    right: -20px;
  }
}

@media only screen and (max-width: 1024px) {
  .offer-carousel .slick-slider.slick-initialized .slick-arrow {
    display: block;
  }

  .offer-carousel .slick-slider.slick-initialized .slick-arrow.left {
    left: 0;
  }

  .offer-carousel .slick-slider.slick-initialized .slick-arrow.right {
    right: 0;
  }
}

.offer-carousel .slick-slider.slick-initialized .slick-arrow.slick-disabled {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .offer-carousel .slick-slider.slick-initialized {
    padding: 0 32px;
  }
}

@media screen and (min-width: 400px) and (max-width: 767px) {
  .offer-carousel .slick-slider.slick-initialized {
    padding: 0 40px;
  }
}

.accordion-content.slick-initialized .m-arrow .arrowButton,
.activities-cards-container.slick-initialized .m-arrow .arrowButton,
.dining-cards-container.slick-initialized .m-arrow .arrowButton,
.room-cards-container.slick-initialized .m-arrow .arrowButton,
.simple-cards-container.slick-initialized .m-arrow .arrowButton,
.spoffCarouselContent.slick-initialized .m-arrow .arrowButton,
.spoffExperienceFilter.slick-initialized .m-arrow .arrowButton {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .accordion-content.slick-initialized .slick-slide,
  .activities-cards-container.slick-initialized .slick-slide,
  .dining-cards-container.slick-initialized .slick-slide,
  .room-cards-container.slick-initialized .slick-slide,
  .simple-cards-container.slick-initialized .slick-slide,
  .spoffCarouselContent.slick-initialized .slick-slide,
  .spoffExperienceFilter.slick-initialized .slick-slide {
    margin: 0 5px;
  }

  .accordion-content.slick-initialized .m-arrow.left,
  .activities-cards-container.slick-initialized .m-arrow.left,
  .dining-cards-container.slick-initialized .m-arrow.left,
  .room-cards-container.slick-initialized .m-arrow.left,
  .simple-cards-container.slick-initialized .m-arrow.left,
  .spoffCarouselContent.slick-initialized .m-arrow.left,
  .spoffExperienceFilter.slick-initialized .m-arrow.left {
    left: -12px;
  }

  .accordion-content.slick-initialized .m-arrow.right,
  .activities-cards-container.slick-initialized .m-arrow.right,
  .dining-cards-container.slick-initialized .m-arrow.right,
  .room-cards-container.slick-initialized .m-arrow.right,
  .simple-cards-container.slick-initialized .m-arrow.right,
  .spoffCarouselContent.slick-initialized .m-arrow.right,
  .spoffExperienceFilter.slick-initialized .m-arrow.right {
    right: -12px;
  }

  .accordion-content.slick-initialized .m-arrow .arrowButton,
  .activities-cards-container.slick-initialized .m-arrow .arrowButton,
  .dining-cards-container.slick-initialized .m-arrow .arrowButton,
  .room-cards-container.slick-initialized .m-arrow .arrowButton,
  .simple-cards-container.slick-initialized .m-arrow .arrowButton,
  .spoffCarouselContent.slick-initialized .m-arrow .arrowButton,
  .spoffExperienceFilter.slick-initialized .m-arrow .arrowButton {
    height: 40px;
    width: 40px;
  }

  .accordion-content.slick-initialized .m-arrow .arrowButton.left,
  .activities-cards-container.slick-initialized .m-arrow .arrowButton.left,
  .dining-cards-container.slick-initialized .m-arrow .arrowButton.left,
  .room-cards-container.slick-initialized .m-arrow .arrowButton.left,
  .simple-cards-container.slick-initialized .m-arrow .arrowButton.left,
  .spoffCarouselContent.slick-initialized .m-arrow .arrowButton.left,
  .spoffExperienceFilter.slick-initialized .m-arrow .arrowButton.left {
    left: 0;
  }

  .accordion-content.slick-initialized .m-arrow .arrowButton.left i.left,
  .activities-cards-container.slick-initialized
    .m-arrow
    .arrowButton.left
    i.left,
  .dining-cards-container.slick-initialized .m-arrow .arrowButton.left i.left,
  .room-cards-container.slick-initialized .m-arrow .arrowButton.left i.left,
  .simple-cards-container.slick-initialized .m-arrow .arrowButton.left i.left,
  .spoffCarouselContent.slick-initialized .m-arrow .arrowButton.left i.left,
  .spoffExperienceFilter.slick-initialized .m-arrow .arrowButton.left i.left {
    margin-left: 3px;
  }

  .accordion-content.slick-initialized .m-arrow .arrowButton.right,
  .activities-cards-container.slick-initialized .m-arrow .arrowButton.right,
  .dining-cards-container.slick-initialized .m-arrow .arrowButton.right,
  .room-cards-container.slick-initialized .m-arrow .arrowButton.right,
  .simple-cards-container.slick-initialized .m-arrow .arrowButton.right,
  .spoffCarouselContent.slick-initialized .m-arrow .arrowButton.right,
  .spoffExperienceFilter.slick-initialized .m-arrow .arrowButton.right {
    right: 0;
  }

  .accordion-content.slick-initialized .m-arrow .arrowButton.right i.right,
  .activities-cards-container.slick-initialized
    .m-arrow
    .arrowButton.right
    i.right,
  .dining-cards-container.slick-initialized .m-arrow .arrowButton.right i.right,
  .room-cards-container.slick-initialized .m-arrow .arrowButton.right i.right,
  .simple-cards-container.slick-initialized .m-arrow .arrowButton.right i.right,
  .spoffCarouselContent.slick-initialized .m-arrow .arrowButton.right i.right,
  .spoffExperienceFilter.slick-initialized .m-arrow .arrowButton.right i.right {
    margin-right: 3px;
  }
}

.accordion-content .slick-slide .hp-overlay,
.activities-cards-container .slick-slide .hp-overlay,
.dining-cards-container .slick-slide .hp-overlay,
.room-cards-container .slick-slide .hp-overlay,
.simple-cards-container .slick-slide .hp-overlay,
.spoffCarouselContent .slick-slide .hp-overlay,
.spoffExperienceFilter .slick-slide .hp-overlay {
  opacity: 1;
  z-index: 4;
  visibility: visible;
  transition: visibility 1s linear, opacity 1s linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.accordion-content .slick-slide.slick-active .hp-card .hp-overlay,
.accordion-content .slick-slide.slick-current .hp-card .hp-overlay,
.activities-cards-container .slick-slide.slick-active .hp-card .hp-overlay,
.activities-cards-container .slick-slide.slick-current .hp-card .hp-overlay,
.dining-cards-container .slick-slide.slick-active .hp-card .hp-overlay,
.dining-cards-container .slick-slide.slick-current .hp-card .hp-overlay,
.room-cards-container .slick-slide.slick-active .hp-card .hp-overlay,
.room-cards-container .slick-slide.slick-current .hp-card .hp-overlay,
.simple-cards-container .slick-slide.slick-active .hp-card .hp-overlay,
.simple-cards-container .slick-slide.slick-current .hp-card .hp-overlay,
.spoffCarouselContent .slick-slide.slick-active .hp-card .hp-overlay,
.spoffCarouselContent .slick-slide.slick-current .hp-card .hp-overlay,
.spoffExperienceFilter .slick-slide.slick-active .hp-card .hp-overlay,
.spoffExperienceFilter .slick-slide.slick-current .hp-card .hp-overlay {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s linear, opacity 1s linear;
}

.accordion-content .slick-slide img,
.activities-cards-container .slick-slide img,
.dining-cards-container .slick-slide img,
.room-cards-container .slick-slide img,
.simple-cards-container .slick-slide img,
.spoffCarouselContent .slick-slide img,
.spoffExperienceFilter .slick-slide img {
  width: 100%;
}

.accordion-content .slick-list,
.activities-cards-container .slick-list,
.dining-cards-container .slick-list,
.room-cards-container .slick-list,
.simple-cards-container .slick-list,
.spoffCarouselContent .slick-list,
.spoffExperienceFilter .slick-list {
  max-width: 1000px;
  width: 95%;
  margin: 0 auto;
}

.accordion-content .m-arrow,
.activities-cards-container .m-arrow,
.dining-cards-container .m-arrow,
.room-cards-container .m-arrow,
.simple-cards-container .m-arrow,
.spoffCarouselContent .m-arrow,
.spoffExperienceFilter .m-arrow {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
}

.accordion-content .m-arrow.left,
.activities-cards-container .m-arrow.left,
.dining-cards-container .m-arrow.left,
.room-cards-container .m-arrow.left,
.simple-cards-container .m-arrow.left,
.spoffCarouselContent .m-arrow.left,
.spoffExperienceFilter .m-arrow.left {
  left: 0;
}

.accordion-content .m-arrow.right,
.activities-cards-container .m-arrow.right,
.dining-cards-container .m-arrow.right,
.room-cards-container .m-arrow.right,
.simple-cards-container .m-arrow.right,
.spoffCarouselContent .m-arrow.right,
.spoffExperienceFilter .m-arrow.right {
  right: 0;
}

.accordion-content .m-arrow .arrowButton,
.activities-cards-container .m-arrow .arrowButton,
.dining-cards-container .m-arrow .arrowButton,
.room-cards-container .m-arrow .arrowButton,
.simple-cards-container .m-arrow .arrowButton,
.spoffCarouselContent .m-arrow .arrowButton,
.spoffExperienceFilter .m-arrow .arrowButton {
  top: 160px !important;
}

.accordion-content .slick-arrow,
.activities-cards-container .slick-arrow,
.dining-cards-container .slick-arrow,
.room-cards-container .slick-arrow,
.simple-cards-container .slick-arrow,
.spoffCarouselContent .slick-arrow,
.spoffExperienceFilter .slick-arrow {
  transition: all 0.5s ease-in-out;
  opacity: 1;
}

.accordion-content .slick-arrow.slick-disabled,
.activities-cards-container .slick-arrow.slick-disabled,
.dining-cards-container .slick-arrow.slick-disabled,
.room-cards-container .slick-arrow.slick-disabled,
.simple-cards-container .slick-arrow.slick-disabled,
.spoffCarouselContent .slick-arrow.slick-disabled,
.spoffExperienceFilter .slick-arrow.slick-disabled {
  opacity: 0;
  cursor: auto;
}

.accordion-content .slick-dots li,
.activities-cards-container .slick-dots li,
.dining-cards-container .slick-dots li,
.room-cards-container .slick-dots li,
.simple-cards-container .slick-dots li,
.spoffCarouselContent .slick-dots li,
.spoffExperienceFilter .slick-dots li {
  transition: all 0.5s ease-in-out;
  width: 8px;
  margin: 0 4px 0 0;
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .accordion-content .slick-dots li button,
  .activities-cards-container .slick-dots li button,
  .dining-cards-container .slick-dots li button,
  .room-cards-container .slick-dots li button,
  .simple-cards-container .slick-dots li button,
  .spoffCarouselContent .slick-dots li button,
  .spoffExperienceFilter .slick-dots li button {
    min-width: 10px;
  }
}

.accordion-content .slick-dots-container,
.activities-cards-container .slick-dots-container,
.dining-cards-container .slick-dots-container,
.room-cards-container .slick-dots-container,
.simple-cards-container .slick-dots-container,
.spoffCarouselContent .slick-dots-container,
.spoffExperienceFilter .slick-dots-container {
  display: block;
  width: 60px;
  margin: auto;
  overflow: hidden;
}

.accordion-content .slick-dots-container .slick-dots,
.activities-cards-container .slick-dots-container .slick-dots,
.dining-cards-container .slick-dots-container .slick-dots,
.room-cards-container .slick-dots-container .slick-dots,
.simple-cards-container .slick-dots-container .slick-dots,
.spoffCarouselContent .slick-dots-container .slick-dots,
.spoffExperienceFilter .slick-dots-container .slick-dots {
  margin-top: 5px;
  transition-duration: 0.5s;
  width: 228px;
}

.accordion-content .slick-dots-container .slick-dots li,
.activities-cards-container .slick-dots-container .slick-dots li,
.dining-cards-container .slick-dots-container .slick-dots li,
.room-cards-container .slick-dots-container .slick-dots li,
.simple-cards-container .slick-dots-container .slick-dots li,
.spoffCarouselContent .slick-dots-container .slick-dots li,
.spoffExperienceFilter .slick-dots-container .slick-dots li {
  transition: all 0.5s ease-in-out;
  width: 8px;
  margin: 0 4px 0 0;
  float: left;
  transform: scale(0.5);
}

.accordion-content .slick-dots-container .slick-dots li.slick-active,
.activities-cards-container .slick-dots-container .slick-dots li.slick-active,
.dining-cards-container .slick-dots-container .slick-dots li.slick-active,
.room-cards-container .slick-dots-container .slick-dots li.slick-active,
.simple-cards-container .slick-dots-container .slick-dots li.slick-active,
.spoffCarouselContent .slick-dots-container .slick-dots li.slick-active,
.spoffExperienceFilter .slick-dots-container .slick-dots li.slick-active {
  transform: scale(1);
}

.accordion-content .slick-dots-container .slick-dots li.slick-active + li,
.accordion-content .slick-dots-container .slick-dots li.slick-near-active,
.activities-cards-container
  .slick-dots-container
  .slick-dots
  li.slick-active
  + li,
.activities-cards-container
  .slick-dots-container
  .slick-dots
  li.slick-near-active,
.dining-cards-container .slick-dots-container .slick-dots li.slick-active + li,
.dining-cards-container .slick-dots-container .slick-dots li.slick-near-active,
.room-cards-container .slick-dots-container .slick-dots li.slick-active + li,
.room-cards-container .slick-dots-container .slick-dots li.slick-near-active,
.simple-cards-container .slick-dots-container .slick-dots li.slick-active + li,
.simple-cards-container .slick-dots-container .slick-dots li.slick-near-active,
.spoffCarouselContent .slick-dots-container .slick-dots li.slick-active + li,
.spoffCarouselContent .slick-dots-container .slick-dots li.slick-near-active,
.spoffExperienceFilter .slick-dots-container .slick-dots li.slick-active + li,
.spoffExperienceFilter .slick-dots-container .slick-dots li.slick-near-active {
  transform: scale(0.75);
}

.simple-cards-container .slick-track {
  padding: 0;
}

.simple-cards-container .slick-track .slick-slide {
  margin: 0 5px;
}

@media only screen and (max-width: 767px) {
  .simple-cards-container .m-arrow.left {
    left: 0;
  }

  .simple-cards-container .m-arrow.right {
    right: 0;
  }
}

.simple-cards-container .m-arrow .arrowButton {
  top: 120px !important;
}

@media only screen and (max-width: 320px) {
  .simple-cards-container .m-arrow .arrowButton {
    top: 97px !important;
  }
}

.slick-slider.slick-initialized {
  margin-bottom: 40px;
}

.dining-cards-container .slick-track {
  padding-top: 0;
}

.dining-cards-container .m-arrow .arrowButton {
  top: 115px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none repeat scroll 0 0 transparent;
  border: 0;
  color: #1994d7;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  cursor: pointer;
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  background: none repeat scroll 0 0 #1994d7;
  border: 0;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.ui-datepicker-header .ui-state-focus,
.ui-datepicker-header .ui-state-hover {
  background: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-datepicker-current-day .ui-state-active,
.ui-datepicker-current-day .ui-state-highlight,
.ui-widget-content .ui-datepicker-current-day .ui-state-active,
.ui-widget-content .ui-datepicker-current-day .ui-state-highlight,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-state-highlight {
  background: none repeat scroll 0 0 #1994d7;
  border: 0;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.ui-datepicker-current-day.ui-datepicker-today .ui-state-active,
.ui-datepicker-current-day.ui-datepicker-today .ui-state-highlight,
.ui-widget-content
  .ui-datepicker-current-day.ui-datepicker-today
  .ui-state-active,
.ui-widget-content
  .ui-datepicker-current-day.ui-datepicker-today
  .ui-state-highlight {
  background: none repeat scroll 0 0 #fff;
  color: #1c94c4;
}

.ui-datepicker-current-day.ui-datepicker-today .ui-state-active.ui-state-hover,
.ui-datepicker-current-day.ui-datepicker-today
  .ui-state-highlight.ui-state-hover,
.ui-widget-content
  .ui-datepicker-current-day.ui-datepicker-today
  .ui-state-active.ui-state-hover,
.ui-widget-content
  .ui-datepicker-current-day.ui-datepicker-today
  .ui-state-highlight.ui-state-hover {
  background: none repeat scroll 0 0 #1994d7;
  border: 0;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.short-description-container .short-description,
.short-description-container .short-description p {
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  line-height: 26px;
}

.short-description-container {
  width: 100%;
  max-width: 988px;
  margin: 40px auto 0;
}

.standard-hero-shortPath {
  display: flex;
}

body {
  margin: 0;
  padding: 0;
  font-family: InspireTWDC, Helvetica, Arial, "sans-serif";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  background: #eaeaea;
}

.ds-link {
  margin-bottom: 15px;
}

.dlp-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
  .dlp-row {
    flex-direction: row;
  }
}

.dlp-row .dlp-col {
  padding: 0;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .dlp-row .dlp-col {
    flex-direction: row;
  }

  .dlp-row .dlp-col.dlp-col-100 {
    width: 100%;
  }

  .dlp-row .dlp-col.dlp-col-25 {
    width: 25%;
  }

  .dlp-row .dlp-col.dlp-col-75 {
    width: 75%;
  }

  .dlp-row .dlp-col.dlp-col-50 {
    width: 50%;
  }
}

.dlp-row.boxed {
  max-width: 1008px;
  margin: 0 auto;
}

.dlp-row.boxed .dlp-col {
  padding: 0 12px;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.eep-title {
  margin-top: 20px;
}

.list-of-cards-mg {
  margin-top: -40px;
}

@media only screen and (max-width: 767px) {
  .banner-mobile {
    width: 92%;
    margin-left: 15px;
  }
}

.m-calendar {
  display: block;
  font-size: 14px;
  margin: auto;
}

.m-calendar-header {
  width: 40%;
  position: relative;
  font-size: 1.29em;
  text-align: center;
  line-height: 1.29em;
  height: 2.14em;
  margin: 2.2% auto;
}

@media only screen and (max-width: 979px) {
  .m-calendar-header {
    width: 50%;
  }
}

.m-calendar .month {
  width: max-content;
  margin: auto;
  text-transform: capitalize;
}

.m-calendar .week-day {
  text-transform: capitalize;
  visibility: hidden;
}

.m-calendar .week-day:first-letter {
  visibility: visible;
}

.m-calendar .next-month,
.m-calendar .prev-month {
  font-size: 1.25em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  width: 1em;
  top: 0;
  left: -20%;
  color: #8293a8;
  cursor: pointer;
  text-align: center;
}

.m-calendar .next-month:hover,
.m-calendar .prev-month:hover {
  color: #1994d7;
}

.m-calendar .next-month {
  left: auto;
  right: -20%;
}

.m-calendar .best-deal-table {
  table-layout: fixed;
  color: #8293a8;
  width: 100%;
  border: 1px solid #f2f2f2;
  padding: 1em;
  border-radius: 0.3em;
  font-weight: lighter;
}

.m-calendar .best-deal-table hr {
  padding: 0;
  margin: 0;
}

.m-calendar .best-deal-table .emptySlot {
  background-color: #fff;
}

.m-calendar .best-deal-table td {
  background-color: #fff;
  color: #8293a8;
  font-size: 1.5em;
  font-weight: 400;
}

.m-calendar .best-deal-table td .day_number {
  width: 100%;
  padding: 12%;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #70b2df;
  color: #fff;
}

.m-calendar .best-deal-table td .unvalaible_date {
  width: 100%;
  padding: 5%;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #fff;
  color: #8293a8;
}

.m-calendar .best-deal-table td .current-day {
  height: 1.44em;
  border: 3px solid #253b4e;
  font-size: 1.2em;
  line-height: 1.1em;
  text-align: center;
  padding: 5%;
}

@media only screen and (min-width: 768px) {
  .m-calendar .best-deal-table td .current-day {
    height: 2.04em;
  }
}

.m-calendar .best-deal-table th {
  font-size: 1em;
  text-align: center;
  font-weight: 400;
}

.m-calendar .container-best-deal-dropDown {
  text-align: center;
  margin: 10px 0 30px;
}

.m-calendar .container-best-deal-dropDown .best-deals-dropdown:last-child {
  margin-right: 0;
}

.m-calendar .container-best-deal-dropDown .best-deals-dropdown {
  display: inline-block;
  margin-right: 4.95%;
}

.m-calendar .container-best-deal-dropDown .best-deals-length {
  display: block;
  position: relative;
  border: 0;
  box-shadow: 0 1px 3px 0 #777;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 25%;
  margin: 0 auto;
}

.m-calendar .legend div {
  display: inline-block;
  margin-left: 1.1%;
}

.m-calendar .legend div .square {
  display: block;
  background-color: #70b2df;
  float: left;
  width: 40px;
  height: 25px;
  margin-right: 5px;
  text-indent: -9999px;
  box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
  .hide {
    display: none;
  }

  .m-calendar {
    display: block;
    font-size: 14px;
    padding: 2em 1%;
  }

  .m-calendar .week-day {
    visibility: visible;
  }

  .m-calendar-header {
    width: 40%;
    position: relative;
    font-size: 1.29em;
    text-align: center;
    line-height: 1.29em;
    height: 2.14em;
    margin: 2.2% auto;
  }

  .m-calendar .next-month,
  .m-calendar .prev-month {
    font-size: 1.25em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 1em;
    top: 2px;
    left: -10%;
    color: #8293a8;
    cursor: pointer;
    text-align: center;
  }

  .m-calendar .next-month {
    left: auto;
    right: -10%;
  }

  .m-calendar .best-deal-table {
    width: 100%;
    text-align: right;
    table-layout: fixed;
    color: #8293a8;
    border: none;
    padding: 0;
  }

  .m-calendar .best-deal-table .emptySlot {
    background-color: #fff;
  }

  .m-calendar .best-deal-table td {
    font-size: 1.5em;
    color: #fff;
  }

  .m-calendar .best-deal-table td .day_number,
  .m-calendar .best-deal-table td .unvalaible_date {
    width: 100%;
    padding: 5%;
    height: 3.8em;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
  }

  .m-calendar .best-deal-table td .unvalaible_date {
    background-color: #fff;
  }

  .m-calendar .best-deal-table td .current-day {
    height: 1.9em;
    border: 3px solid #253b4e;
    font-size: 2em;
    line-height: 150%;
    text-align: center;
  }

  .m-calendar .best-deal-table th {
    font-size: 1em;
    font-weight: 400;
  }

  .m-calendar .container-best-deal-dropDown {
    text-align: center;
    margin: 10px 0 30px;
  }

  .m-calendar .container-best-deal-dropDown .best-deals-dropdown:last-child {
    margin-right: 0;
  }

  .m-calendar .container-best-deal-dropDown .best-deals-dropdown {
    display: inline-block;
    margin-right: 4.95%;
  }

  .m-calendar .container-best-deal-dropDown .best-deals-length {
    display: block;
    position: relative;
    border: 0;
    box-shadow: 0 1px 3px 0 #777;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 25%;
    margin: 0 auto;
  }

  .m-calendar .calendar-description {
    margin-top: 3em;
    text-align: left;
  }
}

.hide {
  display: none;
}

.m-best-deal-calendar {
  display: block;
  font-size: 14px;
  margin: 30px 0;
}

.m-best-deal-calendar .ffSelectWrapper {
  margin: 6px 0;
}

.m-best-deal-calendar .m-calendar-header {
  width: 75%;
  position: relative;
  font-size: 1.29em;
  text-align: center;
  line-height: 1.29em;
  height: 2.14em;
  text-transform: capitalize;
  margin: 10px auto 2.2%;
}

.m-best-deal-calendar .next-month,
.m-best-deal-calendar .prev-month {
  font-size: 2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  width: 1em;
  top: 0;
  left: -10%;
  color: #8293a8;
  cursor: pointer;
  text-align: center;
}

.m-best-deal-calendar .next-month:hover,
.m-best-deal-calendar .prev-month:hover {
  color: #1994d7;
}

.m-best-deal-calendar .next-month {
  left: auto;
  right: -10%;
}

.m-best-deal-calendar .best-deal-table {
  width: 100%;
  text-align: right;
  table-layout: fixed;
  color: #8293a8;
}

.m-best-deal-calendar .best-deal-table .emptySlot {
  background-color: #fff;
}

.m-best-deal-calendar .best-deal-table td {
  font-size: 1.5em;
  color: #fff;
}

.m-best-deal-calendar .best-deal-table td .day_number {
  width: 100%;
  padding: 5%;
  height: 2.2em;
  line-height: 2em;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #70b2df;
  font-size: 23px;
  text-align: center;
}

.m-best-deal-calendar .best-deal-table td .unvalaible_date {
  width: 100%;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  background-color: #eff6fa;
  color: #8293a8;
}

.m-best-deal-calendar .best-deal-table td .current-day {
  height: 100%;
  line-height: 1.49em;
  border: 3px solid #253b4e;
  font-size: 27.5px;
  font-weight: 700;
  text-align: center;
}

.m-best-deal-calendar .best-deal-table td .past_day {
  background: #fff;
  color: #292929;
}

.m-best-deal-calendar .best-deal-table th {
  font-size: 1em;
  text-align: left;
  font-weight: 400;
}

.m-best-deal-calendar .best-deal-table th.week-day {
  text-transform: capitalize;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.m-best-deal-calendar .container-best-deal-dropDown {
  text-align: center;
  margin: 10px 0 30px;
}

.m-best-deal-calendar .container-best-deal-dropDown label {
  font-size: 14px;
}

.m-best-deal-calendar
  .container-best-deal-dropDown
  .best-deals-dropdown:last-child {
  margin-right: 0;
}

.m-best-deal-calendar .container-best-deal-dropDown .best-deals-dropdown {
  display: inline-block;
  margin-right: 4.95%;
}

.m-best-deal-calendar .container-best-deal-dropDown .best-deals-length {
  display: block;
  position: relative;
  border: 0;
  box-shadow: 0 1px 3px 0 #777;
  border-radius: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 25%;
  margin: 0 auto;
}

.m-best-deal-calendar .slider-open {
  display: table-row;
}

.m-best-deal-calendar .slider-open .slider-div {
  overflow-y: hidden;
  max-height: 500px;
  transition: max-height 0.5s ease-in;
}

.m-best-deal-calendar .slider-closed {
  display: none;
}

.m-best-deal-calendar .slider-closed .slider-div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.m-best-deal-calendar .container_hotel_icon {
  padding-bottom: 10px;
  padding-top: 10px;
  height: auto;
  text-align: left;
  font-size: 10px;
}

.m-best-deal-calendar .container_hotel_icon span {
  color: #1994d7;
  display: inline;
  font-size: 1.3em;
  line-height: 1em;
}

.m-best-deal-calendar .container_hotel_icon .hotel-name {
  margin-right: 10px;
}

.m-best-deal-calendar .container_hotel_icon .hotel-name a:hover {
  text-decoration: none;
  font-weight: 700;
}

.m-best-deal-calendar .mobile-hotel-sumary {
  background: #eff6fa;
  margin-top: 20px;
  border-radius: 12px;
  padding: 20px;
  display: inline-block;
}

.m-best-deal-calendar .mobile-hotel-sumary .btn-blue-module {
  float: right;
  position: relative;
}

h2.hotel_title {
  line-height: 20px;
  margin-bottom: 5px;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 700;
}

span.modal_title {
  float: left;
  margin: 0 0 21px 10px;
  width: 90%;
  font-size: 28px;
  line-height: 28px;
  font-weight: lighter;
}

.modal_content_container {
  width: auto;
  min-height: 0;
  max-height: none;
  height: auto;
  position: relative;
  border: 0;
  padding: 0.5em 0;
  background: none;
  overflow: visible;
}

p.hotel {
  margin-left: 32px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 700;
}

p.hotel .keys:before {
  font-weight: 400;
  line-height: 20px;
}

.arrival,
.departure {
  font-size: 13px;
  padding-left: 50px;
  margin-bottom: 6px;
}

.message-offer {
  margin-left: 7px;
  margin-bottom: 20px;
  margin-top: 25px;
  font-size: 14px;
}

.keys {
  color: #bac2cf;
  display: inline;
  font-family: dlp_pep_font-webfont;
  content: "";
  letter-spacing: -1.12em;
  margin-left: 10px;
}

.keys:before {
  vertical-align: bottom;
  font-size: 2.3em;
  color: #bac2cf;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .m-best-deal-calendar .keys:before {
    font-size: 0.6em;
  }
}

.normal {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.normal fieldset {
  position: relative;
}

.normal fieldset .expandedList {
  width: 100%;
}

.normal .form-control {
  text-align: center;
}

.normal .fieldDDL {
  width: 100%;
  text-align: left;
  font-style: italic;
}

.modal-overlay .secondary-button {
  margin-right: 10px;
}

.legend {
  margin-top: 2.75%;
  text-align: center;
}

.legend .legend-2 .square {
  background: #ecf6fb;
}

.legend .legend-1 {
  margin-bottom: 5px;
}

.legend .label {
  font-size: 12px;
  display: block;
  width: auto;
  text-align: left;
  padding-top: 5px;
}

.legend div {
  display: inline-block;
  width: 100%;
  font-size: 10px;
}

.legend div .square {
  display: block;
  float: left;
  width: 40px;
  height: 25px;
  margin-right: 5px;
  text-indent: -9999px;
  background: #73b3dd;
  box-sizing: border-box;
}

@media only screen and (min-width: 981px) {
  .selected-legend {
    border: 2px solid #000;
  }

  .m-best-deal-calendar .hotel-name a:hover {
    font-weight: 700;
    color: #1994d7;
    text-decoration: none;
  }

  .m-best-deal-calendar .m-calendar-header {
    width: 25%;
    position: relative;
    font-size: 1.29em;
    text-align: center;
    line-height: 1.29em;
    height: 2.14em;
    text-transform: capitalize;
    margin: 0 auto 2.2%;
  }

  .m-best-deal-calendar .next-month,
  .m-best-deal-calendar .prev-month {
    font-size: 2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    width: 1em;
    top: 0;
    left: -10%;
    color: #8293a8;
    cursor: pointer;
    text-align: center;
  }

  .m-best-deal-calendar .next-month:hover,
  .m-best-deal-calendar .prev-month:hover {
    color: #1994d7;
  }

  .m-best-deal-calendar .next-month {
    left: auto;
    right: -10%;
  }

  .m-best-deal-calendar .best-deal-table {
    width: 100%;
    text-align: right;
    table-layout: fixed;
    color: #8293a8;
  }

  .m-best-deal-calendar .best-deal-table .emptySlot {
    background-color: #fff;
  }

  .m-best-deal-calendar .best-deal-table td {
    font-size: 1.5em;
    color: #fff;
  }

  .m-best-deal-calendar .best-deal-table td .day_number {
    width: 100%;
    padding: 5%;
    height: 3.8em;
    line-height: 1.2em;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #70b2df;
    font-size: 24px;
    text-align: right;
  }

  .m-best-deal-calendar .best-deal-table td .unvalaible_date {
    width: 100%;
    padding: 5%;
    height: 3.8em;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    background-color: #eff6fa;
    color: #8293a8;
  }

  .m-best-deal-calendar .best-deal-table td .current-day {
    height: 2.15em;
    border: 3px solid #253b4e;
    font-size: 2em;
    line-height: 1.8em;
    text-align: center;
  }

  .m-best-deal-calendar .best-deal-table td .past_day {
    background: #fff;
    color: #292929;
  }

  .m-best-deal-calendar .best-deal-table th {
    font-size: 1.29em;
    text-align: right;
    font-weight: 400;
  }

  .m-best-deal-calendar h2.hotel_title {
    line-height: 20px;
    margin-bottom: 5px;
    padding-top: 3px;
    font-size: 16px;
    font-weight: 700;
  }

  .m-best-deal-calendar .container_hotel_icon {
    font-size: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    text-align: center;
    font-size: 14px;
  }

  .m-best-deal-calendar .container_hotel_icon span {
    color: #1994d7;
    display: inline;
    font-size: 1.3em;
    line-height: 1em;
  }

  .m-best-deal-calendar .container_hotel_icon .hotel-name {
    margin-right: 10px;
  }

  span.modal_title {
    float: left;
    margin: 0 0 21px 10px;
    width: 90%;
    font-size: 28px;
    line-height: 28px;
    font-weight: lighter;
  }

  .modal_content_container {
    width: auto;
    min-height: 0;
    max-height: none;
    height: auto;
    position: relative;
    border: 0;
    padding: 0.5em 0;
    background: none;
    overflow: visible;
  }

  p.hotel {
    margin-left: 32px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
  }

  .arrival,
  .departure {
    font-size: 13px;
    padding-left: 72px;
    margin-bottom: 6px;
  }

  .message-offer {
    margin-left: 7px;
    margin-bottom: 20px;
    margin-top: 25px;
    font-size: 14px;
  }

  .keys {
    color: #bac2cf;
    display: inline;
    font-family: dlp_pep_font-webfont;
    content: "";
    letter-spacing: -1.12em;
    margin-left: 10px;
  }

  .keys:before {
    vertical-align: bottom;
    font-size: 2.3em;
    color: #bac2cf;
  }

  .normal {
    margin: 0 auto;
    display: block;
  }

  .normal,
  .normal .expandedList {
    width: 204px;
  }

  .modal-overlay .secondary-button {
    margin-right: 10px;
  }

  .legend {
    margin-top: 2.75%;
    text-align: center;
  }

  .legend .legend-2 {
    display: inline-flex;
  }

  .legend .legend-2 .square {
    background: #ecf6fb;
  }

  .legend .legend-1 {
    margin-right: 5px;
    display: inline-flex;
    margin-bottom: 0;
  }

  .legend .label {
    font-size: 12px;
    display: block;
    width: auto;
    text-align: left;
    padding-top: 5px;
  }

  .legend div {
    display: inline-block;
    width: auto;
    font-size: 10px;
  }

  .legend div .square {
    display: block;
    float: left;
    width: 40px;
    height: 25px;
    margin-right: 5px;
    text-indent: -9999px;
    background: #73b3dd;
    box-sizing: border-box;
  }
}

.st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.st1,
.st2 {
  fill: #fff;
}
@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton:after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);
  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
  }
}

.tippy-box[data-animation="fade"][data-state="hidden"] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^="top"] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^="left"] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^="right"] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state="visible"] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-placement^="top"] > .tippy-svg-arrow {
  bottom: 0;
}

.tippy-box[data-placement^="top"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="top"] > .tippy-svg-arrow > svg {
  top: 16px;
  transform: rotate(180deg);
}

.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow {
  top: 0;
}

.tippy-box[data-placement^="bottom"] > .tippy-svg-arrow > svg {
  bottom: 16px;
}

.tippy-box[data-placement^="left"] > .tippy-svg-arrow {
  right: 0;
}

.tippy-box[data-placement^="left"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="left"] > .tippy-svg-arrow > svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}

.tippy-box[data-placement^="right"] > .tippy-svg-arrow {
  left: 0;
}

.tippy-box[data-placement^="right"] > .tippy-svg-arrow:after,
.tippy-box[data-placement^="right"] > .tippy-svg-arrow > svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}

.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}

.tippy-svg-arrow,
.tippy-svg-arrow > svg {
  position: absolute;
}

.rdp {
  --rdp-cell-size: 40px;
  --rdp-caption-font-size: 18px;
  --rdp-accent-color: #00f;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color);
  --rdp-outline-selected: 3px solid var(--rdp-accent-color);
  margin: 1em;
}

.rdp-vhidden {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

.rdp-button_reset {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.rdp-button_reset:focus-visible {
  outline: none;
}

.rdp-button {
  border: 2px solid transparent;
}

.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}

.rdp-button:not([disabled]) {
  cursor: pointer;
}

.rdp-button:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: var(--rdp-background-color);
}

.rdp-months {
  display: flex;
}

.rdp-month {
  margin: 0 1em;
}

.rdp-month:first-child {
  margin-left: 0;
}

.rdp-month:last-child {
  margin-right: 0;
}

.rdp-table {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}

.rdp-with_weeknumber .rdp-table {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}

.rdp-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}

.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}

.rdp-caption_dropdowns,
.rdp-caption_label {
  position: relative;
  display: inline-flex;
}

.rdp-caption_label {
  z-index: 1;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: var(--rdp-caption-font-size);
  font-weight: 700;
}

.rdp-nav {
  white-space: nowrap;
}

.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.rdp-nav_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}

.rdp-dropdown_month,
.rdp-dropdown_year {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}

.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}

.rdp-dropdown_icon {
  margin: 0 0 0 5px;
}

.rdp-head {
  border: 0;
}

.rdp-head_row,
.rdp-row {
  height: 100%;
}

.rdp-head_cell {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-transform: uppercase;
}

.rdp-tbody {
  border: 0;
}

.rdp-tfoot {
  margin: 0.5em;
}

.rdp-cell {
  width: var(--rdp-cell-size);
  height: 100%;
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}

.rdp-weeknumber {
  font-size: 0.75em;
}

.rdp-day,
.rdp-weeknumber {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}

.rdp-day_today:not(.rdp-day_outside) {
  font-weight: 700;
}

.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  color: #fff;
  opacity: 1;
  background-color: var(--rdp-accent-color);
}

.rdp-day_outside {
  opacity: 0.5;
}

.rdp-day_selected:focus-visible {
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}

.rdp:not([dir="rtl"]) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp:not([dir="rtl"]) .rdp-day_range_end:not(.rdp-day_range_start),
.rdp[dir="rtl"] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir="rtl"] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}

.rdp-day_range_middle {
  border-radius: 0;
}