/* -------------------------------------------------- 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>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Icons Attributes */
/* -------------------------------------------------- Variables */
/* -------------------------------------------------- Styles */
@font-face {
  font-family: "RTK-Attributes";
  src: url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.eot?wj71f6");
  src: url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.eot?wj71f6#iefix") format("embedded-opentype"), url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.woff2?wj71f6") format("woff2"), url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.ttf?wj71f6") format("truetype"), url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.woff?wj71f6") format("woff"), url("/globalMisc/fonts/RTK_Attributes/fonts/RTK-Attributes.svg?wj71f6#RTK-Attributes") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.rtk-attributes {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "RTK-Attributes" !important;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  /* Better Font Rendering =========== */
  speak: none;
  text-transform: none;
}

.rtk-ado:before {
  content: "\e96f";
}

.rtk-ado-active:before {
  content: "\e96e";
}

.rtk-afc:before {
  content: "\e975";
}

.rtk-afc-active:before {
  content: "\e974";
}

.rtk-air:before {
  content: "\e90e";
}

.rtk-air-active:before {
  content: "\e90f";
}

.rtk-ani:before {
  content: "\e9b6";
}

.rtk-ani-active:before {
  content: "\e9b7";
}

.rtk-apd:before {
  content: "\e971";
}

.rtk-apd-active:before {
  content: "\e970";
}

.rtk-apf:before {
  content: "\e904";
}

.rtk-apf-active:before {
  content: "\e902";
}

.rtk-asi:before {
  content: "\e9ab";
}

.rtk-asi-active:before {
  content: "\e9aa";
}

.rtk-bal:before {
  content: "\e950";
}

.rtk-bal-active:before {
  content: "\e951";
}

.rtk-bbs:before {
  content: "\e973";
}

.rtk-bbs-active:before {
  content: "\e972";
}

.rtk-bea:before {
  content: "\e915";
}

.rtk-bea-active:before {
  content: "\e914";
}

.rtk-ben:before {
  content: "\e93f";
}

.rtk-ben-active:before {
  content: "\e93e";
}

.rtk-chf:before {
  content: "\e927";
}

.rtk-chf-active:before {
  content: "\e926";
}

.rtk-clb:before {
  content: "\e911";
}

.rtk-clb-active:before {
  content: "\e910";
}

.rtk-crt:before {
  content: "\e96b";
}

.rtk-crt-active:before {
  content: "\e96c";
}

.rtk-dis:before {
  content: "\e97b";
}

.rtk-dis-active:before {
  content: "\e97a";
}

.rtk-ecc:before {
  content: "\e923";
}

.rtk-ecc-active:before {
  content: "\e922";
}

.rtk-edl:before {
  content: "\e979";
}

.rtk-edl-active:before {
  content: "\e978";
}

.rtk-fab:before {
  content: "\e97c";
}

.rtk-fab-active:before {
  content: "\e97d";
}

.rtk-faf:before {
  content: "\e97f";
}

.rtk-faf-active:before {
  content: "\e97e";
}

.rtk-fah:before {
  content: "\e981";
}

.rtk-fah-active:before {
  content: "\e980";
}

.rtk-fcp:before {
  content: "\e92d";
}

.rtk-fcp-active:before {
  content: "\e92c";
}

.rtk-fpg:before {
  content: "\e93b";
}

.rtk-fpg-active:before {
  content: "\e93a";
}

.rtk-fpr:before {
  content: "\e93d";
}

.rtk-fpr-active:before {
  content: "\e93c";
}

.rtk-frg:before {
  content: "\e952";
}

.rtk-frg-active:before {
  content: "\e953";
}

.rtk-frp:before {
  content: "\e982";
}

.rtk-frp-active:before {
  content: "\e983";
}

.rtk-fwc:before {
  content: "\e90d";
}

.rtk-fwc-active:before {
  content: "\e90c";
}

.rtk-fwf:before {
  content: "\e954";
}

.rtk-fwf-active:before {
  content: "\e955";
}

.rtk-fwi:before {
  content: "\e94d";
}

.rtk-fwi-active:before {
  content: "\e94c";
}

.rtk-gay:before {
  content: "\e985";
}

.rtk-gay-active:before {
  content: "\e984";
}

.rtk-glf:before {
  content: "\e956";
}

.rtk-glf-active:before {
  content: "\e957";
}

.rtk-gsb:before {
  content: "\e987";
}

.rtk-gsb-active:before {
  content: "\e986";
}

.rtk-hca:before {
  content: "\e929";
}

.rtk-hca-active:before {
  content: "\e928";
}

.rtk-hym:before {
  content: "\e989";
}

.rtk-hym-active:before {
  content: "\e988";
}

.rtk-ipl:before {
  content: "\e91f";
}

.rtk-ipl-active:before {
  content: "\e91e";
}

.rtk-las:before {
  content: "\e98b";
}

.rtk-las-active:before {
  content: "\e98a";
}

.rtk-lcs:before {
  content: "\e94f";
}

.rtk-lcs-active:before {
  content: "\e94e";
}

.rtk-lgb:before {
  content: "\e958";
}

.rtk-lgb-active:before {
  content: "\e959";
}

.rtk-lhj:before {
  content: "\e98d";
}

.rtk-lhj-active:before {
  content: "\e98c";
}

.rtk-mcm:before {
  content: "\e96d";
}

.rtk-mcm-active:before {
  content: "\e92a";
}

.rtk-mes:before {
  content: "\e98f";
}

.rtk-mes-active:before {
  content: "\e98e";
}

.rtk-nbs:before {
  content: "\e997";
}

.rtk-nbs-active:before {
  content: "\e996";
}

.rtk-nma:before {
  content: "\e993";
}

.rtk-nma-active:before {
  content: "\e992";
}

.rtk-nos:before {
  content: "\e995";
}

.rtk-nos-active:before {
  content: "\e994";
}

.rtk-pas:before {
  content: "\e99d";
}

.rtk-pas-active:before {
  content: "\e99c";
}

.rtk-pet:before {
  content: "\e99f";
}

.rtk-pet-active:before {
  content: "\e99e";
}

.rtk-pez:before {
  content: "\e9a1";
}

.rtk-pez-active:before {
  content: "\e9a0";
}

.rtk-pol:before {
  content: "\e933";
}

.rtk-pol-active:before {
  content: "\e932";
}

.rtk-pov:before {
  content: "\e95a";
}

.rtk-pov-active:before {
  content: "\e95b";
}

.rtk-qlo:before {
  content: "\e9a3";
}

.rtk-qlo-active:before {
  content: "\e9a2";
}

.rtk-rbe:before {
  content: "\e91b";
}

.rtk-rbe-active:before {
  content: "\e91a";
}

.rtk-rcb:before {
  content: "\e925";
}

.rtk-rcb-active:before {
  content: "\e924";
}

.rtk-rin:before {
  content: "\e94b";
}

.rtk-rin-active:before {
  content: "\e94a";
}

.rtk-rsm:before {
  content: "\e935";
}

.rtk-rsm-active:before {
  content: "\e934";
}

.rtk-sab:before {
  content: "\e9a7";
}

.rtk-sab-active:before {
  content: "\e9a6";
}

.rtk-sae:before {
  content: "\e903";
}

.rtk-sae-active:before {
  content: "\e905";
}

.rtk-sat:before {
  content: "\e95c";
}

.rtk-sat-active:before {
  content: "\e95d";
}

.rtk-sbs:before {
  content: "\e909";
}

.rtk-sbs-active:before {
  content: "\e908";
}

.rtk-scd:before {
  content: "\e977";
}

.rtk-scd-active:before {
  content: "\e976";
}

.rtk-sch:before {
  content: "\e9a5";
}

.rtk-sch-active:before {
  content: "\e9a4";
}

.rtk-sdv:before {
  content: "\e941";
}

.rtk-sdv-active:before {
  content: "\e940";
}

.rtk-sep:before {
  content: "\e95e";
}

.rtk-sep-active:before {
  content: "\e95f";
}

.rtk-sfr:before {
  content: "\e919";
}

.rtk-sfr-active:before {
  content: "\e918";
}

.rtk-sgl:before {
  content: "\e91d";
}

.rtk-sgl-active:before {
  content: "\e91c";
}

.rtk-shb:before {
  content: "\e921";
}

.rtk-shb-active:before {
  content: "\e920";
}

.rtk-ski:before {
  content: "\e900";
}

.rtk-ski-active:before {
  content: "\e901";
}

.rtk-skl:before {
  content: "\e9ad";
}

.rtk-skl-active:before {
  content: "\e9ac";
}

.rtk-soc:before {
  content: "\e9af";
}

.rtk-soc-active:before {
  content: "\e9ae";
}

.rtk-squ:before {
  content: "\e999";
}

.rtk-squ-active:before {
  content: "\e998";
}

.rtk-srd:before {
  content: "\e937";
}

.rtk-srd-active:before {
  content: "\e936";
}

.rtk-sth:before {
  content: "\e939";
}

.rtk-sth-active:before {
  content: "\e938";
}

.rtk-stn:before {
  content: "\e943";
}

.rtk-stn-active:before {
  content: "\e942";
}

.rtk-suf:before {
  content: "\e9b1";
}

.rtk-suf-active:before {
  content: "\e9b0";
}

.rtk-swc:before {
  content: "\e9a9";
}

.rtk-swc-active:before {
  content: "\e9a8";
}

.rtk-sws:before {
  content: "\e947";
}

.rtk-sws-active:before {
  content: "\e946";
}

.rtk-swu:before {
  content: "\e960";
}

.rtk-swu-active:before {
  content: "\e961";
}

.rtk-thp:before {
  content: "\e9b3";
}

.rtk-thp-active:before {
  content: "\e9b2";
}

.rtk-vam:before {
  content: "\e9b5";
}

.rtk-vam-active:before {
  content: "\e9b4";
}

.rtk-vga:before {
  content: "\e962";
}

.rtk-vga-active:before {
  content: "\e963";
}

.rtk-vgt:before {
  content: "\e964";
}

.rtk-vgt-active:before {
  content: "\e965";
}

.rtk-vms:before {
  content: "\e991";
}

.rtk-vms-active:before {
  content: "\e990";
}

.rtk-waa:before {
  content: "\e906";
}

.rtk-waa-active:before {
  content: "\e907";
}

.rtk-wap:before {
  content: "\e90a";
}

.rtk-wap-active:before {
  content: "\e90b";
}

.rtk-was:before {
  content: "\e99b";
}

.rtk-was-active:before {
  content: "\e99a";
}

.rtk-way:before {
  content: "\e912";
}

.rtk-way-active:before {
  content: "\e913";
}

.rtk-wbf:before {
  content: "\e916";
}

.rtk-wbf-active:before {
  content: "\e917";
}

.rtk-wcu:before {
  content: "\e92f";
}

.rtk-wcu-active:before {
  content: "\e92e";
}

.rtk-wdt:before {
  content: "\e92b";
}

.rtk-wdt-active:before {
  content: "\e930";
}

.rtk-wel:before {
  content: "\e949";
}

.rtk-wel-active:before {
  content: "\e948";
}

.rtk-whp:before {
  content: "\e966";
}

.rtk-whp-active:before {
  content: "\e967";
}

.rtk-wms:before {
  content: "\e931";
}

.rtk-wms-active:before {
  content: "\e944";
}

.rtk-wsn:before {
  content: "\e945";
}

.rtk-wsn-active:before {
  content: "\e968";
}

.rtk-wth:before {
  content: "\e969";
}

.rtk-wth-active:before {
  content: "\e96a";
}

/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- 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 */