@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: inherit;
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: inherit;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

:root {
  --color-white: hsl(0, 0%, 100%);
  --color-white-transparent: hsla(0, 0%, 100%, 0);
  --color-white-500: hsla(0, 0%, 100%, .5);
  --color-black: hsla(0, 0%, 0%, 1);
  --color-black-bg: hsl(0, 0%, 0%);
  --color-dark-blue: hsl(212, 61%, 33%);
  --color-greeny-blue: hsla(181, 43%, 57%, 1);
  --color-blue: hsla(206, 100%, 33%, 1);
  --color-light-blue: hsla(212, 61%, 33%, 0.7);
  --color-grey: hsl(60, 0%, 61%);
  --color-dark-grey: hsl(0, 0%, 37%);
  --color-light-grey: hsl(0, 0%, 94%);
  --color-bg-grey: hsl(0,0%,95%);
  --color-inputBg-grey: hsl(0,0%,96%);
  --color-dots-grey: hsl(0,0%,92%);
  --color-grey-100: hsla(0, 0%, 0%, .1);
  --color-grey-200: hsla(0, 0%, 0%, .2);
  --color-grey-300: hsla(0, 0%, 0%, .3);
  --color-grey-400: hsla(0, 0%, 0%, .4);
  --color-grey-500: hsla(0, 0%, 0%, .5);
  --color-grey-600: hsla(0, 0%, 0%, .6);
  --color-grey-700: hsla(0, 0%, 0%, .7);
  --color-grey-800: hsla(0, 0%, 0%, .8);
  --color-grey-900: hsla(0, 0%, 0%, .9);
  --color-red: hsl(356, 85%, 57%);
  --color-orange: hsl(39, 100%, 50%);
  --color-dark-orange: hsl(40, 100%, 53.5%);
  --color-green: hsl(141, 62%, 42%);
  --color-info: hsl(206, 53%, 85%);
  --color-status: hsl(141, 62%, 85%);
  --color-warning: hsl(39, 100%, 85%);
  --color-error: hsl(356, 85%, 85%);
  --color-light-green: hsl(144, 52%, 50%);
  --shadow: rgba(12, 56, 94, 0.15);
  --main-color: var(--color-dark-blue);
  --secondary-color: var(--color-blue);
  --color-degrade-medium: var(--main-color-gradient-top);
  --color-degrade-low: var(--main-color-gradient-bottom);
  --text-color: var(--color-black);
  --body-background-color: var(--color-white);
  --font-family-Lato: 'Lato', sans-serif;
  --font-family-Oswald: 'Oswald', sans-serif;
  --font-family-Inter: 'Inter', sans-serif;
  --rem-base: 16px;
  --font-size-base: 1rem;
  --primary: var(--color-dark-blue);
  --primary-btn: var(--color-dark-blue);
  --primary-text: var(--color-dark-blue);
  --container-width: 1280px;
  --container-padding: 1rem;
  --grid-gutter-width: 1rem;
  --grid-columns: 12;
}

@font-face {
  font-display: swap;
  font-family: 'Friz Quadrata Std Medium';
  font-style: normal;
  font-weight: normal;
  src: local("Friz Quadrata Std Medium"), url("../src/fonts/friz-quadrata-std-medium-5870338ec7ef8.woff") format("woff");
}

.hide-element {
  visibility: hidden;
}

.hide-accessible {
  color: transparent;
  font-size: 0;
  line-height: 0;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 0.0625rem;
}

.go-to-home {
  color: var(--color-grey);
  letter-spacing: -0.025rem;
  margin-bottom: 1.625rem;
  position: relative;
}

.icon {
  margin-right: 0.625rem;
}

.icon::before {
  background-position: left center;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

.icon.icon-home::before {
  background-image: url("../images/icons/icon_home.png");
  filter: opacity(0.25);
}

.bold {
  font-weight: 900;
}

.bold-shadow {
  font-weight: 900;
  text-shadow: 0 0 0.09375rem var(--color-black);
}

.alert {
  box-shadow: 0 0.125rem 0.9375rem 0.0625rem rgba(12, 56, 94, 0.15);
  left: 0;
  margin: auto;
  max-width: 50rem;
  position: fixed !important;
  right: 0;
  top: 100px;
  width: 85%;
  z-index: 1000;
}

@media (min-width: 768px) {
  .alert {
    top: 150px;
  }
}

.alert-dismissible .close {
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 1.25rem;
}

.collapse:not(.show) {
  display: none;
}

.d-flex {
  display: flex;
}

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

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

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

.text-uppercase {
  text-transform: uppercase;
}

.d-block {
  display: block !important;
}

.d-none {
  display: none !important;
}

.justify-content-start {
  justify-content: start;
}

@media (min-width: 768px) {
  .d-medium-none {
    display: none !important;
  }
  .d-medium-block {
    display: block !important;
  }
  .justify-content-medium-center {
    justify-content: center;
  }
}

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

.align-center img {
  margin: auto;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes acordeon-open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

html {
  font-size: var(--font-size-base);
}

body {
  background-color: var(--color-white);
  color: var(--text-color);
  font-family: var(--font-family-Lato);
  font-weight: 400;
  line-height: 1.4;
}

summary {
  outline: none;
}

strong {
  font-weight: 700;
}

code,
kbd,
pre,
samp {
  font-size: 0.8125rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.media--tile.tiles-cards .tiles-cards__info .tiles-cards__title,
.h5,
.h6 {
  font-family: var(--font-family-Lato);
  font-weight: 700;
  margin: 0;
}

h2,
h3,
h4,
h5,
h6,
h6,
.h2,
.h3,
.h4,
.media--tile.tiles-cards .tiles-cards__info .tiles-cards__title,
.h5,
.h6 {
  margin: 0 0 0.75rem;
}

h2,
h3,
.h2,
.h3 {
  line-height: 1.25;
}

h4,
h5,
h6,
.h4,
.media--tile.tiles-cards .tiles-cards__info .tiles-cards__title,
.h5,
.h6 {
  line-height: 1.4;
}

h1,
.h1 {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: normal;
  margin: 2rem 0rem 1.5rem;
}

@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 2.375rem;
    line-height: 2.75rem;
    margin: 1.5rem 0;
  }
}

h1.page-title,
.h1.page-title {
  margin-top: 0;
}

h2,
.h2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5625rem;
}

@media (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 1.9375rem;
    line-height: 2.3125rem;
  }
}

h3,
.h3 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5625rem;
}

@media (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 1.5625rem;
  }
}

h4,
.h4,
.media--tile.tiles-cards .tiles-cards__info .tiles-cards__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5625rem;
}

@media (min-width: 1024px) {
  h4,
  .h4,
  .media--tile.tiles-cards .tiles-cards__info .tiles-cards__title {
    font-size: 1.125rem;
  }
}

h5,
.h5 {
  font-size: 1rem;
  font-weight: 900;
}

@media (min-width: 1024px) {
  h5,
  .h5 {
    font-size: 1rem;
  }
}

h6,
.h6 {
  font-size: 1rem;
}

@media (min-width: 1024px) {
  h6,
  .h6 {
    font-size: 1rem;
  }
}

p {
  margin: 0 0 1rem;
  line-height: 1.5625rem;
}

a {
  color: var(--main-color);
  display: inline-block;
  line-height: 1.5625rem;
  text-decoration: none;
  transition: opacity .2s;
  -webkit-transition: opacity .2s;
}

a:hover {
  color: var(--secondary-color);
  text-decoration: none;
}

blockquote {
  border: 0;
  margin: 2rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  blockquote {
    margin: 2rem 0;
  }
}

blockquote * {
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
}

@media (min-width: 1024px) {
  blockquote * {
    font-size: 1.375rem;
  }
}

blockquote > p:first-child {
  display: block;
  margin-top: 0;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

mark,
.marker {
  background-color: var(--color-grey);
  color: var(--color-white);
  float: right;
  font-size: 0.875rem;
  padding: 0.5rem;
}

.alert {
  background-color: var(--color-info);
  border: 0.0625rem solid transparent;
  color: var(--color-black) !important;
  margin-bottom: 1rem;
  padding: 1rem;
  position: relative;
}

.alert.alert-success {
  background-color: var(--color-status) !important;
}

.alert.alert-warning {
  background-color: var(--color-warning) !important;
}

.alert.alert-danger, .alert.alert-error {
  background-color: var(--color-error) !important;
}

.alert-dismissible .close {
  padding: 0.75rem 1.25rem !important;
  position: absolute;
  right: 0;
  top: 0;
}

.breadcrumb {
  padding: 0;
}

.breadcrumb ol {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

.breadcrumb li {
  color: var(--secondary-color);
  font-size: 0.875rem;
}

.breadcrumb li:not(:last-child) {
  margin-right: 0.25rem;
}

.breadcrumb a {
  color: var(--main-color);
  display: block;
}

.button {
  min-width: 9.375rem;
  text-align: center;
  text-transform: uppercase;
  border: 0.0625rem solid transparent;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
  padding: 0.8125rem 1.5rem;
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
}

.button:hover {
  transition: .2s;
  opacity: 1;
}

.button:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--color-white);
}

.button.button-white {
  border: 0.0625rem solid transparent;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
  padding: 0.8125rem 1.5rem;
  background-color: transparent;
  border-color: var(--main-color);
  color: var(--main-color);
}

.button.button-white:hover {
  transition: .2s;
  opacity: 1;
}

.button.button-white:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
}

.button.button-border {
  border: 0.0625rem solid transparent;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
  padding: 0.8125rem 1.5rem;
  border: 0.125rem solid transparent;
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
}

.button.button-border:hover {
  transition: .2s;
  opacity: 1;
}

.button.button-border:hover {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.button.button-large {
  font-size: 1.125rem;
  font-weight: 400;
  max-width: 22.8125rem;
  padding: 1.5625rem;
  width: 100%;
}

.button.button-contact {
  background-color: var(--color-dark-orange);
  border-color: var(--color-dark-orange);
  border-radius: 1.875rem;
  color: var(--color-white);
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.46875rem 1.5rem;
  text-transform: uppercase;
}

.button.button-contact:hover {
  background-color: var(--color-white);
  color: var(--color-dark-orange);
}

@media (min-width: var(--medium)) {
  .button {
    width: 100%;
  }
}

.button span {
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
}

.button:focus {
  outline: 0;
}

.field--type-link span {
  display: inline-block;
}

#cboxLoadedContent {
  border: 0 !important;
}

#cboxContent #cboxCurrent {
  background: var(--color-degrade-medium);
  bottom: 50px;
  font-size: 0.75rem;
  left: 0;
  line-height: 1.25rem;
  margin: 0 auto;
  min-width: 6.25rem;
  text-align: center;
  top: auto;
  padding: 1rem 1.5rem;
  width: fit-content;
}

#cboxContent #cboxCurrent span {
  margin: 0rem 0.1875rem;
}

#cboxContent #cboxCurrent span:first-child {
  font-size: 1rem;
}

#cboxContent #cboxSlideshow {
  color: var(--color-black) !important;
}

#cboxContent #cboxPrevious {
  background: url("../images/icons/icon_chevron_w.svg") no-repeat top left;
  background-size: 3.125rem;
  transform: rotate(90deg);
  left: 5%;
  width: 3.75rem;
}

#cboxContent #cboxNext {
  background: url("../images/icons/icon_chevron_w.svg") no-repeat top right;
  background-size: 3.125rem;
  right: 5%;
  transform: rotate(270deg);
  width: 3.75rem;
}

#cboxContent #cboxClose {
  background: url("../images/icons/colorboxclose.svg") no-repeat top center;
  background-size: 1.25rem;
  height: 1.875rem;
  width: 1.875rem;
  top: 5%;
  right: 8%;
}

@media (min-width: 768px) {
  #cboxContent #cboxClose {
    background-size: 1.875rem;
    height: 2.8125rem;
    width: 2.8125rem;
  }
}

@media (min-width: 1024px) {
  #cboxContent #cboxClose {
    background-size: 2.5rem;
    height: 3.75rem;
    width: 3.75rem;
  }
}

.colorbox-gallery #cboxContent #cboxTitle {
  position: relative;
  top: 0;
  width: 100%;
}

.colorbox-gallery #cboxContent #cboxTitle .colorbox-caption {
  background-color: var(--main-color);
  bottom: 0;
  color: var(--color-white);
  max-height: 3.125rem;
  padding: 1rem 1.25rem;
  position: absolute;
  text-align: left;
  width: 100%;
}

.colorbox-gallery #cboxContent #cboxTitle .colorbox-caption h3 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin-bottom: 0;
}

.colorbox-gallery #cboxContent #cboxTitle .colorbox-caption p {
  margin-bottom: 0;
}

.slick-slider .slick-prev {
  left: 2rem;
}

@media (min-width: 1024px) {
  .slick-slider .slick-prev {
    left: 3rem;
  }
}

.slick-slider .slick-next {
  right: 2rem;
}

@media (min-width: 1024px) {
  .slick-slider .slick-next {
    right: 3rem;
  }
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  z-index: 1;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  content: '';
}

.slick-slider .slick-prev svg,
.slick-slider .slick-next svg {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}

.slick-dots li button::before {
  font-size: 2.1875rem;
}

.slick-dots li:nth-child(1):nth-last-child(1) {
  opacity: 0;
}

.ui-widget-overlay {
  background: var(--color-white);
  opacity: .9;
}

.ui-widget.ui-widget-content {
  border: 0.3125rem solid var(--color-black);
}

.ui-widget .ui-dialog-content ul li {
  margin: 0.3125rem 0rem 0.625rem;
  text-align: center;
}

.ui-widget .ui-dialog-titlebar {
  background: transparent;
  border: 0;
}

.ui-widget .ui-dialog-titlebar-close {
  background: url(vendors/images/controls.png) no-repeat top center;
  border: 0;
  right: 0.3125rem;
  height: 1.1875rem;
  top: 0.3125rem;
  width: 2.375rem;
}

.ui-widget .ui-button .ui-icon {
  background: none;
}

.eu-cookie-compliance-banner .button.eu-cookie-compliance-save-preferences-button, .eu-cookie-compliance-banner .button.eu-cookie-compliance-reject-button, .eu-cookie-compliance-banner .button.agree-button {
  color: var(--color-dark-blue);
}

.eu-cookie-compliance-banner .button.eu-cookie-compliance-open-config-button, .eu-cookie-compliance-banner .button.eu-cookie-compliance-more-button {
  color: var(--color-white);
}

.eu-cookie-compliance-banner .button.eu-cookie-compliance-open-config-button {
  cursor: pointer;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-has-categories {
  display: flex;
  gap: 5px;
}

@media (min-width: 0) and (max-width: 767px) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-has-categories {
    display: flex;
    margin-top: auto;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
  }
  .eu-cookie-compliance-banner .eu-cookie-compliance-has-categories button {
    min-width: 8rem;
  }
  .eu-cookie-compliance-banner .eu-cookie-compliance-categories-buttons {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    margin-top: 5px;
  }
}

@media (min-width: 768px) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-has-categories {
    display: flex;
    margin-top: auto;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: end;
  }
}

.eu-cookie-compliance-banner .eu-cookie-compliance-has-categories button,
.eu-cookie-compliance-banner .button.eu-cookie-compliance-save-preferences-button,
.eu-cookie-compliance-banner .button.eu-cookie-compliance-reject-button {
  border-color: transparent;
}

.eu-cookie-compliance-banner .eu-cookie-compliance-category {
  font-size: 14px;
}

.eu-cookie-compliance-banner .close-eu-cookie-compliance-categories {
  cursor: pointer;
  color: var(--color-white);
  font-weight: bold;
  background-color: transparent;
  border-color: transparent;
  text-transform: uppercase;
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"],
.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"] {
  white-space: nowrap;
}

.dropdown-toggle::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]::after,
.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]::after {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]:empty::after,
.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: var(--color-white);
  border: 0 solid;
  color: var(--color-black);
  display: none;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: 0.125rem 0 0;
  min-width: 10.9375rem;
  padding: 0.5rem 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
  text-align: left;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: calc(10rem);
}

.dropup .dropdown-toggle::after, .dropup .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropup div[class^="base__BFInputValue"]::after,
.dropup .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropup span[class^="base__BFInputPlaceHolder"]::after {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after, .dropup .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]:empty::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropup div[class^="base__BFInputValue"]:empty::after,
.dropup .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]:empty::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropup span[class^="base__BFInputPlaceHolder"]:empty::after {
  margin-left: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="bottom"] {
  right: auto;
  bottom: auto;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 0.25rem;
  clear: both;
  font-weight: 400;
  color: var(--color-black);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--main-color);
  text-decoration: none;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--color-light-grey);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown.show .dropdown-toggle::after, .dropdown.show .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropdown.show div[class^="base__BFInputValue"]::after,
.dropdown.show .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input .dropdown.show span[class^="base__BFInputPlaceHolder"]::after {
  transform: rotate(180deg);
}

.dropdown-toggle::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]::after,
.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]::after {
  margin-left: 0.75rem;
}

.dropdown-menu {
  opacity: 0;
  transition: fadeIn 500ms ease-in;
  -moz-transition: fadeIn 500ms ease-in;
  -ms-transition: fadeIn 500ms ease-in;
  -o-transition: fadeIn 500ms ease-in;
  -webkit-transition: fadeIn 500ms ease-in;
}

.dropdown-menu.show {
  opacity: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.collapse-toogle {
  position: relative;
  font-size: 1rem;
}

.collapse-toogle::after {
  border-top: 0.3rem solid;
  border-right: 0.3rem solid transparent;
  border-bottom: 0;
  border-left: 0.3rem solid transparent;
  content: "";
  display: inline-block;
  margin-left: 0.255rem;
  vertical-align: 0.255rem;
}

.collapse-toogle:not(.collapsed)::after {
  transform: rotate(180deg);
}

form .form--inline {
  display: flex;
  flex-flow: row wrap;
}

form .form--inline > * {
  flex-grow: 1;
}

form .form--inline .form-item {
  float: none;
}

form .form--inline .form-item,
form .form--inline .form-actions {
  margin: 1rem 0.5rem 1rem 0rem;
}

form .captcha {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

form .form-actions {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin: 1.5rem 0;
  width: 100%;
}

form .form-actions > * {
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
  margin-right: 0;
  margin-top: 0;
}

form .form-actions .form-submit {
  order: 1;
}

form .form-item {
  margin: 1.5rem 0;
}

form .form-item .shs-container,
form .form-item .shs-widget-container {
  width: 100%;
}

form .form-item .shs-field-container {
  display: flex;
  flex-flow: row nowrap;
}

form .form-item .shs-field-container > *:not(:last-child) {
  margin-right: 0.5rem;
}

form .fieldset-legend,
form label {
  color: var(--color-dark);
  display: block;
  font-size: var(--font-size-base);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.3125rem;
  text-transform: uppercase;
}

form .option {
  text-transform: none;
  display: inline-block;
}

form fieldset {
  border-color: transparent;
  padding: 1rem 0;
}

form input.error {
  border-color: var(--color-red);
  box-shadow: inset 0 0.0625rem 0.1875rem var(--color-error), 0 0 0.5rem var(--color-red);
}

form input::placeholder {
  font-size: 0.875rem;
}

form input[type='search'] {
  box-sizing: border-box;
}

form input[type='button'], form input[type='submit'], form input[type='reset'] {
  white-space: normal;
}

form input[type='checkbox'], form input[type='radio'] {
  cursor: pointer;
}

form input[type='password'], form input[type='search'], form input[type='email'], form input[type='text'], form input[type='tel'] {
  background-color: var(--color-white);
  border: 0.0625rem solid var(--color-grey);
  font-size: var(--font-size-base);
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem;
  width: 100%;
}

form input[type='password']:hover, form input[type='search']:hover, form input[type='email']:hover, form input[type='text']:hover, form input[type='tel']:hover {
  border-color: var(--main-color);
}

form select,
form textarea {
  background-color: var(--color-white);
  border: 1px solid var(--color-grey);
  font-size: var(--font-size-base);
  max-width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem;
  width: 100%;
}

form select:hover,
form textarea:hover {
  border-color: var(--main-color);
}

form select {
  appearance: none;
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: 1rem;
  font-size: var(--font-size-base);
  padding-right: 2rem;
  width: 100%;
}

form select.focus-animation {
  animation: focus 1s ease-in-out;
}

form select option {
  font-size: var(--font-size-base);
}

.description {
  color: var(--color-dark-grey);
  font-size: 0.75rem;
  font-style: italic;
  font-weight: normal;
  margin: 0.25rem 0;
}

.description * {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
}

.form-type-radio, .form-type-checkbox {
  margin-left: 0;
}

.form-type-radio input, .form-type-checkbox input {
  margin-right: 0.3125rem;
}

.password-strength {
  font-size: 0.75rem;
  margin: 0.5rem 0;
}

.field-suffix {
  margin-left: 0.3125rem;
}

.field-suffix .link {
  color: var(--main-color);
  font-size: var(--font-size-base);
  margin-left: 0.625rem;
  text-transform: uppercase;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0 0.5rem 0.5rem 0;
}

#drupal-off-canvas-wrapper .form-text.error, #drupal-off-canvas-wrapper .form-tel.error, #drupal-off-canvas-wrapper .form-email.error, #drupal-off-canvas-wrapper .form-url.error, #drupal-off-canvas-wrapper .form-search.error, #drupal-off-canvas-wrapper .form-number.error, #drupal-off-canvas-wrapper .from-color.error, #drupal-off-canvas-wrapper .form-file.error, #drupal-off-canvas-wrapper .form-textarea.error, #drupal-off-canvas-wrapper .form-date.error, #drupal-off-canvas-wrapper .form-time.error {
  border-color: var(--color-red);
  box-shadow: inset 0 0.0625rem 0.1875rem var(--color-error), 0 0 0.5rem var(--color-red);
}

#drupal-off-canvas-wrapper input[type="submit"].button {
  display: block;
  min-width: auto;
}

#drupal-off-canvas-wrapper .ui-autocomplete li a {
  background-color: var(--color-white);
  text-decoration: none;
  width: 100%;
}

#drupal-off-canvas-wrapper .alert ul, #drupal-off-canvas-wrapper .alert li, #drupal-off-canvas-wrapper .alert button, #drupal-off-canvas-wrapper .alert span {
  background: transparent;
  color: initial;
}

.quickedit-form form {
  color: var(--color-black);
}

.item-list ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.item-list ul li {
  margin-left: 0;
}

.tips {
  padding-left: 1.5rem;
}

ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.list-style-arrows li {
  border-bottom: 0.0625rem solid var(--dark-grey);
  margin: 0.25rem 0;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

ul.list-style-squares li {
  margin: 1.25rem 0;
}

ul.links {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content__wrapper ul li {
  list-style: disc;
  line-height: 1.875rem;
  margin: 0.3125rem 0;
}

.content__wrapper ol,
.content__wrapper ul {
  padding-left: 1.25rem;
}

.content__wrapper ol li,
.content__wrapper ul li {
  line-height: 1.875rem;
  margin: 0.3125rem 0;
}

ul.list-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: fit-content;
  grid-gap: 0rem 1.25rem;
  text-align: left;
  margin: auto;
}

@media (min-width: 768px) {
  ul.list-columns {
    grid-gap: 0rem 3.125rem;
  }
}

ul.list-columns li {
  margin: 0;
}

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

audio,
canvas,
video {
  max-width: 100%;
}

.field--name-field-media-oembed-video,
.youtube,
.vimeo {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 1.875rem;
  position: relative;
}

.field--name-field-media-oembed-video iframe,
.field--name-field-media-oembed-video object,
.field--name-field-media-oembed-video embed,
.field--name-field-media-oembed-video img,
.youtube iframe,
.youtube object,
.youtube embed,
.youtube img,
.vimeo iframe,
.vimeo object,
.vimeo embed,
.vimeo img {
  border: 0;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.youtube img,
.vimeo img,
.media--type-video img {
  display: block;
  margin: auto;
  object-fit: cover;
}

.youtube .play-button,
.vimeo .play-button,
.media--type-video .play-button {
  bottom: 0;
  color: var(--color-white);
  cursor: pointer;
  height: 3rem;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}

.youtube .play-button svg,
.vimeo .play-button svg,
.media--type-video .play-button svg {
  max-width: 4.375rem;
}

.youtube.youtube-image .play-button, .youtube.vimeo-image .play-button,
.vimeo.youtube-image .play-button,
.vimeo.vimeo-image .play-button,
.media--type-video.youtube-image .play-button,
.media--type-video.vimeo-image .play-button {
  opacity: 1;
}

.youtube.media--view-mode-hotels-gallery .play-button,
.vimeo.media--view-mode-hotels-gallery .play-button,
.media--type-video.media--view-mode-hotels-gallery .play-button {
  height: 4.375rem;
  opacity: 1;
}

.media--type-document {
  min-width: 100%;
}

@media (min-width: 768px) {
  .media--type-document {
    min-width: 22.8125rem;
  }
}

.media--type-video.media--view-mode-hotels-gallery {
  max-height: 17.5rem;
}

.media--type-video.media--view-mode-hotels-gallery .field {
  height: 0;
  overflow: hidden;
  padding-bottom: 88%;
  padding-top: 1.875rem;
  position: relative;
}

.media--type-video.media--view-mode-hotels-gallery .field video {
  border: 0;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

ul.menu {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu-item {
  padding: 0;
}

.navbar-toggler {
  background-color: transparent;
  border: 0;
  padding: 0.25rem 0.5rem;
  margin-right: 0.3125rem;
  z-index: 44;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("../images/icons/hamburger.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  margin-right: 0.625rem;
  height: 1.875rem;
  width: 1.875rem;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("../images/icons/close.svg");
  background-size: 3.25rem;
}

.navbar-toggler.menu-burguer {
  margin-left: 0.625rem;
  margin-right: 0;
  padding: 0;
}

#navbarHeader #block-sandos-sandoshotelheaderblock {
  margin: 0 auto;
  margin-bottom: 2.8125rem;
  max-width: 85%;
}

@media (min-width: 1025px) {
  #navbarHeader #block-sandos-sandoshotelheaderblock {
    display: none;
  }
}

#navbarHeader #block-sandos-sandoshotelheaderblock .block-views-exposed-filter-blockblogs-block-distribution-blogs .form-item-blog-category-target-id {
  margin: 0;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .block-views-exposed-filter-blockblogs-block-distribution-blogs .form-item-blog-category-target-id .dropdown span {
  padding: 0;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .block-views-exposed-filter-blockblogs-block-distribution-blogs .form-actions {
  display: none;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .block-views-exposed-filter-blockblogs-block-distribution-blogs li a {
  color: var(--color-black);
  padding: 0.7rem 1.375rem;
  width: 100%;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .hotel-nav-locality {
  display: none;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .navbar-nav {
  border-bottom: 1px solid var(--main-color);
  padding-bottom: 0.625rem;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .navbar-nav li a {
  font-family: var(--font-family-Lato);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-transform: uppercase;
}

#navbarHeader #block-sandos-sandoshotelheaderblock .navbar-nav li a:hover {
  color: var(--main-color);
}

#navbarHeader #block-sandos-sandoshotelheaderblock .navbar-nav li a.active-link {
  color: var(--main-color);
}

#navbarHeader .block-sandos-logo {
  margin-bottom: 2.25rem;
  padding: 0;
}

#navbarHeader .block-sandos-logo .container {
  max-width: 96%;
}

#navbarHeader .block-sandos-logo .container div {
  flex-direction: row;
  justify-content: space-between;
}

#navbarHeader .block-sandos-logo .container div img {
  max-width: 5.8125rem;
  padding-left: 1.25rem;
}

#navbarHeader .block-sandos-logo .container div .menu-mobile-booking {
  display: block;
  min-width: 12.5rem;
  text-align: center;
}

#navbarHeader .block-sandos-logo .container div .menu-mobile-booking a {
  border: 0.0625rem solid transparent;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
  padding: 0.8125rem 1.5rem;
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-transform: uppercase;
}

#navbarHeader .block-sandos-logo .container div .menu-mobile-booking a:hover {
  transition: .2s;
  opacity: 1;
}

#navbarHeader .block-sandos-logo .container div .menu-mobile-booking a:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--color-white);
}

#navbarHeader .menu--main-menu.block {
  padding-bottom: 1.75rem;
}

@media (min-width: 1025px) {
  #navbarHeader .menu--main-menu.block {
    margin: 0 0 0 auto;
    max-width: 100%;
    padding: 0;
  }
}

#navbarHeader .navbar-nav {
  align-items: center;
}

#navbarHeader .navbar-nav .nav-item {
  position: relative;
  width: 100%;
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item {
    text-align: center;
  }
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item {
    display: block;
    width: auto;
    text-align: left;
  }
}

#navbarHeader .navbar-nav .nav-item.separator {
  align-items: center;
  display: flex;
}

#navbarHeader .navbar-nav .nav-item .nav-link {
  color: var(--color-black);
  cursor: pointer;
  display: block;
  letter-spacing: 0.03125rem;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.7rem 1.375rem;
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item .nav-link {
    color: var(--color-white);
    font-size: 0.875rem;
    padding: 0.7rem 0.625rem 0.7rem 0.625rem;
  }
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.open {
    color: var(--color-dark-blue);
    background: var(--color-white);
  }
}

#navbarHeader .navbar-nav .nav-item .nav-link.open::before {
  background: var(--color-white);
  content: '';
  left: 0;
  top: 100%;
  height: 60px;
  position: absolute;
  width: 100%;
}

@media (min-width: 1441px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.open::before {
    height: 49px;
  }
}

#navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"]::after,
#navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"]::after {
  content: '';
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 13px;
  background-position-y: center;
  border: 0;
  width: 20px;
  height: 24px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("../images/icons/icon_chevron.svg");
  transform: rotate(90deg);
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"]::after,
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"]::after {
    transform: rotate(0);
  }
}

@media (min-width: 1024px) and (max-width: 1441px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"]::after,
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"]::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_w.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 18px;
    right: 6px;
    right: 0;
  }
}

@media (min-width: 1441px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"]::after,
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"]::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_w.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 18px;
    right: 6px;
  }
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"], #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[aria-expanded="true"][class^="base__BFInputValue"], .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[aria-expanded="true"][class^="base__BFInputValue"],
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[aria-expanded="true"][class^="base__BFInputPlaceHolder"], .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[aria-expanded="true"][class^="base__BFInputPlaceHolder"] {
    background-color: var(--color-white);
    color: var(--color-dark-blue);
  }
}

#navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after,
#navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after {
  transform: rotate(-90deg);
}

@media (min-width: 1024px) and (max-width: 1441px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after,
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_blue.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 40%;
    right: 8px;
    transform: rotate(180deg);
    top: 43%;
    right: 0;
  }
}

@media (min-width: 1441px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"]::after, #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item div.nav-link[class^="base__BFInputValue"][aria-expanded="true"]::after,
  #navbarHeader .navbar-nav .nav-item .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after, .block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input #navbarHeader .navbar-nav .nav-item span.nav-link[class^="base__BFInputPlaceHolder"][aria-expanded="true"]::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_blue.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 40%;
    right: 8px;
    transform: rotate(180deg);
  }
}

#navbarHeader .navbar-nav .nav-item .nav-link.separator {
  color: transparent;
  font-size: 0.75rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  padding: 0;
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item .nav-link.separator {
    color: var(--color-white);
    font-size: 1.5rem;
    opacity: 0.5;
  }
}

#navbarHeader .navbar-nav .nav-item span.nav-link {
  padding: 0.7rem 1.375rem;
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item span.nav-link {
    padding: 0.7rem 1.875rem 0.7rem 0.625rem;
  }
}

#navbarHeader .navbar-nav .nav-item.show {
  background-color: transparent;
}

#navbarHeader .navbar-nav .nav-item.show .nav-link {
  color: var(--main-color);
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .nav-item.show .nav-link {
    color: var(--color-white);
  }
}

#navbarHeader .navbar-nav .nav-item.show .nav-link::after {
  transform: rotate(180deg);
}

#navbarHeader .navbar-nav .dropdown-menu, #navbarHeader .navbar-nav .dropdown-menu.show {
  background-color: var(--color-white);
  margin-top: -0.0625rem;
  position: static;
  top: 42px;
  width: 100%;
}

@media (min-width: 1025px) {
  #navbarHeader .navbar-nav .dropdown-menu, #navbarHeader .navbar-nav .dropdown-menu.show {
    position: absolute;
  }
}

#navbarHeader .navbar-nav .dropdown-menu li.nav-item a.nav-link, #navbarHeader .navbar-nav .dropdown-menu.show li.nav-item a.nav-link {
  color: var(--main-color);
}

@media (min-width: 0) and (max-width: 1025px) {
  #navbarHeader .navbar-nav .dropdown-menu li.nav-item a.nav-link, #navbarHeader .navbar-nav .dropdown-menu.show li.nav-item a.nav-link {
    font-size: 1rem !important;
    line-height: 1.125rem !important;
  }
}

.messages {
  background-image: none;
  border-radius: 0;
  border-width: 0;
  box-shadow: none;
  color: var(--color-white);
}

.messages--wrapper {
  margin: 0 auto;
  max-width: var(--container-width);
}

.messages + .messages {
  margin: 0;
}

.messages--status {
  background-color: var(--color-green);
}

.messages--warning {
  background-color: var(--color-orange);
}

.messages--error {
  background-color: var(--color-red);
}

.messages a {
  color: var(--color-white);
  font-weight: 700;
  text-decoration: underline;
}

.navbar-collapse {
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1;
}

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

@media (min-width: 1025px) {
  .navbar.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar.navbar-expand .navbar-toggler {
    display: none;
  }
  .navbar.navbar-expand .navbar-nav {
    flex-direction: row;
  }
  .navbar.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}

.nav-tabs .nav-link {
  border: 0.0625rem solid transparent;
}

.nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-light-grey);
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.pager {
  margin: 2rem 0;
}

.pager__items {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0;
}

.pager__item {
  border: 0.0625rem solid var(--light-grey);
  font-size: 0.875rem;
  line-height: 1;
  margin: 0.15rem;
  padding: 0;
}

.pager__item * {
  font-size: inherit;
  line-height: inherit;
}

.pager__item--ellipsis {
  line-height: 1;
  padding: 0.75rem 1rem;
}

.pager__item.is-active a, .pager__item:hover a {
  background-color: var(--main-color);
  color: var(--white);
}

.pager__item a {
  color: var(--main-color);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1rem;
}

.pager.js-pager__items {
  padding: 0;
}

.pager.js-pager__items .pager__item {
  display: block;
}

.pager.js-pager__items .pager__item a.button {
  color: var(--color-white);
  font-size: 0.75rem;
  line-height: normal;
  margin: auto;
  max-width: 12.5rem;
}

.progress {
  max-width: 100%;
}

.progress__track {
  background-color: var(--color-dark-blue);
  background-image: none;
  border-radius: 0;
}

table {
  border-collapse: separate;
  border-spacing: 0 0.1875rem;
  width: 100%;
}

table th,
table td {
  font-size: 0.875rem;
  padding: 0.5rem;
}

table th p,
table th ul,
table td p,
table td ul {
  margin: 0;
  padding: 0;
}

table th {
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-align: left;
  text-transform: uppercase;
  vertical-align: top;
}

table tbody tr {
  background-color: var(--color-white);
  box-shadow: inset 0 0 0 0.0625rem transparent;
}

#drupal-off-canvas-wrapper table {
  margin-bottom: 1.25rem !important;
}

#drupal-off-canvas-wrapper th:first-child, #drupal-off-canvas-wrapper td:first-child {
  width: 3.125rem !important;
}

#drupal-off-canvas-wrapper td.inline-entity-form-media-label {
  max-width: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

nav.tabs .tabs {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav.tabs .tabs:not(:last-child) {
  margin-bottom: 1rem;
}

nav.tabs .primary {
  border-bottom: 0.0625rem solid var(--color-light-grey);
  display: flex;
  flex-flow: row wrap;
}

nav.tabs .primary li {
  border-color: var(--color-light-grey);
  border-width: 0.0625rem 0.0625rem 0;
  margin-right: 0.5rem;
}

nav.tabs .primary a {
  background-color: var(--color-white);
  border-color: var(--color-light-grey);
  border-style: solid solid none;
  border-width: 0.0625rem 0.0625rem 0;
  color: var(--color-black);
  padding: 0.75rem 2.5rem;
}

nav.tabs .primary a:hover, nav.tabs .primary a.is-active {
  color: var(--white);
  transition: .2s;
}

nav.tabs .primary a:not(.is-active):not(:hover) {
  box-shadow: inset 0 -0.625rem 0.625rem -0.625rem var(--grey);
}

body {
  transition: max-width .35s ease-out, max-height .35s ease-out;
}

.bg-image-color {
  background-size: cover;
  background-position: center;
  height: 100%;
  top: 0;
  width: 100%;
}

.bg-image-color .overlay-color {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.bg-image-color img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.block.block-sandos-sign-in.block-sandos-sign-in-header-block {
  margin-left: auto;
  padding: 0 !important;
}

#block-sandos-header-sign-in {
  position: relative;
}

#block-sandos-header-sign-in #button-sign-in {
  cursor: pointer;
}

#block-sandos-header-sign-in .sign-in-card {
  background: var(--color-white);
  border-radius: 0.5625rem;
  display: none;
  margin-top: 2.5rem;
  padding: 0.875rem 1.125rem 0rem 1.125rem;
  position: absolute;
  right: 0;
}

#block-sandos-header-sign-in .sign-in-card .card-left {
  padding-right: 1.875rem;
}

#block-sandos-header-sign-in .sign-in-card .card-left img {
  margin-bottom: 2.5625rem;
  margin-top: 0.3125rem;
  padding-left: 0.375rem;
}

#block-sandos-header-sign-in .sign-in-card .card-left .icons-sign-in {
  display: flex;
  padding: 0;
  position: relative;
  transform: translate(0);
}

#block-sandos-header-sign-in .sign-in-card .card-left .icons-sign-in span {
  cursor: default;
  display: block;
  font-weight: 700;
}

#block-sandos-header-sign-in .sign-in-card .card-right .login-link, #block-sandos-header-sign-in .sign-in-card .card-right .check-in-link, #block-sandos-header-sign-in .sign-in-card .card-right .reservation-link {
  border: 0.0625rem solid transparent;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0;
  padding: 0.8125rem 1.5rem;
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
  background-color: var(--color-dark-blue);
  border-color: var(--color-dark-blue);
  line-height: 1rem;
  text-align: center;
  padding: 0.625rem;
  width: 11.6875rem;
}

#block-sandos-header-sign-in .sign-in-card .card-right .login-link:hover, #block-sandos-header-sign-in .sign-in-card .card-right .check-in-link:hover, #block-sandos-header-sign-in .sign-in-card .card-right .reservation-link:hover {
  transition: .2s;
  opacity: 1;
}

#block-sandos-header-sign-in .sign-in-card .card-right .login-link:hover, #block-sandos-header-sign-in .sign-in-card .card-right .check-in-link:hover, #block-sandos-header-sign-in .sign-in-card .card-right .reservation-link:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  color: var(--color-white);
}

#block-sandos-header-sign-in .sign-in-card .card-right .top-links {
  border-bottom: 1px solid var(--color-black);
  margin-bottom: 1.25rem;
}

#block-sandos-header-sign-in .sign-in-card .card-right .top-links p {
  margin-bottom: 0.4375rem;
  font-size: 0.875rem;
}

#block-sandos-header-sign-in .sign-in-card .card-right .top-links p:last-child {
  margin-bottom: 0.875rem;
  font-weight: 700;
}

#block-sandos-header-sign-in .sign-in-card .card-right .top-links .register-link {
  color: var(--color-dark-blue);
  text-align: right;
  width: 100%;
}

#block-sandos-header-sign-in .sign-in-card .card-right .bottom-links a {
  background-color: #00a0df;
  border-color: #00a0df;
}

#block-sandos-header-sign-in.open .sign-in-card {
  display: flex;
}

.block {
  position: relative;
}

.block.block-local-tasks-block {
  left: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: fixed;
  top: 4.375rem;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .block.block-local-tasks-block {
    top: 40%;
  }
}

.block.block-local-tasks-block ul {
  padding-left: 0;
}

.block.block-local-tasks-block ul li {
  background-color: var(--color-dark-blue);
  border: 0.0625rem solid var(--color-dark-blue);
  border-radius: 0;
  float: none;
  margin-bottom: 0.1875rem;
  padding: 0.3125rem 0.625rem;
}

.block.block-local-tasks-block ul li a {
  color: var(--color-white);
}

.block.block-sandos-logo {
  padding: 3.125rem 0;
}

.block.block-sandos-logo h2 {
  color: var(--main-color);
  font-size: 1.375rem;
  font-weight: 400;
  letter-spacing: 0.34375rem;
  margin-top: 1.0625rem;
  position: relative;
  padding-bottom: 1.25rem;
  text-transform: uppercase;
}

.block.block-sandos-logo h2::after {
  border-top: 0.25rem solid;
  bottom: 0;
  color: var(--main-color);
  content: '';
  left: 0;
  margin: auto;
  max-width: 9.375rem;
  position: absolute;
  right: 0;
  width: 85%;
}

.block .menu-mobile-booking {
  display: none;
}

.block.block-bg-gray {
  background: var(--color-bg-grey);
}

.block.block-bg-white {
  background: var(--color-white);
}

.block-sandos-booking-widget {
  background: var(--color-white);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 104;
  transition: all .25s ease-in-out;
}

.block-sandos-booking-widget .block-widget-reduction {
  background: var(--color-white);
  margin: 0 auto;
  max-width: 80rem;
  min-height: 6.25rem;
  padding: 0.9375rem 1.625rem 0.5rem 1.625rem;
  z-index: 104;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget .block-widget-reduction {
    width: 95%;
  }
}

@media (min-width: 0) and (max-width: 1023px) {
  .block-sandos-booking-widget .block-widget-reduction {
    min-height: 3.5rem;
  }
}

@media (min-width: 1440px) {
  .block-sandos-booking-widget .block-widget-reduction {
    width: 85%;
  }
}

.block-sandos-booking-widget .block-widget-reduction .container {
  max-width: 100%;
}

.block-sandos-booking-widget.sticky {
  left: 0;
  right: 0;
  min-height: 3.75rem;
  position: fixed;
  z-index: 104;
  top: 3.75rem;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget.sticky {
    top: 4rem;
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget.sticky {
    top: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget.sticky .block-hotelNav-reduction {
    height: 40px;
  }
}

.block-sandos-booking-widget.sticky .block-hotelNav-reduction .hotel-nav-block {
  padding: 0;
  padding-left: 1.25rem;
}

.block-sandos-booking-widget.sticky .block-hotelNav-reduction .hotel-nav-locality {
  padding: 0.625rem;
}

.block-sandos-booking-widget.sticky .block-widget-reduction {
  left: 0;
  right: 0;
  min-height: 3.75rem;
}

.block-sandos-booking-widget.sticky + .block .block-widget-reduction {
  padding-top: 28.125rem;
}

.block-sandos-booking-widget.sticky.hide-form + .block .block-widget-reduction {
  padding-top: 5.3125rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .block-sandos-booking-widget.sticky #bookingForm {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget .block-widget-reduction {
    position: sticky;
  }
  .block-sandos-booking-widget.sticky + .block .block-widget-reduction {
    padding-top: 10.125rem;
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar {
  max-width: 100%;
}

.block-sandos-booking-widget #BookingFormContent.topbar .svg-icon.close-icon {
  right: 10px;
}

.block-sandos-booking-widget #BookingFormContent.topbar .dzFkfW {
  width: 100%;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar .dzFkfW {
    width: calc(50% - 13px);
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar .dzFkfW:first-child {
  margin-bottom: 0.625rem;
  margin-right: 0;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar .dzFkfW:first-child {
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar .Input {
  background-color: var(--color-inputBg-grey);
  height: 2.5rem;
  padding-bottom: 0.75rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
}

.block-sandos-booking-widget #BookingFormContent.topbar .Input .hvqnMl {
  display: none;
  font-weight: 900;
  letter-spacing: 0.1875rem;
}

.block-sandos-booking-widget #BookingFormContent.topbar .Input div[class^="base__BFInputValue"],
.block-sandos-booking-widget #BookingFormContent.topbar .Input span[class^="base__BFInputPlaceHolder"] {
  align-items: center;
  display: flex;
  font-family: var(--font-family-Inter);
  font-size: 1rem;
  line-height: 0.9375rem;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar .Input div[class^="base__BFInputValue"],
  .block-sandos-booking-widget #BookingFormContent.topbar .Input span[class^="base__BFInputPlaceHolder"] {
    display: block;
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar .Input div[class^="base__BFInputValue"]::after,
.block-sandos-booking-widget #BookingFormContent.topbar .Input span[class^="base__BFInputPlaceHolder"]::after {
  right: 10px;
  position: absolute;
}

.block-sandos-booking-widget #BookingFormContent.topbar .Input span[class^="base__BFInputPlaceHolder"] {
  color: var(--color-dark-grey);
  line-height: 1.1;
}

.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input div[class^="base__BFInputValue"]::after,
.block-sandos-booking-widget #BookingFormContent.topbar .hajade.gZZqDC .Input span[class^="base__BFInputPlaceHolder"]::after {
  margin-left: 0.5rem;
  border-top: 0.625rem solid #204F86;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0;
  border-left: 0.3125rem solid transparent;
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper],
.block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper],
.block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper],
.block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper],
.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  width: 100%;
}

@media (min-width: 0) and (max-width: 767px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    margin-bottom: 0.3125rem;
    margin-top: 0.3125rem;
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper],
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=dates__BFDDate-otbne2-0] {
    width: calc(50% - 5px);
  }
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper] {
    width: calc(40% - 10px);
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=destinations__BFDestWrapper] {
    width: calc(30% - 10px);
  }
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper] {
    width: calc(60% - 10px);
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFDatesWrapper] {
    width: calc(28% - 10px);
  }
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper] {
    margin-top: 1rem;
    width: calc(30% - 10px);
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=distribution__BFDistWrapper] {
    margin-top: 0.625rem;
    width: calc(12% - 10px);
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
  width: 100%;
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] div[class*=promocode__BF] {
  height: auto;
  margin: 0;
  width: 100%;
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] div[class*=promocode__BF] .promoCode input[type="text"] {
  width: 85%;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    margin-top: 1rem;
    width: calc(40% - 10px);
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    margin-top: 0.625rem;
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] a {
  color: var(--color-black);
  font-weight: 700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] input {
  padding: 0.5rem;
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=promocode__BF] {
    height: 2.5rem;
    order: 1;
    width: calc(20% - 10px);
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper] button {
  box-shadow: 0 0.125rem 0.9375rem 0.0625rem rgba(12, 56, 94, 0.15);
  font-size: 0.75rem;
  height: 2.5rem;
}

.block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper] button:hover {
  opacity: .75;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper] {
    margin-right: 0;
    margin-top: 1rem;
    width: calc(30% - 10px);
  }
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget #BookingFormContent.topbar div[class*=base__BFSearchBtnWrapper] {
    margin-right: 0;
    margin-top: 0.625rem;
    width: calc(10% - 10px);
  }
}

.block-sandos-booking-widget #BookingFormContent.topbar .DayPicker_weekHeader_ul {
  padding-left: 0 !important;
}

.block-sandos-booking-widget #BookingFormContent.topbar .CalendarMonth_table {
  margin-top: 0.9375rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .block-sandos-booking-widget #BookingFormContent.topbar .gNahxE {
    max-height: 55vh;
    overflow-y: scroll;
  }
}

.block-sandos-booking-widget #sandos-show-book-button {
  margin-top: auto;
  padding: 0.3125rem 0;
  text-align: center;
  z-index: 1;
}

@media (min-width: 768px) {
  .block-sandos-booking-widget #sandos-show-book-button {
    display: none;
  }
}

.block-sandos-booking-widget #sandos-show-book-button .button {
  background-color: #31c1c1;
  border-color: #31c1c1;
  border-radius: 0;
  cursor: pointer;
  font-size: 0.75rem !important;
  line-height: 0.875rem !important;
  margin-bottom: 0;
  max-width: 300px;
  padding: 0.8125rem 0;
  width: 100%;
}

.block-sandos-booking-widget #sandos-show-book-button .button:hover {
  color: var(--color-white);
}

.block-sandos-booking-widget .block-hotelNav-reduction {
  background: var(--color-white);
  box-shadow: 0px 4px 6px 5px rgba(0, 0, 0, 0.04);
  height: 5.5rem;
  display: none;
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget .block-hotelNav-reduction {
    display: block;
    position: sticky;
  }
}

.block-sandos-booking-widget .hotel-nav-block {
  display: none;
}

@media (min-width: 1024px) {
  .block-sandos-booking-widget .hotel-nav-block {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 80rem;
    padding: 1.25rem 0;
  }
}

.block-sandos-booking-widget .hotel-nav-block ul {
  margin: 0 10% 0 0;
}

.block-sandos-booking-widget .hotel-nav-block li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
}

.block-sandos-booking-widget .hotel-nav-block .hotel-nav-locality {
  font-family: var(--font-family-Lato);
  font-size: 0.75rem;
  pointer-events: none;
  padding: 0.9375rem;
  padding-left: 1.75rem;
  text-transform: uppercase;
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav {
  display: flex;
  flex-wrap: wrap;
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav li {
  margin: 0;
  padding: 0.3125rem 0.9375rem;
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav li a {
  color: var(--color-black);
  font-family: var(--font-family-Lato);
  font-size: 1rem;
  text-transform: uppercase;
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav li a:hover {
  color: var(--main-color);
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav li a.active {
  color: var(--main-color);
}

.block-sandos-booking-widget .hotel-nav-block .navbar-nav li a[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.offer-tiles-details__booking #BookingFormContent .CalendarMonth_table {
  margin-top: 0.9375rem;
}

.bookingIcons {
  background: var(--color-white);
  left: 0;
  padding: 1.25rem;
  padding-bottom: 1rem;
  position: absolute;
  right: 0;
  top: 1px;
  text-align: center;
  transform: translateY(-100%);
  z-index: 1;
}

@media (min-width: 0) and (max-width: 768px) {
  .bookingIcons {
    margin: 0 auto;
    width: fit-content;
  }
}

@media (min-width: 768px) {
  .bookingIcons {
    left: 0;
    right: auto;
    text-align: left;
  }
}

.bookingIcons a, .bookingIcons span {
  background-position-x: center;
  background-repeat: no-repeat;
  color: var(--color-dark-blue);
  cursor: pointer;
  font-size: 0.5625rem;
  height: 4.125rem;
  margin-left: 0.625rem;
  line-height: 0.9375rem;
  text-align: center;
  padding-top: 2.75rem;
  width: 4.125rem;
}

@media (min-width: 768px) {
  .bookingIcons a, .bookingIcons span {
    font-size: 0.5rem;
  }
}

.bookingIcons a:first-child, .bookingIcons span:first-child {
  margin-left: 0;
}

.bookingIcons a.bestPrice, .bookingIcons span.bestPrice {
  background-image: url('data:image/svg+xml,<svg width="36" height="35" viewBox="0 0 36 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.5 26.6875C21.825 26.6875 21.375 26.4688 20.7 26.25L18 25.1562L15.3 26.25C14.85 26.4688 14.175 26.6875 13.5 26.6875C13.05 26.6875 12.825 26.6875 12.375 26.4688L11.25 35L18 30.625L24.75 35L23.4 26.4688C23.175 26.6875 22.725 26.6875 22.5 26.6875ZM29.025 12.9062C28.8 12.4688 28.8 11.8125 29.025 11.375L30.375 8.75C30.825 7.875 30.375 6.78125 29.25 6.34375L26.325 5.25C25.875 5.03125 25.425 4.59375 25.2 4.15625L24.075 1.3125C23.85 0.4375 23.175 0 22.5 0C22.275 0 21.825 0 21.6 0.21875L18.675 1.53125H18C17.775 1.53125 17.55 1.53125 17.325 1.3125L14.4 0.21875C14.175 0 13.725 0 13.5 0C12.825 0 12.15 0.4375 11.7 1.09375L10.575 4.15625C10.575 4.59375 10.125 5.03125 9.67499 5.25L6.52499 6.34375C5.62499 6.5625 5.17499 7.65625 5.62499 8.75L6.97499 11.5938C7.19999 12.0312 7.19999 12.6875 6.97499 13.125L5.62499 15.75C5.17499 16.625 5.62499 17.7188 6.74999 18.1562L9.67499 19.25C10.125 19.4688 10.575 19.9062 10.8 20.3438L11.925 23.1875C12.15 24.0625 12.825 24.5 13.5 24.5C13.725 24.5 13.95 24.5 14.175 24.2812L17.1 22.9688C17.325 22.9688 17.55 22.75 17.775 22.75C18 22.75 18.225 22.75 18.45 22.9688L21.375 24.2812C21.6 24.5 21.825 24.5 22.05 24.5C22.725 24.5 23.4 24.0625 23.85 23.4062L24.975 20.5625C25.2 20.125 25.65 19.6875 26.1 19.4688L29.025 18.375C29.925 17.9375 30.6 16.8438 30.15 15.9688L29.025 12.9062ZM18 21C13.05 21 8.99999 17.0625 8.99999 12.25C8.99999 7.4375 13.05 3.5 18 3.5C22.95 3.5 27 7.4375 27 12.25C27 17.0625 22.95 21 18 21Z" fill="%23164781"/><path d="M24.75 12.25C24.75 13.9905 24.0388 15.6597 22.773 16.8904C21.5071 18.1211 19.7902 18.8125 18 18.8125C16.2098 18.8125 14.4929 18.1211 13.227 16.8904C11.9612 15.6597 11.25 13.9905 11.25 12.25C11.25 10.5095 11.9612 8.84032 13.227 7.60961C14.4929 6.3789 16.2098 5.6875 18 5.6875C19.7902 5.6875 21.5071 6.3789 22.773 7.60961C24.0388 8.84032 24.75 10.5095 24.75 12.25Z" fill="%23164781"/></svg>');
  background-size: 2.1875rem;
}

.bookingIcons a.flexCancel, .bookingIcons span.flexCancel {
  background-image: url('data:image/svg+xml,<svg width="33" height="35" viewBox="0 0 33 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.11352 34.5837H28.6567C30.5903 34.5837 32.1628 33.0513 32.1628 31.167V7.25033C32.1628 5.36603 30.5903 3.83366 28.6567 3.83366H25.1505V0.416992H21.6443V3.83366H11.1259V0.416992H7.61969V3.83366H4.11352C2.17988 3.83366 0.607361 5.36603 0.607361 7.25033V31.167C0.607361 33.0513 2.17988 34.5837 4.11352 34.5837ZM14.632 28.4576L8.13334 22.1248L10.6122 19.7092L14.632 23.6264L22.158 16.2925L24.6369 18.7081L14.632 28.4576ZM4.11352 8.95866H28.6567V12.3753H4.11352V8.95866Z" fill="%23204F86"/></svg>');
  background-size: 2.13563rem;
}

.bookingIcons a.personalAttention, .bookingIcons span.personalAttention {
  background-image: url('data:image/svg+xml,<svg width="42" height="35" viewBox="0 0 42 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.7023 17.6204C39.7023 7.12845 30.8006 0 20.8959 0C11.0957 0 2.08951 6.97556 2.08951 17.7351C0.835748 18.3849 -9.15527e-05 19.608 -9.15527e-05 21.0222V24.8444C-9.15527e-05 26.9467 1.88055 28.6667 4.17911 28.6667C5.32839 28.6667 6.26871 27.8067 6.26871 26.7556V17.5631C6.26871 10.2436 12.433 3.84133 20.4362 3.63111C22.3949 3.57663 24.3456 3.88229 26.1727 4.52999C27.9999 5.17768 29.6663 6.15423 31.0732 7.40176C32.4801 8.64928 33.5989 10.1424 34.3633 11.7927C35.1277 13.4429 35.522 15.2167 35.5231 17.0089V30.5778H20.8959C19.7466 30.5778 18.8063 31.4378 18.8063 32.4889C18.8063 33.54 19.7466 34.4 20.8959 34.4H35.5231C37.8217 34.4 39.7023 32.68 39.7023 30.5778V28.2462C40.9352 27.6538 41.7919 26.488 41.7919 25.112V20.7164C41.7919 19.3787 40.9352 18.2129 39.7023 17.6204Z" fill="%23204F86"/><path d="M14.6272 21.0224C15.7813 21.0224 16.7168 20.1668 16.7168 19.1113C16.7168 18.0558 15.7813 17.2002 14.6272 17.2002C13.4732 17.2002 12.5376 18.0558 12.5376 19.1113C12.5376 20.1668 13.4732 21.0224 14.6272 21.0224Z" fill="%23204F86"/><path d="M27.165 21.0224C28.319 21.0224 29.2546 20.1668 29.2546 19.1113C29.2546 18.0558 28.319 17.2002 27.165 17.2002C26.0109 17.2002 25.0754 18.0558 25.0754 19.1113C25.0754 20.1668 26.0109 21.0224 27.165 21.0224Z" fill="%23204F86"/><path d="M33.4334 15.3463C32.9351 12.6595 31.4136 10.2206 29.1381 8.46128C26.8626 6.70194 23.9799 5.73563 21.0002 5.7334C14.6687 5.7334 7.85665 10.5303 8.39995 18.0601C10.9767 17.0957 13.2525 15.5632 15.0245 13.5991C16.7964 11.6351 18.0094 9.30052 18.5554 6.80362C21.2928 11.8298 26.9138 15.289 33.4334 15.3463Z" fill="%23204F86"/></svg>');
  background-size: 2.15rem;
}

.basic_text_block {
  padding: 3.125rem 0rem 1.5625rem;
}

@media (min-width: 768px) {
  .basic_text_block {
    padding: 3.125rem 0rem;
  }
}

.basic_text_block .cta-show-more {
  display: block;
  font-weight: 800;
  text-align: center;
}

.basic_text_block .cta-show-more span {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.basic_text_block .cta-show-more span:last-child {
  display: none;
  opacity: 0;
}

.basic_text_block .cta-show-more.expanded span:first-child {
  display: none;
  opacity: 0;
}

.basic_text_block .cta-show-more.expanded span:last-child {
  display: block;
  opacity: 1;
}

.basic_text_block .accordion-snippet {
  max-height: 9rem;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}

.basic_text_block .accordion-snippet:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 50%, var(--color-white));
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}

.basic_text_block .accordion-snippet.expanded {
  margin-bottom: 3.125rem;
}

.basic_text_block .accordion-snippet.expanded .accordion-snippet-inner a {
  position: relative;
  z-index: 2;
}

.basic_text_block .accordion-snippet.expanded:before {
  opacity: 0;
}

.media--tile.complete-slider-thumbnail {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
}

.media--tile.complete-slider-thumbnail .slider-thumbnail {
  position: relative;
  width: 100%;
}

.media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info {
  bottom: 0.3125rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 1024px) {
  .media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info {
    bottom: 1.25rem;
  }
}

.media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info .h5 {
  color: var(--color-white);
  font-size: 1.125rem;
  letter-spacing: 0.0625rem;
  line-height: 1;
  margin: 0 auto 0.9375rem;
  text-shadow: 0 0.0625rem 0.125rem var(--color-black);
}

@media (min-width: 1024px) {
  .media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info .h5 {
    max-width: 11.875rem;
  }
}

.media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info .button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--main-color);
  font-weight: 900;
  position: relative;
  z-index: 2;
}

.media--tile.complete-slider-thumbnail .slider-thumbnail .slider-thumbnail-info .button:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
}

.media--tile.complete-slider-thumbnail .h4, .media--tile.complete-slider-thumbnail .media--tile.tiles-cards .tiles-cards__info .tiles-cards__title, .media--tile.tiles-cards .tiles-cards__info .media--tile.complete-slider-thumbnail .tiles-cards__title {
  margin: 0;
  padding: 0.3125rem;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .media--tile.complete-slider-thumbnail .h4, .media--tile.complete-slider-thumbnail .media--tile.tiles-cards .tiles-cards__info .tiles-cards__title, .media--tile.tiles-cards .tiles-cards__info .media--tile.complete-slider-thumbnail .tiles-cards__title {
    padding: 1rem 0rem;
  }
}

.media--tile.complete-slider-thumbnail .quickedit-form .form-wrapper.field--type-link {
  max-height: 10.625rem;
  overflow: auto;
}

.media--tile.complete-slider .tile-two-column {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.media--tile.complete-slider .tile-two-column .tile-info, .media--tile.complete-slider .tile-two-column .tile-image {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .media--tile.complete-slider .tile-two-column .tile-info, .media--tile.complete-slider .tile-two-column .tile-image {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.media--tile.complete-slider .tile-two-column .tile-info {
  background-color: var(--color-white);
  padding: 1.25rem 0.9375rem 1.875rem;
}

@media (min-width: 1024px) {
  .media--tile.complete-slider .tile-two-column .tile-info {
    background-color: transparent;
    margin: 0;
    padding: 0rem 2.5rem;
  }
}

.media--tile.simple-slider, .media--tile.multitab-tiles {
  border: 0.125rem solid var(--color-light-grey);
  margin: 0rem 0.5625rem;
  padding: 0.46875rem;
}

@media (min-width: 0) and (max-width: 1023px) {
  .media--tile.simple-slider, .media--tile.multitab-tiles {
    margin: 0rem 0.28125rem 1.25rem;
    max-width: 20.9375rem;
  }
}

.media--tile.simple-slider a, .media--tile.multitab-tiles a {
  color: var(--color-black);
}

.media--tile.simple-slider .simple-slider__body, .media--tile.simple-slider .multitab-tiles__body, .media--tile.multitab-tiles .simple-slider__body, .media--tile.multitab-tiles .multitab-tiles__body {
  padding: 0.9375rem 0.59375rem 0rem;
  width: 100%;
}

.media--tile.simple-slider .simple-slider__body .simple-slider__title, .media--tile.simple-slider .simple-slider__body .multitab-tiles__title, .media--tile.simple-slider .multitab-tiles__body .simple-slider__title, .media--tile.simple-slider .multitab-tiles__body .multitab-tiles__title, .media--tile.multitab-tiles .simple-slider__body .simple-slider__title, .media--tile.multitab-tiles .simple-slider__body .multitab-tiles__title, .media--tile.multitab-tiles .multitab-tiles__body .simple-slider__title, .media--tile.multitab-tiles .multitab-tiles__body .multitab-tiles__title {
  font-size: 1.5rem;
  font-weight: 700;
}

.media--tile.tiles-cards {
  background-color: var(--color-white);
  border: 0.125rem solid var(--color-light-grey);
}

.media--tile.tiles-cards .tiles-cards__thumbnail {
  position: relative;
}

.media--tile.tiles-cards .tiles-cards__thumbnail::after {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.media--tile.tiles-cards .tiles-cards__info {
  padding: 1.25rem 1.5625rem;
}

.media--tile.tiles-cards .tiles-cards__info .tiles-cards__title {
  font-weight: 700;
  letter-spacing: 0;
}

.media--tile.tiles-cards .tiles-cards__info .tiles-cards__description > p {
  color: var(--color-dark-grey);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.media--tile.tiles-cards .tiles-cards__info .button.button-border {
  border-color: var(--main-color);
  color: var(--main-color);
  position: relative;
}

.media--tile.tiles-cards .tiles-cards__info .button.button-border::before {
  content: "";
  height: 100%;
  left: 0;
  outline: 0.125rem solid rgba(255, 255, 255, 0.5);
  top: 0;
  position: absolute;
  width: 100%;
}

.media--tile.tiles-cards .tiles-cards__info .button.button-border::after {
  content: "+";
  margin-left: 0.3125rem;
}

.media--tile.tiles-cards .tiles-cards__info .button.button-border:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: var(--color-white);
}

.media--tile.complete-information-tabs {
  background-color: var(--color-white);
  margin: auto;
  padding: 1.5625rem;
  position: relative;
  width: 96%;
}

@media (min-width: 768px) {
  .media--tile.complete-information-tabs {
    padding: 3.75rem;
    width: 85%;
  }
}

@media (min-width: 1024px) {
  .media--tile.complete-information-tabs {
    padding: 7.5rem;
    width: 75%;
  }
}

.media--tile.complete-information-tabs .field--name-name {
  color: var(--color-grey);
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 1.875rem;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .media--tile.complete-information-tabs .field--name-name {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 1024px) {
  .media--tile.complete-information-tabs .field--name-name {
    margin-bottom: 6.25rem;
  }
}

.media--tile.complete-information-tabs .field--name-name::before, .media--tile.complete-information-tabs .field--name-name::after {
  border-bottom: 0.0625rem solid;
  content: "";
  display: inline-block;
  height: 0.0625rem;
  margin: 0rem 0.3125rem;
  vertical-align: middle;
  width: 5%;
}

@media (min-width: 768px) {
  .media--tile.complete-information-tabs .field--name-name::before, .media--tile.complete-information-tabs .field--name-name::after {
    margin: 0rem 0.625rem;
    width: 3.125rem;
  }
}

@media (min-width: 1024px) {
  .media--tile.complete-information-tabs .field--name-name::before, .media--tile.complete-information-tabs .field--name-name::after {
    margin: 0rem 1.25rem;
    width: 6.25rem;
  }
}

.media--tile.multitab-tiles-details {
  border: 0.1875rem solid;
  margin-bottom: 1.25rem;
  position: relative;
  width: 100%;
}

.media--tile.multitab-tiles-details .close-details {
  align-items: center;
  background-color: var(--color-grey-800);
  border-radius: 50%;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 900;
  height: 1.875rem;
  justify-content: center;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 1.875rem;
  z-index: 5;
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__thumbnail {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__thumbnail img {
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 768px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__thumbnail img {
    min-height: 21.875rem;
    object-fit: cover;
  }
}

@media (min-width: 1024px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__thumbnail img {
    min-height: 31.25rem;
    object-fit: cover;
  }
}

.media--tile.multitab-tiles-details .multitab-tiles-details__body {
  background-color: var(--color-white);
  outline: 0.3125rem solid var(--color-white-500);
  padding: 1.25rem 1.25rem 0.625rem;
  position: relative;
  width: 90%;
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__body {
    margin-bottom: 1.25rem;
    margin-left: 5%;
    margin-top: 1.25rem;
  }
}

@media (min-width: 768px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__body {
    left: 1.25rem;
    max-width: 35.5rem;
    position: absolute;
    top: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__body {
    max-width: 48rem;
  }
}

.media--tile.multitab-tiles-details .multitab-tiles-details__title {
  color: var(--main-color);
  font-size: 1.5rem;
  font-weight: 700;
}

.media--tile.multitab-tiles-details .multitab-tiles-details__booking {
  width: 100%;
}

@media (min-width: 1024px) {
  .media--tile.multitab-tiles-details .multitab-tiles-details__booking {
    bottom: 0;
    position: absolute;
  }
}

.media--tile.multitab-tiles-details .multitab-tiles-details__booking .splash {
  overflow: initial;
}

.media--tile.carrousel-cards {
  margin: 0 0 0 1.25rem;
  max-width: 15.625rem;
  width: 95%;
}

@media (min-width: 768px) {
  .media--tile.carrousel-cards {
    max-width: 20rem;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 1.5625rem;
    max-width: 25.625rem;
  }
}

.media--tile.carrousel-cards .tiles-cards__thumbnail {
  max-height: 11.25rem;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__thumbnail {
    max-height: 18.75rem;
  }
}

.media--tile.carrousel-cards .tiles-cards__thumbnail img {
  height: 100%;
  object-fit: cover;
}

.media--tile.carrousel-cards .tiles-cards__info {
  padding: 1rem 0 0;
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__info {
    padding: 2rem 0 0;
  }
}

.media--tile.carrousel-cards .tiles-cards__description {
  min-height: 7.1875rem;
}

.media--tile.carrousel-cards .tiles-cards__category {
  background: #F0F0F0;
  color: var(--main-color);
  margin: 0 0 1.6875rem;
  padding: 0.375rem 0.5625rem 0.0625rem;
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__category {
    padding: 0.375rem 1.0625rem 0.0625rem;
  }
}

.media--tile.carrousel-cards .tiles-cards__category a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__category + .tiles-cards__title {
    margin: 0 0 1.6875rem;
  }
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__title {
    margin: 4.1875rem 0 1.6875rem;
  }
}

.media--tile.carrousel-cards .tiles-cards__title a {
  color: var(--text-color);
}

.media--tile.carrousel-cards .tiles-cards__link a {
  font-weight: 700;
}

@media (min-width: 1024px) {
  .media--tile.carrousel-cards .tiles-cards__link a {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
}

.media--tile.card-offers {
  margin: 0 auto;
  max-width: 21.875rem;
  position: relative;
  width: 100%;
}

@media (min-width: 580px) {
  .media--tile.card-offers {
    margin: 0 1.25rem;
    max-width: 20rem;
  }
}

@media (min-width: 1024px) {
  .media--tile.card-offers {
    margin: 0 0 0 1.125rem;
    max-width: 25.9375rem;
  }
}

.grid .media--tile.card-offers {
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .grid .media--tile.card-offers {
    margin: 0;
  }
}

.media--tile.card-offers .tiles-cards__info {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--text-color);
  min-height: 5.625rem;
  padding: 0.75rem 1.0625rem;
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: height 1s ease-in-out;
}

@media (min-width: 1024px) {
  .media--tile.card-offers .tiles-cards__info {
    min-height: 6.875rem;
  }
}

.media--tile.card-offers .tiles-cards__title {
  font-weight: 800;
}

@media (min-width: 0) and (max-width: 1023px) {
  .media--tile.card-offers .tiles-cards__thumbnail {
    margin-bottom: 5.625rem;
  }
}

.media--tile.card-offers .tiles-cards__description {
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: height .5s ease-in-out;
}

.media--tile.card-offers .tiles-cards__link {
  position: relative;
}

.media--tile.card-offers .tiles-cards__link a, .media--tile.card-offers .tiles-cards__link span {
  bottom: 0;
  color: var(--text-color);
  font-weight: 700;
  line-height: 1.5625rem;
  height: 1.5625rem;
  position: absolute;
  right: 0;
  transition: all .5s ease-in-out;
}

@media (min-width: 0) and (max-width: 1023px) {
  .media--tile.card-offers .tiles-cards__link a, .media--tile.card-offers .tiles-cards__link span {
    color: var(--main-color);
    font-size: 0.875rem;
  }
}

.media--tile.card-offers .tiles-cards__link a:after, .media--tile.card-offers .tiles-cards__link span:after {
  background-image: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66093 7.83892L11.7777 13.1952C12.1314 13.5654 12.1314 14.164 11.7777 14.5303L10.9274 15.4204C10.5738 15.7906 10.0019 15.7906 9.652 15.4204L6.02133 11.6277L2.39443 15.4243C2.04077 15.7945 1.4689 15.7945 1.119 15.4243L0.264946 14.5342C-0.0887142 14.164 -0.0887142 13.5654 0.264946 13.1991L5.38174 7.84286C5.7354 7.46871 6.30727 7.46871 6.66093 7.83892ZM5.38174 0.277167L0.264947 5.63341C-0.0887139 6.00362 -0.0887139 6.60226 0.264947 6.96853L1.11524 7.85861C1.4689 8.22882 2.04077 8.22882 2.39067 7.85861L6.02133 4.06592L9.64824 7.86255C10.0019 8.23276 10.5738 8.23276 10.9237 7.86255L11.7777 6.97247C12.1314 6.60226 12.1314 6.00362 11.7777 5.63735L6.66093 0.281106C6.30727 -0.0930433 5.7354 -0.0930433 5.38174 0.277167Z" fill="%23204F86"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 1.1875rem;
  margin: 0rem 0rem 0rem 0.3125rem;
  vertical-align: text-bottom;
  width: 1.1875rem;
}

.media--tile.card-offers .tiles-cards__link a {
  opacity: 0;
  padding: 0rem 1rem;
  visibility: hidden;
}

.media--tile.card-offers .tiles-cards__link a:after {
  transform: rotate(90deg);
  vertical-align: text-top;
}

.media--tile.card-offers .tiles-cards__link a:hover {
  color: var(--main-color);
}

.media--tile.card-offers .tiles-cards__link .view-more {
  display: block;
  padding: 0rem 1rem;
  position: relative;
}

.media--tile.card-offers .tiles-cards__booking {
  display: none;
  visibility: hidden;
}

.media--tile.card-offers:hover .tiles-cards__info, .media--tile.card-offers.is-selected .tiles-cards__info {
  height: auto;
  transition: height 1s ease-in-out;
}

.media--tile.card-offers:hover .tiles-cards__description, .media--tile.card-offers.is-selected .tiles-cards__description {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: height .5s ease-in-out;
}

.media--tile.card-offers:hover .tiles-cards__link a, .media--tile.card-offers.is-selected .tiles-cards__link a {
  opacity: 1;
  visibility: visible;
}

.media--tile.card-offers:hover .tiles-cards__link .view-more, .media--tile.card-offers.is-selected .tiles-cards__link .view-more {
  opacity: 0;
  visibility: hidden;
}

.media--tile.card-offers-style-2 {
  display: flex;
  margin: 0 auto;
  min-height: 22.5rem;
  max-width: 21.875rem;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .media--tile.card-offers-style-2 {
    max-width: 70.625rem;
  }
}

.grid .media--tile.card-offers-style-2 {
  margin: 0 auto;
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers-style-2 {
    flex-direction: column;
  }
}

.media--tile.card-offers-style-2 .tiles-cards__info {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--text-color);
  display: flex;
  flex: 0 0 calc(100% - 280px);
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.75rem 1.0625rem;
  transition: height 1s ease-in-out;
  width: 100%;
}

@media (min-width: 1024px) {
  .media--tile.card-offers-style-2 .tiles-cards__info {
    padding: 2rem 4rem 2.75rem;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers-style-2 .tiles-cards__info {
    position: absolute;
  }
}

.media--tile.card-offers-style-2 .tiles-cards__title {
  font-weight: 700;
  min-height: 2.5rem;
  margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
  .media--tile.card-offers-style-2 .tiles-cards__title {
    border-bottom: 1px solid #F1F1F1;
  }
}

@media (min-width: 768px) {
  .media--tile.card-offers-style-2 .tiles-cards__thumbnail {
    flex: 0 0 17.5rem;
    max-width: 17.5rem;
    width: 100%;
  }
  .media--tile.card-offers-style-2 .tiles-cards__thumbnail img {
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers-style-2 .tiles-cards__thumbnail {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .media--tile.card-offers-style-2 .tiles-cards__thumbnail img {
    width: 100%;
  }
}

.media--tile.card-offers-style-2 .tiles-cards__description {
  transition: height .5s ease-in-out;
}

@media (min-width: 768px) {
  .media--tile.card-offers-style-2 .tiles-cards__description {
    min-height: 11.25rem;
  }
}

.media--tile.card-offers-style-2 .tiles-cards__link {
  position: relative;
}

.media--tile.card-offers-style-2 .tiles-cards__link a, .media--tile.card-offers-style-2 .tiles-cards__link span {
  align-items: center;
  display: inline-flex;
  font-weight: 400;
  justify-content: space-evenly;
  min-width: 13.125rem;
  transition: all .5s ease-in-out;
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers-style-2 .tiles-cards__link a, .media--tile.card-offers-style-2 .tiles-cards__link span {
    font-size: 0.875rem;
    padding: 0.3125rem;
  }
}

.media--tile.card-offers-style-2 .tiles-cards__link a:after {
  transform: rotate(90deg);
  vertical-align: text-top;
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers-style-2:hover .tiles-cards__info, .media--tile.card-offers-style-2.is-selected .tiles-cards__info {
    height: auto;
    max-height: 26.875rem;
    overflow-y: scroll;
    transition: height 1s ease-in-out;
  }
  .media--tile.card-offers-style-2:hover .tiles-cards__description, .media--tile.card-offers-style-2.is-selected .tiles-cards__description {
    visibility: visible;
    height: auto;
    opacity: 1;
    transition: height .5s ease-in-out;
  }
  .media--tile.card-offers-style-2:hover .tiles-cards__link a, .media--tile.card-offers-style-2.is-selected .tiles-cards__link a {
    opacity: 1;
    visibility: visible;
  }
  .media--tile.card-offers-style-2:hover .tiles-cards__link .view-more, .media--tile.card-offers-style-2.is-selected .tiles-cards__link .view-more {
    opacity: 0;
    visibility: hidden;
  }
  .media--tile.card-offers-style-2 .tiles-cards__description {
    height: 0;
    opacity: 0;
    transition: height .5s ease-in-out;
    visibility: hidden;
  }
}

.media--tile.carrousel-what-s-included {
  margin: 0rem 0.625rem;
  max-width: 19.375rem;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .media--tile.carrousel-what-s-included {
    background-color: var(--color-bg-grey);
    max-width: 27.375rem;
  }
}

.media--tile.carrousel-what-s-included .tiles-cards__info {
  padding: 2.1875rem 0.625rem;
}

.media--tile.carrousel-what-s-included .tiles-cards__title {
  color: var(--main-color);
  font-weight: 400;
  line-height: 1.875rem;
  margin: 0;
}

@media (min-width: 768px) {
  .media--tile.carrousel-what-s-included .tiles-cards__title {
    font-size: 1.375rem;
  }
}

.media--tile.carrousel-what-s-included .tiles-cards__link a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 0) and (max-width: 1023px) {
  .media--tile.card-offers .tiles-cards__thumbnail {
    margin-bottom: 0;
  }
}

@media (min-width: 0) and (max-width: 767px) {
  .media--tile.card-offers .tiles-cards__thumbnail {
    margin-bottom: 1rem;
  }
}

.clearflex {
  height: 0;
  width: 100%;
}

.block.carrousel-offers .gridder-show, .block.tabs-offers .gridder-show {
  background-color: var(--main-color);
  display: flow-root;
  flex: 0 0 100vw;
  margin: 0 0 1rem;
  padding: 10.625rem 0 3.125rem;
  position: relative;
  width: 100vw;
}

.block.carrousel-offers .gridder-show .container, .block.tabs-offers .gridder-show .container {
  position: relative;
}

.block.carrousel-offers .gridder-show .gridder-close, .block.tabs-offers .gridder-show .gridder-close {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none"><g clip-path="url(%23clip0_27_3090)"><path d="M12.5464 11.4785L21.6987 2.32617C21.799 2.22591 21.8742 2.10775 21.9243 1.97168C21.9744 1.83561 21.9995 1.69596 21.9995 1.55273C21.9995 1.25195 21.8957 0.997721 21.688 0.790039C21.4803 0.582357 21.2261 0.478516 20.9253 0.478516C20.7821 0.478516 20.6424 0.507162 20.5063 0.564453C20.3703 0.621744 20.2593 0.693359 20.1733 0.779297L11.021 9.95312L1.86865 0.779297C1.76839 0.693359 1.65381 0.621744 1.5249 0.564453C1.396 0.507162 1.25277 0.478516 1.09521 0.478516C0.808757 0.478516 0.558105 0.585938 0.343262 0.800781C0.128418 1.01562 0.0209961 1.26628 0.0209961 1.55273C0.0209961 1.71029 0.0496419 1.85352 0.106934 1.98242C0.164225 2.11133 0.243001 2.22591 0.343262 2.32617L9.49561 11.4785L0.343262 20.6523C0.243001 20.7526 0.164225 20.8672 0.106934 20.9961C0.0496419 21.125 0.0209961 21.2611 0.0209961 21.4043C0.0209961 21.7051 0.128418 21.9593 0.343262 22.167C0.558105 22.3747 0.808757 22.4785 1.09521 22.4785C1.25277 22.4785 1.396 22.4535 1.5249 22.4033C1.65381 22.3532 1.76839 22.278 1.86865 22.1777L11.021 13.0039L20.1733 22.1777C20.2593 22.278 20.3703 22.3568 20.5063 22.4141C20.6424 22.4714 20.7821 22.5 20.9253 22.5C21.2261 22.5 21.4803 22.3926 21.688 22.1777C21.8957 21.9629 21.9995 21.7051 21.9995 21.4043C21.9995 21.2611 21.9744 21.125 21.9243 20.9961C21.8742 20.8672 21.799 20.7526 21.6987 20.6523L12.5464 11.4785Z" fill="white"/></g><defs><clipPath id="clip0_27_3090"><rect width="21.98" height="22" fill="white" transform="matrix(1 0 0 -1 0.0200195 22.5)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  color: var(--color-white);
  font-size: 0;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: -10rem;
  width: 1.25rem;
}

@media (min-width: 768px) {
  .block.carrousel-offers .gridder-show .gridder-close, .block.tabs-offers .gridder-show .gridder-close {
    height: 1.375rem;
    top: -8.125rem;
    width: 1.3125rem;
  }
}

.block.carrousel-offers.block-bg-hotel .gridder-show, .block.tabs-offers.block-bg-hotel .gridder-show {
  background-color: var(--color-bg-grey);
}

.block.carrousel-offers.block-bg-hotel .gridder-close, .block.tabs-offers.block-bg-hotel .gridder-close {
  filter: brightness(0);
}

@media (min-width: 0) and (max-width: 767px) {
  .block.tabs-offers .gridder-show {
    margin: 0 -5.5% 1rem;
  }
}

.offer-tiles-details__booking {
  margin: auto;
  max-width: 70.625rem;
  position: relative;
}

.offer-tiles-details__booking .container {
  max-width: 100%;
}

.offer-tiles-details__booking #sandos-show-book-button {
  display: none;
}

.offer-tiles-details__booking #BookingFormContent.splash {
  margin-bottom: 4rem;
  max-width: 100%;
  overflow: initial;
  padding: 0.9375rem;
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash {
    padding: 1.875rem;
  }
}

.offer-tiles-details__booking #BookingFormContent.splash:before {
  background-color: var(--color-white);
  opacity: 1;
}

.offer-tiles-details__booking #BookingFormContent.splash .Input {
  background-color: var(--color-bg-grey);
  border: 0;
  height: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.offer-tiles-details__booking #BookingFormContent.splash .Input .cgtpHC {
  color: var(--main-color);
  line-height: normal;
}

.offer-tiles-details__booking #BookingFormContent.splash .Input .hvqnMl {
  display: none;
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"] {
    width: calc(35% - 10px);
  }
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFDatesWrapper"] {
    width: calc(30% - 10px);
  }
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class*="distribution__BFDistWrapper"] {
    width: calc(12% - 10px);
  }
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="promocode__BFPromoWrapper"] {
    width: calc(20% - 10px);
  }
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"],
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFDatesWrapper"],
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class*="distribution__BFDistWrapper"],
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="promocode__BFPromoWrapper"] {
  margin-right: 0;
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade span[class^="base__BFInputPlaceHolder"],
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade div[class^="base__BFInputValue"] {
  display: block;
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade span[class^="base__BFInputPlaceHolder"]::after,
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade div[class^="base__BFInputValue"]::after {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade span[class^="base__BFInputPlaceHolder"]:empty::after,
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade div[class^="base__BFInputValue"]:empty::after {
  margin-left: 0;
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade span[class^="base__BFInputPlaceHolder"]::after,
.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="destinations__BFDestWrapper"].hajade div[class^="base__BFInputValue"]::after {
  border-bottom: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.625rem solid #204F86;
  margin-left: 0.5rem;
  position: absolute;
  right: 1rem;
  top: 0.9375rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFDatesWrapper"] div[class^="dates__BFDDate"] {
    width: 100%;
  }
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFDatesWrapper"] div[class^="dates__BFDDate"]:first-child {
    margin: 0 0 1rem 0;
  }
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="promocode__BFPromoWrapper"] {
  order: 0;
}

@media (min-width: 1024px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="promocode__BFPromoWrapper"] {
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="promocode__BFPromoWrapper"] {
    width: calc(50% - 12px);
  }
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFSearchBtnWrapper"] {
  bottom: -6.25rem;
  margin: 1.6875rem 0 0 auto;
  order: 2;
  position: absolute;
  right: 0;
}

.offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFSearchBtnWrapper"] .RIFab {
  font-size: 0.75rem;
  height: 2.5rem;
}

@media (min-width: 0) and (max-width: 767px) {
  .offer-tiles-details__booking #BookingFormContent.splash.drLPOZ div[class^="base__BFSearchBtnWrapper"] {
    bottom: -5.625rem;
    left: 0;
    margin: auto;
  }
}

.node .field--type-text-long {
  font-size: 1rem;
}

.node .field--type-text-long ul {
  padding-left: 1rem;
}

.node .field--type-text-long li {
  line-height: 1.5;
  margin-bottom: 1rem;
}

.layout-builder .block-sandos-booking-widget.sticky .block-widget-reduction {
  position: static;
}

.layout-builder .block-sandos-booking-widget.sticky .block-hotelNav-reduction {
  position: static;
}

@media (min-width: 0) and (max-width: 1024px) {
  .page-node-type-hotel #navbarHeader, .hotel-inner--page #navbarHeader {
    height: 100%;
    min-height: calc(100vh - 69px);
  }
}

.page-node-type-hotel header.content__header #block-sandos-branding .site-info, .hotel-inner--page header.content__header #block-sandos-branding .site-info {
  align-items: center;
  min-height: 2.5rem;
  text-align: left;
}

.page-node-type-hotel header.content__header #block-sandos-branding .site-info a, .hotel-inner--page header.content__header #block-sandos-branding .site-info a {
  height: auto;
}

.page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name {
  font-family: var(--font-family-Lato);
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.8125rem;
  letter-spacing: 0;
}

@media (min-width: 1025px) {
  .page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1670px) {
  .page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name {
    font-size: 1.9375rem;
    line-height: 1.5625rem;
  }
}

.page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan {
  font-size: 0.75rem;
  line-height: 0.8125rem;
  letter-spacing: 0;
  text-align: left;
}

@media (min-width: 1025px) {
  .page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}

@media (min-width: 1670px) {
  .page-node-type-hotel header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, .hotel-inner--page header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan {
    font-size: 1.5625rem;
    line-height: 1.5625rem;
  }
}

.page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info {
  align-items: center;
  min-height: 2.5rem;
}

.page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan {
  height: 40px;
}

.page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name {
  font-size: 1rem;
  line-height: 0.9375rem;
  letter-spacing: 0;
}

@media (min-width: 1025px) {
  .page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name {
    font-size: 1.125rem;
    line-height: 0.9375rem;
  }
}

.page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  letter-spacing: 0;
}

@media (min-width: 1025px) {
  .page-node-type-hotel header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, .hotel-inner--page header.fill-header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan {
    font-size: 1rem;
    line-height: 0.9375rem;
  }
}

.node--type-blog h2 {
  color: var(--main-color);
}

.node--type-blog h3 {
  color: var(--main-color);
}

.node--type-blog.blog--full .blog-container {
  padding: 1.25rem;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full .blog-container {
    padding: 3.125rem 0rem;
  }
}

.node--type-blog.blog--full .blog-container .blog-content .blog-content-top h2 {
  font-weight: 700;
  text-transform: uppercase;
}

.node--type-blog.blog--full .blog-container .blog-content .blog-content-top .blog-info {
  color: var(--main-color);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full .blog-container .blog-content .blog-content-top .blog-info {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.node--type-blog.blog--full .blog-container .blog-content .blog-content-bottom .field--name-body p {
  line-height: 1.5625rem;
}

.node--type-blog.blog--full .blog-container .blog-content .blog-content-bottom .field--name-body .media {
  display: block;
}

.node--type-blog.blog--full .related-blogs {
  margin: 1.875rem 0rem 1.25rem;
  text-align: center;
}

@media (min-width: 768px) {
  .node--type-blog.blog--full .related-blogs {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full .related-blogs {
    margin: 2.5rem 0rem 3.125rem;
  }
}

.node--type-blog.blog--full .related-blogs .related-blogs-head {
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full.blog-sidebar .blog-container {
    display: flex;
  }
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full.blog-sidebar .blog-container .blog-content {
    margin-right: 2.5rem;
    width: 68%;
  }
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full.blog-sidebar .blog-container .blog-sidebar {
    width: 32%;
  }
}

.node--type-blog.blog--full .field--name-field-related-blogs {
  display: flex;
  flex-wrap: wrap;
  gap: 5.1%;
  margin-bottom: 1.25rem;
}

.node--type-blog.blog--full .field--name-field-related-blogs > .field__item {
  max-width: 22.5rem;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--full .field--name-field-related-blogs > .field__item {
    width: 28.2%;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .node--type-blog.blog--full .field--name-field-related-blogs {
    justify-content: center;
  }
}

.node--type-blog.blog--blog-sidebar {
  margin-bottom: 3.125rem;
  position: relative;
}

@media (min-width: 0) and (max-width: 768px) {
  .node--type-blog.blog--blog-sidebar {
    margin: 0 auto 3.125rem auto;
    width: fit-content;
  }
}

.node--type-blog.blog--blog-sidebar h3, .node--type-blog.blog--blog-sidebar span {
  color: var(--color-black);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.375rem;
  margin-top: 0.9375rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--blog-sidebar h3, .node--type-blog.blog--blog-sidebar span {
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    margin-top: 1.5625rem;
  }
}

.node--type-blog.blog--blog-sidebar .field--name-field-blog-category {
  color: var(--main-color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin-top: 0.9375rem;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--blog-sidebar .field--name-field-blog-category {
    font-size: 1.125rem;
    margin-top: 1.25rem;
  }
}

.node--type-blog.blog--blog-sidebar .field--name-field-blog-category a {
  color: var(--main-color);
}

.node--type-blog.blog--blog-sidebar .link {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.node--type-blog.blog--teaser,
.node--type-blog.blog--carrousel-cards,
.media--tile.blog-teaser {
  margin-top: 1.875rem;
  max-width: 22.5rem;
  padding-bottom: 0;
  width: 100%;
}

@media (min-width: 1024px) {
  .node--type-blog.blog--teaser,
  .node--type-blog.blog--carrousel-cards,
  .media--tile.blog-teaser {
    padding-bottom: 2.5rem;
  }
}

.node--type-blog.blog--teaser .blog-card-category,
.node--type-blog.blog--carrousel-cards .blog-card-category,
.media--tile.blog-teaser .blog-card-category {
  width: 100%;
}

.node--type-blog.blog--teaser .blog-card-info,
.node--type-blog.blog--carrousel-cards .blog-card-info,
.media--tile.blog-teaser .blog-card-info {
  margin: -0.9375rem auto 0;
  padding: 0rem 1.875rem 1.5rem;
}

.node--type-blog.blog--teaser .blog-card-title,
.node--type-blog.blog--carrousel-cards .blog-card-title,
.media--tile.blog-teaser .blog-card-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--color-black);
  display: -webkit-box;
  font-weight: 600;
  height: 3.25rem;
  margin-top: 2.1875rem;
  overflow: hidden;
}

.node--type-blog.blog--teaser .blog-card .field--name-field-media-image,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-field-media-image,
.media--tile.blog-teaser .blog-card .field--name-field-media-image {
  overflow: hidden;
}

.node--type-blog.blog--teaser .blog-card .field--name-field-media-image img,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-field-media-image img,
.media--tile.blog-teaser .blog-card .field--name-field-media-image img {
  transition: transform 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) 0ms;
}

.node--type-blog.blog--teaser .blog-card .field--name-field-media-image:hover img,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-field-media-image:hover img,
.media--tile.blog-teaser .blog-card .field--name-field-media-image:hover img {
  transform: scale(1.1);
}

.node--type-blog.blog--teaser .blog-card .field--name-field-blog-category,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-field-blog-category,
.media--tile.blog-teaser .blog-card .field--name-field-blog-category {
  background: var(--main-color);
  color: var(--color-white);
  margin: auto;
  max-width: 70%;
  padding: 0.25rem 0.3125rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

.node--type-blog.blog--teaser .blog-card .field--name-field-blog-category a,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-field-blog-category a,
.media--tile.blog-teaser .blog-card .field--name-field-blog-category a {
  color: var(--color-white);
  font-weight: 300;
  line-height: normal;
  padding: 0.3125rem 0rem 0.375rem 0rem;
}

.node--type-blog.blog--teaser .blog-card .field--name-body,
.node--type-blog.blog--carrousel-cards .blog-card .field--name-body,
.media--tile.blog-teaser .blog-card .field--name-body {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  height: 6.25rem;
  line-height: 1.5625rem;
  margin: 1.25rem 0 2.8125rem;
  overflow: hidden;
}

.node--type-blog.blog--teaser .blog-card-link,
.node--type-blog.blog--carrousel-cards .blog-card-link,
.media--tile.blog-teaser .blog-card-link {
  font-size: 0.75rem;
  line-height: normal;
  min-width: 12.5rem;
}

.node--type-blog.blog--teaser .blog-card .button-center,
.node--type-blog.blog--carrousel-cards .blog-card .button-center,
.media--tile.blog-teaser .blog-card .button-center {
  text-align: center;
}

.media--tile.blog-teaser,
.node--type-blog.blog--carrousel-cards {
  margin: 0 1rem 0;
  max-width: 100%;
}

@media (min-width: 768px) {
  .media--tile.blog-teaser,
  .node--type-blog.blog--carrousel-cards {
    margin: 0 0.625rem 0;
  }
}

@media (min-width: 1024px) {
  .media--tile.blog-teaser,
  .node--type-blog.blog--carrousel-cards {
    padding-bottom: 0;
  }
}

@media (min-width: 1440px) {
  .media--tile.blog-teaser,
  .node--type-blog.blog--carrousel-cards {
    max-width: 34.375rem;
  }
}

@media (min-width: 0) and (max-width: 1023px) {
  .media--tile.blog-teaser .blog-card-info,
  .node--type-blog.blog--carrousel-cards .blog-card-info {
    padding: 0rem 1.25rem 1.25rem;
  }
}

.media--tile.blog-teaser .blog-card-title,
.node--type-blog.blog--carrousel-cards .blog-card-title {
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .media--tile.blog-teaser .blog-card-title,
  .node--type-blog.blog--carrousel-cards .blog-card-title {
    height: 3.75rem;
    line-height: 1.875rem;
  }
}

.media--tile.blog-teaser .blog-card-description,
.node--type-blog.blog--carrousel-cards .blog-card-description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  height: 6.0625rem;
  line-height: 1.5625rem;
  overflow: hidden;
  margin-bottom: 1rem;
  margin-top: 0;
}

.media--tile.blog-teaser .blog-card .button-center,
.node--type-blog.blog--carrousel-cards .blog-card .button-center {
  text-align: right;
}

@media (min-width: 0) and (max-width: 768px) {
  .node--type-blog.blog--teaser {
    margin: 0 auto;
  }
}

footer {
  background-color: var(--color-dark-blue);
  min-height: 1.875rem;
}

footer #block-sandos-sandosfootertopmenu {
  background-color: var(--color-dark-blue);
  border-bottom: 0.5px solid var(--color-white);
  position: relative;
}

@media (min-width: 0) and (max-width: 768px) {
  footer #block-sandos-sandosfootertopmenu {
    margin: 0rem 1.875rem;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  footer #block-sandos-sandosfootertopmenu {
    padding: 0 1.25rem;
  }
}

@media (min-width: 1024px) {
  footer #block-sandos-sandosfootertopmenu {
    margin: 0 auto;
    max-width: 80rem;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding-right: var(--grid-gutter-width)/2;
  padding-left: var(--grid-gutter-width)/2;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 320px) {
  footer #block-sandos-sandosfootertopmenu ul.nav {
    max-width: 95%;
    padding-bottom: 1.5rem;
    padding-top: 0.625rem;
  }
}

@media (min-width: 400px) {
  footer #block-sandos-sandosfootertopmenu ul.nav {
    max-width: 95%;
  }
}

@media (min-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav {
    flex-direction: row;
    justify-content: space-between;
    max-width: 45rem;
  }
}

@media (min-width: 1024px) {
  footer #block-sandos-sandosfootertopmenu ul.nav {
    max-width: 65.375rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li {
  text-align: center;
  position: relative;
}

@media (min-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li {
    text-align: left;
    padding-right: 20px;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li a, footer #block-sandos-sandosfootertopmenu ul.nav li span {
  color: var(--color-white);
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  text-transform: uppercase;
  padding: 4px 0;
}

@media (min-width: 1024px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li a, footer #block-sandos-sandosfootertopmenu ul.nav li span {
    padding: 15px 0;
  }
}

@media (min-width: 1024px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded ul {
    min-width: 16.25rem;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed ul, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded ul {
  font-size: 1rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

@media (min-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed ul, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded ul {
    background-color: var(--color-dark-blue);
    padding: 0.5rem;
    position: absolute;
    opacity: 0;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed ul li a, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded ul li a {
  font-size: 1rem;
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed span, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded span {
  cursor: pointer;
  width: 100%;
}

@media (min-width: 0) and (max-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed span, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded span {
    position: relative;
    width: auto;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded span::after {
  content: '';
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 13px;
  background-position-y: center;
  border: 0;
  width: 20px;
  height: 24px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("../images/icons/chevron-mobile.svg");
  background-size: 14px;
  width: 15px;
  height: 8px;
  top: 40%;
  right: 8px;
  top: 10px;
}

@media (min-width: 0) and (max-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded span::after {
    background-size: 11px;
    width: 20px;
    height: 20px;
    right: -20px;
    top: 8px;
  }
}

@media (min-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded span::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_w.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 18px;
    right: 6px;
    top: 45%;
    right: 0;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed.open span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded.open span::after {
  top: 20px;
  transform: rotate(180deg);
}

@media (min-width: 0) and (max-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed.open span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded.open span::after {
    top: 6px;
    right: -29px;
  }
}

@media (min-width: 1024px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed.open span::after, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded.open span::after {
    top: 43%;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed.open ul, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded.open ul {
  max-height: 100vh;
}

@media (min-width: 768px) {
  footer #block-sandos-sandosfootertopmenu ul.nav li.menu-collapsed.open ul, footer #block-sandos-sandosfootertopmenu ul.nav li.menu-expanded.open ul {
    opacity: 1;
    z-index: 1;
  }
}

footer #block-sandos-sandosfootertopmenu ul.nav .dropdown-menu.show {
  position: static;
  background-color: var(--main-color);
  padding: 5px 15px;
  z-index: 43;
}

footer #block-sandos-sandosfootertopmenu ul.nav .dropdown-menu.show a {
  color: var(--color-white);
  font-size: 1rem;
  line-height: 1.375rem;
  text-transform: none;
}

footer #block-sandos-footersocialnetworks .field--name-field-rtb-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  footer #block-sandos-footersocialnetworks .field--name-field-rtb-body {
    justify-content: start;
    margin-bottom: 0;
  }
}

footer #block-sandos-footersocialnetworks .field--name-field-rtb-body p {
  font-size: 1.25rem;
  width: 100%;
}

footer #block-sandos-footersocialnetworks .field--name-field-rtb-body a {
  margin: auto 1.25rem auto 0;
}

footer #block-sandos-footersocialnetworks .field--name-field-rtb-body a:last-child {
  margin-right: 0;
}

footer .menu_footer_wrapper {
  background-color: var(--color-dark-blue);
  padding: 2.125rem 0.625rem 2.8125rem 0.625rem;
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper {
    padding: 3.5rem 0.625rem 2rem;
  }
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .container {
    border-bottom: 0.5px solid var(--color-white);
  }
}

footer .menu_footer_wrapper .container .row {
  flex-direction: column;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .container .row {
    flex-direction: row;
    margin: 0 auto;
    max-width: 1046px;
  }
}

footer .menu_footer_wrapper .container .container {
  border: 0;
}

footer .menu_footer_wrapper h3 {
  color: var(--color-white);
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

footer .menu_footer_wrapper p {
  color: var(--color-white);
}

footer .menu_footer_wrapper .footer_menu .menu-column {
  width: 100%;
}

footer .menu_footer_wrapper .footer_menu .menu-column li {
  margin-bottom: 0.9375rem;
}

footer .menu_footer_wrapper .footer_menu .nested {
  margin-bottom: 1.25rem;
  padding: 0 0.25rem;
}

footer .menu_footer_wrapper .footer_menu .nested li {
  color: var(--color-white);
  position: relative;
}

footer .menu_footer_wrapper .footer_menu .nested li a {
  color: var(--color-white);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.375rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .footer_menu .nested li a::before {
    background: var(--color-white);
    border-radius: 50%;
    content: '';
    height: 0.375rem;
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 0.375rem;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .footer_menu {
    flex-wrap: nowrap;
  }
}

footer .menu_footer_wrapper .column-left .form-item {
  margin-bottom: 1.5rem;
  position: relative;
}

footer .menu_footer_wrapper .column-left .form-item .form-error {
  bottom: auto;
  font-size: 0.75rem;
  font-weight: 300;
  position: absolute;
  margin: 0;
  padding-left: 0.625rem;
  text-transform: uppercase;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition {
  cursor: pointer;
  display: block;
  font-size: 1.375rem;
  margin-bottom: 0.75rem;
  padding-left: 2.1875rem;
  position: relative;
  text-transform: inherit;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition input {
  cursor: pointer;
  height: 1.25rem;
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  width: 1.25rem;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition input ~ :checked .checkmark {
  background-color: var(--main-color);
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition input ~ :checked .checkmark::after {
  border: solid #fff;
  border-width: 0 0.125rem 0.125rem 0;
  display: block;
  height: 0.625rem;
  left: 0.5rem;
  top: 0.3125rem;
  transform: rotate(45deg);
  width: 0.3125rem;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition .checkmark {
  background-color: var(--color-white);
  box-shadow: 0 0 0.3125rem var(--color-dark-grey);
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.25rem;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition .checkmark::after {
  content: '';
  display: none;
  position: absolute;
}

footer .menu_footer_wrapper .column-left .form-item .label-newsletter-condition p {
  color: var(--color-black);
  font-size: 0.875rem;
  font-weight: 400;
}

footer .menu_footer_wrapper .row.dual-column {
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

@media (min-width: 0) and (max-width: 768px) {
  footer .menu_footer_wrapper .row.dual-column {
    border-bottom: 0.5px solid var(--color-white);
    margin: 0rem 0.625rem;
  }
}

footer .menu_footer_wrapper .col-12 .footer_menu .menu-column {
  max-width: 100%;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-12 .footer_menu .menu-column {
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-12 .footer_menu .menu-column {
    max-width: 33.33333%;
  }
}

footer .menu_footer_wrapper .col-8 {
  max-width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-8 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-8 {
    flex: 0 0 63%;
    max-width: 63%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-8 .footer_menu {
    justify-content: space-between;
  }
}

footer .menu_footer_wrapper .col-8 .footer_menu .menu-column {
  max-width: 100%;
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column {
    max-width: fit-content;
    padding: 0 0.625rem;
  }
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column:first-child li {
    margin-bottom: 0.625rem;
  }
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column:first-child li::marker {
    margin-right: 10px;
  }
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column:first-child li li {
    margin-bottom: 0;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column:last-child {
    margin-left: auto;
  }
}

footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .footer-menu-heading {
  cursor: pointer;
  letter-spacing: 0;
}

@media (min-width: 0) and (max-width: 1023px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .footer-menu-heading span {
    position: relative;
  }
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .footer-menu-heading span::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/chevron-mobile.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 40%;
    right: 8px;
    top: 8px;
    right: -20px;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .footer-menu-heading {
    cursor: default;
  }
}

footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .nested {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li .nested {
    max-height: 100vh;
    overflow: inherit;
  }
}

@media (min-width: 0) and (max-width: 1023px) {
  footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li.open span::after {
    transform: rotate(180deg);
  }
}

footer .menu_footer_wrapper .col-8 .footer_menu .menu-column li.open .nested {
  max-height: 100vh;
}

footer .menu_footer_wrapper .col-4 {
  max-width: 100%;
  text-align: center;
  border-bottom: 0.5px solid var(--color-white);
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1024px) {
  footer .menu_footer_wrapper .col-4 {
    flex: 0 0 35%;
    border: 0;
    text-align: left;
    margin-bottom: 0;
    max-width: 35%;
    padding: 0;
  }
}

footer .menu_footer_wrapper .col-4 #block-sandos-sandoslogofooter {
  margin: 0 auto;
  padding: 0;
  padding-left: 15%;
  padding-right: 15%;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-4 #block-sandos-sandoslogofooter {
    margin: 0;
    padding: 0;
  }
}

footer .menu_footer_wrapper .col-4 #block-sandos-sandoslogofooter div.media {
  align-items: flex-start;
  justify-content: start;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-4 #block-sandos-sandoslogofooter img {
    max-width: 290px;
  }
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform {
  padding: 2.5rem 0rem 0rem 0rem;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform form {
  max-width: 20.75rem;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] {
  padding: 0 !important;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper {
  flex-direction: column;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer {
  font-size: 0;
  width: 100% !important;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer label {
  color: var(--color-white);
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer label span {
  color: var(--color-white) !important;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer input {
  background-color: transparent;
  border: 1px solid var(--color-white);
  color: var(--color-white);
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer input:hover, footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer input:active, footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer input:focus {
  border: 1px solid var(--color-white);
  outline: none;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
  color: var(--main-color);
  font-size: var(--font-size-base);
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list {
  display: flex;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list label, footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list label a {
  color: var(--color-white);
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 1.5625rem;
  margin-bottom: 0;
  text-align: left;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list label a {
  font-weight: bold;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list input {
  appearance: none;
  margin-left: 0;
  height: 10px;
  width: 0.625rem;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section] .containerWrapper .columnContainer .marketing-subscription-list input:checked {
  appearance: auto;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:first-child .columnContainer input {
  margin-bottom: 0.625rem;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:first-child .columnContainer input::placeholder {
  color: var(--color-white);
  font-family: var(--font-family-Lato);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5625rem;
  text-transform: uppercase;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:last-child .columnContainer {
  min-height: auto !important;
  padding-top: 0 !important;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:last-child .columnContainer div {
  padding-left: 0 !important;
  text-align: center;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:last-child .columnContainer div {
    text-align: end;
  }
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:last-child .columnContainer div p {
  margin: 0;
}

footer .menu_footer_wrapper .col-4 #block-sandos-newslettersubscriptionform div[data-section]:last-child .columnContainer div p button {
  color: var(--color-dark-blue);
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.875rem;
  text-align: center;
  padding: 0.8125rem 1.8125rem;
  width: 12.6875rem;
}

footer .menu_footer_wrapper .col-4 #block-sandos-footersocialnetworks {
  padding: 2.9375rem 0rem 2.8125rem 0rem;
}

@media (min-width: 768px) {
  footer .menu_footer_wrapper .col-4 #block-sandos-footersocialnetworks {
    padding: 0rem 0rem 2.8125rem 0rem;
  }
}

footer .bottom_menu_footer_wrapper {
  background-color: var(--color-dark-blue);
}

footer .bottom_menu_footer_wrapper #block-sandos-footerawards {
  text-align: center;
  padding: 0 0 3.125rem  0;
}

footer .bottom_menu_footer_wrapper #block-sandos-footerawards h2 {
  color: var(--color-white);
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: uppercase;
}

footer .bottom_menu_footer_wrapper #block-sandos-footerawards .field--name-field-rtb-body {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media (min-width: 768px) {
  footer .bottom_menu_footer_wrapper #block-sandos-footerawards .field--name-field-rtb-body {
    margin: 0 auto;
    max-width: 971px;
  }
}

footer .bottom_menu_footer_wrapper #block-sandos-footerawards .field--name-field-rtb-body div.media {
  padding: 0 20px;
}

@media (min-width: 768px) {
  footer .bottom_menu_footer_wrapper #block-sandos-footerawards .field--name-field-rtb-body div.media {
    margin-right: 37px;
    padding: 0;
  }
}

footer .bottom_menu_footer_wrapper #block-sandos-footerawards .field--name-field-rtb-body div.media:last-child:first-child {
  margin-right: 0;
}

footer .bottom_menu_footer_wrapper .bottom-footer-menu {
  padding: .625rem;
  text-align: center;
}

footer .bottom_menu_footer_wrapper .bottom-footer-menu .menu li {
  display: inline;
  vertical-align: middle;
}

footer .bottom_menu_footer_wrapper .bottom-footer-menu .menu li > span, footer .bottom_menu_footer_wrapper .bottom-footer-menu .menu li > a {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-transform: uppercase;
}

footer .bottom_menu_footer_wrapper .bottom-footer-menu .menu li > span {
  font-weight: 400;
}

footer .block-copyright-footer {
  background: var(--color-light-blue);
  color: var(--color-white);
  line-height: 1.5625rem;
  text-align: center;
  padding: 1.09375rem 3.125rem;
}

footer .copyright_menu_footer_wrapper {
  display: flex;
  flex-flow: column;
}

@media (min-width: 1024px) {
  footer .copyright_menu_footer_wrapper {
    flex-flow: row;
  }
}

footer .copyright_menu_footer_wrapper .menu--footer-copyright {
  flex: auto;
  line-height: 1.5625rem;
  text-transform: uppercase;
  padding: 1.09375rem 3.125rem;
}

footer .copyright_menu_footer_wrapper .menu--footer-copyright ul {
  flex-flow: column;
}

@media (min-width: 1024px) {
  footer .copyright_menu_footer_wrapper .menu--footer-copyright ul {
    flex-flow: row;
  }
}

footer .copyright_menu_footer_wrapper .menu--footer-copyright ul li {
  text-align: center;
}

@media (min-width: 1024px) {
  footer .copyright_menu_footer_wrapper .menu--footer-copyright ul li {
    margin-left: auto;
    text-align: left;
  }
}

footer .copyright_menu_footer_wrapper .menu--footer-copyright ul li a {
  color: var(--color-white);
}

header.content__header {
  background-color: transparent;
  background-image: linear-gradient(180deg, var(--color-degrade-medium) 18.23%, var(--color-degrade-low) 73.44%);
  box-sizing: border-box;
  min-height: 3.5rem;
  position: fixed;
  top: 0;
  transform: translate3d(0, 0, 0);
  transition: ease .3s;
  width: 100%;
  z-index: 44;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: ease .3s;
}

@media (min-width: 768px) {
  header.content__header {
    min-height: 3.125rem;
  }
}

@media (min-width: 1025px) {
  header.content__header {
    background-color: transparent;
  }
}

@media (min-width: 1025px) {
  header.content__header .block-sandos-logo {
    display: none;
  }
}

@media (min-width: 0) and (max-width: 1025px) {
  header.content__header .navbar-expand {
    min-height: 4.375rem;
  }
}

header.content__header .menu-check-rates {
  margin-left: auto;
  max-width: 24%;
}

header.content__header .menu-check-rates a {
  color: var(--color-white);
  font-family: var(--font-family-Inter);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.9375rem;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 1025px) {
  header.content__header .menu-check-rates {
    display: none;
  }
}

header.content__header .menu--main-menu ul li {
  text-transform: uppercase;
}

header.content__header .menu--main-menu ul li span.header-menu-dropdown::after {
  content: '';
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 13px;
  background-position-y: center;
  border: 0;
  width: 20px;
  height: 24px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("../images/icons/icon_chevron.svg");
  transform: rotate(0);
}

@media (min-width: 1025px) {
  header.content__header .menu--main-menu ul li span.header-menu-dropdown::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_w.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 18px;
    right: 6px;
    right: 8px;
    transform: rotate(0);
  }
}

@media (min-width: 1025px) {
  header.content__header .menu--main-menu ul li span.header-menu-dropdown.open::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_blue.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 40%;
    right: 8px;
    right: 8px;
    top: 17px;
    transform: rotate(180deg);
  }
}

header.content__header #block-sandos-branding, header.content__header .block-system-branding-block {
  align-items: center;
  background-color: transparent;
  padding: 0.9375rem 2%;
  position: initial;
}

@media (min-width: 0) and (max-width: 768px) {
  header.content__header #block-sandos-branding, header.content__header .block-system-branding-block {
    max-width: 60%;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding, header.content__header .block-system-branding-block {
    background-color: transparent;
    height: 100%;
    padding: 2.0625rem 2%;
  }
}

@media (min-width: 1670px) {
  header.content__header #block-sandos-branding, header.content__header .block-system-branding-block {
    margin-left: 5.3%;
  }
}

header.content__header #block-sandos-branding .site-info, header.content__header .block-system-branding-block .site-info {
  align-items: end;
  display: flex;
  min-height: 2.25rem;
  margin-left: 0.9375rem;
  text-align: center;
}

@media (min-width: 768px) {
  header.content__header #block-sandos-branding .site-info, header.content__header .block-system-branding-block .site-info {
    min-height: 2.5rem;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info, header.content__header .block-system-branding-block .site-info {
    margin-left: 0;
    text-align: left;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info a, header.content__header .block-system-branding-block .site-info a {
    height: 2.5rem;
  }
}

header.content__header #block-sandos-branding .site-info .site-logo, header.content__header .block-system-branding-block .site-info .site-logo {
  display: flex;
  align-items: center;
  height: 2.5rem;
  padding: 0 0.3125rem 0 0;
  position: relative;
}

header.content__header #block-sandos-branding .site-info .site-logo::before, header.content__header .block-system-branding-block .site-info .site-logo::before {
  background-color: var(--color-white);
  bottom: 0;
  content: '';
  height: 90%;
  margin: auto;
  right: 0;
  position: absolute;
  opacity: .2;
  top: 0;
  width: 0.1875rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo::before, header.content__header .block-system-branding-block .site-info .site-logo::before {
    height: 70%;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo, header.content__header .block-system-branding-block .site-info .site-logo {
    color: var(--color-white);
    height: 3.375rem;
    margin-right: 0.625rem;
  }
}

header.content__header #block-sandos-branding .site-info .site-logo span.header-menu-dropdown, header.content__header .block-system-branding-block .site-info .site-logo span.header-menu-dropdown {
  cursor: pointer;
  display: flex;
  height: 100%;
  position: relative;
}

header.content__header #block-sandos-branding .site-info .site-logo span.header-menu-dropdown svg, header.content__header .block-system-branding-block .site-info .site-logo span.header-menu-dropdown svg {
  margin: 0rem 0.375rem;
  fill: var(--color-white);
  padding: 0rem 0.375rem;
  width: 22px;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo span.header-menu-dropdown svg, header.content__header .block-system-branding-block .site-info .site-logo span.header-menu-dropdown svg {
    width: 22px;
  }
}

header.content__header #block-sandos-branding .site-info .site-logo span.header-menu-dropdown.open svg, header.content__header .block-system-branding-block .site-info .site-logo span.header-menu-dropdown.open svg {
  background: var(--color-white);
  fill: var(--main-color);
  transform: rotate(180deg);
}

header.content__header #block-sandos-branding .site-info .site-logo a.logo-svg-link, header.content__header .block-system-branding-block .site-info .site-logo a.logo-svg-link {
  display: contents;
}

header.content__header #block-sandos-branding .site-info .site-logo span.mr-2, header.content__header .block-system-branding-block .site-info .site-logo span.mr-2 {
  max-height: 2.5rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo span.mr-2, header.content__header .block-system-branding-block .site-info .site-logo span.mr-2 {
    max-height: 3.375rem;
  }
}

header.content__header #block-sandos-branding .site-info .site-logo button, header.content__header .block-system-branding-block .site-info .site-logo button {
  background: none;
  border: 0;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo button, header.content__header .block-system-branding-block .site-info .site-logo button {
    color: var(--color-white);
  }
}

header.content__header #block-sandos-branding .site-info .site-logo button:focus, header.content__header .block-system-branding-block .site-info .site-logo button:focus {
  outline: none;
}

header.content__header #block-sandos-branding .site-info .site-logo svg, header.content__header .block-system-branding-block .site-info .site-logo svg {
  height: auto;
  width: 2.5rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-logo svg, header.content__header .block-system-branding-block .site-info .site-logo svg {
    width: 3.375rem;
  }
}

header.content__header #block-sandos-branding .site-info .site-logo img, header.content__header .block-system-branding-block .site-info .site-logo img {
  filter: brightness(0) invert(1);
}

header.content__header #block-sandos-branding .site-info .site-name-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan {
  align-items: center;
  color: var(--color-white);
  display: block;
  font-weight: 700;
  margin-left: 5px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

@media (min-width: 0) and (max-width: 767px) {
  header.content__header #block-sandos-branding .site-info .site-name-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan {
    max-width: 15.625rem;
    min-height: 1.5625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-name-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan {
    color: var(--color-white);
    display: block;
  }
}

header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, header.content__header .block-system-branding-block .site-info .site-name-slogan .site-name {
  font-family: "Friz Quadrata Std Medium", sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 0.9375rem;
  letter-spacing: 1px;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-name-slogan .site-name, header.content__header .block-system-branding-block .site-info .site-name-slogan .site-name {
    font-size: 1.875rem;
    line-height: 0.625rem;
  }
}

header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan .site-slogan {
  font-size: 0.4375rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.625rem;
  text-align: center;
}

@media (min-width: 0) and (max-width: 767px) {
  header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan .site-slogan {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-info .site-name-slogan .site-slogan, header.content__header .block-system-branding-block .site-info .site-name-slogan .site-slogan {
    font-size: 0.4375rem;
    line-height: 0.5rem;
  }
}

header.content__header #block-sandos-branding .site-resorts a.collapse-toogle, header.content__header .block-system-branding-block .site-resorts a.collapse-toogle {
  color: var(--color-white);
  font-size: 0.9375rem;
  padding: 0.7rem 1rem;
  text-transform: uppercase;
}

header.content__header #block-sandos-branding .site-logo, header.content__header .block-system-branding-block .site-logo {
  color: var(--color-black);
}

header.content__header #block-sandos-branding .site-logo button, header.content__header .block-system-branding-block .site-logo button {
  color: var(--color-black);
}

header.content__header #block-sandos-branding .site-logo svg > g, header.content__header .block-system-branding-block .site-logo svg > g {
  fill: var(--color-white);
}

header.content__header #block-sandos-branding .site-logo img, header.content__header .block-system-branding-block .site-logo img {
  filter: brightness(1) invert(0);
}

header.content__header #block-sandos-branding .site-name-slogan, header.content__header .block-system-branding-block .site-name-slogan {
  color: var(--color-white);
}

header.content__header #block-sandos-branding .site-name-slogan::before, header.content__header .block-system-branding-block .site-name-slogan::before {
  background-color: var(--color-black);
}

header.content__header #block-sandos-branding .collapse-box, header.content__header .block-system-branding-block .collapse-box {
  background-color: var(--color-white);
  box-shadow: 0.03125rem 0.03125rem 0.03125rem 0.03125rem var(--shadow);
  margin-top: 0;
  max-width: 100%;
  min-height: 12.5rem;
  left: 0;
  padding: 1.4375rem 1.25rem 1.4375rem;
  position: absolute;
  top: 99%;
  transition: all 0s ease-in-out;
  width: 100%;
  -webkit-transition: all 0s ease-in-out;
}

@media (min-width: 0) and (max-width: 1025px) {
  header.content__header #block-sandos-branding .collapse-box, header.content__header .block-system-branding-block .collapse-box {
    display: block;
    height: 100%;
    min-height: calc(100vh - 69px);
    opacity: 0;
    overflow-y: scroll;
    top: 100%;
    z-index: 1;
  }
}

@media (min-width: 1024px) and (max-width: 1150px) {
  header.content__header #block-sandos-branding .collapse-box, header.content__header .block-system-branding-block .collapse-box {
    padding: 2.8125rem 5.625rem 2.8125rem 5.625rem;
  }
}

@media (min-width: 1150px) {
  header.content__header #block-sandos-branding .collapse-box, header.content__header .block-system-branding-block .collapse-box {
    padding: 2.8125rem 6.875rem 2.8125rem 8.75rem;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse, header.content__header .block-system-branding-block .site-hotels-collapse {
  display: none;
}

header.content__header #block-sandos-branding .site-hotels-collapse.show, header.content__header .block-system-branding-block .site-hotels-collapse.show {
  display: block;
  opacity: 1;
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-header, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-header {
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-header, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-header {
    height: 0;
    margin: 0;
    visibility: hidden;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-header .site-hotels-title, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-header .site-hotels-title {
  display: block;
  font-family: var(--font-family-Lato);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin: 0 auto;
  max-width: 70%;
  text-transform: uppercase;
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-header .site-hotels-title::after, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-header .site-hotels-title::after {
  content: '';
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 13px;
  background-position-y: center;
  border: 0;
  width: 20px;
  height: 24px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("../images/icons/icon_chevron.svg");
  left: 26px;
  top: 18px;
  transform: rotate(180deg);
}

header.content__header #block-sandos-branding .site-hotels-collapse h3, header.content__header .block-system-branding-block .site-hotels-collapse h3 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 1.5625rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse h3.hotels-title-content, header.content__header .block-system-branding-block .site-hotels-collapse h3.hotels-title-content {
    padding: 0 4.375rem;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-content-links, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-content-links {
    padding: 0 1.9375rem;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item-logo, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item-logo {
  display: flex;
  flex-direction: column;
  height: 2.1875rem;
  text-align: center;
  width: 2.8125rem;
  position: absolute;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item-logo svg, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item-logo svg {
  align-self: center;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item-logo .title, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item-logo .title {
  font-size: 0.625rem;
  line-height: 0.75rem;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item-logo .subtitle, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item-logo .subtitle {
  font-size: 0.3125rem;
  line-height: 0.3125rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-375719:hover, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-375719:hover {
    border-bottom: 1px solid var(--color-light-grey);
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-375719:hover a, header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-375719:hover h4, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-375719:hover a, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-375719:hover h4 {
    color: #375719;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-800000:hover, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-800000:hover {
    border-bottom: 1px solid var(--color-light-grey);
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-800000:hover a, header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-800000:hover h4, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-800000:hover a, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-800000:hover h4 {
    color: #800000;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-499EDA:hover, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-499EDA:hover {
    border-bottom: 1px solid var(--color-light-grey);
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-499EDA:hover a, header.content__header #block-sandos-branding .site-hotels-collapse .hotel-color-499EDA:hover h4, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-499EDA:hover a, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-color-499EDA:hover h4 {
    color: #499EDA;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item {
  position: relative;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item {
    margin: 0 auto;
    border-bottom: 1px solid transparent;
    padding-bottom: 1.25rem;
    text-align: left;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item + .hotel-item, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item + .hotel-item {
  margin-top: 1.25rem;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a {
  color: var(--color-dark-grey);
  font-size: 0.875rem;
  padding-left: 1.5625rem;
  margin: 0 3.125rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a {
    margin: 0;
    padding-left: 4rem;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a h4,
header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a .hotel-name, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a h4,
header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a .hotel-name {
  color: var(--color-black);
  display: block;
  font-family: var(--font-family-Lato);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a span, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a span {
  font-family: var(--font-family-Lato);
  font-size: 0.6875rem;
  font-weight: 300;
  line-height: 0.8125rem;
}

header.content__header #block-sandos-branding .site-hotels-collapse .hotel-item a h4, header.content__header .block-system-branding-block .site-hotels-collapse .hotel-item a h4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.375rem;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call {
    width: 60%;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .call-field-left, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .call-field-left {
    padding-right: 1.5rem;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-field, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-field {
    width: 90%;
  }
}

@media (min-width: 1025px) and (min-width: 1441px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-field, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-field {
    width: 50%;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-top, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-top {
    display: flex;
    justify-content: space-between;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-top .label-from, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-top .label-from {
    font-family: var(--font-family-Lato);
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5625rem;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-title, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-title {
    color: var(--main-color);
    font-family: var(--font-family-Lato);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5625rem;
    margin-bottom: 0.3125rem;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-from, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-from {
    color: var(--main-color);
    font-family: var(--font-family-Lato);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5625rem;
    letter-spacing: 0;
    margin-bottom: 0.75rem;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-locality, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-locality {
    font-family: var(--font-family-Lato);
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5625rem;
    margin-bottom: 0.75rem;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-description, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-description {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-family: var(--font-family-Lato);
    font-size: 1rem;
    line-height: 1.5625rem;
    overflow: hidden;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-price, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call .hotels-call-price {
    display: flex;
  }
}

@media (min-width: 768px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .views-element-container, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .views-element-container {
    margin: 0 auto;
    width: 70%;
  }
}

@media (min-width: 1441px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .views-element-container, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .views-element-container {
    margin: 0;
    width: 40%;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call {
  display: none;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call {
    align-items: center;
    display: flex;
    flex-flow: column;
  }
}

@media (min-width: 1441px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .site-hotels-call, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .site-hotels-call {
    flex-flow: row;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .d-flex, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .d-flex {
  flex-direction: column;
}

@media (min-width: 768px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .d-flex, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .d-flex {
    flex-direction: row;
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6 {
  flex: 0 0 100%;
  margin: 0.625rem auto;
  max-width: 80%;
  text-align: center;
}

@media (min-width: 768px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6 {
    flex: 0 0 50%;
    margin: 0;
    max-width: 50%;
  }
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6 {
    flex: 0 0 50%;
    text-align: center;
    max-width: fit-content;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6:first-child .hotel-content-links, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6:first-child .hotel-content-links {
    padding-left: 0;
  }
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6:last-child .hotel-content-links, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6:last-child .hotel-content-links {
    border-left: 0.5px solid var(--main-color);
  }
}

header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6 h3, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6 h3 {
  letter-spacing: 0.5rem;
  text-align: left;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-branding .site-hotels-collapse .site-hotels-links .col-6 h3, header.content__header .block-system-branding-block .site-hotels-collapse .site-hotels-links .col-6 h3 {
    text-align: center;
    font-size: 1.5625rem;
  }
}

header.content__header #block-sandos-branding.open, header.content__header .block-system-branding-block.open {
  background: var(--color-white);
}

header.content__header #block-sandos-branding.open .logo-svg-link svg g, header.content__header .block-system-branding-block.open .logo-svg-link svg g {
  fill: var(--main-color);
}

header.content__header #block-sandos-branding.open .site-logo::before, header.content__header .block-system-branding-block.open .site-logo::before {
  background-color: var(--main-color);
}

header.content__header #block-sandos-branding.open .site-name-slogan, header.content__header .block-system-branding-block.open .site-name-slogan {
  color: var(--main-color);
}

header.content__header .language-switcher-language-url.block {
  margin-left: 2%;
  margin-right: 2.5%;
  padding: 0.5rem 0.5625rem !important;
  order: 0;
}

header.content__header .language-switcher-language-url.block #language-switcher::after {
  content: '';
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 13px;
  background-position-y: center;
  border: 0;
  width: 20px;
  height: 24px;
  display: block;
  position: absolute;
  top: 8px;
  right: 0;
  background-image: url("../images/icons/icon_chevron.svg");
  transform: rotate(90deg);
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block #language-switcher::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_w.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 18px;
    right: 6px;
    top: 22px;
    transform: rotate(0);
  }
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block #language-switcher[aria-expanded="true"] {
    background-color: var(--color-white);
    color: var(--color-blue-corp);
  }
}

header.content__header .language-switcher-language-url.block #language-switcher[aria-expanded="true"]::after {
  transform: rotate(-90deg);
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block #language-switcher[aria-expanded="true"]::after {
    content: '';
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 13px;
    background-position-y: center;
    border: 0;
    width: 20px;
    height: 24px;
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url("../images/icons/icon_chevron_blue.svg");
    background-size: 14px;
    width: 15px;
    height: 8px;
    top: 40%;
    right: 8px;
    transform: rotate(180deg);
  }
}

header.content__header .language-switcher-language-url.block .menu-language {
  display: block;
}

header.content__header .language-switcher-language-url.block .menu-language li {
  text-align: end;
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block .menu-language li {
    text-align: left;
  }
}

header.content__header .language-switcher-language-url.block .menu-language li > a {
  color: var(--color-black);
  font-weight: 700;
  padding: 0.7rem 2.375rem;
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block .menu-language li > a {
    color: var(--color-white);
    padding: 0.7rem 1.75rem;
  }
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block .menu-language li > a[aria-expanded="true"] {
    background-color: var(--color-white);
    color: var(--color-blue-corp);
  }
}

header.content__header .language-switcher-language-url.block .menu-language .language-switcher {
  border-radius: 0;
  min-width: 5rem;
  position: absolute;
  right: 0.3125rem;
  top: 100%;
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block .menu-language .language-switcher {
    top: 95%;
  }
}

header.content__header .language-switcher-language-url.block .menu-language .language-switcher a {
  display: block;
  padding: 0.5rem 1rem;
  text-align: center;
}

header.content__header .language-switcher-language-url.block .menu-language .language-switcher a.is-active {
  font-weight: 700;
}

header.content__header .language-switcher-language-url.block .menu-language .language-switcher a:not(.active-language) {
  display: none;
}

@media (min-width: 1025px) {
  header.content__header .language-switcher-language-url.block {
    order: 3;
  }
  header.content__header .language-switcher-language-url.block .menu-language .language-switcher {
    width: 100%;
    background-color: var(--color-white);
  }
  header.content__header .language-switcher-language-url.block .menu-language .language-switcher a {
    color: var(--main-color);
  }
  header.content__header .language-switcher-language-url.block .menu-language .language-switcher a:not(.active-language) {
    display: none;
  }
}

header.content__header #block-sandos-header-book-now-button, header.content__header #button-sign-in {
  padding: 0;
}

@media (min-width: 0) and (max-width: 1024px) {
  header.content__header #block-sandos-header-book-now-button, header.content__header #button-sign-in {
    display: none;
    margin: 0 auto;
    max-width: 85%;
  }
}

@media (min-width: 0) and (max-width: 1024px) {
  header.content__header #block-sandos-header-book-now-button .container, header.content__header #button-sign-in .container {
    max-width: 100%;
  }
}

header.content__header #block-sandos-header-book-now-button p, header.content__header #button-sign-in p {
  background: #00a0df;
  margin: 0;
  padding: 0.3125rem 2.5rem;
  text-align: center;
  width: 100%;
}

@media (min-width: 1025px) {
  header.content__header #block-sandos-header-book-now-button p, header.content__header #button-sign-in p {
    background: rgba(0, 160, 223, 0.5);
    margin-left: auto;
    padding: 0.9375rem 0.625rem;
    width: 145px;
  }
}

@media (min-width: 1440px) {
  header.content__header #block-sandos-header-book-now-button p, header.content__header #button-sign-in p {
    margin-left: auto;
    height: 3.9375rem;
    padding: 1.25rem 0.625rem;
    width: 15.3125rem;
  }
}

header.content__header #block-sandos-header-book-now-button p a, header.content__header #button-sign-in p a {
  color: var(--color-white);
  font-size: 0.75rem;
  line-height: 1.5rem;
  width: 100%;
}

@media (min-width: 1440px) {
  header.content__header #block-sandos-header-book-now-button p a, header.content__header #button-sign-in p a {
    font-size: 0.875rem;
  }
}

header.content__header.fill-header {
  background-color: var(--main-color);
  background-image: none;
}

@media (min-width: 1025px) {
  header.content__header.fill-header {
    min-height: 2.8125rem;
    padding: 0;
  }
  header.content__header.fill-header .language-switcher-language-url.block {
    padding: 0rem 0.5625rem !important;
  }
}

header.content__header.fill-header #block-sandos-branding, header.content__header.fill-header .block-system-branding-block {
  padding: 0.9375rem 2%;
}

@media (min-width: 1025px) {
  header.content__header.fill-header #block-sandos-branding, header.content__header.fill-header .block-system-branding-block {
    padding: 0 2%;
  }
}

header.content__header.fill-header #block-sandos-branding .site-info, header.content__header.fill-header .block-system-branding-block .site-info {
  align-items: center;
  min-height: 1.625rem;
}

header.content__header.fill-header #block-sandos-branding .site-info .site-logo, header.content__header.fill-header .block-system-branding-block .site-info .site-logo {
  color: var(--main-color);
}

header.content__header.fill-header #block-sandos-branding .site-info .site-logo a, header.content__header.fill-header #block-sandos-branding .site-info .site-logo svg, header.content__header.fill-header .block-system-branding-block .site-info .site-logo a, header.content__header.fill-header .block-system-branding-block .site-info .site-logo svg {
  width: auto;
}

header.content__header.fill-header #block-sandos-branding .site-info .site-logo button, header.content__header.fill-header .block-system-branding-block .site-info .site-logo button {
  color: var(--color-black);
}

header.content__header.fill-header #block-sandos-branding .site-info .site-name-slogan, header.content__header.fill-header .block-system-branding-block .site-info .site-name-slogan {
  color: var(--color-white);
  display: block;
  height: 35px;
}

header.content__header.fill-header #block-sandos-branding .site-info .site-name-slogan::before, header.content__header.fill-header .block-system-branding-block .site-info .site-name-slogan::before {
  background-color: var(--color-black);
}

header.content__header.fill-header #block-sandos-branding .site-info .site-name-slogan .site-name, header.content__header.fill-header .block-system-branding-block .site-info .site-name-slogan .site-name {
  font-size: 1.25rem;
  line-height: 1.125rem;
  letter-spacing: 2px;
}

header.content__header.fill-header #block-sandos-branding .site-info .site-name-slogan .site-slogan, header.content__header.fill-header .block-system-branding-block .site-info .site-name-slogan .site-slogan {
  font-size: 0.375rem;
  line-height: 0.375rem;
  letter-spacing: 0;
}

header.content__header.fill-header #block-sandos-branding.open, header.content__header.fill-header .block-system-branding-block.open {
  background: var(--color-white);
}

header.content__header.fill-header #block-sandos-branding.open .site-name-slogan, header.content__header.fill-header .block-system-branding-block.open .site-name-slogan {
  color: var(--main-color);
}

header.content__header.fill-header #block-sandos-header-book-now-button, header.content__header.fill-header #button-sign-in {
  display: none;
}

@media (min-width: 1025px) {
  header.content__header.fill-header #block-sandos-header-book-now-button p, header.content__header.fill-header #button-sign-in p {
    padding: 0.9375rem 1.875rem;
  }
}

@media (min-width: 1440px) {
  header.content__header.fill-header #block-sandos-header-book-now-button p, header.content__header.fill-header #button-sign-in p {
    height: 2.6875rem;
    padding: 0.625rem 4.375rem;
  }
}

@media (min-width: 1025px) {
  header.content__header.fill-header .collapse-box.show.site-hotels-collapse {
    top: 53px !important;
  }
}

header.content__header.fill-header span.open::before {
  height: 10px !important;
}

#navbarHeader {
  background-color: var(--color-white);
  box-shadow: 0 0.125rem 0.9375rem 0.0625rem rgba(12, 56, 94, 0.15);
  position: fixed;
  max-width: 100%;
  top: 4.3125rem;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.2s ease-in-out;
  width: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  -webkit-transition: transform 0.2s ease-in-out;
}

@media (min-width: 0) and (max-width: 1024px) {
  #navbarHeader {
    overflow: auto;
  }
}

#navbarHeader::before {
  content: '';
  height: 3.75rem;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 1025px) {
  #navbarHeader::before {
    background-color: var(--main-color);
  }
}

#navbarHeader.show {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

@media (min-width: 1025px) {
  #navbarHeader .block {
    padding: 0.5rem 0;
    width: 100%;
  }
}

#navbarHeader .block-menu {
  margin: 0 auto;
  max-width: 85%;
}

@media (min-width: 1025px) {
  #navbarHeader {
    top: 0;
  }
}

@media (min-width: 1025px) {
  #navbarHeader {
    background-color: transparent;
    box-shadow: none;
    height: auto !important;
    max-width: 100%;
    min-height: initial;
    position: relative;
    transform: initial;
    width: auto;
  }
  #navbarHeader::before {
    background-color: transparent;
    height: 3.6875rem;
  }
  #navbarHeader .block {
    padding: 0.5rem;
    width: auto;
  }
}

#navbarHeader .language-switcher-language-url {
  padding: 0.25rem;
}

.view .view-header {
  margin-bottom: 2rem;
}

.view .view-filters .views-exposed-form {
  background-color: var(--color-white);
  box-shadow: 0 0.3125rem 1.1875rem 0 var(--shadow);
  margin-bottom: 2rem;
  padding: 0.5rem 2rem;
}

.content__wrapper .bef-exposed-form {
  background: var(--color-white);
  box-shadow: 0rem 0rem 0.375rem 0.3125rem rgba(0, 0, 0, 0.04);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 0;
  position: relative;
  right: 50%;
  width: 100vw;
}

@media (min-width: 0) and (max-width: 1023px) {
  .content__wrapper .bef-exposed-form {
    display: none;
  }
}

.content__wrapper .bef-exposed-form .form--inline {
  margin: auto;
  max-width: 80rem;
}

.content__wrapper .bef-exposed-form .form--inline .form-item,
.content__wrapper .bef-exposed-form .form--inline .form-actions {
  margin: 0;
}

.content__wrapper .bef-exposed-form .form-item {
  max-width: 100%;
  position: relative;
}

@media (min-width: 0) and (max-width: 1023px) {
  .content__wrapper .bef-exposed-form .bef-links {
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .content__wrapper .bef-exposed-form .bef-links::-webkit-scrollbar {
    height: 0;
    visibility: hidden;
    width: 0;
  }
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-left: 0;
}

@media (min-width: 1024px) {
  .content__wrapper .bef-exposed-form .bef-links ul.navbar-nav {
    justify-content: center;
  }
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item {
  align-items: center;
  display: flex;
  margin: 0;
  position: relative;
}

@media (min-width: 0) and (max-width: 1023px) {
  .content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item {
    flex: 0 0 auto;
  }
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item a {
  color: var(--color-black);
  line-height: 1.25rem;
  padding: 0.625rem;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 1024px) {
  .content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item a {
    padding: 1.25rem 0.9375rem;
    width: 9.375rem;
  }
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item a:hover, .content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item a.bef-link-active {
  color: var(--main-color);
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item:hover > a {
  color: var(--main-color);
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item:hover > .dropdown-menu {
  display: block;
  opacity: 1;
  animation-fill-mode: forwards;
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item .dropdown-menu {
  box-shadow: 0rem 0rem 0.375rem 0.3125rem rgba(0, 0, 0, 0.04);
  min-width: 14.375rem;
  padding: 0;
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item .dropdown-menu li {
  margin: 0;
  width: 100%;
}

.content__wrapper .bef-exposed-form .bef-links ul.navbar-nav li.nav-item .dropdown-menu li a {
  padding: 0.9375rem 1.25rem;
  width: 100%;
}

html,
body {
  min-height: 100vh;
  margin: 0;
}

html.toolbar-fixed #site-header,
body.toolbar-fixed #site-header {
  top: 2.4375rem;
}

html.toolbar-fixed .alert,
body.toolbar-fixed .alert {
  top: calc(130px + 39px);
}

html.toolbar-fixed .block-sandos-booking-widget.sticky,
body.toolbar-fixed .block-sandos-booking-widget.sticky {
  top: 4.9375rem;
}

html.toolbar-fixed.toolbar-tray-open #site-header,
body.toolbar-fixed.toolbar-tray-open #site-header {
  top: 4.9375rem;
}

html.toolbar-fixed.toolbar-tray-open .alert,
body.toolbar-fixed.toolbar-tray-open .alert {
  top: calc(130px + 79px);
}

html.toolbar-fixed.toolbar-tray-open .block-sandos-booking-widget.sticky,
body.toolbar-fixed.toolbar-tray-open .block-sandos-booking-widget.sticky {
  top: 7.4375rem;
}

html.path-user .content__wrapper,
body.path-user .content__wrapper {
  padding-top: 8.125rem;
}

.content {
  overflow: hidden;
}

.content .content__wrapper {
  height: 100%;
  min-height: 50vh;
  position: relative;
  z-index: 43;
}

.content .content__wrapper .content__splash {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-top: 12.5rem;
}

.container {
  width: 100%;
  padding-right: var(--grid-gutter-width)/2;
  padding-left: var(--grid-gutter-width)/2;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 30px) {
  .container {
    max-width: 90%;
  }
}

@media (min-width: 400px) {
  .container {
    max-width: 90%;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 45rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 62rem;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 80rem;
  }
}

@media (min-width: 90rem) and (max-width: 96.8125rem) {
  .container {
    max-width: 81.25rem;
  }
}

.container-fluid {
  width: 100%;
  padding-right: var(--grid-gutter-width)/2;
  padding-left: var(--grid-gutter-width)/2;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -var(--grid-gutter-width)/2;
  margin-left: -var(--grid-gutter-width)/2;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  position: relative;
  width: 100%;
  padding-right: var(--grid-gutter-width)/2;
  padding-left: var(--grid-gutter-width)/2;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

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

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

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

.offset-0 {
  margin-left: 0;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

/*# sourceMappingURL=maps/main.css.map */