body {
    background-color: #EDEDED;
}

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

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

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

.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;
}

.hotel_description {
    font-size: 14px;
    list-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

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

.date-range {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

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

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

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

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

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

.offer-text.offer-text-long {
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
}

.no-padding .offer-text.offer-text-long {
    padding-bottom: 0px;
}

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

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

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

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

.offer-inclusions-holder .t-tip{
    display:none!important;
}

.offer-pdf-download {
   
}

.offer-pdf-btn {
    border: 1px solid #273240;
    padding: 7px 10px 8px 44px;
    background-color: #ffffff;
    background-image: url('../../v4/icons/pdf_img_v4.svg');
    background-position-x: 14px;
    background-position-y: center;
    background-repeat: no-repeat;
    line-height: 19px;
    border-radius: 4px;
    color: #273240;
    text-decoration: unset;
    font-size: 14px;
    font-weight: bold;
    color: #273240;
    text-decoration: unset;
    font-family: 'Manrope', sans-serif;
    line-height: 19px;    
}

.cover_image {
    width: 522px;
    height: 352px;
    object-fit: cover;
}

.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: space-between; */
    justify-content: center;
    align-items: center;
    /* margin-top: 30px; */
}

.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: 21px 0px;
}

.hotel_offer_cancel_policies {
    padding-top: 21px;
}

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

.offer-text-holder {
    /* display: flex;
    align-items: flex-start; */
    cursor: pointer;
    font-size: 14px;
}

.responsive-incentive-text-guarantee {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 943px;
    /* font-size: 14px; */
}

/* .policy_dates {
    font-size: 14px;
} */

.offer-text-icon {
    font-size: 10px;
    font-weight: bold;
    color:#9C9C9C;
    text-decoration: underline;
    /* margin-left: 43px; */
    margin-top: 10px;
}


.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_rateplans {
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 15px;
}


.hotel_search_holder_rateplans #autocomplete, .hotel_search_holder_rateplans #dates, 
.hotel_search_holder_rateplans #guests_div, .hotel_search_holder_rateplans .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;
}

.breadcrumb {
    max-width: 1084px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

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

.offer-text-see-less {
    display: none;
}

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

.gallery_opener {
    width: 350px;
    height: 352px;
    background: transparent;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 90px;
    cursor: pointer;
}

.hotel_info_gallery .hotel_gallery {
    min-height: 420px;
}

#hotels {
    pointer-events: none;
}

#hotels:disabled {
    background-color: #E6E6E6;
    border-color: #C5C5C5;
}

.hotel_info_price_holder_mobile {
    display: none;
}

.included_checkmark {
    filter: invert(36%) sepia(92%) saturate(662%) hue-rotate(61deg) brightness(91%) contrast(99%);
    margin-right: 12px;
}

.included_in_rate {
    flex: 0 0 50%;
    display: flex;
    font-size: 13px;
    margin-bottom: 17px;
    line-height: 18px;
}

.included_in_rate::before {
    content: url('/v4/icons/check_v4.svg');
	font-size: 16px;
	margin-right: 10px;
	font-weight: bold;
}

.included_in_rate.free-cancel, .included_in_rate.allow-cancel {
    filter: invert(36%) sepia(92%) saturate(662%) hue-rotate(61deg) brightness(91%) contrast(99%);
}

.not_included_in_rate {
    color: unset;
}

.not_included_in_rate::before {
    content: url('/v4/icons/no_refund-v4.svg');
	font-size: 16px;
	margin-right: 10px;
	font-weight: bold;
}

.icon_share_holder_mobile {
    display: none;
}

.icon_share_holder_mobile_ratelanding {
    display: none;
}

.hotel_info {
    padding: 0;
    padding-bottom: 20px;
}

#grey-background {
    width: 100%;
}

.hotel_location.mobile {
	display: none;
}
/* 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;
        width: 94%;
    }

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

    .info_offer_include {
        margin-right: 0px;
    }

    .cover_image {
        width: 100%;
        height: 205px;
    }

    .info_offer_name_description_holder {
        margin-bottom: 30px;
    }

    .hotel_info_price_holder_desktop {
        display: none;
    }

    .hotel_info_price_holder_mobile {
        display: block;
    }

    .hotel_location {
        display: none;
    }

    .hotel-info-description-holder {
        display: flex;
        flex-direction: column-reverse;
        /* padding-bottom: 31px; */
        border-bottom: 1px solid #E6E6E6;
    }

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

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

    .date-range img {
        display: none;
    }

    .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-holder {
        border-bottom: 1px solid #E6E6E6;
    }

    .offer-included {
        /* margin-bottom: 0px; */
        border-bottom: unset;
        padding-bottom: unset;
    }
    
    .info_offer_description {
        padding: 0px 20px;
    }

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

    .offer-text-icon-mobile {
        display: block;
        margin-left: 0px;
        margin-top: 0px;
        /* padding-right: 20px; */
    }

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

    .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-pdf-btn-desktop {
        display: none;
    }

    .offer-pdf-btn-mobile {
        display: inline-block;
        margin-bottom: 30px;
    }

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

    .hotel_info_price_holder {
        /* margin-top: 0px; */
        margin: 30px 23px 0px 23px;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        padding: 15px 15px 16px 15px;
    }

    .price-holder {
        flex-direction: column;
        /* align-items: flex-start; */
        align-items: center;
        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: 10px;
    }
    
    #promoton_redirect {
        width: 159px;
        height: 36px;
    }

    .breadcrumb {
        display: none;
    }

    .rate-modal-share-desktop {
        display: none;
    }

    .hotel_info_gallery .hotel_gallery {
        min-height: unset;
    }

    .gallery_opener {
        width: 65%;
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .info_section {
        padding: 0 15px;
    }

    .rateplan_header_mobile {
        display: flex;
    }

    .icon_share_holder_mobile_ratelanding {
        display: flex;
        width: 4%;
    }

    .info_offer_holder {
        padding-bottom: 20px;
    }

    .hotel_location.mobile {
		display: flex;
		font-size: 14px;
	}

    .grey-overlay {
        padding: 20px 20px 0px 20px;
    }
}