:root {
    --service_provider_2022_booking_bar_input_title: 0.7vw;
    --service_provider_2022_booking_bar_custom_select_selected: 1.2vw;
    --service_provider_2022_booking_bar_callendar: 1.1vw;
    --service_provider_2022_booking_bar_submit: 1.7vw;
    --service_provider_2022_booking_bar_differen_loc: 0.8vw;
    --service_provider_2022_booking_bar_custom_select_items: 1.2vw;
}

.service_provider_2022_booking_bar_master_container {
    width: calc(100% - 3.2vw);
    position: relative;
    margin: 0 auto;
    background-color: #2f97ac;
    box-shadow: 0 2px 9px #000;
    border-radius: 4px;
    padding: 4.3vh 1.6vw 3vh 1.6vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
}

.service_provider_2022_booking_bar_input_master_container {
    position: relative;
    border: 1px solid #ffffff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.service_provider_2022_booking_bar_input_master_container.pick_drop_location {
    flex: 0 1 28%;
    order: 0;
}

.service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
    flex: 0 1 20%;
    order: 2;
}

.pick_drop_datetimes .service_provider_2022_booking_bar_input_container {
    flex: 0 1 50%!important;
}

.service_provider_2022_booking_bar_input_container.pick_drop_time {
    flex: 0 1 50%!important;
    padding: 0.6vh 0.2vw 0.6vh 0.2vw;
}

.service_provider_2022_booking_bar_input_master_container.booking_offer {
    flex: 0 1 14%;
}

.service_provider_2022_booking_bar_input_master_container.car_group {
    --booking_bar_car_group_width: 28%;
    flex: 0 1 var(--booking_bar_car_group_width);
    width: var(--booking_bar_car_group_width);
    order: 1;
}

.car_group .service_provider_2022_booking_bar_input_container {
    width: 100%;
    /* overflow: hidden; */
}

.service_provider_2022_booking_bar_input_container:last-of-type {
    border-left: 1px solid #c4c6cc;
}

.splitted .second_location {
    display: block;
}

.second_location {
    display: none;
}

.service_provider_2022_booking_bar_input_container {
    flex: 1 0 calc(50% - 1px - 0.4vw);
    position: relative;
    padding: 0.7vh 0.2vw 0.7vh 0.2vw;
}

.splitted .service_provider_2022_booking_bar_input_container {
    flex: 0 1 100%;
    position: relative;
}

.service_provider_2022_booking_bar_callendar_container {
    width: 100%;
    position: relative;
}

.service_provider_2022_booking_bar_callendar {
    width: 100%;
    position: relative;
    border: 0;
    cursor: pointer;
    padding: 0.5vh 0 0 0;
    font: 400 var(--service_provider_2022_booking_bar_callendar) 'Effra', sans-serif;
    outline: 0;
    background-color: transparent;
}

.service_provider_2022_booking_bar_button_container {
    flex: 0 1 10%;
    position: relative;
    display: block;
    order: 4;
    margin: 1vh 0 0 0;
}

.service_provider_2022_booking_bar_continue {
    width: 100%;
    position: relative;
    height: 100%;
    background-color: #f88025;
    /* background-color: #a2d13f; */
    font: 400 var(--service_provider_2022_booking_bar_submit) 'Alegre';
    color: #fff;
    padding: 0.5vmax 0;
    border: 0;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
}

.service_provider_2022_booking_bar_continue:hover {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
    transition: 0.2s all ease-in-out;
}

.service_provider_2022_booking_bar_input_title {
    padding: 0 0 0.3vh 0;
    font: 600 var(--service_provider_2022_booking_bar_input_title) 'Open Sans', sans-serif;
    margin: 0;
    color: #ffffff;
}

.service_provider_2022_booking_bar_second_row {
    flex: 0 1 50%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: unset!important;
    font: 400 var(--service_provider_2022_booking_bar_differen_loc) 'Effra', sans-serif;
    order: 3;
    color: #fff;
}

.service_provider_2022_homepage_video_container_text .service_provider_2022_booking_bar_master_container {
    background-color: rgb(47 151 172 / 70%);
}

.service_provider_2022_homepage_video_container_text .service_provider_2022_booking_bar_input_container {
    background-color: #2f97ac;
}

.service_provider_2022_homepage_video_container_text .service_provider_2022_different_location input[type="checkbox"]+label {
    background-color: rgba(255, 255, 255, 1);
}

.service_provider_2022_location_slider_booking_bar2 {
    width: 80%;
    position: relative;
    margin: 0 auto 20px auto;
    top: -50px;
    z-index: 99;
}

.service_provider_2022_location_slider_booking_bar2.halkidiki {
    margin: 0 auto -50px auto;
}

.service_provider_2022_explore_inner_booking_bar_container {
    margin: calc(var(--service_provider_2022_margin_top) + 6vh) auto 5vh auto;
    width: 80%;
    position: relative;
}

.service_provider_2022_accommodation_booking_bar_container {
    margin: var(--service_provider_2022_margin_top) auto 0 auto;
    width: 90%;
    position: relative;
    transform: scaleY(0);
    height: 0;
}

.service_provider_2022_accommodation_booking_bar_container.open {
    transform: scaleY(1);
    margin: calc(var(--service_provider_2022_margin_top) + 5vh) auto 5vh auto;
    height: unset;
    transition: 0.2s all ease-in-out;
}

.service_provider_2022_booking_bar_master_container .popup_divs_custom_select_css .custom_select-selected {
    font: 500 var(--service_provider_2022_booking_bar_custom_select_selected) 'Alegreya Sans', sans-serif;
    white-space: nowrap;
}

.service_provider_2022_booking_bar_master_container .service_provider_2022_different_location {
    width: var(--service_provider_2022_booking_bar_differen_loc);
    height: var(--service_provider_2022_booking_bar_differen_loc);
}

.service_provider_2022_booking_bar_master_container .service_provider_2022_different_location input[type="checkbox"]+label::before {
    font: 600 calc(var(--service_provider_2022_booking_bar_differen_loc) - 0.5vw)/calc(var(--service_provider_2022_booking_bar_differen_loc) - -0.2vw) 'Open Sans', sans-serif;
}

.popup_divs_custom_select_css .custom_select-items div {
    font: 400 var(--service_provider_2022_booking_bar_custom_select_items) 'Alegreya Sans', sans-serif;
}

@media screen and (orientation: portrait) and (max-width: 500px) {
     :root {
        --service_provider_2022_booking_bar_input_title: 3.1vw;
        --service_provider_2022_booking_bar_custom_select_selected: 4.7vw;
        --service_provider_2022_booking_bar_callendar: 4.2vw;
        --service_provider_2022_booking_bar_submit: 6.7vw;
        --service_provider_2022_booking_bar_differen_loc: 3.8vw;
        --service_provider_2022_booking_bar_custom_select_items: 4.0vw;
        --service_provider_2022_booking_bar_custom_select_arrow: 3.0vw;
    }
    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: blue url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
        background-position: right 5px top 50%;
        background-size: var(--service_provider_2022_booking_bar_custom_select_arrow) var(--service_provider_2022_booking_bar_custom_select_arrow);
    }
    .service_provider_2022_booking_bar_master_container {
        padding: 2vh 2vw;
        width: calc(100% - 4vw);
        background-color: rgb(47 151 172 / 100%)!important;
        border-radius: 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        flex: 0 1 100%;
        order: 0;
    }
    .service_provider_2022_booking_bar_input_master_container.splitted {
        border: 0;
    }
    .splitted .service_provider_2022_booking_bar_input_container {
        flex: 0 1 45%;
        border: 1px solid #c4c6cc;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        flex: 0 1 100%;
        order: 4;
        border: 0;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_button_container {
        flex: 0 1 100%;
        order: 4;
    }
    .service_provider_2022_booking_bar_second_row {
        flex: 0 1 100%;
        order: 1;
        padding: 1.5vh 0 0.5vh 0!important;
    }
    .service_provider_2022_booking_bar_input_master_container.car_group {
        --booking_bar_car_group_width: 100%;
        flex: 0 1 var(--booking_bar_car_group_width);
        width: var(--booking_bar_car_group_width);
        order: 2;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_input_master_container {
        justify-content: space-between;
        border: 1px solid #c4c6cc;
    }
    .pick_drop_datetimes .service_provider_2022_booking_bar_input_container {
        flex: 0 1 calc(45% - 1px - 0.4vw)!important;
        border: 1px solid #c4c6cc;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        flex: 0 1 45%;
        order: 3;
    }
    .popup_divs_custom_select_css select {
        display: block;
        outline: none;
        border-radius: 0px;
        border-width: 0 0 0px 0;
        border-style: solid;
        border-color: #aaa;
        color: #222;
        text-align: left;
        text-transform: none;
        padding: 0 0 0.6vh 0;
        font: 500 var(--service_provider_2022_booking_bar_custom_select_selected) 'Alegreya Sans', sans-serif;
        background-color: #2f97ac;
        color: #fff;
        width: 100%;
        cursor: pointer;
        position: relative;
    }
    .popup_divs_custom_select_css .custom_select-selected {
        display: none;
    }
}

@media screen and (orientation: landscape) and (max-width: 900px) {
     :root {
        --service_provider_2022_booking_bar_input_title: 1.3vw;
        --service_provider_2022_booking_bar_custom_select_selected: 2.4vw;
        --service_provider_2022_booking_bar_callendar: 2.1vw;
        --service_provider_2022_booking_bar_submit: 4.3vw;
        --service_provider_2022_booking_bar_differen_loc: 1.8vw;
        --service_provider_2022_booking_bar_custom_select_items: 2.0vw;
        --service_provider_2022_booking_bar_custom_select_arrow: 2.0vw;
    }
    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: blue url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
        background-position: right 5px top 50%;
        background-size: var(--service_provider_2022_booking_bar_custom_select_arrow) var(--service_provider_2022_booking_bar_custom_select_arrow);
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        flex: 0 1 49%;
    }
    .service_provider_2022_booking_bar_input_master_container.car_group {
        --booking_bar_car_group_width: 49%;
        flex: 0 1 var(--booking_bar_car_group_width);
        width: var(--booking_bar_car_group_width);
        order: 1;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_callendar {
        top: 2px;
    }
    .popup_divs_custom_select_css select {
        display: block;
        outline: none;
        border-radius: 0px;
        border-width: 0 0 0px 0;
        border-style: solid;
        border-color: #aaa;
        color: #222;
        text-align: left;
        text-transform: none;
        padding: 0.6vh 0 0.6vh 0;
        font: 500 var(--service_provider_2022_booking_bar_custom_select_selected) 'Alegreya Sans', sans-serif;
        background-color: #fff;
        width: 100%;
        cursor: pointer;
        position: relative;
    }
    .service_provider_2022_booking_bar_master_container .popup_divs_custom_select_css select {
        background-color: #2f97ac;
        color: #fff;
    }
    .popup_divs_custom_select_css .custom_select-selected {
        display: none;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        order: 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        order: 3;
        align-items: stretch;
        margin: 3vh 0 1.5vh 0!important;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        order: 3;
    }
    .service_provider_2022_booking_bar_second_row {
        order: 2;
        padding: 3vh 0 1.5vh 0!important;
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        order: 4;
        /* margin: 1vh auto 0 auto; */
        flex: 0 1 100%;
    }
}

@media screen and (orientation: portrait) and (min-width: 500px) and (max-width: 1280px) {
     :root {
        --service_provider_2022_booking_bar_input_title: 1.3vw;
        --service_provider_2022_booking_bar_custom_select_selected: 2.4vw;
        --service_provider_2022_booking_bar_callendar: 2.1vw;
        --service_provider_2022_booking_bar_submit: 4.7vw;
        --service_provider_2022_booking_bar_differen_loc: 1.8vw;
        --service_provider_2022_booking_bar_custom_select_items: 2.0vw;
        --service_provider_2022_booking_bar_custom_select_arrow: 2.0vw;
    }
    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: blue url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
        background-position: right 5px top 50%;
        background-size: var(--service_provider_2022_booking_bar_custom_select_arrow) var(--service_provider_2022_booking_bar_custom_select_arrow);
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        flex: 0 1 49%;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        flex: 0 1 100%;
    }
    .service_provider_2022_booking_bar_callendar {
        top: -2px;
    }
    .popup_divs_custom_select_css select {
        display: block;
        outline: none;
        border-radius: 0px;
        border-width: 0 0 0px 0;
        border-style: solid;
        border-color: #aaa;
        color: #222;
        text-align: left;
        text-transform: none;
        padding: 0 0 0.0vh 0;
        font: 500 var(--service_provider_2022_booking_bar_custom_select_selected) 'Alegreya Sans', sans-serif;
        background-color: #fff;
        width: 100%;
        cursor: pointer;
        position: relative;
    }
    .service_provider_2022_booking_bar_master_container .popup_divs_custom_select_css select {
        background-color: #2f97ac;
        color: #fff;
    }
    .popup_divs_custom_select_css .custom_select-selected {
        display: none;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        order: 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        order: 3;
        align-items: stretch;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        order: 3;
    }
    .service_provider_2022_booking_bar_input_master_container.car_group {
        --booking_bar_car_group_width: 49%;
        flex: 0 1 var(--booking_bar_car_group_width);
        width: var(--booking_bar_car_group_width);
        order: 1;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_second_row {
        order: 2;
        padding: 1.5vh 0 1vh 0;
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        order: 4;
    }
    .service_provider_2022_homepage_video_container_text {
        width: 90%;
    }
    .service_provider_2022_booking_bar_master_container {
        padding: 2.3vh 1.6vw 2vh 1.6vw;
    }
    .service_provider_2022_booking_bar_input_container {
        padding: 0.2vh 0.2vw 0.2vh 0.2vw;
    }
    .service_provider_2022_booking_bar_input_container.pick_drop_time {
        padding: 0.1vh 0.2vw 0.1vh 0.2vw;
    }
}

@media screen and (orientation: landscape) and (min-width: 900px) and (max-width: 1280px) {
     :root {
        --service_provider_2022_booking_bar_input_title: 1.8vmin;
        --service_provider_2022_booking_bar_custom_select_selected: 2.9vmin;
        --service_provider_2022_booking_bar_callendar: 2.6vmin;
        --service_provider_2022_booking_bar_submit: 5.3vmin;
        --service_provider_2022_booking_bar_differen_loc: 2.3vmin;
        --service_provider_2022_booking_bar_custom_select_items: 2.5vmin;
        --service_provider_2022_booking_bar_custom_select_arrow: 2.0vmin;
    }
    select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: blue url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>") no-repeat;
        background-position: right 5px top 50%;
        background-size: var(--service_provider_2022_booking_bar_custom_select_arrow) var(--service_provider_2022_booking_bar_custom_select_arrow);
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        flex: 0 1 49%;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        flex: 0 1 100%;
    }
    .service_provider_2022_booking_bar_callendar {
        top: -2px;
    }
    .popup_divs_custom_select_css select {
        display: block;
        outline: none;
        border-radius: 0px;
        border-width: 0 0 0px 0;
        border-style: solid;
        border-color: #aaa;
        color: #222;
        text-align: left;
        text-transform: none;
        padding: 0 0 0.0vh 0;
        font: 500 var(--service_provider_2022_booking_bar_custom_select_selected) 'Alegreya Sans', sans-serif;
        background-color: #fff;
        width: 100%;
        cursor: pointer;
        position: relative;
    }
    .service_provider_2022_booking_bar_master_container .popup_divs_custom_select_css select {
        background-color: #2f97ac;
        color: #fff;
    }
    .popup_divs_custom_select_css .custom_select-selected {
        display: none;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_location {
        order: 0;
    }
    .service_provider_2022_booking_bar_input_master_container.pick_drop_datetimes {
        order: 3;
        align-items: stretch;
    }
    .service_provider_2022_booking_bar_input_master_container.booking_offer {
        order: 3;
    }
    .service_provider_2022_booking_bar_input_master_container.car_group {
        --booking_bar_car_group_width: 49%;
        flex: 0 1 var(--booking_bar_car_group_width);
        width: var(--booking_bar_car_group_width);
        order: 1;
        margin: 0 0 1vh 0;
    }
    .service_provider_2022_booking_bar_second_row {
        order: 2;
        padding: 1.5vh 0 1vh 0;
        flex: 0 1 32%;
    }
    .service_provider_2022_booking_bar_button_container {
        order: 4;
    }
    .service_provider_2022_homepage_video_container_text {
        width: 90%;
    }
    .service_provider_2022_booking_bar_master_container {
        padding: 2.3vh 1.6vw 2vh 1.6vw;
    }
    .service_provider_2022_booking_bar_input_container {
        padding: 0.2vh 0.2vw 0.2vh 0.2vw;
    }
    .service_provider_2022_booking_bar_input_container.pick_drop_time {
        padding: 0.1vh 0.2vw 0.1vh 0.2vw;
    }
}

@media screen and (max-width: 1280px) {
    .service_provider_2022_location_slider_booking_bar2 {
        width: 95%;
    }
}