/* ===GETTING COLORS FROM PALETTE=== */
/**
 * The function palette is used by the following functions
 * text-color(), border-color() and bg-color()
 */
/* ===BACKGROUND COLOR FUNCTION=== */
/* ===TEXT COLOR FUNCTION=== */
/* ===BORDER COLOR FUNCTION=== */
/* ===GETTING BUTTONS STYLE FROM MAP=== */
/* ===GETTING BREAKPOINT VALUE FROM MAP=== */
/* ===GETTING VALUE FROM GENERIC MAP=== */
/* ===GET FONT FAMILY NAME FROM NESTED MAP=== */
/* ===REM FUNCTION=== */
/**
 * Sassy functions to get the rem equivalent of a px value
 * preset-css-env will take care of fallback for older browsers
 * !NOTE: you only need to change the $rem-baseline value if your base size 
 * is different from 10px (use _var_typography.scss in case)
 * @param value is referred to px
 * Credits: Rowan Manning
 */
/**
 * Given an image name this mixin returns a path
 * for the relative image.
 *
 * @param $image the name of the image to link.
 */
/* ===WEB FONTS MANAGEMENT=== */
/**
* Use this mixin to easely generate a @font-face rule.
* It uses the font-path property provided by postcss rucksack
* to generate bulletproof src sets in @font-face
*/
/**
 * @param $fonts-map
 * Generating @font-face rule from the given $fonts map
 * You can just update the font map to add a new font-face rule
 */
/**
 * Sets the font for this weight.
 * @param $family the font family to set.
 * @param $weight one of 'bolder', 'heavy', 'bold', 'semibold', 'normal' (default),
 * 'light', 'lighter' or 'thin'
 */
/**
 * Sets the secondary fonts for this weight.
 * @param $weight one of "light", "normal" (default), "bold" or "bolder" (if provided by font).
 * Take care not to use this mixin to apply the primary font,
 * whenever it is already declared for the body element and inherited from it.
 */
/**
 * Applies the font smoothing
 * Used for better cross browser support
 * Ref: https://maximilianhoffmann.com/posts/better-font-rendering-on-osx
 */
/**
 * Absolute  positioning an element
 */
/** Triangle helper mixin
 * @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`
 * @param {Color} $color [currentcolor] - Triangle color
 * @param {Length} $size [1em] - Triangle size
*/
/** grid column no bootstrap
 * @param $col_size - the number of column the element should take from 1 to 12
*/
/* mixin for multiline */
/**
 * Ref: https://www.smashingmagazine.com/2014/06/sassy-z-index-management-for-complex-layouts/
 * In order to maintain the stacking order of the elements,
 * we can set up a Sass list which represents the order in which we want our elements to appear,
 * from lowest to highest, like shown below.
 * (Note that if we want to add an element to the existing stacking order,
 * we just have to update the list with our new element)
 * In order to retrieve the z-index value to assign to each element,
 * you can use the index() sass function, for i.e. .modal {z-index: index($elements, modal)}
 */
.accomodation .accomodation-title {
  padding-right:  1.5rem; }

.accomodation .accomodation-description {
  padding-left:  1.5rem; }

.accomodation .accomodation-services .service-content {
  padding-left: 0; }

.accomodation .accomodation-details {
  padding-left:  0.9375rem;
  padding-right:  0.9375rem; }

.booking-app {
  padding: 0 0  5rem; }
  .booking-app.booking-details {
    padding-bottom: 0; }
  .booking-app .go-back-link {
    padding-bottom:  2rem; }
  .booking-app .checkout-flow {
    padding-bottom:  3rem; }
  .booking-app .package-intro {
    padding: 0  0.9375rem  1.5rem; }
  .booking-app .package-details .package-media {
    padding-bottom:  4.5rem; }
  .booking-app .package-details .package-description {
    padding-bottom:  2rem; }
    .booking-app .package-details .package-description .accomodation-title .product-name,
    .booking-app .package-details .package-description .accomodation-title h1 {
      padding-bottom:  1rem; }
    .booking-app .package-details .package-description .accomodation-title h1 {
      font-size:  1.75rem; }
  .booking-app .package-details .accomodation-services {
    margin-bottom:  2rem; }
  .booking-app .personal-data .btn-save {
    min-width:  15.9375rem; }

.exchangeable-gifts .element .content-text .item-name {
  font-size:  1.5625rem;
  line-height:  1.75rem;
  letter-spacing:  0.03125rem;
  padding-bottom:  0.9375rem; }

.exchangeable-gifts .element .content-text .item-price {
  font-size:  0.875rem;
  line-height:  1.125rem;
  letter-spacing:  0.02187rem; }

.myaccount-dashboard .dashboard-header {
  padding-bottom:  2rem; }
  .myaccount-dashboard .dashboard-header p {
    font-size:  1.25rem; }

.myaccount-dashboard .fast-links h2 {
  font-size:  1.875rem;
  padding-bottom: 8px; }

.myaccount-order-detail {
  margin-bottom: 0 !important;
  padding-bottom: 3rem; }
  .myaccount-order-detail h1 {
    margin-bottom:  4.75rem; }
  .myaccount-order-detail .profile-back-to-account-link {
    padding-top:  1rem; }

.myaccount-password {
  padding: 0  4rem  12.5rem; }
  .myaccount-password .change-password-form {
    margin-top:  3.75rem; }
    .myaccount-password .change-password-form .form-group:first-child {
      margin-bottom:  4rem; }
  .myaccount-password .editProfileFormCta {
    margin-top:  2.5rem; }

.myaccount-profile {
  padding: 0  4rem  12.5rem; }
  .myaccount-profile .service-unavailable-text {
    padding-bottom: 1rem; }
  .myaccount-profile .edit-profile-form {
    margin-top:  3.75rem; }
    .myaccount-profile .edit-profile-form .form-row {
      margin-bottom:  4rem; }
      .myaccount-profile .edit-profile-form .form-row:nth-child(3) {
        margin-bottom: 0; }

.myaccount {
  margin-bottom:  3rem; }
  .myaccount h1 {
    padding-top:  2rem; }
  .myaccount ol.breadcrumb {
    display: none; }

.product-detail .product-images, .product-detail .long-description, .product-detail .product-short-description {
  max-width:  28.125rem;
  margin: 0 auto; }

.product-detail .long-description {
  font-size:  1rem; }
  .product-detail .long-description p, .product-detail .long-description span {
    font-size:  1rem; }

.pd-banner-section-slide .elements {
  padding:  1.875rem 0; }

.pd-banner-section-slide .title {
  font-size:  3.125rem;
  line-height:  1.75rem;
  letter-spacing:  0.25rem; }
  .pd-banner-section-slide .title.font-secondary {
    font-size:  2.5rem;
    line-height:  3.125rem;
    letter-spacing:  0.1rem; }
  .pd-banner-section-slide .title + .subtitle {
    padding-top:  1.25rem; }

.pd-banner-section-slide .subtitle {
  font-size:  1.25rem;
  line-height:  1.625rem;
  letter-spacing:  0.1rem; }

.pd-banner-section-slide .content-cta {
  padding-top:  1.25rem; }

.exchangeable-gifts-header .content-value {
  padding:  1.25rem 0; }
  .exchangeable-gifts-header .content-value .value-text {
    font-size:  1rem;
    line-height:  1.5rem;
    letter-spacing:  0.025rem; }
  .exchangeable-gifts-header .content-value .cancel-button {
    font-size:  0.875rem;
    line-height:  1.1875rem;
    letter-spacing:  0.0625rem; }

.exchangeable-gifts-header .content-boxes {
  padding:  1.25rem 0; }
  .exchangeable-gifts-header .content-boxes .selected-boxed-title .content-title .selected-text {
    font-size:  1rem;
    line-height:  1.1875rem;
    letter-spacing:  0.025rem; }
  .exchangeable-gifts-header .content-boxes .selected-boxed-title .content-title .show-items {
    font-size:  0.875rem;
    line-height:  1.1875rem;
    letter-spacing:  0.02187rem; }
  .exchangeable-gifts-header .content-boxes .selected-box-content .content-items {
    padding-top:  1.875rem; }
  .exchangeable-gifts-header .content-boxes .selected-box-content .content-simple-slider {
    margin: 0  -0.9375rem; }
    .exchangeable-gifts-header .content-boxes .selected-box-content .content-simple-slider .slick-list {
      padding: 0 40% 0 0; }
  .exchangeable-gifts-header .content-boxes .selected-box-content .item .content-text .item-name {
    font-size:  1.5625rem;
    line-height:  1.75rem;
    letter-spacing:  0.03125rem;
    padding-bottom:  0.9375rem; }
  .exchangeable-gifts-header .content-boxes .selected-box-content .item .content-text .item-price {
    font-size:  0.875rem;
    line-height:  1.125rem;
    letter-spacing:  0.02187rem; }

.pd-faq-section {
  padding:  3.125rem 0  1.875rem 0; }
  .pd-faq-section .faq-section-title {
    font-size:  1.875rem;
    line-height:  2.25rem;
    letter-spacing:  0.075rem;
    padding: 0 0  3.125rem 0; }
  .pd-faq-section .faq-item {
    padding: 0  3.75rem; }

.pd-flexible-slide {
  padding-bottom:  3.125rem; }
  .pd-flexible-slide .content-elements .eyelet {
    font-size:  0.75rem;
    line-height:  0.875rem;
    letter-spacing:  0.01875rem;
    padding-bottom:  0.8125rem; }
  .pd-flexible-slide .content-elements .title {
    font-size:  1.5625rem;
    line-height:  1.75rem;
    letter-spacing:  0.03125rem;
    padding-bottom:  1.875rem; }
  .pd-flexible-slide .content-elements .subtitle {
    font-size:  0.875rem;
    line-height:  1.125rem;
    letter-spacing:  0.02187rem; }
  .pd-flexible-slide .content-elements .text {
    padding-top:  0.625rem;
    font-size:  0.875rem;
    line-height:  1.125rem;
    letter-spacing:  0.0125rem; }
    .pd-flexible-slide .content-elements .text.pd-hide-mobile {
      display: none; }
  .pd-flexible-slide .content-elements .content-cta {
    padding-top:  1.875rem; }

.pd-flexible-slider {
  padding:  2.1875rem 0  1.875rem 0; }
  .pd-flexible-slider .slider-title {
    font-size:  1.875rem;
    line-height:  2.25rem;
    letter-spacing:  0.075rem;
    padding: 0 0  1.875rem 0; }

.pd-grid-product-list .element {
  padding-bottom:  3.75rem;
  max-width:  18.9375rem;
  margin: 0 auto; }

.pd-grid-product-list .product-tile .tile-body .pdp-link a {
  font-size:  1.5625rem;
  line-height:  1.875rem; }

.pd-grid-product-list .prod-description {
  font-size:  0.875rem;
  line-height:  1.25rem;
  letter-spacing:  0.00875rem;
  padding: 0; }

.pd-highlight-magazine-small .pd-col-img {
  padding: 0; }

.pd-highlight-magazine-small .pd-col-text {
  padding: 0; }
  .pd-highlight-magazine-small .pd-col-text .inner-column {
    padding:  2.1875rem; }
    .pd-highlight-magazine-small .pd-col-text .inner-column .content-text .eyelet {
      font-size:  0.875rem;
      line-height:  1.0625rem;
      letter-spacing:  0.02187rem;
      padding-bottom:  1.25rem; }
    .pd-highlight-magazine-small .pd-col-text .inner-column .content-text .content-title {
      margin-bottom:  1.25rem; }
    .pd-highlight-magazine-small .pd-col-text .inner-column .content-text .title {
      font-size:  1.5625rem;
      line-height:  1.75rem; }
    .pd-highlight-magazine-small .pd-col-text .inner-column .content-text .text {
      font-size:  0.875rem;
      line-height:  1.375rem;
      letter-spacing:  0.00875rem;
      margin-bottom:  0.9375rem; }

.pd-highlight-magazine .pd-container-relative {
  height: auto; }

.pd-highlight-magazine .content-elements {
  position: static;
  top: initial;
  left: initial;
  height: auto;
  padding:  1.875rem 0rem 6.875rem 0rem; }

.pd-highlight-magazine .title {
  display: block;
  position: static;
  top: initial;
  left: initial;
  transform: none;
  width: initial;
  color: #4a4a49;
  font-size:  2.5rem;
  line-height:  3.125rem;
  padding-bottom:  1.875rem;
  margin: 0; }

.pd-highlight-magazine .pd-col-text,
.pd-highlight-magazine .pd-row-text,
.pd-highlight-magazine .inner-container {
  height: auto; }

.pd-highlight-magazine .content-text {
  position: static;
  top: initial;
  left: initial;
  padding: 0;
  background: transparent; }

.pd-highlight-magazine .text {
  font-size:  0.875rem;
  line-height:  1.375rem; }

.pd-highlight {
  padding:  1.875rem 0; }
  .pd-highlight .col-content-title .content-img {
    margin-top:  -1.125rem; }
  .pd-highlight .col-content-text .content-img.order-1 {
    padding-bottom:  1.875rem; }
  .pd-highlight .col-content-text .content-text.order-2 {
    padding-bottom: 0; }
  .pd-highlight .content-title {
    margin-left: 8%; }
    .pd-highlight .content-title .content-eyelet-text + .content-title-text {
      padding-top:  1.25rem; }
    .pd-highlight .content-title .eyelet {
      font-size:  0.75rem;
      line-height:  0.875rem;
      letter-spacing:  0.01875rem;
      padding: 0  0.9375rem; }
    .pd-highlight .content-title .title {
      font-size:  1.75rem;
      line-height:  2.375rem;
      letter-spacing:  0.035rem;
      padding:  0.3125rem  0.9375rem; }
  .pd-highlight .content-text {
    padding-bottom:  1.875rem; }
    .pd-highlight .content-text .eyelet {
      font-size:  1rem;
      line-height:  1.1875rem;
      letter-spacing:  0.025rem;
      padding: 0 0  1.25rem 0; }
    .pd-highlight .content-text .text {
      font-size:  1rem;
      line-height:  1.625rem;
      letter-spacing:  0.02rem;
      padding: 0 0  1.25rem 0; }
  .pd-highlight.module-style-small .col-text.order-1 .col-content-text {
    padding-right: 11%; }
  .pd-highlight.module-style-small .col-text.order-2 .col-content-text {
    padding-left: 11%; }

.pd-image-full-width .content-text {
  padding:  3.5rem  3.375rem  2.6875rem  3.375rem; }
  .pd-image-full-width .content-text .eyelet {
    font-size:  0.875rem;
    line-height:  1.0625rem;
    letter-spacing:  0.02187rem;
    padding-bottom:  1.25rem; }
  .pd-image-full-width .content-text .title {
    font-size:  1.875rem;
    line-height:  2.25rem;
    letter-spacing:  0.01875rem;
    padding-bottom:  1.25rem; }
  .pd-image-full-width .content-text .text {
    font-size:  0.875rem;
    line-height:  1.375rem;
    letter-spacing:  0.00875rem; }

.content-simple-slider,
.content-simple-arrow-slider {
  padding-top:  0.625rem; }
  .content-simple-slider .slick-dotted.simple-slider,
  .content-simple-slider .simple-slider,
  .content-simple-arrow-slider .slick-dotted.simple-slider,
  .content-simple-arrow-slider .simple-slider {
    padding-bottom:  3.125rem;
    margin: 0  -0.9375rem; }
    .content-simple-slider .slick-dotted.simple-slider .single-slide,
    .content-simple-slider .simple-slider .single-slide,
    .content-simple-arrow-slider .slick-dotted.simple-slider .single-slide,
    .content-simple-arrow-slider .simple-slider .single-slide {
      padding: 0  0.5rem; }
  .content-simple-slider .slick-list,
  .content-simple-arrow-slider .slick-list {
    padding: 0  6.5rem 0  0.4375rem; }
  .content-simple-slider .slick-arrow,
  .content-simple-arrow-slider .slick-arrow {
    display: none !important; }
  .content-simple-slider .standard-slider .slick-list,
  .content-simple-arrow-slider .standard-slider .slick-list {
    padding: 0; }

.content-standard-slider .content-number-slide {
  left:  2.1875rem;
  bottom:  1.25rem; }

.content-standard-slider .slick-dots {
  right:  2.1875rem;
  bottom:  1.25rem; }

.pd-tabs {
  padding:  2.5rem 0; }
  .pd-tabs .tabs-title {
    font-size:  1.875rem;
    line-height:  2.25rem;
    letter-spacing:  0.075rem;
    padding: 0 0  1.125rem 0; }
  .pd-tabs .section-tabs .nav-tabs .nav-item .nav-link {
    font-size:  1rem;
    line-height:  1.1875rem;
    letter-spacing:  0.025rem; }
  .pd-tabs .tab-content .pd-title {
    padding-top: 0;
    padding-bottom:  1.875rem; }
    .pd-tabs .tab-content .pd-title .col-12.col-sm-8.offset-sm-2 {
      margin-left: 0;
      flex: 0 0 100%;
      max-width: 100%; }
    .pd-tabs .tab-content .pd-title .content-divider {
      padding-top:  1.875rem; }

.pd-title {
  padding:  1.875rem 0; }
  .pd-title .eyelet {
    font-size:  0.75rem;
    line-height:  0.875rem;
    letter-spacing:  0.01875rem; }
    .pd-title .eyelet + .title {
      padding-top:  1.25rem; }
  .pd-title .title {
    font-size:  2.1875rem;
    line-height:  2.625rem;
    letter-spacing:  0.175rem; }
    .pd-title .title.font-secondary {
      font-size:  1.75rem;
      line-height:  2.1875rem;
      letter-spacing:  0.035rem; }
    .pd-title .title.title-small {
      font-size:  1.875rem;
      line-height:  2.25rem;
      letter-spacing:  0.075rem; }
    .pd-title .title + .subtitle {
      padding-top:  1.25rem; }
  .pd-title .subtitle {
    font-size:  1rem;
    line-height:  1.1875rem;
    letter-spacing:  0.025rem; }
  .pd-title .content-divider {
    padding-top:  1.9375rem; }

.three-col-text {
  padding:  4.375rem  3.125rem; }

.pd-video-section .content-elements .content-icon-play .icon-play {
  width:  5.3125rem;
  height:  5.3125rem; }

.pd-video-section .content-elements .elements {
  padding:  0.9375rem  2.1875rem; }

/*# sourceMappingURL=sm-md.css.map*/