/* -------------------------------------------------- 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>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Hotel Offer Page */
.offersList {
  margin: 0 auto;
  max-width: 128rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  .offersList {
    padding: 0 2.5rem;
  }
}
@media (min-width: 1366px) {
  .offersList {
    padding: 0;
  }
}
.offersList .alternativeOffers__heading {
  font-size: 1.5rem;
  padding-bottom: 2rem;
}
@media (min-width: 576px) {
  .offersList .alternativeOffers__heading {
    font-size: 1.7rem;
  }
}
.offersList .generalNotification {
  color: red;
  margin-bottom: 4rem;
  text-align: center;
}
.offersList .offerWrapper {
  background: var(--white);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  margin-bottom: 2rem;
  min-height: 25rem;
  padding: 1.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .offersList .offerWrapper {
    grid-template-columns: 1fr 28rem;
    grid-template-rows: auto;
    padding: 2rem 4rem 2rem 3rem;
  }
}
.offersList .offerWrapper.slideToRight {
  animation: scale-down-ver-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  border: 0.1rem solid var(--error);
}
.offersList .offerWrapper.slideToRight .unavailable {
  background: var(--error);
  color: var(--white);
  cursor: not-allowed;
  font-size: 1.2rem;
}
.offersList .offerWrapper.hasBooking {
  background: var(--primary--lite);
}
.offersList .offerWrapper.hasBooking .detailsWrapper .offerDataWrapper .attributeItems.open {
  background: var(--primary--lite);
}
.offersList .offerWrapper.hasBooking .upgradeWrapper .offerUpgrade .attributeItems.open {
  background: #f5faf9;
}
.offersList .offerWrapper .detailsWrapper {
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .detailsContent {
  height: auto;
  margin-bottom: 1rem;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .detailsContent .changes {
  color: var(--text);
  font-weight: bold;
}
.offersList .offerWrapper .detailsWrapper .airportDeparture,
.offersList .offerWrapper .detailsWrapper .airportArrival {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .offersList .offerWrapper .detailsWrapper .airportDeparture,
  .offersList .offerWrapper .detailsWrapper .airportArrival {
    font-size: 2.4rem;
  }
}
.offersList .offerWrapper .detailsWrapper .dash {
  display: inline-block;
  font-size: var(--font-size--small);
  margin: 0 0.5rem;
}
@media (min-width: 768px) {
  .offersList .offerWrapper .detailsWrapper .dash {
    flex-shrink: 0;
  }
}
.offersList .offerWrapper .detailsWrapper .duration {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .offersList .offerWrapper .detailsWrapper .duration {
    font-size: var(--font-size--small);
  }
}
.offersList .offerWrapper .detailsWrapper .duration .start,
.offersList .offerWrapper .detailsWrapper .duration .end,
.offersList .offerWrapper .detailsWrapper .duration .days {
  flex-shrink: 0;
}
.offersList .offerWrapper .detailsWrapper .duration .end {
  margin-right: 0.5rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper {
  display: inline-block;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .offersList .offerWrapper .detailsWrapper .offerDataWrapper {
    padding: 1rem 1rem 0 0;
  }
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper {
  align-items: flex-start;
  display: flex;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .rtk,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .rtk,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .rtk,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .rtk {
  color: var(--primary);
  display: inline-block;
  font-size: 3rem;
  margin: 0 1.5rem 2rem 0;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightDataTitle,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightDataTitle,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightDataTitle,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightDataTitle {
  display: inline-block;
  font-size: var(--font-size--small);
  font-weight: 500;
  margin-bottom: 1rem;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData {
  position: relative;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .inbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .outbound,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .inbound {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size--small);
  margin-bottom: 0.5rem;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .inbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .outbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .outbound .inboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .inbound .outboundAirport,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .inbound .inboundAirport {
  font-weight: bold;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .inbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .outbound .flightNumber,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .inbound .flightNumber {
  font-weight: bold;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightData .inbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .outbound .flightTime,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData .inbound .flightTime {
  display: flex;
  flex-shrink: 0;
  margin-left: 0.3rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalData,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalData {
  display: flex;
  flex-wrap: nowrap;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalDataContainer,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalDataContainer,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalDataContainer,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalDataContainer {
  float: left;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .inclusives,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .inclusives,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .inclusives,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .inclusives,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .roomDescription {
  font-size: var(--font-size--small);
  font-weight: 500;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .roomDescription {
  color: var(--text);
  cursor: pointer;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .attributesDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .roomDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .attributesDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .roomDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributesDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .roomDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .attributesDescription i,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .roomDescription i {
  font-size: 1.8rem;
  margin: 0 0 0 1.5rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .offer_roomType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .offer_boardType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .offer_location,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .offer_roomType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .offer_boardType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .offer_location,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .offer_roomType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .offer_boardType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .offer_location,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .offer_roomType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .offer_boardType,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .offer_location {
  float: left;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .additionalDataText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .additionalDataText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .additionalDataText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .additionalDataText {
  font-size: var(--font-size--small);
  font-weight: 300;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .stationCount,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .stationCount,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .stationCount,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .stationCount {
  margin-right: 0.3rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .static,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .static,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .static,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .static {
  margin: 0 0.3rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .showMore,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .showLess,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .showMore,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .showLess,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .showMore,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .showLess,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .showMore,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .showLess {
  color: var(--primary);
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size--xsmall);
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightDataShort,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightDataShort,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightDataShort,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightDataShort {
  width: auto;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightDataDetail,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightDataDetail,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightDataDetail,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightDataDetail {
  margin-bottom: 1rem;
  width: auto;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .flightDataWrapper .flightDataShortText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalDataWrapper .flightDataShortText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .flightDataShortText,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .flightDataShortText {
  font-size: var(--font-size--small);
  font-weight: 500;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .roomDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .attributesDescription,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .roomDescription {
  margin-top: 0.7rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributesDescription button,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .roomDescription button,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .attributesDescription button,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalRoomWrapper .roomDescription button {
  background: transparent;
  color: var(--text);
  font-size: var(--font-size--small);
  font-weight: 500;
  letter-spacing: normal;
  padding: 0;
  text-transform: none;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper {
  flex-wrap: wrap;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper > i {
  margin-bottom: 0.5rem !important;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributeItems {
  padding: 0 0 1rem 4.5rem;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributeItems.open {
  padding: 0 0 1rem 4.5rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .additionalAttributeWrapper .attributeItems i {
  color: var(--primary);
  font-size: 3rem;
  margin-right: 1rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}
@media (min-width: 768px) {
  .offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems,
  .offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText {
    margin-top: 0;
  }
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems.open,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText.open {
  background: var(--white);
  max-height: 1000rem;
  opacity: 1;
  padding: 2.5rem 1rem 2.5rem 2.5rem;
  transition: all 0.1s ease-in-out;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__iframeWrapper,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__iframeWrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.1s ease-in-out;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__iframeWrapper.expanded,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__iframeWrapper.expanded {
  background: var(--white);
  max-height: 1000rem;
  opacity: 1;
  transition: all 0.1s ease-in-out;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__iframeWrapper iframe,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__iframeWrapper iframe {
  border: 0;
  height: 40rem;
  width: 100%;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__loadingSpinner,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__loadingSpinner {
  align-items: center;
  background: rgb(255, 255, 255);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__loadingSpinner .spinner,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__loadingSpinner .spinner {
  height: 9rem;
  margin: 10rem auto;
  position: relative;
  width: 9rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__loadingSpinner .cube1, .offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__loadingSpinner .cube2,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__loadingSpinner .cube1,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__loadingSpinner .cube2 {
  animation: roominfo-cubeMove 1.8s infinite ease-in-out;
  background-color: var(--primary);
  border-radius: 0.3rem;
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.5rem;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .attributeItems__loadingSpinner .cube2,
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .roomText__loadingSpinner .cube2 {
  animation-delay: -0.9s;
}
.offersList .offerWrapper .detailsWrapper .offerDataWrapper .tooltip {
  width: 20rem;
}
.offersList .offerWrapper .infoWrapper {
  background: var(--white);
  flex-shrink: 0;
  height: 32rem;
  position: relative;
  text-align: center;
  width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .offersList .offerWrapper .infoWrapper {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
  }
}
.offersList .offerWrapper .infoWrapper .logoWrapper {
  align-items: center;
  display: flex;
  height: 3rem;
  justify-content: center;
  margin: 3rem auto;
  width: 10rem;
}
.offersList .offerWrapper .infoWrapper .logoWrapper img {
  max-height: 100%;
  max-width: 100%;
}
.offersList .offerWrapper .infoWrapper .priceWrapper {
  border-top: 0.1rem solid var(--grey);
  margin: 0 auto 2rem auto;
  padding-top: 3rem;
  width: calc(100% - 3rem);
}
@media (min-width: 768px) {
  .offersList .offerWrapper .infoWrapper .priceWrapper {
    margin: 1.5rem auto 2rem auto;
  }
}
.offersList .offerWrapper .infoWrapper .priceWrapper .price {
  font-size: 1.8rem;
  font-weight: bold;
}
.offersList .offerWrapper .infoWrapper .overAllPriceWrapper {
  margin: 0 auto;
  max-width: 21rem;
}
.offersList .offerWrapper .infoWrapper .overAllPriceWrapper .priceLabel {
  font-size: 1.6rem;
  font-weight: 300;
}
.offersList .offerWrapper .infoWrapper .overAllPriceWrapper .price {
  color: var(--primary);
  font-size: 3rem;
  font-weight: 500;
}
.offersList .offerWrapper .infoWrapper .linkWrapper {
  bottom: 1.5rem;
  padding: 0 1.5rem;
  position: absolute;
  width: 100%;
}
.offersList .offerWrapper .infoWrapper .linkWrapper button {
  font-size: 1.2rem;
  height: 5rem;
  margin: 0 auto;
  min-width: 15rem;
  width: 100%;
}
.offersList .offerWrapper.nonvacant {
  display: none;
  min-height: auto;
  padding-bottom: 1rem;
}
.offersList .offerWrapper.nonvacant .stopper {
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  color: var(--red);
  display: flex;
  font-size: var(--font-size--large);
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.offersList .offerWrapper.nonvacant .infoWrapper {
  height: auto;
}
.offersList .offerWrapper.nonvacant .linkWrapper,
.offersList .offerWrapper.nonvacant .offerDataWrapper {
  display: none;
}
@media (min-width: 768px) {
  .offersList .offerWrapper.nonvacant .detailsWrapper {
    padding-top: 0;
  }
}
.offersList .offerWrapper .offer__tag {
  background: var(--green);
  color: var(--white);
  display: inline-block;
  font-size: var(--font-size--xsmall);
  font-weight: 500;
  height: 1.5rem;
  line-height: 1.6rem;
  padding: 0 0.5rem;
  text-transform: uppercase;
  z-index: 1;
}
.offersList .upgradeWrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .offersList .upgradeWrapper {
    grid-column-start: span 2;
    margin-top: 0;
  }
}
.offersList .upgrade__title {
  color: var(--primary);
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.offersList .upgrade__c2a {
  align-items: center;
  background: #f5faf9;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  height: 4.5rem;
  justify-content: center;
  letter-spacing: 0.1rem;
  margin-top: 1.5rem;
  padding-right: 2rem;
  position: relative;
  text-transform: uppercase;
  width: 24rem;
}
.offersList .upgrade__c2a:after {
  color: var(--primary);
  content: "\e980";
  font-family: "RTK";
  font-size: 1.6rem;
  position: absolute;
  right: 2rem;
  top: 1rem;
}
.offersList .upgrade__container {
  display: none;
}
.offersList .upgrade__items {
  padding-right: 1rem;
}
.offersList .upgrade__price {
  background: var(--white);
  flex-shrink: 0;
  height: 22rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.offersList .upgrade__price .priceWrapper {
  display: flex;
  flex-direction: column;
  padding: 2rem 1.5rem 1.5rem 1.5rem;
}
.offersList .upgrade__price .priceWrapper span.addition {
  color: var(--primary);
  font-size: 3rem;
}
.offersList .upgrade__price .priceWrapper span.price {
  font-size: 2rem;
  margin-top: 0.5rem;
}
.offersList .upgrade__price .linkWrapper {
  bottom: 1.5rem;
  padding: 0 1.5rem;
  position: absolute;
  width: 100%;
}
.offersList .upgrade__price .linkWrapper button {
  font-size: 1.2rem;
  height: 5rem;
  margin: 0 auto;
  min-width: 15rem;
  width: 100%;
}
.offersList .offerUpgrade {
  background: #f5faf9;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 0 1rem 0;
  padding: 2rem;
  width: 100%;
}
@media (min-width: 768px) {
  .offersList .offerUpgrade {
    grid-template-columns: 1fr 28rem;
    margin: 0 0 1rem -1rem;
    width: calc(100% + 3rem);
  }
}
.offersList .additionalServicesWrapper {
  color: var(--primary);
  font-weight: bold;
  margin-bottom: 2rem;
}
.offersList .additionalServicesWrapper span {
  margin-right: 1rem;
}
.offersList .additionalDataWrapper .additionalData {
  display: flex;
}
.offersList .additionalDataWrapper .additionalData i {
  color: var(--primary);
  font-size: 3rem;
  margin: 0 1.5rem 2rem 0;
}
.offersList .additionalDataWrapper .additionalData .additionalDataContainer {
  display: flex;
  flex-wrap: wrap;
}
.offersList .additionalDataWrapper .additionalData .additionalDataContainer .inclusives {
  font-weight: bold;
  position: relative;
  width: 100%;
}
.offersList .additionalDataWrapper .additionalData .additionalDataContainer .inclusives__info {
  background: transparent;
  left: 13rem;
  padding: 0;
  position: absolute;
  top: 0;
}
.offersList .additionalDataWrapper .additionalData .additionalDataContainer .inclusives__info i {
  font-size: 2rem !important;
  margin: 0 !important;
}
.offersList .additionalTransferWrapper {
  margin-bottom: 1.5rem;
}
.offersList .additionalTransferWrapper .offer_location {
  align-items: center;
  display: flex;
}
.offersList .additionalTransferWrapper .offer_location > div {
  position: relative;
}
.offersList .additionalTransferWrapper .offer_location .inclusives__info {
  background: transparent;
  left: calc(100% + 0.7rem);
  padding: 0;
  position: absolute;
  top: 0;
}
.offersList .additionalTransferWrapper .offer_location .inclusives__info i {
  font-size: 2rem !important;
  margin: 0 !important;
}
.offersList .additionalTransferWrapper i {
  color: var(--primary);
  font-size: 3rem;
  margin: 0 1.5rem 0 0;
}
.offersList .additionalTransferWrapper span {
  font-weight: bold;
}
.offersList .additionalAttributeWrapper,
.offersList .additionalRoomWrapper {
  display: flex;
}
.offersList .additionalAttributeWrapper > i,
.offersList .additionalRoomWrapper > i {
  color: var(--primary);
  font-size: 3rem;
  margin: 0 1.5rem 2rem 0;
}
.offersList .additionalAttributeWrapper .attributesDescription,
.offersList .additionalAttributeWrapper .updateRoomDescription,
.offersList .additionalRoomWrapper .attributesDescription,
.offersList .additionalRoomWrapper .updateRoomDescription {
  margin-top: 0.7rem;
}
.offersList .additionalAttributeWrapper .attributesDescription button,
.offersList .additionalAttributeWrapper .updateRoomDescription button,
.offersList .additionalRoomWrapper .attributesDescription button,
.offersList .additionalRoomWrapper .updateRoomDescription button {
  background: transparent;
  color: var(--text);
  font-size: var(--font-size--small);
  font-weight: 500;
  letter-spacing: normal;
  padding: 0;
  text-transform: none;
}
.offersList .additionalAttributeWrapper .attributesDescription button > i,
.offersList .additionalAttributeWrapper .updateRoomDescription button > i,
.offersList .additionalRoomWrapper .attributesDescription button > i,
.offersList .additionalRoomWrapper .updateRoomDescription button > i {
  color: var(--primary);
  font-size: 1.8rem;
  margin: 0 0 0 1.5rem;
}
.offersList .additionalAttributeWrapper {
  flex-wrap: wrap;
}
.offersList .additionalAttributeWrapper > i {
  margin-bottom: 0.5rem !important;
}
.offersList .additionalAttributeWrapper .attributeItems {
  padding: 0 0 1rem 4.5rem;
  width: 100%;
}
.offersList .additionalAttributeWrapper .attributeItems.open {
  padding: 0 0 1rem 4.5rem;
}
.offersList .additionalAttributeWrapper .attributeItems i {
  color: var(--primary);
  font-size: 3rem;
  margin-right: 1rem;
}
.offersList .additionalAttributeWrapper .inclusives {
  font-size: var(--font-size--small);
  font-weight: 500;
}
.offersList .attributeItems,
.offersList .roomText {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}
@media (min-width: 768px) {
  .offersList .attributeItems,
  .offersList .roomText {
    margin-top: 0;
  }
}
.offersList .attributeItems.open,
.offersList .roomText.open {
  background: var(--white);
  max-height: 1000rem;
  opacity: 1;
  padding: 2.5rem 1rem 2.5rem 2.5rem;
  transition: all 0.1s ease-in-out;
}
.offersList .attributeItems__iframeWrapper,
.offersList .roomText__iframeWrapper {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.1s ease-in-out;
  width: 100%;
}
.offersList .attributeItems__iframeWrapper.expanded,
.offersList .roomText__iframeWrapper.expanded {
  background: var(--white);
  max-height: 1000rem;
  opacity: 1;
  transition: all 0.1s ease-in-out;
}
.offersList .attributeItems__iframeWrapper iframe,
.offersList .roomText__iframeWrapper iframe {
  border: 0;
  height: 40rem;
  width: 100%;
}
.offersList .attributeItems .loadingSpinner__container,
.offersList .roomText .loadingSpinner__container {
  transform: scale(2);
}

.more {
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center;
  margin: 0 auto 4rem auto;
  position: relative;
  width: 15rem;
}
.more button {
  height: 4rem;
  width: 100%;
}

@keyframes scale-down-ver-top {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
  }
}
/*# sourceMappingURL=offers.css.map */