/* -------------------------------------------------- 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>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Triple Offer */
.wkTripleOffer {
  margin: 0 auto;
  max-width: 192rem;
  padding: 4rem 0;
  width: 100%;
}
@media (min-width: 768px) {
  .wkTripleOffer {
    padding: 7rem 2.5rem;
  }
}
.wkTripleOffer.pseudoElement {
  filter: blur(0.6rem);
}
.wkTripleOffer.pseudoElement .imageWrapper picture {
  background: #82a3d8;
}
.wkTripleOffer .heading {
  margin: 0 auto 4rem auto;
  max-width: 128rem;
}
@media (min-width: 1366px) {
  .wkTripleOffer .heading {
    margin-bottom: 8rem;
  }
}
.wkTripleOffer__wrapper {
  margin: 0 auto;
  max-width: 128rem;
  position: relative;
  width: 100%;
}
.wkTripleOffer__wrapper.setSlider {
  display: block;
  /*.prevArea,
  .nextArea {
  	display : block;
  }*/
}
.wkTripleOffer__wrapper.setSlider .wkTripleOffer__container {
  grid-template-columns: 1fr;
  padding-bottom: 3rem;
}
.wkTripleOffer__wrapper.setSlider .wkTripleOffer__box {
  max-width: 32rem;
}
@media (min-width: 576px) {
  .wkTripleOffer__wrapper.setSlider .wkTripleOffer__box {
    max-width: 36rem;
  }
}
@media (min-width: 768px) {
  .wkTripleOffer__wrapper.setSlider .wkTripleOffer__box {
    max-width: 38rem;
  }
}
.wkTripleOffer__container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  justify-items: center;
  overflow: hidden;
  position: relative;
  row-gap: 1.5rem;
}
@media (min-width: 768px) {
  .wkTripleOffer__container {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .wkTripleOffer__container {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: minmax(31rem, 41rem) minmax(31rem, 41rem) minmax(31rem, 41rem);
  }
}
@media (min-width: 1366px) {
  .wkTripleOffer__container {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}
.wkTripleOffer__box {
  background: #fff;
  display: grid;
  grid-template-rows: 28rem 4rem 4rem 15rem 12rem 3rem 6rem 4rem;
  max-width: 32rem;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .wkTripleOffer__box {
    max-width: 41rem;
  }
}
.wkTripleOffer__box a {
  display: grid;
  grid-template-columns: minmax(29rem, 41rem);
  grid-template-rows: 28rem 4rem 4rem 15rem 12rem 3rem 6rem 4rem;
  padding: 0 !important;
  z-index: 0;
}
.wkTripleOffer__box a .wkTripleOffer__location h2,
.wkTripleOffer__box a .wkTripleOffer__location p,
.wkTripleOffer__box a .wkTripleOffer__location span,
.wkTripleOffer__box a .wkTripleOffer__text h2,
.wkTripleOffer__box a .wkTripleOffer__text p,
.wkTripleOffer__box a .wkTripleOffer__text span,
.wkTripleOffer__box a .wkTripleOffer__info h2,
.wkTripleOffer__box a .wkTripleOffer__info p,
.wkTripleOffer__box a .wkTripleOffer__info span {
  color: var(--text);
}
.wkTripleOffer__box a.removePseudoElement {
  height: calc(100% + 48rem);
}
.wkTripleOffer__box[data-leaflet-category=cruise] a, .wkTripleOffer__box[data-leaflet-category=hotel] a {
  position: relative;
}
.wkTripleOffer__box .wkTripleOffer__touroperatorname {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2rem 0;
}
.wkTripleOffer__box .wkTripleOffer__touroperatorname--background {
  background: #212529;
  flex-grow: 1;
  height: 0.2rem;
  margin: 0 2.5rem;
}
.wkTripleOffer__box .wkTripleOffer__touroperatorname--text {
  color: #212529;
  font-weight: bold;
  text-transform: uppercase;
}
.wkTripleOffer__box:hover .imageWrapper picture > img, .wkTripleOffer__box:focus .imageWrapper picture > img, .wkTripleOffer__box:active .imageWrapper picture > img {
  transform: scale(1.1);
}
.wkTripleOffer__box.cruiseOffer .wkTripleOffer__content {
  grid-template-rows: 28rem 4rem 26rem 7rem 6rem 5rem;
}
.wkTripleOffer__box.cruiseOffer .wkTripleOffer__content a {
  bottom: auto;
  display: flex;
  position: relative;
}
.wkTripleOffer .imageWrapper {
  align-items: center;
  background: var(--primary--xlite);
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.wkTripleOffer .imageWrapper picture {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.wkTripleOffer .imageWrapper picture > img {
  aspect-ratio: 410/280;
  transition: transform 0.6s ease-in-out;
}
.wkTripleOffer__sash {
  left: 0;
  position: absolute;
  top: 2rem;
  z-index: 1;
}
.wkTripleOffer__sash__item {
  align-items: center;
  background: var(--red);
  display: flex;
  height: 4.5rem;
  padding: 0 2rem;
}
.wkTripleOffer__sash__item:after {
  border-bottom: 2.25rem solid var(--red);
  border-right: 2rem solid transparent;
  border-top: 2.25rem solid var(--red);
  bottom: 0;
  content: " ";
  height: 0;
  position: absolute;
  right: -2rem;
  width: 0;
}
.wkTripleOffer__sash__item i {
  color: var(--white);
  font-size: 2.6rem;
  margin-right: 1rem;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}
.wkTripleOffer__sash__item span {
  color: var(--white);
  font-size: var(--font-size--small);
  font-weight: 500;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}
@-moz-document url-prefix() {
  .wkTripleOffer__sash__item:after {
    border-bottom: 2.3rem solid var(--red);
  }
}
.wkTripleOffer__durationInfo {
  align-items: center;
  display: flex;
  left: 1.5rem;
  position: absolute;
  top: 2rem;
  z-index: 1;
}
.wkTripleOffer__durationInfo i {
  color: var(--white);
  font-size: 2.6rem;
  margin-right: 1rem;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}
.wkTripleOffer__durationInfo span {
  color: var(--white);
  font-size: var(--font-size--small);
  font-weight: 500;
  text-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
}
.wkTripleOffer__tags {
  bottom: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  left: 1.5rem;
  position: absolute;
  z-index: 1;
}
.wkTripleOffer__tag {
  align-items: center;
  background: var(--secondary);
  color: var(--white);
  display: flex;
  font-size: var(--font-size--small);
  font-weight: 500;
  height: 3rem;
  line-height: 3rem;
  margin-right: 1.5rem;
  padding: 0 0.8rem;
  text-transform: uppercase;
}
.wkTripleOffer__badge {
  align-items: center;
  background: var(--red);
  border-radius: 50%;
  bottom: -3rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 6rem;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: 1.5rem;
  width: 6rem;
  z-index: 1;
}
.wkTripleOffer__badge .badgeText {
  color: var(--white);
  font-size: var(--font-size--xxxsmall);
  line-height: 1rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.wkTripleOffer__badge .badgePercent {
  color: var(--white);
  font-size: var(--font-size--large);
  font-weight: 500;
  line-height: 2rem;
}
.wkTripleOffer__location {
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem 0 2rem;
}
.wkTripleOffer__location p {
  display: -webkit-box;
  font-size: var(--font-size--large);
  -webkit-line-clamp: 2;
  max-height: 6rem;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.wkTripleOffer__location span {
  display: -webkit-box;
  font-size: var(--font-size--large);
  font-weight: 300;
  -webkit-line-clamp: 3;
  max-height: 9rem;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.wkTripleOffer__location p,
.wkTripleOffer__location span {
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}
.wkTripleOffer__description {
  display: block;
  font-size: var(--font-size--large);
  font-weight: 300;
}
.wkTripleOffer__text {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5rem 2rem;
  width: 100%;
}
.wkTripleOffer__text p {
  font-size: var(--font-size--xxlarge);
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere !important;
  text-align: center;
}
.wkTripleOffer__text ul {
  color: var(--text);
  display: none;
  font-size: var(--font-size--large);
  font-weight: 300;
  list-style: none;
  padding: 0;
}
.wkTripleOffer__text ul li i {
  color: var(--primary);
  font-size: 1.4rem;
}
.wkTripleOffer__traveldate {
  color: var(--text);
  font-size: 1.6rem;
  font-weight: 300;
  text-align: center;
}
.wkTripleOffer__c2a {
  height: 6rem;
  letter-spacing: normal;
  margin: 0 auto;
  min-width: 23rem;
  text-transform: none;
}
.wkTripleOffer__c2a .priceWrapper {
  align-items: flex-end;
  display: flex;
  line-height: 0.6;
  white-space: nowrap;
}
.wkTripleOffer__c2a .priceLabel {
  font-size: var(--font-size--base);
  margin-right: 0.5rem;
}
.wkTripleOffer__c2a .perPerson {
  font-size: var(--font-size--base);
  margin-right: 0.5rem;
}
.wkTripleOffer__c2a .price {
  font-size: var(--font-size--xxlarge);
  margin-right: 0.5rem;
}
.wkTripleOffer__c2a .originalPrice {
  color: var(--text);
  font-size: var(--font-size--base);
  margin-right: 0.5rem;
  text-decoration: line-through;
}
.wkTripleOffer__c2a.cruiseOffer {
  display: flex;
}
.wkTripleOffer__info {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 2rem;
  position: relative;
  width: 100%;
}
.wkTripleOffer__info i {
  color: var(--text);
  cursor: pointer;
  display: none;
  font-size: 1.7rem;
  margin: -0.1rem 0 0 1rem;
}
.wkTripleOffer__info i:hover + .wkTripleOffer__tooltip, .wkTripleOffer__info i:focus + .wkTripleOffer__tooltip, .wkTripleOffer__info i:active + .wkTripleOffer__tooltip {
  opacity: 1;
  transition: opacity 1s;
  visibility: visible;
}
.wkTripleOffer__background {
  background: var(--primary--xlite);
  bottom: 0;
  height: calc(100% - 28rem);
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.wkTripleOffer__bgShape {
  background: linear-gradient(to bottom, var(--primary--xlite) 60%, var(--primary--lite) 100%);
  border-radius: 50%;
  bottom: 5rem;
  height: 60rem;
  left: calc(50% - 30rem);
  position: absolute;
  width: 60rem;
  z-index: 0;
}
@media (min-width: 1024px) {
  .wkTripleOffer__bgShape {
    bottom: 8rem;
    height: 50rem;
    left: calc(50% - 25rem);
    width: 50rem;
  }
}
.wkTripleOffer__tooltip {
  background-color: var(--white);
  border-radius: 0.5rem;
  bottom: 4rem;
  box-shadow: var(--box-shadow);
  color: var(--text);
  font-size: var(--font-size--xsmall);
  opacity: 0;
  padding: 1.5rem;
  position: absolute;
  text-align: center;
  transition: opacity 1s;
  visibility: hidden;
  width: 28rem;
  z-index: 1;
}
.wkTripleOffer__tooltip:after {
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 1rem solid var(--white);
  content: "";
  height: 0;
  left: 25.3rem;
  position: absolute;
  top: 4.3rem;
  width: 0;
}
.wkTripleOffer__category {
  display: flex;
  justify-content: center;
  width: 100%;
}
.wkTripleOffer__category i {
  color: var(--stars);
  font-size: var(--font-size--xxlarge);
  padding: 0 0.3rem;
}
.wkTripleOffer__content {
  display: grid;
  grid-template-columns: minmax(29rem, 41rem);
  grid-template-rows: 28rem 4rem 16rem 9rem 6rem 5rem;
  position: relative;
  z-index: 0;
}
.wkTripleOffer__cruisePorts {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.wkTripleOffer__cruisePromo {
  left: 0;
  max-width: calc(100% - 6rem);
  position: absolute;
  top: 2rem;
}
.wkTripleOffer__cruisePromoCode {
  align-items: center;
  background: #D32603;
  border-bottom-right-radius: 3rem;
  border-top-right-radius: 3rem;
  color: var(--white);
  display: flex;
  font-weight: bold;
  min-height: 3rem;
  overflow: hidden;
  padding: 0.5rem 2rem;
}
.wkTripleOffer__cruisePromoCode.pointer {
  cursor: pointer;
}
.wkTripleOffer__cruiseDates {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.wkTripleOffer__cruiseSelect {
  align-items: center;
  background: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  height: 5rem;
  line-height: normal;
  margin: 0 0.5rem;
  position: relative;
  width: 5rem;
}
.wkTripleOffer__cruiseSelect:hover .wkTripleOffer__cruiseHover, .wkTripleOffer__cruiseSelect:focus .wkTripleOffer__cruiseHover, .wkTripleOffer__cruiseSelect:active .wkTripleOffer__cruiseHover {
  display: block;
}
.wkTripleOffer__cruiseSelect:hover .wkTripleOffer__circle, .wkTripleOffer__cruiseSelect:focus .wkTripleOffer__circle, .wkTripleOffer__cruiseSelect:active .wkTripleOffer__circle {
  display: block;
}
.wkTripleOffer__cruiseSelect.active .wkTripleOffer__cruiseHover {
  background: rgba(0, 0, 0, 0);
  display: block;
}
.wkTripleOffer__cruiseSelect.active .wkTripleOffer__circle {
  display: block;
}
.wkTripleOffer__cruiseSelect.pointer {
  cursor: pointer;
}
.wkTripleOffer__cruiseMonth {
  background: var(--primary);
  color: var(--white);
  font-weight: bold;
  padding: 0.2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.wkTripleOffer__cruiseDay {
  color: var(--text);
  padding-top: 0.4rem;
}
.wkTripleOffer__cruiseYear {
  color: var(--text);
  font-weight: 400;
}
.wkTripleOffer__cruiseHover {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.wkTripleOffer__circle {
  background: var(--white);
  border-radius: 50%;
  display: none;
  height: 2rem;
  overflow: hidden;
  position: absolute;
  right: -0.8rem;
  top: 0.8rem;
  width: 2rem;
}
.wkTripleOffer__circle i {
  color: #80ba05;
  font-size: 2rem;
}
.wkTripleOffer__infoText {
  font-size: var(--font-size--xxlarge);
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere !important;
  text-align: center;
}
.wkTripleOffer__shadow {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 5%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.4) 100%);
  display: none;
  height: calc(100% - 6rem);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 2rem;
  width: 100%;
  z-index: 1;
}
@media (min-width: 576px) {
  .wkTripleOffer__shadow {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.4) 100%);
    height: calc(100% - 9rem);
    top: 3.6rem;
  }
}
.wkTripleOffer .leaflet__save {
  height: 4rem;
  width: 4rem;
}
.wkTripleOffer .leaflet__save > span {
  height: 4rem;
  width: 4rem;
}
.wkTripleOffer .leaflet__save .rtk-suitcase {
  font-size: 2.8rem;
  left: 0.7rem;
  top: 0.6rem;
}
.wkTripleOffer .leaflet__save .rtk-heart,
.wkTripleOffer .leaflet__save .rtk-heart-active {
  font-size: 1.2rem;
  left: 1.5rem;
  top: 1.5rem;
}
.wkTripleOffer .wkTripleOfferSwiper {
  margin: 0 auto;
  max-width: 128rem;
  padding-bottom: 2rem;
  position: relative;
  width: 100%;
}
.wkTripleOffer .wkTripleOfferSwiper.swiper-initialized .wkTripleOffer__box {
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.3);
}
.wkTripleOffer .wkTripleOfferSwiper.swiper-initialized .swiper-wrapper {
  flex-wrap: nowrap;
  margin-bottom: 2rem;
}
@media (min-width: 1280px) {
  .wkTripleOffer .wkTripleOfferSwiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 2rem;
    justify-content: center;
  }
}
.wkTripleOffer .wkTripleOfferSwiper:not(.swiper-initialized) .swiper-button-prev, .wkTripleOffer .wkTripleOfferSwiper:not(.swiper-initialized) .swiper-button-next {
  display: none;
}
.wkTripleOffer .wkTripleOfferSwiper:not(.swiper-initialized) .swiper-slide:not(.swiper-slide-active) {
  filter: brightness(1);
}
.wkTripleOffer .wkTripleOfferSwiper:not(.swiper-initialized).twoOffers .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.wkTripleOffer .wkTripleOfferSwiper .swiper {
  /*&-button {

  	&-prev,
  	&-next {
  		cursor  : pointer;
  		display : none;
  		height  : 100%;
  		margin  : 0;
  		top     : 0;
  		width   : 7%;
  		z-index : 2;
  		@include respond-to(768) {
  			display : flex;
  		}

  		&:before {
  			content  : "";
  			display  : block;
  			height   : 5rem;
  			position : absolute;
  			width    : 5rem;
  			@include respond-to(768) {
  				height : 5rem;
  				width  : 5rem;
  			}
  		}

  		&:after {
  			color       : #fff;
  			font-family : "RTK";
  			font-size   : 3rem;
  			position    : absolute;
  			@include respond-to(768) {
  				font-size : 4rem;
  			}
  		}
  	}

  	&-prev {
  		left : 0;

  		&:before {
  			left : 0;
  		}

  		&:after {
  			content : "\e982";
  			left    : .8rem;
  			@include respond-to(768) {
  				left : 1.3rem;
  			}
  		}
  	}

  	&-next {
  		right : 0;

  		&:before {
  			right : 0;
  		}

  		&:after {
  			content : "\e983";
  			right   : .8rem;
  			@include respond-to(768) {
  				right : 1.3rem;
  			}
  		}
  	}
  }*/
}
.wkTripleOffer .wkTripleOfferSwiper .swiper-slide {
  display: flex;
  height: auto;
  justify-content: center;
  width: auto;
}
.wkTripleOffer .wkTripleOfferSwiper .swiper-slide:not(.swiper-slide-active) {
  filter: brightness(0.9);
}
.wkTripleOffer .wkTripleOfferSwiper .swiper-slide-active {
  transform: translateZ(0) !important;
}
/*# sourceMappingURL=wkOfferTriple.css.map */
