:root {
    --travel_agent_2022_offers_info_box_title: 1vmax/0.8vmax;
    --travel_agent_2022_offers_info_box_text: 1.1vmax/1vmax;
    --travel_agent_2022_offers_title: 1.4vmax/1.3vmax;
    --travel_agent_2022_offers_text: 0.9vmax;
    --travel_agent_2022_offers_text_line_height: 0.9vmax;
    --travel_agent_2022_offers_discount_title: 1.7vmax;
    --travel_agent_2022_offers_discount_ammount: 1.5vmax;
    --travel_agent_2022_offers_discount_rate_from: 0.7vmax;
    --travel_agent_2022_offers_discount_ammount_height: 1vmax;
}

.booking_engine_2021_offers_outer_container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: stretch;
}

.booking_engine_2021_offers_item {
    flex: 0 1 32%;
    position: relative;
    /* background-color: #efefef; */
    margin: 0 0 30px 0;
    box-shadow: 0px 8px 17px 10px rgb(0 0 0 / 20%);
    transition: 0.2s all ease-in-out;
}

.booking_engine_2021_offers_item:hover {
    box-shadow: 0px 8px 17px 10px rgb(0 0 0 / 50%);
    transition: 0.2s all ease-in-out;
}

.travel_agent_2022_offers_info {
    width: 100%;
    position: relative;
    /* border-width: 1px 0;
    border-style: solid;
    border-color: #bbb; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: stretch;
}

.travel_agent_2022_offers_info_box {
    /* flex: 0 1 25%; */
    position: relative;
    /* border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #bbb; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.travel_agent_2022_offers_info_box_title {
    font: 400 var(--travel_agent_2022_offers_info_box_title) 'Alegre';
    color: #0a4b9d;
    padding: 10px 0 5px 0;
    margin: 0;
    flex: 0 1 90%;
    letter-spacing: 1px;
    text-align: center;
}

.travel_agent_2022_offers_info_box_text {
    font: 400 var(--travel_agent_2022_offers_info_box_text) 'Effra';
    color: #000;
    padding: 5px 0 5px 0;
    margin: 0;
    flex: 0 1 90%;
    text-align: center;
}

#travel_agent_2022_offers_info_box_1 {
    flex: 0 1 21%;
}

#travel_agent_2022_offers_info_box_2 {
    flex: 0 1 21%;
}

#travel_agent_2022_offers_info_box_3 {
    flex: 0 1 20%;
}

#travel_agent_2022_offers_info_box_4 {
    flex: 0 1 24%;
}

.booking_engine_2021_offers_rest_info_container {
    width: 100%;
    position: relative;
}

.booking_engine_2021_offers_image_container {
    width: 100%;
    position: relative;
    height: 40vh;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.booking_engine_2021_offers_image {
    width: 100%;
    min-height: 100%;
    position: relative;
}

.booking_engine_2021_offers_discount_container {
    width: fit-content;
    padding: 10px 0px 10px 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: rgba(10, 75, 157, 0.6);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    border-radius: 0 10px 10px 0;
}

.booking_engine_2021_offers_discount_inner_container {
    width: fit-content;
    padding: 0px 20px 0 0;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.booking_engine_2021_offers_discount_title {
    font: 400 var(--travel_agent_2022_offers_discount_title) 'Alegre';
    color: #fff;
    padding: 10px 0;
    margin: 0;
    width: fit-content;
    letter-spacing: 1px;
}

.booking_engine_2021_offers_discount_ammount {
    font: 400 var(--travel_agent_2022_offers_discount_ammount)/var(--travel_agent_2022_offers_discount_ammount_height) 'Effra';
    color: #fff;
    padding: 0 0 10px 0;
    margin: 0;
    width: fit-content;
    position: relative;
}

.booking_engine_2021_offers_rates_from {
    font-size: var(--travel_agent_2022_offers_discount_rate_from);
    position: relative;
    top: -4px;
}

.booking_engine_2021_offers_rest_info_inner_container {
    width: 95%;
    position: relative;
    margin: 0 auto;
    padding: 0 0 10px 0;
}

.booking_engine_2021_offers_title {
    padding: 10px 0 0 0;
    margin: 0;
    font: 600 var(--travel_agent_2022_offers_title) 'Alegreya Sans', sans-serif;
    color: #0a4b9d;
    text-align: justify;
}

.booking_engine_2021_offers_text {
    padding: 0;
    margin: 10px 0;
    font: 400 var(--travel_agent_2022_offers_text)/var(--travel_agent_2022_offers_text_line_height) 'Effra';
    height: calc(var(--travel_agent_2022_offers_text_line_height) * 17);
    color: #797979;
    text-align: justify;
    width: 100%;
    position: relative;
}

.booking_engine_2021_offers_hyperlink {
    width: fit-content;
    position: relative;
    outline: none;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    border: 0.5px solid #fff;
    color: #fff;
    background-color: #0a4b9d;
    font: 400 18px var(--be_2021_font);
    padding: 10px 50px;
    cursor: pointer;
    overflow: hidden;
    transition: var(--be_2021_trnasition);
    max-height: 50px;
    text-decoration: none;
}

.booking_engine_2021_offers_hyperlink:hover {
    background-color: #fff;
    color: #0a4b9d;
    border: 0.5px solid #0a4b9d;
    transition: var(--be_2021_trnasition);
    -webkit-animation: pulse_blue 1s;
    animation: pulse_blue 1s;
    box-shadow: 0 0 0 10px rgb(255 255 255 / 0%);
}


/*-------------------ROOMS--------------*/

.booking_engine_2021_applies_to {
    padding: 30px 0 0 0;
    margin: 0;
    font: 400 var(--travel_agent_2022_offers_title) 'Alegreya Sans', sans-serif;
    color: #0a4b9d;
    text-align: justify;
}

.booking_engine_2021_offer_rooms_container {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    padding: 10px 0 0 5px;
    column-gap: 1%;
}

.booking_engine_2021_offer_rooms3 {
    position: relative;
    padding: 3px 1.2%;
    background-color: transparent;
    margin: 0 0 10px 0;
    border: 1px solid #a1a1a1;
    border-radius: 5px;
    transition: 0.2s all ease-in-out;
    font: 400 var(--travel_agent_2022_offers_text)/var(--travel_agent_2022_offers_text_line_height) 'Open Sans Condensed', sans-serif;
    color: #797979;
    text-align: left;
    word-break: keep-all;
}


/*-------------------ROOMS--------------*/

@media screen and (orientation:portrait) and (max-width: 1150px) {
     :root {
        --travel_agent_2022_offers_info_box_title: 2.5vmax/2.5vmax;
        --travel_agent_2022_offers_info_box_text: 2.2vmax/2.2vmax;
        --travel_agent_2022_offers_title: 2.8vmax/2.6vmax;
        --travel_agent_2022_offers_text: 2.1vmax;
        --travel_agent_2022_offers_text_line_height: 2.9vmax;
        --travel_agent_2022_offers_discount_title: 3.7vmax;
        --travel_agent_2022_offers_discount_ammount: 3.5vmax;
        --travel_agent_2022_offers_discount_rate_from: 1.7vmax;
        --travel_agent_2022_offers_discount_ammount_height: 1vmax;
    }
    .travel_agent_2022_offers_info_box {
        align-content: space-between;
    }
    .booking_engine_2021_offers_item {
        flex: 0 1 95%;
    }
    .booking_engine_2021_offers_outer_container {
        width: 100%;
        margin: 0 auto;
    }
    .booking_engine_2021_offers_text {
        height: unset;
    }
}

@media screen and (orientation:landscape) and (max-width: 1350px) {
     :root {
        --travel_agent_2022_offers_info_box_title: 2.5vmax/2.5vmax;
        --travel_agent_2022_offers_info_box_text: 2.2vmax/2.2vmax;
        --travel_agent_2022_offers_title: 2.8vmax/2.6vmax;
        --travel_agent_2022_offers_text: 2.1vmax;
        --travel_agent_2022_offers_text_line_height: 2.9vmax;
        --travel_agent_2022_offers_discount_title: 3.7vmax;
        --travel_agent_2022_offers_discount_ammount: 3.5vmax;
        --travel_agent_2022_offers_discount_rate_from: 1.7vmax;
        --travel_agent_2022_offers_discount_ammount_height: 1vmax;
    }
    .travel_agent_2022_offers_info_box {
        align-content: space-between;
    }
    .booking_engine_2021_offers_item {
        flex: 0 1 95%;
    }
    .booking_engine_2021_offers_text {
        height: unset;
    }
    .booking_engine_2021_offers_image_container {
        height: 60vh;
    }
}