body {
    background-color: #EDEDED;
}

#white-background {
    background-color: #ffffff;
    border-right: 4px;
    padding: 20px 30px 30px;
    width: 1084px;
}

.modal #white-background {
    width: 100%;
    background-color: unset;
}

.header-top-spacer {
    height: 88px;
}

.button-div {
    margin-top: 20px;
}


.packages_redirect {
    color: #a8a8a8;
    text-decoration: underline;
}

.info_offer {
    display: flex;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}

.info_offer_include {
    margin-right: 30px;
}

.hotel_name {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.hotel_location {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 21px;
}

.single-promotion-link {
    font-size: 12px;
    font-weight: 600;
    color: #0C83D9;
}

.date-range {
    display: flex;
    align-items: center;
}

.date-range img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.date-range-dates {
    font-size: 12px;
}

.date-range-dates .data-range-date {
    font-weight: 400;
}

.hotel-info-description {
    margin-bottom: 20px;
}

.hotel-info-description.no-margin {
    margin-bottom: 0px;
}

.offer-text {
    font-size: 14px;
}

.hotel-info-description.no-margin .offer-text.offer-text-long {
    border-bottom: unset;
}

.offer-header {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 22px;
}

.offer-inclusions-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px 0;
}

.offer-inclusions-holder .meals_included,
.offer-inclusions-holder .included,
.cancelation_policy_holder {
    flex: 1 0 50%;
    display: flex;
    align-items: center;
    font-size: 13px;
    margin: 0;
    line-height: 18px;
}

.meals_included img, .included img {
    margin-right: 12px;
}

.cancelation_policy_holder {
    color: #008009;
}
.dark_included_text {
    filter: grayscale(1);
    color: #273240;
}

.offer-included {
    margin-bottom: 20px;
}
.offer-pdf-btn {
    border: 1px solid #273240;
    padding: 8px 20px;
    line-height: 19px;
    border-radius: 4px;
    color: #273240;
    text-decoration: unset;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
}
.offer-pdf-btn:hover {
    color: #273240;
}

.cover_image {
    width: 522px;
    height: 352px;
    object-fit: cover;
    border-radius: 4px;
    aspect-ratio: 3/2;
}

.hotel_info_price_holder {
    background-color: #F5F5F5;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    padding: 15px 20px 20px 20px;
    margin-top: 20px;
}

.hotel-info-price-title {
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 10px;
}

.price-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.price-value {
    color: #008009;
    display: flex;
    align-items: baseline;
    font-size: 18px;
    font-weight: bold;
}

.price-value-title {
    font-size: 11px;
    margin-right: 5px;
}

.price-value .currency_symbol_price {
    font-size: 14px;
    font-weight: 400;
}

.price-value .decimal_value_price, .price-value .price-night {
    font-size: 14px;
}

.offer-price-holder img {
    margin-left: 5px;
}

#promoton_redirect {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 217px;
    height: 42px;
    background-color: #53AC2A;
    border-radius: 4px;
    cursor: pointer;
}

.info_offer_description > div {
    border-bottom: 1px solid #E6E6E6;
}

.info_offer_description > div:last-child {
    border-bottom: unset;
}

.hotel_offer_guarantee_holder {
    padding: 26px 0px;
}

.hotel_offer_cancel_policies {
    padding-top: 26px;
}

.hotel_offer_politica {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 12px;
}

.offer-text.guarantee-long, .offer-text.cancel-policies-long {
    display: none;
}

.offer-text-holder {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.responsive-incentive-text-guarantee, .responsive-incentive-text-cancel {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 943px;
}

.offer-text-icon {
    margin-left: 43px;
    margin-top: 21px;
}

.hotel_name_mobile, .offer-text-icon-mobile, .offer_mobile_price_pdf_holder {
    display: none;
}

.section5 {
    margin-top: 20px;
}

#basket {
    margin-bottom: 20px;
}

.zcalendar-wrap {
    position: relative;
    background-color: #fff;
}

.zcalendar {
    width: 1024px;
}

.zc-month  {
    width: 450px;
}

.section4 h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 10px;
}

.hotel_search_holder_packages {
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 15px;
}


.hotel_search_holder_packages #autocomplete, .hotel_search_holder_packages #dates, 
.hotel_search_holder_packages #guests_div, .hotel_search_holder_packages .promo_code_holder {
  margin-right: 10px;
}  


#btn-search-package {
  border-radius: 4px;
  width: 85px;
  height: 42px;
  color: #fff;
  font-family: 'Manrope', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  transition: .15s ease-in-out;
}

#package-results-container .roomrate:last-child .rate_plan .room-select-options {
    bottom: -2px;
    top: unset;
    flex-direction: column-reverse;
}

.hotel_location.mobile {
    display: none;
}

.hotel_location.desktop {
    display: flex;
}

.info_offer_name_description_holder.has-border  {
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 30px;
}

.guarantee-dates {
    display: grid;
    gap: 20px;
}

.data-range-title {
    font-size: 14px;
    font-weight: 800;
}

.date-range-body {
    gap: 10px;
    display: grid;
}

.breadcrumbs-and-share {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
  }

.breadcrumbs-and-share .breadcrumb {
    width: unset;
    margin: 0;
    padding: 0;
}

.breadcrumbs-and-share > div {
    margin: 0;
}

.mobile {
    display: none;
}

.price-holder .partial-payment {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
}

.price-holder .partial-payment img {
    width: 16px;
}


/* MOBILE */

@media (max-width: 1279px) {



    .package-page-searchbar-section h2 {
        display: none;
    }

    #step-results-center #basket {
        margin-bottom: 0px;
    }

    .package-page-searchbar-section #hotel_search {
        display: none;
        position: fixed;
        top: 0px;
        z-index: 10;
    }

    .section5 {
        margin-top: 0px;
    }

    .mobile_hotel_search_bar_holder {
        margin-top: 20px;
    }

    .section5 .hotel-filters {
        margin-top: 0px;
    }

    #btn-search-package {
        display: none;
    }

    .zcalendar-wrap {
        position: absolute;
        z-index: 100;
    }

    .zcalendar {
        width: 375px;
    }

    .zc-month {
        width: 100%;
    }

    .no-results-message {
        width: 100%!important;
    }

    .next-step-loader-package .search-loading-message {
        margin-bottom: 200px;
    }

    #white-background {
        padding: 0px;
        width: 100%;
    }

    .hotel_name_desktop {
        display: none;
    }

    .hotel_name_mobile {
        display: block;
        font-size: 18px;
    }

    .info_offer {
        flex-direction: column-reverse;
        border-bottom: unset;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .info_offer_include {
        margin-right: 0px;
    }

    .cover_image {
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .hotel_location.mobile {
        display: flex;
    }

    .hotel_location.desktop {
        display: none;
    }

    .info_offer_name_description_holder.no-margin {
        margin-bottom: 0px;
    }

    .hotel_info_price_holder_desktop {
        display: none;
    }


    .hotel-info-description-holder {
        display: flex;
        flex-direction: column-reverse;
    }

    .hotel-info-description-holder.no-guarantee {
        border-bottom: unset;
        padding-bottom: 1px;
    }

    .hotel-info-description-holder.no-included {
        border-bottom: unset;
        padding-bottom: 1px;
    }

    .offer-text.offer-text-long {
        padding-bottom: 0px;
        border-bottom: unset;
        line-height: 25px;
    }

    .date-range {
        margin-bottom: 0px;
    }

    .date-range-dates {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: bold;
    }

    .date-range-dates .data-range-date-title {
        margin-bottom: 5px;
        line-height: 19px;
    }

    .date-range-dates .data-range-date {
        font-weight: 400;
        line-height: 19px;
    }

    .offer-included {
        margin-bottom: 0px;
    }
    
    .info_offer_description {
        padding: 0px 20px;
    }

    .offer-text-icon-desktop {
        display: none;
    }

    .offer-text-icon-mobile {
        display: block;
        margin-left: 0px;
        margin-top: 0px;
    }

    .hotel_offer_politica {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0px;
        font-size: 16px;
    }

    .offer-text-holder {
        display: none;
    }
    
    .hotel_offer_guarantee_holder, .hotel_offer_cancel_policies {
        padding: 18px 0px 19px 0px;
    }

    .info_offer_description > div {
        border-top: 1px solid #E6E6E6;
    }

    .info_offer_description > div:last-child {
        border-bottom: 1px solid #E6E6E6;
        border-top: unset;
    }

    .responsive-incentive-text-guarantee, .responsive-incentive-text-cancel {
        display: block!important;
        padding-top: 12px;
    }

    .offer_mobile_price_pdf_holder {
        display: block;
        padding: 30px 20px 20px 20px;
    }

    .hotel_info_price_holder {
        margin-top: 0px;
        align-items: center;
        padding: 15px 15px 16px 15px;
    }

    .price-holder {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0px;
    }

    .hotel-info-price-title {
        font-size: 12px;
        border-bottom: unset;
        padding-bottom: 0px;
        line-height: 17px;
    }

    .offer_mobile_price_pdf_holder .price-value-title {
        display: none;
    }

    .offer-price-holder {
        line-height: 27px;
    }

    .price-value {
        font-size: 20px;
    }

    .price-value .currency_symbol_price, .price-value .decimal_value_price {
        font-size: 15px;
    }

    .price-value .price-night {
        font-size: 12px;
    }

    .offer-price-holder img {
        display: none;
    }

    .offer_installment {
        font-size: 12px;
        font-weight: 600;
    }
    
    #promoton_redirect {
        width: 187px;
        height: 36px;
    }

    .breadcrumbs-and-share {
        display: none;
    }

    .mobile {
        display: flex;
    }

    .hotelname-and-share-mobile {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .offer-pdf-btn {
        background-image: none;
        display: inherit;
        text-align: center;
        padding: 8px;
    }

    .promotion-info-wrapper {
        padding-bottom: 20px;
        margin: 20px;
        border-bottom: 1px solid #e6e6e6;
    }

    .promotion-info-content {
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 20px;
    }

    .info_offer_name_description_holder.has-border {
        padding-bottom: 20px;
    }
    
    .guarantee-dates {
        gap: 10px;
        margin-bottom: 0;
    }

    .hotel_info_price_holder_mobile .partial-payment {
        font-size: 12px;
        font-weight: 600;
    }

    .hotel_info_price_holder_mobile .partial-payment img {
        width: 16px;
    }
    #rateplan-modal-header .share-modal-holder {
        display: flex;
    }
}