/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Hoteldetails */
[data-page-name=hotel] .hotel {
  position: relative;
  z-index: 0;
}
[data-page-name=hotel] .hotel__header {
  background: var(--primary--xlite);
  padding: 1.5rem 0;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__header {
    padding: 2.5rem 0;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__header {
    padding: 5rem 0 3rem 0;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__header {
    padding: 8rem 0 5rem 0;
  }
}
[data-page-name=hotel] .hotel__header__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 130rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__header__container {
    flex-wrap: nowrap;
    padding: 0 2.5rem;
  }
}
@media (min-width: 1200px) {
  [data-page-name=hotel] .hotel__header__container {
    max-width: 120rem;
    width: 100%;
  }
}
@media (min-width: 1366px) {
  [data-page-name=hotel] .hotel__header__container {
    max-width: 132rem;
  }
}
[data-page-name=hotel] .hotel__content {
  padding: 1.5rem 0;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__content {
    padding: 2.5rem 0;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__content {
    padding: 5rem 0;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__content {
    padding: 10rem 0;
  }
}
[data-page-name=hotel] .hotel__booking {
  background: var(--primary--xlite);
  padding: 5rem 0;
}
[data-page-name=hotel] .hotel__menu {
  margin: 0 auto;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__menu {
    align-items: end;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 72rem;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__menu {
    max-width: 98rem;
  }
}
@media (min-width: 1366px) {
  [data-page-name=hotel] .hotel__menu {
    max-width: 102.4rem;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [data-page-name=hotel] .hotel__menu {
    display: flex;
    justify-content: space-between;
  }
}
[data-page-name=hotel] .hotel__menuItems {
  display: none;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__menuItems {
    display: flex;
  }
}
[data-page-name=hotel] .hotel__infos {
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__infos {
    flex-grow: 1;
    margin-left: 2rem;
    max-width: 30rem;
    order: 2;
    width: auto;
  }
}
@media (min-width: 1200px) {
  [data-page-name=hotel] .hotel__infos {
    flex-shrink: 0;
    width: 30rem;
  }
}
[data-page-name=hotel] .hotel__data {
  background: var(--white);
  padding: 2rem 1rem 1rem 1rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__data {
    height: 100%;
    justify-self: end;
    margin-bottom: 2rem;
    max-height: 42rem;
    padding: 3rem 1.5rem 8rem 1.5rem;
    width: auto;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__data {
    height: 45rem;
    max-height: none;
  }
}
[data-page-name=hotel] .hotel__data .ratingWrapper {
  margin-bottom: 1rem;
  text-align: center;
}
[data-page-name=hotel] .hotel__data .ratingWrapper .rtk {
  color: var(--stars);
  font-size: 3rem;
  margin: 0 0.4rem;
}
[data-page-name=hotel] .hotel__data .priceWrapper {
  color: var(--primary);
  display: inline-block;
  font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__data .priceWrapper {
    text-align: center;
  }
}
[data-page-name=hotel] .hotel__data .priceWrapper .priceLabel {
  margin-right: 0.5rem;
}
[data-page-name=hotel] .hotel__data .button {
  font-size: 1.2rem;
  height: 5rem;
  margin: 0 auto;
  max-width: 28rem;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__data .button {
    bottom: 2rem;
    left: 2rem;
    position: absolute;
    width: calc(100% - 4rem);
  }
}
[data-page-name=hotel] .hotel__container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__name {
    align-items: flex-start;
    display: flex;
    height: 13rem;
    justify-content: center;
    overflow: hidden;
    width: 27rem;
  }
}
[data-page-name=hotel] .hotel__name h1 {
  color: var(--secondary);
  display: -webkit-box;
  font-family: var(--karma);
  font-size: 4rem;
  -webkit-line-clamp: 3;
  line-height: 1.2;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__name h1 {
    font-size: 3.4rem;
  }
}
[data-page-name=hotel] .hotel__name h1 {
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
[data-page-name=hotel] .hotel__gallery {
  height: 100%;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__gallery {
    max-width: 57%;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__gallery {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__gallery {
    max-width: 67%;
  }
}
@media (min-width: 1200px) {
  [data-page-name=hotel] .hotel__gallery {
    max-width: 83rem;
  }
}
@media (min-width: 1366px) {
  [data-page-name=hotel] .hotel__gallery {
    max-width: 95rem;
  }
}
[data-page-name=hotel] .hotel__gallery .recommendation__wrapper {
  background: white;
  border-radius: 50%;
  bottom: 11rem;
  display: flex;
  height: 4.5rem;
  justify-content: center;
  position: absolute;
  right: 1.5rem;
  width: 4.5rem;
  z-index: 50;
}
[data-page-name=hotel] .hotel__gallery .recommendation__wrapper .recommendation {
  align-items: center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
}
[data-page-name=hotel] .hotel__gallery .recommendation__wrapper .recommendation.small .progress-circle {
  background-color: var(--white);
  border-radius: 50%;
  height: 3.5rem;
  position: relative;
  width: 3.5rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__gallery .recommendation__wrapper {
    bottom: 15rem;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__gallery .recommendation__wrapper {
    bottom: 24rem;
  }
}
@media (min-width: 992px) {
  [data-page-name=hotel] .hotel__gallery .recommendation__wrapper {
    bottom: 15rem;
    right: 3rem;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__gallery .recommendation__wrapper {
    bottom: 19rem;
  }
}
[data-page-name=hotel] .hotel__location {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
}
[data-page-name=hotel] .hotel__location span {
  font-size: 2.4rem;
  line-height: 3.2rem;
}
[data-page-name=hotel] .hotel__location {
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
[data-page-name=hotel] .hotel__details {
  text-align: center;
}
[data-page-name=hotel] .hotel__details .infoWrapper {
  font-size: 1.6rem;
  font-weight: 300;
}
[data-page-name=hotel] .hotel__iframe {
  background: var(--white);
  border-bottom-right-radius: 2.3rem;
  border-top-left-radius: 2.3rem;
  height: 56rem;
  overflow: hidden;
  padding: 0 1.5rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__iframe {
    padding: 0 2rem 0 5rem;
  }
}
[data-page-name=hotel] .hotel__iframe__container {
  margin: 0 auto;
  max-width: 128rem;
}
[data-page-name=hotel] .hotel__iframe iframe {
  border: 0;
  height: 50rem;
  margin-top: 3rem;
  width: 100%;
}
[data-page-name=hotel] .hotel__more__menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__more__menu {
    padding: 0 3rem;
  }
}
[data-page-name=hotel] .hotel__more__menu__item {
  color: var(--text);
  cursor: pointer;
  height: 1.8rem;
  line-height: 1.8rem;
  margin: 0 1rem 1.2rem 1rem;
  text-align: left;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__more__menu__item {
    margin: 0 2rem 1.2rem 2rem;
    width: auto;
  }
}
[data-page-name=hotel] .hotel__more__menu__item a {
  color: var(--text);
  font-size: 1.2rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__more__menu__item a {
    font-size: 1.4rem;
    width: auto;
  }
}
[data-page-name=hotel] .hotel__more__menu .separator {
  display: none;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__more__menu span:nth-of-type(4) {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-page-name=hotel] .hotel__more__menu span:nth-of-type(4) {
    display: block;
  }
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__more__menu span:nth-of-type(8) {
    display: none;
  }
}
[data-page-name=hotel] .hotel__actions {
  background: var(--white);
  display: flex;
  width: 100%;
}
[data-page-name=hotel] .hotel__actions.top {
  display: none;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__actions.top {
    display: flex;
  }
}
[data-page-name=hotel] .hotel__actions.bottom {
  display: flex;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__actions.bottom {
    display: none;
  }
}
[data-page-name=hotel] .hotel__actions__separator {
  background: var(--primary);
  margin: 1rem 0;
  min-height: 100%;
  width: 0.1rem;
}
[data-page-name=hotel] .hotel__actions__separator.bottom {
  min-height: 0;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__map {
    margin-top: 2rem;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotel__map {
    margin-top: 0;
  }
}
[data-page-name=hotel] .hotel__map__preview {
  cursor: pointer;
  height: 11rem;
  overflow: hidden;
  position: relative;
  width: 33.3333333333%;
}
[data-page-name=hotel] .hotel__map__preview:hover i, [data-page-name=hotel] .hotel__map__preview:focus i, [data-page-name=hotel] .hotel__map__preview:active i {
  color: var(--primary--hover);
}
[data-page-name=hotel] .hotel__map__preview:hover .description, [data-page-name=hotel] .hotel__map__preview:focus .description, [data-page-name=hotel] .hotel__map__preview:active .description {
  color: var(--primary--hover);
}
[data-page-name=hotel] .hotel__map__preview.top {
  display: none;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__map__preview.top {
    display: block;
  }
}
[data-page-name=hotel] .hotel__map__preview.bottom {
  display: block;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__map__preview.bottom {
    display: none;
  }
}
[data-page-name=hotel] .hotel__map__preview a {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
  /*.overlay {
  	background : var(--black);
  	display    : block;
  	height     : 100%;
  	opacity    : .2;
  	width      : 100%;
  	z-index    : 1;
  }*/
}
[data-page-name=hotel] .hotel__map__preview a i {
  color: var(--primary);
  font-size: 5.5rem;
  position: relative;
  top: 1rem;
  z-index: 2;
}
[data-page-name=hotel] .hotel__map__preview a .description {
  bottom: 2rem;
  color: var(--primary);
  font-size: 1.2rem;
  padding: 0 0.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
[data-page-name=hotel] .hotel__map .wkMapbox {
  margin: 0;
  max-width: none;
}
[data-page-name=hotel] .hotel__map .heading {
  display: none;
}
[data-page-name=hotel] .hotel__map .mapboxPlaceholder {
  display: none;
}
[data-page-name=hotel] .hotel__description {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 128rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__description {
    padding: 0 2.5rem;
  }
}
@media (min-width: 1366px) {
  [data-page-name=hotel] .hotel__description {
    padding: 0;
  }
}
[data-page-name=hotel] .hotel__text {
  margin-bottom: 2rem;
  max-height: 57vh;
  overflow: hidden;
  padding-bottom: 5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__text {
    width: 50%;
  }
}
[data-page-name=hotel] .hotel__text.open {
  max-height: 100000rem;
}
[data-page-name=hotel] .hotel__text .wkText {
  padding: 0;
}
[data-page-name=hotel] .hotel__text .wkText__wrapper {
  padding: 0;
}
[data-page-name=hotel] .hotel__text .wkText__content {
  margin: 0;
}
[data-page-name=hotel] .hotel__text .layer {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0, #fff 30%, #fff 100%);
  bottom: 0;
  height: 5rem;
  left: 0;
  position: absolute;
  width: 100%;
}
[data-page-name=hotel] .hotel__text .layer .button {
  bottom: 1rem;
  font-size: 1.2rem;
  height: 3rem;
  left: calc(50% - 10rem);
  margin: 0 auto;
  position: absolute;
  width: 20rem;
}
[data-page-name=hotel] .hotel__tabs {
  max-width: 63rem;
  width: 100%;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__tabs {
    padding-left: 1rem;
    width: 50%;
  }
}
[data-page-name=hotel] .hotel__tabs.noText {
  max-width: none;
  width: 100%;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__tabs.noText .keywords ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 576px) {
  [data-page-name=hotel] .hotel__tabs.noText .keywords ul li {
    width: 50%;
  }
}
[data-page-name=hotel] .hotel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-page-name=hotel] .hotel__share {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
  width: 33.3333333333%;
}
[data-page-name=hotel] .hotel__share:hover > i, [data-page-name=hotel] .hotel__share:focus > i, [data-page-name=hotel] .hotel__share:active > i {
  color: var(--primary--hover);
}
[data-page-name=hotel] .hotel__share:hover > .description, [data-page-name=hotel] .hotel__share:focus > .description, [data-page-name=hotel] .hotel__share:active > .description {
  color: var(--primary--hover);
}
[data-page-name=hotel] .hotel__share.top {
  display: none;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__share.top {
    display: flex;
  }
}
[data-page-name=hotel] .hotel__share.bottom {
  display: flex;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .hotel__share.bottom {
    display: none;
  }
}
[data-page-name=hotel] .hotel__share__container {
  cursor: pointer;
  left: -0.2rem;
  position: relative;
  top: 0.1rem;
}
[data-page-name=hotel] .hotel__share .rtk-share {
  color: var(--primary);
  font-size: 3.7rem;
  left: calc(50% - 2rem);
  position: absolute;
  top: 2rem;
  z-index: 2;
}
[data-page-name=hotel] .hotel__share .description {
  bottom: 2rem;
  color: var(--primary);
  font-size: 1.2rem;
  padding: 0 0.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
[data-page-name=hotel] .hotel__share .menu {
  background: white;
  border-radius: 0.2rem;
  bottom: 0;
  box-shadow: var(--box-shadow);
  height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: width 0.3s, height 0.3s;
  width: 0;
  z-index: 3;
}
[data-page-name=hotel] .hotel__share .menu > div {
  cursor: pointer;
  margin: 0 1rem;
  padding: 0.5rem 1rem;
}
[data-page-name=hotel] .hotel__share .menu > div:hover, [data-page-name=hotel] .hotel__share .menu > div:focus, [data-page-name=hotel] .hotel__share .menu > div:active {
  background: var(--primary--hover);
}
[data-page-name=hotel] .hotel__share .menu > div:hover > a, [data-page-name=hotel] .hotel__share .menu > div:focus > a, [data-page-name=hotel] .hotel__share .menu > div:active > a {
  color: var(--white);
}
[data-page-name=hotel] .hotel__share .menu > div:hover > a > i, [data-page-name=hotel] .hotel__share .menu > div:focus > a > i, [data-page-name=hotel] .hotel__share .menu > div:active > a > i {
  color: var(--white);
}
[data-page-name=hotel] .hotel__share .menu > div:first-child {
  margin-top: 1rem;
}
[data-page-name=hotel] .hotel__share .menu > div > a {
  color: var(--primary);
}
[data-page-name=hotel] .hotel__share .menu > div > a > i {
  margin-right: 1.5rem;
}
[data-page-name=hotel] .hotel__share .menu > p {
  align-items: center;
  background: white;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0 0;
  opacity: 0.7;
  padding: 1rem;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page-name=hotel] .hotel__share .menu > p > i {
  animation: rotate 2s linear infinite;
  position: unset;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
[data-page-name=hotel] .hotel__leaflet {
  width: 33.3333333333%;
}
[data-page-name=hotel] .hotel__leaflet .dropdown.open .leaflet__save {
  background: var(--white);
}
[data-page-name=hotel] .hotel__leaflet .dropdown-menu {
  right: 0;
  top: 10rem;
}
[data-page-name=hotel] .hotel__leaflet .leaflet__save {
  height: 100%;
  right: 0;
  top: 0;
  width: 100%;
}
[data-page-name=hotel] .hotel__leaflet .leaflet__save > span {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
[data-page-name=hotel] .hotel__leaflet .leaflet__save > span .rtk-suitcase {
  font-size: 4rem;
  top: 2rem;
}
[data-page-name=hotel] .hotel__leaflet .leaflet__save > span .rtk-heart,
[data-page-name=hotel] .hotel__leaflet .leaflet__save > span .rtk-heart-active {
  top: 3.3rem;
}
[data-page-name=hotel] .hotel__leaflet .description {
  bottom: 2rem;
  color: var(--primary);
  font-size: 1.2rem;
  padding: 0 0.5rem;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
[data-page-name=hotel] .hotelGalleryPreview,
[data-page-name=hotel] .hotelMapPreview,
[data-page-name=hotel] .hotelVideoPreview-1,
[data-page-name=hotel] .hotelVideoPreview-2 {
  align-content: center;
  box-shadow: var(--box-shadow);
  cursor: pointer;
  display: flex;
  height: 10rem;
  justify-content: center;
  margin-right: 1.5rem;
  overflow: hidden;
  position: relative;
  width: 10rem;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .hotelGalleryPreview,
  [data-page-name=hotel] .hotelMapPreview,
  [data-page-name=hotel] .hotelVideoPreview-1,
  [data-page-name=hotel] .hotelVideoPreview-2 {
    height: 9rem;
    width: 16rem;
  }
}
[data-page-name=hotel] .hotelGalleryPreview a,
[data-page-name=hotel] .hotelMapPreview a,
[data-page-name=hotel] .hotelVideoPreview-1 a,
[data-page-name=hotel] .hotelVideoPreview-2 a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-page-name=hotel] .hotelGalleryPreview a .overlay,
[data-page-name=hotel] .hotelMapPreview a .overlay,
[data-page-name=hotel] .hotelVideoPreview-1 a .overlay,
[data-page-name=hotel] .hotelVideoPreview-2 a .overlay {
  background: var(--black);
  display: block;
  height: 100%;
  opacity: 0.2;
  width: 100%;
  z-index: 1;
}
[data-page-name=hotel] .hotelGalleryPreview a .rtk-magnifier,
[data-page-name=hotel] .hotelGalleryPreview a .rtk-pin,
[data-page-name=hotel] .hotelGalleryPreview a .rtk-video,
[data-page-name=hotel] .hotelMapPreview a .rtk-magnifier,
[data-page-name=hotel] .hotelMapPreview a .rtk-pin,
[data-page-name=hotel] .hotelMapPreview a .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-1 a .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-1 a .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-1 a .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-2 a .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-2 a .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-2 a .rtk-video {
  color: var(--white);
  font-size: var(--font-size--large);
  left: 50%;
  margin: -1.1rem 0 0 -1.1rem;
  position: absolute;
  top: 40%;
  z-index: 2;
}
[data-page-name=hotel] .hotelGalleryPreview a .description,
[data-page-name=hotel] .hotelMapPreview a .description,
[data-page-name=hotel] .hotelVideoPreview-1 a .description,
[data-page-name=hotel] .hotelVideoPreview-2 a .description {
  color: var(--white);
  font-size: var(--font-size--xsmall);
  padding: 0 5px;
  position: absolute;
  text-align: center;
  top: 5.5rem;
  width: 100%;
  z-index: 2;
}
[data-page-name=hotel] .hotelGalleryPreview a:hover .overlay, [data-page-name=hotel] .hotelGalleryPreview a:focus .overlay, [data-page-name=hotel] .hotelGalleryPreview a:active .overlay,
[data-page-name=hotel] .hotelMapPreview a:hover .overlay,
[data-page-name=hotel] .hotelMapPreview a:focus .overlay,
[data-page-name=hotel] .hotelMapPreview a:active .overlay,
[data-page-name=hotel] .hotelVideoPreview-1 a:hover .overlay,
[data-page-name=hotel] .hotelVideoPreview-1 a:focus .overlay,
[data-page-name=hotel] .hotelVideoPreview-1 a:active .overlay,
[data-page-name=hotel] .hotelVideoPreview-2 a:hover .overlay,
[data-page-name=hotel] .hotelVideoPreview-2 a:focus .overlay,
[data-page-name=hotel] .hotelVideoPreview-2 a:active .overlay {
  background: var(--white);
  opacity: 0.8;
}
[data-page-name=hotel] .hotelGalleryPreview a:hover .rtk-magnifier,
[data-page-name=hotel] .hotelGalleryPreview a:hover .rtk-pin,
[data-page-name=hotel] .hotelGalleryPreview a:hover .rtk-video,
[data-page-name=hotel] .hotelGalleryPreview a:hover .description, [data-page-name=hotel] .hotelGalleryPreview a:focus .rtk-magnifier,
[data-page-name=hotel] .hotelGalleryPreview a:focus .rtk-pin,
[data-page-name=hotel] .hotelGalleryPreview a:focus .rtk-video,
[data-page-name=hotel] .hotelGalleryPreview a:focus .description, [data-page-name=hotel] .hotelGalleryPreview a:active .rtk-magnifier,
[data-page-name=hotel] .hotelGalleryPreview a:active .rtk-pin,
[data-page-name=hotel] .hotelGalleryPreview a:active .rtk-video,
[data-page-name=hotel] .hotelGalleryPreview a:active .description,
[data-page-name=hotel] .hotelMapPreview a:hover .rtk-magnifier,
[data-page-name=hotel] .hotelMapPreview a:hover .rtk-pin,
[data-page-name=hotel] .hotelMapPreview a:hover .rtk-video,
[data-page-name=hotel] .hotelMapPreview a:hover .description,
[data-page-name=hotel] .hotelMapPreview a:focus .rtk-magnifier,
[data-page-name=hotel] .hotelMapPreview a:focus .rtk-pin,
[data-page-name=hotel] .hotelMapPreview a:focus .rtk-video,
[data-page-name=hotel] .hotelMapPreview a:focus .description,
[data-page-name=hotel] .hotelMapPreview a:active .rtk-magnifier,
[data-page-name=hotel] .hotelMapPreview a:active .rtk-pin,
[data-page-name=hotel] .hotelMapPreview a:active .rtk-video,
[data-page-name=hotel] .hotelMapPreview a:active .description,
[data-page-name=hotel] .hotelVideoPreview-1 a:hover .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-1 a:hover .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-1 a:hover .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-1 a:hover .description,
[data-page-name=hotel] .hotelVideoPreview-1 a:focus .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-1 a:focus .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-1 a:focus .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-1 a:focus .description,
[data-page-name=hotel] .hotelVideoPreview-1 a:active .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-1 a:active .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-1 a:active .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-1 a:active .description,
[data-page-name=hotel] .hotelVideoPreview-2 a:hover .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-2 a:hover .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-2 a:hover .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-2 a:hover .description,
[data-page-name=hotel] .hotelVideoPreview-2 a:focus .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-2 a:focus .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-2 a:focus .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-2 a:focus .description,
[data-page-name=hotel] .hotelVideoPreview-2 a:active .rtk-magnifier,
[data-page-name=hotel] .hotelVideoPreview-2 a:active .rtk-pin,
[data-page-name=hotel] .hotelVideoPreview-2 a:active .rtk-video,
[data-page-name=hotel] .hotelVideoPreview-2 a:active .description {
  color: var(--black);
}
[data-page-name=hotel] .hotelGalleryPreview img.normal,
[data-page-name=hotel] .hotelMapPreview img.normal,
[data-page-name=hotel] .hotelVideoPreview-1 img.normal,
[data-page-name=hotel] .hotelVideoPreview-2 img.normal {
  height: auto;
  max-height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
}
[data-page-name=hotel] .hotelGalleryPreview img.compatible,
[data-page-name=hotel] .hotelMapPreview img.compatible,
[data-page-name=hotel] .hotelVideoPreview-1 img.compatible,
[data-page-name=hotel] .hotelVideoPreview-2 img.compatible {
  height: 100%;
  width: auto;
}
[data-page-name=hotel] .hotelMenuContent {
  margin-top: 4rem;
}
[data-page-name=hotel] .reviewContent .ratingDetails {
  background: var(--white);
  width: 100%;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore {
  background: var(--primary--xlite);
  border-bottom: 0.1rem solid var(--grey);
  display: flex;
  flex-wrap: wrap;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper {
    padding: 3rem 0;
  }
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .reviewLabel {
  flex-shrink: 0;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0 0 1rem 0;
  width: 18rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .reviewLabel {
    margin: 0 2rem 0 0;
  }
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .reviewNumbers {
  color: var(--primary);
  flex-shrink: 0;
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
  text-align: right;
  width: 7rem;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .reviewNumbers {
    margin: 0 2rem 0 0;
  }
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .ratingBar {
  background: var(--white);
  flex-grow: 1;
  height: 0.8rem;
  width: 100%;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .ratingBar {
    width: auto;
  }
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .wrapper .ratingBar .rating {
  background: var(--primary);
  height: 0.8rem;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper {
  background: var(--white);
  height: 0;
  opacity: 0;
  padding: 0;
  transition: 0.3s ease;
  width: 100%;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper > p {
  margin: 0 0 1rem 0.5rem;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper ul li {
  display: inline-block;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper ul li button {
  background: var(--primary--xlite);
  color: var(--primary);
  height: 3rem;
  margin: 0.5rem;
}
[data-page-name=hotel] .reviewContent .ratingDetails .reviewScore .tagWrapper.active {
  height: auto;
  opacity: 1;
  padding: 2rem;
}
[data-page-name=hotel] .reviewContent .review:last-child .reviewScore {
  border: 0;
}
[data-page-name=hotel] .recommendationCircle {
  background: var(--primary--dark);
  border-radius: 0.5rem;
  color: var(--white);
  display: inline-block;
  font-size: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: 1rem;
  padding: 0 0.5rem;
  position: absolute;
  right: 0;
  top: -1rem;
}
@media (min-width: 1200px) {
  [data-page-name=hotel] .recommendationCircle {
    font-size: 1.2rem;
    position: relative;
    top: -0.2rem;
  }
}
[data-page-name=hotel] .keywords {
  background: var(--primary--xlite);
  padding: 4rem 4rem 2rem 4rem;
}
[data-page-name=hotel] .keywords__title {
  font-size: 1.6rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] .keywords ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] .keywords ul {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .keywords ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}
[data-page-name=hotel] .keywords ul li {
  align-items: center;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  display: grid;
  grid-template-columns: 5rem 1fr;
  grid-template-rows: 1fr auto;
  margin-bottom: 2rem;
}
[data-page-name=hotel] .keywords ul li.readMore {
  color: var(--primary);
  cursor: pointer;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .keywords ul li.readMore {
    display: none;
  }
}
[data-page-name=hotel] .keywords ul li.readMore span {
  align-items: center;
  display: flex;
}
[data-page-name=hotel] .keywords ul li.readMore .text {
  margin-right: 0.3rem;
}
[data-page-name=hotel] .keywords ul li.readMore i {
  margin-left: 0.5rem;
}
[data-page-name=hotel] .keywords ul li.readMore__items {
  display: none;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] .keywords ul li.readMore__items {
    display: flex;
  }
}
[data-page-name=hotel] .keywords ul li .iconWrapper {
  margin-right: 2rem;
}
[data-page-name=hotel] .keywords ul li .iconWrapper .rtk-attributes {
  color: var(--primary);
  cursor: pointer;
  font-size: 3rem;
}
[data-page-name=hotel] .keywords ul li .iconWrapper .rtk-attributes:before {
  color: var(--primary);
}
[data-page-name=hotel] .keywords ul li .keywordName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 300;
}
[data-page-name=hotel] #hotelTabs {
  display: none;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  [data-page-name=hotel] #hotelTabs {
    display: block;
    padding-bottom: 4rem;
  }
}
[data-page-name=hotel] #hotelTabs .panel,
[data-page-name=hotel] #hotelAccordion .panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1rem;
}
[data-page-name=hotel] #hotelTabs .panel-heading,
[data-page-name=hotel] #hotelAccordion .panel-heading {
  background: var(--primary--xlite);
  cursor: pointer;
  height: 3.5rem;
  padding: 0;
  text-align: center;
}
[data-page-name=hotel] #hotelTabs .panel-heading.active,
[data-page-name=hotel] #hotelAccordion .panel-heading.active {
  background: var(--primary);
}
[data-page-name=hotel] #hotelTabs .panel-heading.active span,
[data-page-name=hotel] #hotelAccordion .panel-heading.active span {
  color: var(--white);
}
[data-page-name=hotel] #hotelTabs .panel-heading.active i,
[data-page-name=hotel] #hotelAccordion .panel-heading.active i {
  color: var(--white);
}
[data-page-name=hotel] #hotelTabs .panel-heading > div,
[data-page-name=hotel] #hotelAccordion .panel-heading > div {
  position: relative;
}
[data-page-name=hotel] #hotelTabs .panel-heading span,
[data-page-name=hotel] #hotelAccordion .panel-heading span {
  color: var(--black);
  font-size: var(--font-size--small);
  line-height: 3.5rem;
}
[data-page-name=hotel] #hotelTabs .panel-heading i,
[data-page-name=hotel] #hotelAccordion .panel-heading i {
  color: var(--primary--dark);
  font-size: 1.2rem;
  position: absolute;
  right: 2rem;
  top: 1.2rem;
}
[data-page-name=hotel] #hotelTabs .hotelTextContainer,
[data-page-name=hotel] #hotelAccordion .hotelTextContainer {
  max-height: 70vh;
  overflow: hidden;
  padding: 2rem 1.5rem;
  position: relative;
  transition: max-height 0.3s ease;
}
@media (min-width: 768px) {
  [data-page-name=hotel] #hotelTabs .hotelTextContainer,
  [data-page-name=hotel] #hotelAccordion .hotelTextContainer {
    max-height: 52vh;
  }
}
[data-page-name=hotel] #hotelTabs .hotelTextContainer.open,
[data-page-name=hotel] #hotelAccordion .hotelTextContainer.open {
  max-height: 100000rem;
  padding: 2rem 1.5rem 5rem 1.5rem;
  transition: max-height 0.3s ease;
}
[data-page-name=hotel] #hotelTabs .hotelTextContainer .layer,
[data-page-name=hotel] #hotelAccordion .hotelTextContainer .layer {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgb(255, 255, 255) 30%, rgb(255, 255, 255) 100%);
  bottom: 0;
  display: none;
  height: 3rem;
  left: 0;
  position: absolute;
  width: 100%;
}
[data-page-name=hotel] #hotelTabs .hotelTextContainer .button,
[data-page-name=hotel] #hotelAccordion .hotelTextContainer .button {
  height: 3rem;
  margin: 0 auto;
  width: 20rem;
}
[data-page-name=hotel] #hotelTabsList {
  border: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 136.6rem;
}
[data-page-name=hotel] #hotelTabsList li {
  flex-grow: 1;
  text-align: center;
}
[data-page-name=hotel] #hotelTabsList li a {
  background: #fff;
  border: 0;
  color: var(--primary);
  cursor: pointer;
  font-size: 0.9rem;
  letter-spacing: 0.2rem;
  margin: 0;
  padding: 2rem 0;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  [data-page-name=hotel] #hotelTabsList li a {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  [data-page-name=hotel] #hotelTabsList li a {
    font-size: 1.6rem;
  }
}
[data-page-name=hotel] #hotelTabsList li a.active {
  background: var(--primary--xlite);
}
[data-page-name=hotel] #hotelFactsTab,
[data-page-name=hotel] #hotelRatingTab {
  background: var(--primary--xlite);
  padding: 1rem;
}
@media (min-width: 576px) {
  [data-page-name=hotel] #hotelFactsTab,
  [data-page-name=hotel] #hotelRatingTab {
    padding: 4rem;
  }
}
@media (min-width: 768px) {
  [data-page-name=hotel] #hotelFactsTab,
  [data-page-name=hotel] #hotelRatingTab {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {
  [data-page-name=hotel] #hotelFactsTab,
  [data-page-name=hotel] #hotelRatingTab {
    padding: 4rem;
  }
}
[data-page-name=hotel] #hotelAccordion {
  display: block;
  padding: 5rem 0 4rem 0;
}
@media (min-width: 768px) {
  [data-page-name=hotel] #hotelAccordion {
    display: none;
  }
}
[data-page-name=hotel] #hotelFacts .hotel__more__menu {
  margin: 3rem 0 0 0;
}
[data-page-name=hotel] .wkText {
  margin: 0 auto;
}
[data-page-name=hotel] .wkText__content {
  max-width: 128rem;
  text-align: left;
}
[data-page-name=hotel] .heading {
  margin: 0 auto 4rem auto;
  max-width: 128rem;
}
[data-page-name=hotel] .sorting {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: 0 auto 4rem auto;
  max-width: 128rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  [data-page-name=hotel] .sorting {
    padding: 0 2.5rem;
  }
}
@media (min-width: 1366px) {
  [data-page-name=hotel] .sorting {
    padding: 0;
  }
}
[data-page-name=hotel] .sorting .sortingWrapper {
  border: 0.1rem solid var(--grey);
  display: none;
  height: 5rem;
  max-width: 28rem;
}
/*# sourceMappingURL=hotelbasicpage.css.map */