@charset "UTF-8";

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.ttf);
}

/*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-12 00:07:25*/


body:not(.modal-open) {
    padding-right: 0px !important;
}


.ajax_disabled {
    pointer-events: none;
    opacity: 0.5;
}

.package_content {
    font-family: 'Roboto';
    font-size: 32px;
    font-weight: 900;
    color: white;
    margin-top: 70px;
}

.room_content {
    font-family: 'Roboto';
    font-size: 18px;
    color: white;
    font-weight: 400;
}

.see_alternatives_btn {
    border: 2px solid #fff;
    width: auto;
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 12px !important;
    background: #dce2a5;
    color: #006776;
}

.box_details {
    max-width: 260px;
    height: 295px;
    background-color: #186d79;
}

.bordered_col {
    border: 1px solid #4D959F;
    background-color: #4D959F;
    padding: 10px 20px 11px 20px;
}

.modal_title_custom_h {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: 900;
    color: white;
}

.close_btn_custom_modal {
    color: white;
    font-family: 'material';
    font-weight: 400;
    font-size: 24px;
}

.hotel_name {
    font-family: 'Roboto';
    font-size: 16px;
    color: white;
    font-weight: 700;
}

.alternatives_content {
    font-family: 'Roboto';
    font-size: 16px;
    color: white;
    font-weight: 700;
}

.flight_info_details {
    font-family: 'Roboto';
    font-size: 14px;
    color: white;
    font-weight: 500;
}

.package_content_col {
    border: 1px solid #4D959F;
    background-color: #4D959F;
}

.plane_icon {
    color: white;
    font-size: 25px;
    max-width: 260px;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.hotel_icon {
    color: white;
    font-size: 25px;
    max-width: 260px;
}


.icon_airplane_content {
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 16px;
    color: white;
}

.hotel_item {
    font-family: 'Roboto';
    font-size: 14px;
    color: white;
    font-weight: 700;
}

.hotel_item_detail {
    font-family: 'Roboto';
    font-size: 12px;
    color: white;
    font-weight: normal;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.bb-col-white-trans {
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.custom_package_span, .custom_package_span:hover, .custom_package_span:active {
    cursor: pointer;
    color: #fff;
    font-size: 0.8rem;
}

.select-alt-btn {
    border: 2px solid #fff;
    max-height: 35px;
    padding: 5px 0;
    background: #dce2a5;
    color: #006776;
    min-width: 92px;
    font-size: 14px !important;
}

.alternatives-modal .modal-header {
    border-bottom: none !important;
}

.alternatives-modal .modal-dialog {
    min-width: 754px;
}

.alternatives-modal .modal-dialog .modal-content {
    background: #4D959F;
    min-width: 754px;
    max-height: 456px;
    overflow-x: hidden;
    overflow-y: auto;
}

.disabled_select {
    opacity: 0.65;
    pointer-events: none;
}

.box_shadow_package_details {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.custom_destinations {
    font-size: 14px !important;
}

.custom_destinations_label {
    font-size: 12px !important;
}

.dage {
    text-align: left;
    font: Condensed 18px/22px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.max_dage {
    color: #006776;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.error {
    border-color: red !important;
}

.pris_per_pers {
    color: #006776;
}


.package_name {
    font-size: 22px !important;
}

.package_destinations {
    font-size: 18px !important;
}

.custom_disabled {
    opacity: 0.4;
    pointer-events: none;
}

.disabled_button {
    opacity: 0.4;
}

.error_label {
    box-shadow: 0px 0px 4px 1px red;
}

.custom_pack {
    background-color: transparent !important;
    width: 850px !important;
    top: 230px !important;
}

.package_map {
    max-height: 350px;
}

.custom_image_pack {
    height: 100% !important;
    object-fit: cover;
}

.custom_margin_package {
    margin-top: 0;
}

.custom_padding_right {
    padding-right: 100px !important;
}

.custom_padding_left {
    padding-left: 100px !important;
}

.custom_pack .topimage__content__box__headline {
    font-size: 50px !important;
}

.hotel_topimage .topimage__content__box__headline {
    margin-top: 15px;
    margin-bottom: 15px;
}

.custom_pack .topimage__content__box__subheadline {
    margin-top: 25px;
    font-size: 18px !important;
    font-weight: normal;
}


.ferieformer_div,
.nyheder_div {
    background-color: #006776;
    color: white !important;
    min-height: 250px;
    padding-bottom: 30px;
}

.nyheder_div .nyheder-carousel .nyheder_card {
    max-width: unset;
    height: 465px !important;
}

.nyheder_div .nyheder-carousel .inspiration-card.popular-hotel-card.package_card.nyheder_card {
    height: unset !important;
}

.nyheder_div .nyheder-carousel .nyheder_card > .stars__wrapper {
    position: absolute;
    top: 15px;
    left: 15px;
}

.nyheder_div .nyheder-carousel .nyheder_card > img {
    height: 265px;
    width: 395px;
}

.nyheder-carousel .owl-stage-outer .owl-stage .owl-item .item > div > div.package-carousel-map,
.nyheder_div .nyheder-carousel .nyheder_card .package_hotel_trigger_gallery {
    width: 100%;
    height: 540px;
}

.bordered_ferie {
    border: 1px solid #A5E9BC;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    cursor: pointer;
}

.ferieformer_div .container,
.nyheder_div .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 150px;
    padding-right: 150px;
}

.centered-container {
    width: min(100% - 282px, 1603px);
    margin-inline: auto;
}

@media(max-width:991.98px) {
    .centered-container {
        width: calc(100% - 90px);
    }   
}

.container-fluid.ferieformer_page_div,
.container-fluid.ferieformer_page_div .ferieformer_div {
    background-color: unset;
}

#price-list-hotels__ajax > div > .container-fluid.ferieformer_page_div {
    background-color: #006776;
}

@media (max-width: 767.98px) {
    .ferieformer_div .container,
    .nyheder_div .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 35px;
        padding-right: 35px;
    }
}

.ferieformer_h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    color: white !important;
    text-transform: initial;
    text-shadow: 0px 1px 3px #000000;
}

.ferieformer_h4 {
    text-align: right;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 21px !important;
    letter-spacing: 0px;
    color: #A5E9BC;
    text-shadow: 0px 1px 3px #000000;
    opacity: 1;
}

.ferieformer_border {
    color: white !important;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.bordered_ferie:hover {
    background: #A5E9BC !important;
}

.popular_hotel_heading {
    background-color: transparent !important;
    width: 100% !important;
}

.popular_hotel_stars {
    margin-left: 0px !important;
    margin-top: 20px !important;
}

.container_custom_padding {
    padding: 30px !important;
}

.popular_stars {
    color: white !important;
}


.popular_hotel_footer,
.nyheder-carousel .nyheder_footer {
    position: relative !important;
    background-color: #006776 !important;
    color: white !important;
    width: 100% !important;
    text-transform: none !important;
    display: block !important;
    min-height: 196px !important;
}

.popular-hotel-card {
    height: 495px !important;
    padding: 0 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    max-width: 396px;
}

.popular-hotel-card-package {
    height: 445px !important;
    background-color: #07424D !important;
    max-width: 254px;
    margin: auto;
}


.popular_hotel_country_name {
    font-family: Roboto, sans-serif;
    color: white !important;
    font-size: 18px;
}

.popular_hotel_name,
.nyheder-carousel .nyheder_card_title {
    font-family: "Roboto Condensed";
    color: white !important;
    font-size: 30px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 0 !important;
}

.popular-hotel-card-package .popular_hotel_name {
    height: 72px;
}

.popular_hotel_name {
    max-height: 72px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alternative_hotels .inspiration-footer.popular_hotel_footer .popular_hotel_name {
    height: 72px;
}

.popular_hotel_a,
.nyheder-carousel .nyheder_card_link {
    max-width: 260px;
    display: block;
    background-color: #A5E9BC;
    color: #006776;
    text-align: center;
    min-height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 14px;
    margin-top: 10px;
}

.homepage_country_button {
    width: 100%;
    max-width: 100%;
}

.button_dark {
    background-color: #05434E !important;
    color: #A5E9BC !important;
}

.rejs_fra_popular_hotel,
.nyheder-carousel .nyheder_card_date {
    color: #aeb3b2;
    margin-top: 3px !important;
    font-size: 18px;
}

.rejs_fra_popular_hotel .days_label {
    color: white;
    font-family: "Roboto Condensed";
    margin-right: 18px;
    font-size: 18px;
}

.popular_hotel_price,
.nyheder-carousel .nyheder_card_price {
    color: #A5E9BC;
    font-size: 18px;
    font-weight: bold;
    font-family: "Roboto Condensed", sans-serif;
}

.popular_hotel_price span,
.nyheder-carousel .nyheder_card_price span {
    font-size: 11px;
}

.nyheder-carousel > .owl-stage-outer {
    padding-top: 20px !important;
}

.nyheder-carousel > .owl-stage-outer > .owl-stage {
    padding: 0 !important;
}

.nyheder-carousel .nyheder_card {
    background-color: #006776 !important;
    border: none !important;
    height: 750px !important;
    max-width: 810px;
}

.nyheder-carousel .nyheder_card > img {
    max-height: 540px;
}


div.package_hotels-main-content .owl-theme .custom-nav .owl-prev {
    left: -64px;
}

div.package_hotels-main-content .owl-theme .custom-nav .owl-next {
    right: -64px;
}

@media (max-width: 991.98px) {
    div.package_hotels-main-content .owl-theme .custom-nav .owl-prev {
        left: -44px;
    }
    
    div.package_hotels-main-content .owl-theme .custom-nav .owl-next {
        right: -44px;
    }
}

div.nyheder-main-content .owl-theme .custom-nav .owl-prev {
    left: -78px;
}

div.nyheder-main-content .owl-theme .custom-nav .owl-next {
    right: -78px;
}

@media (max-width: 991.98px) {
    div.nyheder-main-content .owl-theme .custom-nav .owl-prev {
        left: -58px;
    }
    
    div.nyheder-main-content .owl-theme .custom-nav .owl-next {
        right: -58px;
    }
}

div.nyheder-main-content .owl-theme .custom-nav {
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
}

.hotel-image-slider-nav .custom-nav {
    top: 10%;
}

.bottom-hotel-image-nav .custom-nav {
    top: 35%;
    margin-left: 25px;
    margin-right: 25px;
}

.hotel-image-slider-nav .custom-nav .owl-prev,
.hotel-image-slider-nav .custom-nav .owl-next,
.bottom-hotel-image-nav .custom-nav .owl-prev,
.bottom-hotel-image-nav .custom-nav .owl-next {
    background: none;
}

.hotel-image-slider-nav .custom-nav .owl-prev i,
.hotel-image-slider-nav .custom-nav .owl-next i,
.bottom-hotel-image-nav .custom-nav .owl-prev i,
.bottom-hotel-image-nav .custom-nav .owl-next i {
    font-size: 2.5rem;
    color: #FFFFFF;
}

.hotel-image-slider-nav .custom-nav .fa {
    font-weight: 100;
}

.bottom-hotel-image-nav .custom-nav .fa {
    font-weight: 800;
}

.custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.custom-nav .owl-prev, .custom-nav .owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}

.custom-nav .owl-prev, .custom-nav .owl-next i {
    font-size: 2.5rem;
    color: #cecece;
}

.custom_package_row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 20px;
}

.custom_package_pricing {
    padding-left: 15px;
    padding-right: 15px;
}

.down-details-bestil {
    color: #a6e7bb !important;
}

.bestil_right_details {
    color: #a6e7bb !important;
}

.flyafgang {
    font-size: 27px;
    font-weight: bolder;
    color: #016776;
}

.flight_info_det {
    font-size: 12px;
    font-weight: normal;
    color: #016776;
}

.flight_number {
    font-size: 19.5px;
    margin-left: 10px;
    width: 69%;
    display: inline-block;
    white-space: nowrap;
}

.flight_type {
    display: block;
    position: absolute;
    color: #006776;
    left: 63px;
    top: 8px;
    font-weight: 800;
    font-size: 14px;
}

.children_age {
    width: 100%;
    padding-left: 10px;
    margin-top: 5px;
    color: #006776 !important;
    font-family: Roboto, sans-serif;
}

.bestil_div {
    background-color: #042f39 !important;
    padding: 25px 50px 0 50px !important;
}

.bestil_div p {
    font-size: 25px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    margin-bottom: 26px;
}

.top_price_button {
    background-color: #a6e7bb !important;
    color: #016776 !important;
    border-color: white !important;
    min-width: 175px !important;
    margin-bottom: 33px;
}

.reset_price_button {
    background-color: #a6e7bb !important;
    color: #016776 !important;
    border-color: white !important;
    min-width: 175px !important;
    margin-bottom: 33px;
}

.disabled_div {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0px 0px -50px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    z-index: 99999999;
}

.map_loader {
    position: absolute;
    z-index: 99999999;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    width: 100%;
    height: 100%;
    transition: opacity .5s;
    top: 50%;
    text-align: center;
}
.map_loader .spinner {
    width: 120px;
    height: 120px;
}
.map_loader span {
    font-weight: bold;
    color: #055B68;
    text-shadow: 1px 1px 5px #00000040;
    max-width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.btn-success-custom {
    background-color: #a6e7bb !important;
    color: #016776 !important;
}

.btn-success-custom:hover {
    background-color: #a6e7bb !important;
    color: #016776 !important;
    border-color: #a6e7bb !important;
}

.btn-danger-custom {
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.active_flight {
    background-color: #a6e7bb !important;
}

.inactive_flight {
    background-color: lightgrey !important;
}

.flightmodal-inside b {
    font-weight: 800;
}

.return-charters_carousel .owl-stage-outer .owl-stage .owl-item.active .item .circle-span,
.popular_packages_carousel .owl-stage-outer .owl-stage .owl-item.active .item .circle-span {
    border: 2px solid #016776;
    padding: 10px 10px 10px 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 10px;
    color: #016776 !important
}

.custom_pack_carousel .owl-stage-outer .owl-stage .owl-item.active .item .circle-span i,
.return-charters_carousel .owl-stage-outer .owl-stage .owl-item.active .item .circle-span i,
.popular_packages_carousel .owl-stage-outer .owl-stage .owl-item.active .item .circle-span i {
    color: #016776 !important;
    margin-top: 0 !important;
}

.return-charters_carousel .owl-stage-outer .owl-stage .owl-item,
.popular_packages_carousel .owl-stage-outer .owl-stage .owl-item {
    min-height: 80px !important;
}

@media (max-width: 1000px) {
    .homepage-offers-carousel .owl-stage-outer .owl-stage .owl-item:last-of-type {
        margin-right: 0 !important;
    }
}

.custom_pack_carousel .owl-stage-outer,
.return-charters_carousel .owl-stage-outer,
.popular_packages_carousel .owl-stage-outer {
    min-height: 80px !important;
}

.nyheder-carousel .owl-stage-outer .owl-stage .owl-item .item > div > div {
    max-height: 270px;
}

.owl-carousel .owl-stage-outer {
    z-index: 9999 !important;
}

button.owl-next:focus,
button.owl-prev:focus {
    outline: none;
}

.destinations_carousel .owl-nav .owl-prev {
    position: absolute !important;
    left: -40px !important;
    top: 0px;
    height: 240px !important;
    width: 40px;
    color: inherit !important;
    background-color: #042f39 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.destinations_carousel .owl-nav .owl-next {
    position: absolute !important;
    right: -40px !important;
    top: 0px;
    height: 240px !important;
    width: 40px;
    color: inherit !important;
    background-color: #042f39 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.flights_carousel .owl-nav .disabled,
.destinations_carousel .owl-nav .disabled {
    opacity: 0.2;
}

.search_btn_pax {
    background: #A6E7BB;
    width: 140px !important;
    margin-top: 50px;
    border: 2px solid #fff
}

.flights_carousel .owl-nav .owl-prev {
    position: absolute !important;
    left: -40px !important;
    top: 0px !important;
    height: 100% !important;
    width: 40px;
    color: inherit !important;
    background-color: #042f39 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.flights_carousel .owl-nav .owl-next {
    position: absolute !important;
    right: -40px !important;
    top: 0 !important;
    height: 100% !important;
    width: 40px;
    color: inherit !important;
    background-color: #042f39 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    z-index: 100 !important;
    margin: 0 !important;
    padding: 0 !important;
}


.flights_carousel .owl-nav i,
.destinations_carousel .owl-nav i {
    font-size: 2.5rem !important;
    color: white !important;
    font-weight: normal !important;
}

.flights_carousel .owl-nav.disabled,
.destinations_carousel .owl-nav.disabled {
    display: unset;
}

.packages_loader {
    height: 35px !important;
    width: 35px !important;
    background-size: 35px !important;
    margin: 0 auto !important;
}


.hidden {
    display: none !important;
}

.custom-nav .owl-prev {
    left: 0;
}

.custom-nav .owl-next {
    right: 0;
}

.main-content {
    position: relative;
}

.alternative_hotels .main-content .owl-theme .custom-nav {
    top: 15%;
}

.main-content .owl-theme .custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.charter_inspiration_tab .owl-theme .custom-nav {
    top: 5px !important;
}

.main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}

.alternative_date_div .jquery-select-trigger-label {
    background-color: #a6e7bb !important;
    border-color: #a6e7bb !important;
    color: #006776 !important;
    min-height: 35px !important;
    padding-top: 7px !important;
    padding-left: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: normal !important;
}

.more_details_alternative_date_div .jquery-select-trigger-label {
    background-color: #a6e7bb !important;
    border-color: #a6e7bb !important;
    color: #006776 !important;
    min-height: 35px !important;
    padding-top: 9px !important;
    padding-left: 10px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-family: Roboto, sans-serif !important;
    font-weight: normal !important;
}

.check_in_out_dates .jquery-select-trigger-label::before,
.check_in_out_dates .disabled_input::before {
    content: "\f073";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}

.more_details_div select {
    background-color: #a6e7bb;
    color: #006776;
    min-height: 35px;
    padding-left: 10px;
    cursor: pointer;
    font-size: 14px;
    border: none;
    width: 100%;
}

.number_of_persons_div .total_persons_span {
    font-size: 12px;
}

.more_info_details_more_details {
    font-size: 18px;
    font-family: "Roboto Condensed";
}

.more_info_details button {
    font-size: 14px;
}

.more_info_details_duration::before {
    content: "\f072";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 18px;
    display: inline-block;
    transform: rotate(-45deg);
}

.more_info_details_duration {
    color: #006776;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    font-weight: bold;
}


.main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i {
    font-size: 60px;
    font-weight: normal;
    color: white;
}

.main-content .owl-theme .custom-nav .owl-prev {
    left: -40px;
}

.main-content .owl-theme .custom-nav .owl-next {
    right: -40px;
}

.charter_inspiration_tab .owl-theme .custom-nav .owl-prev,
.charter_inspiration_tab .owl-theme .custom-nav .owl-prev:hover {
    left: -6px;
    height: 170px;
    background-image: linear-gradient(to left, transparent , #0a5f6b);
}

.charter_inspiration_tab .owl-theme .custom-nav .owl-next,
.charter_inspiration_tab .owl-theme .custom-nav .owl-next:hover {
    right: -6px;
    height: 170px;
    background-image: linear-gradient(to right, transparent , #0a5f6b);
}

.custom_hotel_popular {
    color: #a6e7bb;
}

.custom_hotel_span_udvidet {
    color: white;
    cursor: pointer;
}

.custom_search_more_filters {
    background-color: #e0ede4;
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    min-height: 150px;
}

.package_hotel_content {
    transition: box-shadow 1s;
}

.more_details {
    position: absolute;
    bottom: -15px;
    right: 50%;
    font-size: 50px;
}

@media (hover: hover) {
    .package_hotel_content:hover {
        -webkit-box-shadow: inset 0 0 120px 50px #1a5158ba;
        -moz-box-shadow: inset 0 0 120px 50px #1a5158ba;
        box-shadow: inset 0 0 120px 50px #1a5158ba;
        transition: box-shadow 0.2s;
    }
}

.package_hotel_content:hover
.search_button_custom {
    background-color: #a6e7bb !important;
}

.more_info_div {
    background: white;
    min-height: unset;
}

.more_details_div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.more_info_div .control_buttons {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

.more_info_details_status {
    color: #a6e7bb;
    text-transform: uppercase;
}

.more_info_details {
    color: #006776;
    width: 230px;
    height: 40px;
}


.control_buttons button.generate_next_destination {
    background-color: #006776;
}

.control_buttons button {
    background-color: #a6e7bb;
}

.custom_pack_departures_label {
    color: #A5E9BC !important;
    /* pointer-events: none;*/
}

.custom_pack_departures_checkbox + label:before {
    border-color: #fff !important;
}

.custom_pack_departures_checkbox:checked + label:before {
    background-color: white !important;
    border-color: white !important;
    color: #006776 !important;
    font-weight: bold !important;
}

.hotels_packages, .package_hotel_footer {
    background-color: #07424d !important;
}

.package_card {
    overflow: hidden;
}

.package-img-fluid {
    transition: transform 1s;
    max-height: 264px !important;
}

.package-img-fluid:hover {
    transform: scale(1.2);
    -webkit-box-shadow: inset 10px 10px 250px 50px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 10px 10px 250px 50px rgba(0, 0, 0, 0.75);
    box-shadow: inset 10px 10px 250px 50px rgba(0, 0, 0, 0.75);
}

.disabled_input {
    background-color: #a6e7bb;
    color: #006776;
    min-height: 35px;
    padding-top: 7px;
    padding-left: 10px;
    cursor: default;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

.titles_pack {
    font-family: "Roboto Condensed", sans-serif;
}

.package_content_div,
.custom_package_div {
    background-color: #07424d !important;
    padding: 60px 60px 36px 60px;
}

.package_hotel_content {
    background-color: #a6e7bb !important;
}

.package_hotel_country_name {
    color: #006776;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.package_hotel_name {
    color: #006776;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.package_hotel_discount {
    position: relative;
    bottom: 35%;
}

.package_hotel_date {
    color: #006776;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
}

.package_hotel_price {
    color: #006776;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    font-weight: bold;
}

.flight_det {
    color: #006776;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.flight_det i {
    transform: rotate(-45deg)
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.circle-span {
    border: 2px solid #a6e7bb;
    padding: 10px 10px 10px 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 10px;
    color: #a6e7bb !important;
}

.custom_margin_package .step-div {
    padding: 0;
    margin-left: 15px;
}

.package_container {
    color: white;
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    max-width: 90% !important;
    width: 100% !important;
}

.package_first_content {
    color: white;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 60px;
    text-shadow: 0px 1px 3px #000000;
}

.package_second_content {
    color: white;
    text-transform: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-shadow: 0px 1px 3px #000000;
}

.circle-span i {
    margin-top: 15px;
    color: #a6e7bb !important;
}

.package_route {
    color: #a6e7bb !important;
    font-family: "Roboto Condensed";
    font-size: 18px;
}

.new_package_hotel_name {
    color: #a6e7bb !important;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
}

.other_package_detail {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: normal;
    font-size: 14px;
}

.package_edit {
    color: #a6e7bb;
}

.package_edit .package_edit_button {
    cursor: pointer;
}

.package_date {
    font-size: 18px;
}

.return-charters-main-content,
.destinations-main-content,
.charters-main-content, .nyheder-main-content {
    margin-bottom: 30px;
}

.line {
    width: 2px;
    height: calc(100% - 22px);
    margin-left: 21px;
    margin-top: 8px;
    background-color: #a6e7bb;
    position: absolute;
    top: 37px;
}

.steps-line.last-line {
    display: none;
}

.dashed_line {
    border: 1px dashed #07424d;
}

.map-expand-button {
    position: absolute;
    right: -120px;
    padding: 15px 50px 15px 15px;
    background: #D3FDFE;
    color: #006776;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 25px;
}

.map-retract-button {
    position: absolute;
    right: -38px;
    padding: 15px;
    background: #D3FDFE;
    color: #006776;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 25px;
}

.carousel-map-expand-button {
    position: absolute;
    top: 20px;
    right: 15px;
    padding: 2px 18px 2px 8px;
    background: #D3FDFE;
    color: #006776;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0px 2px 5px 0px #00000075;
    font-size: 25px;
    z-index: 1;
    cursor: pointer;
}

.carousel-map-expand-button::before{
    padding-left: 10px
}

.package-map {
    height: 395px;
    margin-bottom: 30px;
}

.package-carousel-map {
    position: absolute;
    max-height: 540px !important;
    height: 540px;
    width: 100%;
}

#map-button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

#inspiration-carousel .owl-stage-outer {
    padding-top: 20px;
}

#inspiration-carousel .owl-stage {
    margin: 0 auto;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: 0 !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-max,
.irs-min {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: 0 !important;
    z-index: -9999 !important;
    background: 0 0 !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
    background-color: #a43540
}

.irs--flat .irs-max,
.irs--flat .irs-min {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px
}

.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: #fff;
    background: linear-gradient(to bottom, #ddd -50%, #fff 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #fff 0, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, .5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, .3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, #fff 0, #b4b9be 30%, #fff 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px #fff;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, .45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%)
}

.irs--big .irs-max,
.irs--big .irs-min {
    top: 0;
    padding: 1px 5px;
    color: #fff;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
    color: #fff;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, .5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: #fff;
    transform: rotate(45deg)
}

.irs--modern .irs-handle > i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, #fff 0, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #fff 0, #919ba5 30%, #fff 100%)
}

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-max,
.irs--modern .irs-min {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: #fff;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: #fff;
    border-radius: 5px
}

.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, .5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: #000
}

.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: #000
}

.irs--sharp .irs-max,
.irs--sharp .irs-min {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from,
.irs--sharp .irs-single,
.irs--sharp .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: #fff;
    border-radius: 2px
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, .5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, .3)
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-max,
.irs--round .irs-min {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 4px
}

.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: #fff;
    border-radius: 4px
}

.irs--round .irs-from:before,
.irs--round .irs-single:before,
.irs--round .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: #000
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid #000;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-max,
.irs--square .irs-min {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, .1)
}

.irs--square .irs-from,
.irs--square .irs-single,
.irs--square .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #000;
    color: #fff
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-primary {
    background-color: #006776 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #003a43 !important
}

.bg-secondary {
    background-color: #dce2a5 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #cdd67e !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffd300 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #cca900 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #c0c7bc !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #a6b0a0 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-yellowdark {
    background-color: #dce2a5 !important
}

a.bg-yellowdark:focus,
a.bg-yellowdark:hover,
button.bg-yellowdark:focus,
button.bg-yellowdark:hover {
    background-color: #cdd67e !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #006776 !important
}

.border-secondary {
    border-color: #dce2a5 !important
}

.border-success {
    border-color: #28a745 !important
}

.border-info {
    border-color: #17a2b8 !important
}

.border-warning {
    border-color: #ffd300 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #c0c7bc !important
}

.border-dark {
    border-color: #343a40 !important
}

.border-yellowdark {
    border-color: #dce2a5 !important
}

.border-white {
    border-color: #fff !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-right {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-left {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.badge,
.rounded-circle {
    border-radius: 50% !important
}

.rounded-0 {
    border-radius: 0 !important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.mh-100 {
    max-height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.no-transform {
    transform: unset !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: #006776 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #003a43 !important
}

.text-secondary {
    color: #dce2a5 !important
}

a.text-secondary:focus,
a.text-secondary:hover {
    color: #cdd67e !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
    color: #1e7e34 !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
    color: #117a8b !important
}

.text-warning {
    color: #ffd300 !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #cca900 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #bd2130 !important
}

.text-light {
    color: #c0c7bc !important
}

a.text-light:focus,
a.text-light:hover {
    color: #a6b0a0 !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
    color: #1d2124 !important
}

.text-yellowdark {
    color: #dce2a5 !important
}

a.text-yellowdark:focus,
a.text-yellowdark:hover {
    color: #cdd67e !important
}

.text-body {
    color: #666 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
    text-align: left;
    background-color: #fff;
    max-width: 100vw
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1.5rem
}

p {
    margin-top: 0;
    margin-bottom: 2rem
}

abbr[data-original-title],
abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #006776;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #00242a;
    text-decoration: none
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1.5rem;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #006776
}

.h1,
h1 {
    font-size: 2.2rem
}

.h2,
h2 {
    font-size: 1.85rem
}

.h3,
h3 {
    font-size: 1.5rem
}

.h4,
h4 {
    font-size: 1.15rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .packages_search .search__fieldswrapper,
    .container {
        max-width: 100%;
    }
}

@media (min-width: 991px) {
    .packages_search .search__fieldswrapper,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .packages_search .search__fieldswrapper,
    .container {
        max-width: 960px
    }
    .container.menu-container {
        max-width: 98%;
    }
}

@media (min-width: 1200px) {
    .packages_search .search__fieldswrapper,
    .container {
        max-width: 1210px
    }
    .container.menu-container {
        max-width: 95%;
    }
}

@media (min-width: 1400px) {
    .container.menu-container {
        max-width: 85%;
    }
}

@media (min-width: 1900px) {
    .container.menu-container {
        max-width: 1603px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background-color: #006776;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-xlg-1_5
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1_5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-1_6 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1520px) {
    .col-xlg-1_5 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xlg-1_6 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
}

.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.search__select__all__departures .btn {
    padding: .55rem 1rem;
}

.search__select__all__departures {
    background: #006776;
    color: #FFFFFF;
    text-transform: uppercase;
}

.search__select__all__departures:hover {
    color: #FFFFFF;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:focus,
.btn:hover {
    text-decoration: none
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .25)
}

.btn.disabled,
.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    background-color: #006776;
    border-color: #006776
}

.btn-primary:hover {
    color: #fff;
    background-color: #004650;
    border-color: #003a43
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #006776;
    border-color: #006776
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #003a43;
    border-color: #002f36
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .5)
}

.btn-secondary {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-secondary:hover {
    color: #212529;
    background-color: #d1d988;
    border-color: #cdd67e
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #cdd67e;
    border-color: #c9d275
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-success.disabled,
.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-info.disabled,
.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-warning {
    color: #212529;
    background-color: #ffd300;
    border-color: #ffd300
}

.btn-warning:hover {
    color: #212529;
    background-color: #d9b300;
    border-color: #cca900
}

.btn-warning.focus,
.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 211, 0, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
    color: #212529;
    background-color: #ffd300;
    border-color: #ffd300
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #cca900;
    border-color: #bf9e00
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 211, 0, .5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-light {
    color: #212529;
    background-color: #c0c7bc;
    border-color: #c0c7bc
}

.btn-light:hover {
    color: #212529;
    background-color: #acb6a7;
    border-color: #a6b0a0
}

.btn-light.focus,
.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(192, 199, 188, .5)
}

.btn-light.disabled,
.btn-light:disabled {
    color: #212529;
    background-color: #c0c7bc;
    border-color: #c0c7bc
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #a6b0a0;
    border-color: #9faa99
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(192, 199, 188, .5)
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-yellowdark {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-yellowdark:hover {
    color: #212529;
    background-color: #d1d988;
    border-color: #cdd67e
}

.btn-yellowdark.focus,
.btn-yellowdark:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-yellowdark.disabled,
.btn-yellowdark:disabled {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-yellowdark:not(:disabled):not(.disabled).active,
.btn-yellowdark:not(:disabled):not(.disabled):active,
.show > .btn-yellowdark.dropdown-toggle {
    color: #212529;
    background-color: #cdd67e;
    border-color: #c9d275
}

.btn-yellowdark:not(:disabled):not(.disabled).active:focus,
.btn-yellowdark:not(:disabled):not(.disabled):active:focus,
.show > .btn-yellowdark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-turquoisedark {
    color: #A5E9BC;
    border: 2px solid #fff !important;
    background: #006776;
}

.btn-turquoisedark:hover {
    color: #A5E9BC;
    border: 2px solid #006776 !important;
    background: #006776;
}

.btn-greenlight {
    color: #006776;
    border: 2px solid #fff !important;
    background: #A5E9BC;
}

.btn-greenlight:hover {
    color: #006776;
    border: 2px solid #A5E9BC !important;
    background: #A5E9BC;
}

.btn-outline-primary {
    color: #006776;
    background-color: transparent;
    background-image: none;
    border-color: #006776
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #006776;
    border-color: #006776
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #006776;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #006776;
    border-color: #006776
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .5)
}

.btn-outline-secondary {
    color: #dce2a5;
    background-color: transparent;
    background-image: none;
    border-color: #dce2a5
}

.btn-outline-secondary:hover {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #dce2a5;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
    color: #ffd300;
    background-color: transparent;
    background-image: none;
    border-color: #ffd300
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffd300;
    border-color: #ffd300
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 211, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
    color: #ffd300;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffd300;
    border-color: #ffd300
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 211, 0, .5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
    color: #c0c7bc;
    background-color: transparent;
    background-image: none;
    border-color: #c0c7bc
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #c0c7bc;
    border-color: #c0c7bc
}

.btn-outline-light.focus,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(192, 199, 188, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
    color: #c0c7bc;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #c0c7bc;
    border-color: #c0c7bc
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(192, 199, 188, .5)
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-yellowdark {
    color: #dce2a5;
    background-color: transparent;
    background-image: none;
    border-color: #dce2a5
}

.btn-outline-yellowdark:hover {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-outline-yellowdark.focus,
.btn-outline-yellowdark:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-outline-yellowdark.disabled,
.btn-outline-yellowdark:disabled {
    color: #dce2a5;
    background-color: transparent
}

.btn-outline-yellowdark:not(:disabled):not(.disabled).active,
.btn-outline-yellowdark:not(:disabled):not(.disabled):active,
.show > .btn-outline-yellowdark.dropdown-toggle {
    color: #212529;
    background-color: #dce2a5;
    border-color: #dce2a5
}

.btn-outline-yellowdark:not(:disabled):not(.disabled).active:focus,
.btn-outline-yellowdark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-yellowdark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 226, 165, .5)
}

.btn-link {
    font-weight: 400;
    color: #006776;
    background-color: transparent
}

.btn-link:hover {
    color: #00242a;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus,
.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-lg {
    padding: .5rem 2rem;
    font-size: 1.15rem;
    line-height: 1.5;
    border-radius: 0
}

.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    width: 100%
}

.form-control,
form .input input[type=color],
form .input input[type=date],
form .input input[type=datetime],
form .input input[type=email],
form .input input[type=number],
form .input input[type=password],
form .input input[type=tel],
form .input input[type=text],
form .input input[type=time],
form .input select,
form .input textarea {
    display: block;
    width: 100%;
    height: calc(2.25rem + 0);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid #ced4da;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control,
    form .input input[type=color],
    form .input input[type=date],
    form .input input[type=datetime],
    form .input input[type=email],
    form .input input[type=number],
    form .input input[type=password],
    form .input input[type=tel],
    form .input input[type=text],
    form .input input[type=time],
    form .input select,
    form .input textarea {
        transition: none
    }
}

.form-control::-ms-expand,
form .input input[type=color]::-ms-expand,
form .input input[type=date]::-ms-expand,
form .input input[type=datetime]::-ms-expand,
form .input input[type=email]::-ms-expand,
form .input input[type=number]::-ms-expand,
form .input input[type=password]::-ms-expand,
form .input input[type=tel]::-ms-expand,
form .input input[type=text]::-ms-expand,
form .input input[type=time]::-ms-expand,
form .input select::-ms-expand,
form .input textarea::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus,
form .input input:focus[type=color],
form .input input:focus[type=date],
form .input input:focus[type=datetime],
form .input input:focus[type=email],
form .input input:focus[type=number],
form .input input:focus[type=password],
form .input input:focus[type=tel],
form .input input:focus[type=text],
form .input input:focus[type=time],
form .input select:focus,
form .input textarea:focus {
    color: #495057;
    background-color: #fff;
    border-color: #00d6f6;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .25)
}

.form-control::placeholder,
form .input input[type=color]::placeholder,
form .input input[type=date]::placeholder,
form .input input[type=datetime]::placeholder,
form .input input[type=email]::placeholder,
form .input input[type=number]::placeholder,
form .input input[type=password]::placeholder,
form .input input[type=tel]::placeholder,
form .input input[type=text]::placeholder,
form .input input[type=time]::placeholder,
form .input select::placeholder,
form .input textarea::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly],
form .input input:disabled[type=color],
form .input input:disabled[type=date],
form .input input:disabled[type=datetime],
form .input input:disabled[type=email],
form .input input:disabled[type=number],
form .input input:disabled[type=password],
form .input input:disabled[type=tel],
form .input input:disabled[type=text],
form .input input:disabled[type=time],
form .input input[readonly][type=color],
form .input input[readonly][type=date],
form .input input[readonly][type=datetime],
form .input input[readonly][type=email],
form .input input[readonly][type=number],
form .input input[readonly][type=password],
form .input input[readonly][type=tel],
form .input input[readonly][type=text],
form .input input[readonly][type=time],
form .input select:disabled,
form .input select[readonly],
form .input textarea:disabled,
form .input textarea[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

form .input select:focus::-ms-value,
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 0);
    padding-bottom: calc(.375rem + 0);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 0);
    padding-bottom: calc(.5rem + 0);
    font-size: 1.15rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 0);
    padding-bottom: calc(.25rem + 0);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #666;
    background-color: transparent;
    border: solid transparent;
    border-width: 0 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.8125rem + 0);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.form-control-lg {
    height: calc(2.725rem + 0);
    padding: .5rem 2rem;
    font-size: 1.15rem;
    line-height: 1.5
}

form .input select[multiple],
form .input select[size],
select.form-control[multiple],
select.form-control[size] {
    height: auto
}

form .input textarea,
textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row > .col,
.form-row > [class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9)
}

.custom-select.is-valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.was-validated .form-control:valid,
.was-validated form .input input:valid[type=color],
.was-validated form .input input:valid[type=date],
.was-validated form .input input:valid[type=datetime],
.was-validated form .input input:valid[type=email],
.was-validated form .input input:valid[type=number],
.was-validated form .input input:valid[type=password],
.was-validated form .input input:valid[type=tel],
.was-validated form .input input:valid[type=text],
.was-validated form .input input:valid[type=time],
.was-validated form .input select:valid,
.was-validated form .input textarea:valid,
form .input .was-validated input:valid[type=color],
form .input .was-validated input:valid[type=date],
form .input .was-validated input:valid[type=datetime],
form .input .was-validated input:valid[type=email],
form .input .was-validated input:valid[type=number],
form .input .was-validated input:valid[type=password],
form .input .was-validated input:valid[type=tel],
form .input .was-validated input:valid[type=text],
form .input .was-validated input:valid[type=time],
form .input .was-validated select:valid,
form .input .was-validated textarea:valid,
form .input input.is-valid[type=color],
form .input input.is-valid[type=date],
form .input input.is-valid[type=datetime],
form .input input.is-valid[type=email],
form .input input.is-valid[type=number],
form .input input.is-valid[type=password],
form .input input.is-valid[type=tel],
form .input input.is-valid[type=text],
form .input input.is-valid[type=time],
form .input select.is-valid,
form .input textarea.is-valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.was-validated .form-control:valid:focus,
.was-validated form .input input:valid:focus[type=color],
.was-validated form .input input:valid:focus[type=date],
.was-validated form .input input:valid:focus[type=datetime],
.was-validated form .input input:valid:focus[type=email],
.was-validated form .input input:valid:focus[type=number],
.was-validated form .input input:valid:focus[type=password],
.was-validated form .input input:valid:focus[type=tel],
.was-validated form .input input:valid:focus[type=text],
.was-validated form .input input:valid:focus[type=time],
.was-validated form .input select:valid:focus,
.was-validated form .input textarea:valid:focus,
form .input .was-validated input:valid:focus[type=color],
form .input .was-validated input:valid:focus[type=date],
form .input .was-validated input:valid:focus[type=datetime],
form .input .was-validated input:valid:focus[type=email],
form .input .was-validated input:valid:focus[type=number],
form .input .was-validated input:valid:focus[type=password],
form .input .was-validated input:valid:focus[type=tel],
form .input .was-validated input:valid:focus[type=text],
form .input .was-validated input:valid:focus[type=time],
form .input .was-validated select:valid:focus,
form .input .was-validated textarea:valid:focus,
form .input input.is-valid:focus[type=color],
form .input input.is-valid:focus[type=date],
form .input input.is-valid:focus[type=datetime],
form .input input.is-valid:focus[type=email],
form .input input.is-valid:focus[type=number],
form .input input.is-valid:focus[type=password],
form .input input.is-valid:focus[type=tel],
form .input input.is-valid:focus[type=text],
form .input input.is-valid:focus[type=time],
form .input select.is-valid:focus,
form .input textarea.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.was-validated form .input input:valid[type=color] ~ .valid-feedback,
.was-validated form .input input:valid[type=color] ~ .valid-tooltip,
.was-validated form .input input:valid[type=date] ~ .valid-feedback,
.was-validated form .input input:valid[type=date] ~ .valid-tooltip,
.was-validated form .input input:valid[type=datetime] ~ .valid-feedback,
.was-validated form .input input:valid[type=datetime] ~ .valid-tooltip,
.was-validated form .input input:valid[type=email] ~ .valid-feedback,
.was-validated form .input input:valid[type=email] ~ .valid-tooltip,
.was-validated form .input input:valid[type=number] ~ .valid-feedback,
.was-validated form .input input:valid[type=number] ~ .valid-tooltip,
.was-validated form .input input:valid[type=password] ~ .valid-feedback,
.was-validated form .input input:valid[type=password] ~ .valid-tooltip,
.was-validated form .input input:valid[type=tel] ~ .valid-feedback,
.was-validated form .input input:valid[type=tel] ~ .valid-tooltip,
.was-validated form .input input:valid[type=text] ~ .valid-feedback,
.was-validated form .input input:valid[type=text] ~ .valid-tooltip,
.was-validated form .input input:valid[type=time] ~ .valid-feedback,
.was-validated form .input input:valid[type=time] ~ .valid-tooltip,
.was-validated form .input select:valid ~ .valid-feedback,
.was-validated form .input select:valid ~ .valid-tooltip,
.was-validated form .input textarea:valid ~ .valid-feedback,
.was-validated form .input textarea:valid ~ .valid-tooltip,
form .input .was-validated input:valid[type=color] ~ .valid-feedback,
form .input .was-validated input:valid[type=color] ~ .valid-tooltip,
form .input .was-validated input:valid[type=date] ~ .valid-feedback,
form .input .was-validated input:valid[type=date] ~ .valid-tooltip,
form .input .was-validated input:valid[type=datetime] ~ .valid-feedback,
form .input .was-validated input:valid[type=datetime] ~ .valid-tooltip,
form .input .was-validated input:valid[type=email] ~ .valid-feedback,
form .input .was-validated input:valid[type=email] ~ .valid-tooltip,
form .input .was-validated input:valid[type=number] ~ .valid-feedback,
form .input .was-validated input:valid[type=number] ~ .valid-tooltip,
form .input .was-validated input:valid[type=password] ~ .valid-feedback,
form .input .was-validated input:valid[type=password] ~ .valid-tooltip,
form .input .was-validated input:valid[type=tel] ~ .valid-feedback,
form .input .was-validated input:valid[type=tel] ~ .valid-tooltip,
form .input .was-validated input:valid[type=text] ~ .valid-feedback,
form .input .was-validated input:valid[type=text] ~ .valid-tooltip,
form .input .was-validated input:valid[type=time] ~ .valid-feedback,
form .input .was-validated input:valid[type=time] ~ .valid-tooltip,
form .input .was-validated select:valid ~ .valid-feedback,
form .input .was-validated select:valid ~ .valid-tooltip,
form .input .was-validated textarea:valid ~ .valid-feedback,
form .input .was-validated textarea:valid ~ .valid-tooltip,
form .input input.is-valid[type=color] ~ .valid-feedback,
form .input input.is-valid[type=color] ~ .valid-tooltip,
form .input input.is-valid[type=date] ~ .valid-feedback,
form .input input.is-valid[type=date] ~ .valid-tooltip,
form .input input.is-valid[type=datetime] ~ .valid-feedback,
form .input input.is-valid[type=datetime] ~ .valid-tooltip,
form .input input.is-valid[type=email] ~ .valid-feedback,
form .input input.is-valid[type=email] ~ .valid-tooltip,
form .input input.is-valid[type=number] ~ .valid-feedback,
form .input input.is-valid[type=number] ~ .valid-tooltip,
form .input input.is-valid[type=password] ~ .valid-feedback,
form .input input.is-valid[type=password] ~ .valid-tooltip,
form .input input.is-valid[type=tel] ~ .valid-feedback,
form .input input.is-valid[type=tel] ~ .valid-tooltip,
form .input input.is-valid[type=text] ~ .valid-feedback,
form .input input.is-valid[type=text] ~ .valid-tooltip,
form .input input.is-valid[type=time] ~ .valid-feedback,
form .input input.is-valid[type=time] ~ .valid-tooltip,
form .input select.is-valid ~ .valid-feedback,
form .input select.is-valid ~ .valid-tooltip,
form .input textarea.is-valid ~ .valid-feedback,
form .input textarea.is-valid ~ .valid-tooltip {
    display: block
}

.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip,
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip {
    display: block
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: #28a745
}

.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip,
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid ~ .custom-file-label::after,
.was-validated .custom-file-input:valid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip,
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9)
}

.custom-select.is-invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid,
.was-validated form .input input:invalid[type=color],
.was-validated form .input input:invalid[type=date],
.was-validated form .input input:invalid[type=datetime],
.was-validated form .input input:invalid[type=email],
.was-validated form .input input:invalid[type=number],
.was-validated form .input input:invalid[type=password],
.was-validated form .input input:invalid[type=tel],
.was-validated form .input input:invalid[type=text],
.was-validated form .input input:invalid[type=time],
.was-validated form .input select:invalid,
.was-validated form .input textarea:invalid,
form .input .was-validated input:invalid[type=color],
form .input .was-validated input:invalid[type=date],
form .input .was-validated input:invalid[type=datetime],
form .input .was-validated input:invalid[type=email],
form .input .was-validated input:invalid[type=number],
form .input .was-validated input:invalid[type=password],
form .input .was-validated input:invalid[type=tel],
form .input .was-validated input:invalid[type=text],
form .input .was-validated input:invalid[type=time],
form .input .was-validated select:invalid,
form .input .was-validated textarea:invalid,
form .input input.is-invalid[type=color],
form .input input.is-invalid[type=date],
form .input input.is-invalid[type=datetime],
form .input input.is-invalid[type=email],
form .input input.is-invalid[type=number],
form .input input.is-invalid[type=password],
form .input input.is-invalid[type=tel],
form .input input.is-invalid[type=text],
form .input input.is-invalid[type=time],
form .input select.is-invalid,
form .input textarea.is-invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus,
.was-validated form .input input:invalid:focus[type=color],
.was-validated form .input input:invalid:focus[type=date],
.was-validated form .input input:invalid:focus[type=datetime],
.was-validated form .input input:invalid:focus[type=email],
.was-validated form .input input:invalid:focus[type=number],
.was-validated form .input input:invalid:focus[type=password],
.was-validated form .input input:invalid:focus[type=tel],
.was-validated form .input input:invalid:focus[type=text],
.was-validated form .input input:invalid:focus[type=time],
.was-validated form .input select:invalid:focus,
.was-validated form .input textarea:invalid:focus,
form .input .was-validated input:invalid:focus[type=color],
form .input .was-validated input:invalid:focus[type=date],
form .input .was-validated input:invalid:focus[type=datetime],
form .input .was-validated input:invalid:focus[type=email],
form .input .was-validated input:invalid:focus[type=number],
form .input .was-validated input:invalid:focus[type=password],
form .input .was-validated input:invalid:focus[type=tel],
form .input .was-validated input:invalid:focus[type=text],
form .input .was-validated input:invalid:focus[type=time],
form .input .was-validated select:invalid:focus,
form .input .was-validated textarea:invalid:focus,
form .input input.is-invalid:focus[type=color],
form .input input.is-invalid:focus[type=date],
form .input input.is-invalid:focus[type=datetime],
form .input input.is-invalid:focus[type=email],
form .input input.is-invalid:focus[type=number],
form .input input.is-invalid:focus[type=password],
form .input input.is-invalid:focus[type=tel],
form .input input.is-invalid:focus[type=text],
form .input input.is-invalid:focus[type=time],
form .input select.is-invalid:focus,
form .input textarea.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=color] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=color] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=date] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=date] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=datetime] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=datetime] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=email] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=email] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=number] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=number] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=password] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=password] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=tel] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=tel] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=text] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=text] ~ .invalid-tooltip,
.was-validated form .input input:invalid[type=time] ~ .invalid-feedback,
.was-validated form .input input:invalid[type=time] ~ .invalid-tooltip,
.was-validated form .input select:invalid ~ .invalid-feedback,
.was-validated form .input select:invalid ~ .invalid-tooltip,
.was-validated form .input textarea:invalid ~ .invalid-feedback,
.was-validated form .input textarea:invalid ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=color] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=color] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=date] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=date] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=datetime] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=datetime] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=email] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=email] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=number] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=number] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=password] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=password] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=tel] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=tel] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=text] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=text] ~ .invalid-tooltip,
form .input .was-validated input:invalid[type=time] ~ .invalid-feedback,
form .input .was-validated input:invalid[type=time] ~ .invalid-tooltip,
form .input .was-validated select:invalid ~ .invalid-feedback,
form .input .was-validated select:invalid ~ .invalid-tooltip,
form .input .was-validated textarea:invalid ~ .invalid-feedback,
form .input .was-validated textarea:invalid ~ .invalid-tooltip,
form .input input.is-invalid[type=color] ~ .invalid-feedback,
form .input input.is-invalid[type=color] ~ .invalid-tooltip,
form .input input.is-invalid[type=date] ~ .invalid-feedback,
form .input input.is-invalid[type=date] ~ .invalid-tooltip,
form .input input.is-invalid[type=datetime] ~ .invalid-feedback,
form .input input.is-invalid[type=datetime] ~ .invalid-tooltip,
form .input input.is-invalid[type=email] ~ .invalid-feedback,
form .input input.is-invalid[type=email] ~ .invalid-tooltip,
form .input input.is-invalid[type=number] ~ .invalid-feedback,
form .input input.is-invalid[type=number] ~ .invalid-tooltip,
form .input input.is-invalid[type=password] ~ .invalid-feedback,
form .input input.is-invalid[type=password] ~ .invalid-tooltip,
form .input input.is-invalid[type=tel] ~ .invalid-feedback,
form .input input.is-invalid[type=tel] ~ .invalid-tooltip,
form .input input.is-invalid[type=text] ~ .invalid-feedback,
form .input input.is-invalid[type=text] ~ .invalid-tooltip,
form .input input.is-invalid[type=time] ~ .invalid-feedback,
form .input input.is-invalid[type=time] ~ .invalid-tooltip,
form .input select.is-invalid ~ .invalid-feedback,
form .input select.is-invalid ~ .invalid-tooltip,
form .input textarea.is-invalid ~ .invalid-feedback,
form .input textarea.is-invalid ~ .invalid-tooltip {
    display: block
}

.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip,
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip {
    display: block
}

.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid ~ .custom-file-label::after,
.was-validated .custom-file-input:invalid ~ .custom-file-label::after {
    border-color: inherit
}

.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip,
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control,
    .form-inline form .input input[type=color],
    .form-inline form .input input[type=date],
    .form-inline form .input input[type=datetime],
    .form-inline form .input input[type=email],
    .form-inline form .input input[type=number],
    .form-inline form .input input[type=password],
    .form-inline form .input input[type=tel],
    .form-inline form .input input[type=text],
    .form-inline form .input input[type=time],
    .form-inline form .input select,
    .form-inline form .input textarea,
    form .input .form-inline input[type=color],
    form .input .form-inline input[type=date],
    form .input .form-inline input[type=datetime],
    form .input .form-inline input[type=email],
    form .input .form-inline input[type=number],
    form .input .form-inline input[type=password],
    form .input .form-inline input[type=tel],
    form .input .form-inline input[type=text],
    form .input .form-inline input[type=time],
    form .input .form-inline select,
    form .input .form-inline textarea {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,
    .form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.alert,
.message {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #00363d;
    background-color: #cce1e4;
    border-color: #b8d4d9
}

.alert-primary hr {
    border-top-color: #a7cad0
}

.alert-primary .alert-link {
    color: #00090a
}

.alert-secondary {
    color: #727656;
    background-color: #f8f9ed;
    border-color: #f5f7e6
}

.alert-secondary hr {
    border-top-color: #edf1d3
}

.alert-secondary .alert-link {
    color: #565941
}

.alert-success,
.message.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr,
.message.success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link,
.message.success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856e00;
    background-color: #fff6cc;
    border-color: #fff3b8
}

.alert-warning hr {
    border-top-color: #ffef9f
}

.alert-warning .alert-link {
    color: #524400
}

.alert-danger,
.error-message,
.message.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr,
.error-message hr,
.message.error hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link,
.error-message .alert-link,
.message.error .alert-link {
    color: #491217
}

.alert-light {
    color: #646762;
    background-color: #f2f4f2;
    border-color: #edefec
}

.alert-light hr {
    border-top-color: #e0e3de
}

.alert-light .alert-link {
    color: #4b4d49
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

.alert-yellowdark {
    color: #727656;
    background-color: #f8f9ed;
    border-color: #f5f7e6
}

.alert-yellowdark hr {
    border-top-color: #edf1d3
}

.alert-yellowdark .alert-link {
    color: #565941
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,
.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 2px
}

.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary > td,
.table-primary > th {
    background-color: #b8d4d9
}

.table-hover .table-primary:hover {
    background-color: #a7cad0
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #a7cad0
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
    background-color: #f5f7e6
}

.table-hover .table-secondary:hover {
    background-color: #edf1d3
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #edf1d3
}

.table-success,
.table-success > td,
.table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb
}

.table-info,
.table-info > td,
.table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5
}

.table-warning,
.table-warning > td,
.table-warning > th {
    background-color: #fff3b8
}

.table-hover .table-warning:hover {
    background-color: #ffef9f
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffef9f
}

.table-danger,
.table-danger > td,
.table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7
}

.table-light,
.table-light > td,
.table-light > th {
    background-color: #edefec
}

.table-hover .table-light:hover {
    background-color: #e0e3de
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #e0e3de
}

.table-dark,
.table-dark > td,
.table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe
}

.table-yellowdark,
.table-yellowdark > td,
.table-yellowdark > th {
    background-color: #f5f7e6
}

.table-hover .table-yellowdark:hover {
    background-color: #edf1d3
}

.table-hover .table-yellowdark:hover > td,
.table-hover .table-yellowdark:hover > th {
    background-color: #edf1d3
}

.table-active,
.table-active > td,
.table-active > th {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
    border-color: #32383e
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075)
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md > .table-bordered {
        border: 0
    }

    .footer__information__contact {
        margin-top: 10px;
    }

    .footer__information__contact__link__value {
        margin-bottom: 10px;
    }

    .footer__information__bottom {
        padding-top: 20px;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg > .table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl > .table-bordered {
        border: 0
    }

    .map-container,
    .__packages {
        display: none;
    }

    .nyheder-carousel .owl-stage-outer .owl-stage .owl-item .item > div > div.package-carousel-map,
    .nyheder_div .nyheder-carousel .nyheder_card .package_hotel_trigger_gallery {
        height: 265px;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive > .table-bordered {
    border: 0
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #006776;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #00242a;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 103, 118, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #006776;
    border-color: #006776
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.15rem;
    line-height: 1.5
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.font-roboto-condensed {
    font-family: 'Roboto Condensed', sans-serif
}

.font-roboto {
    font-family: Roboto, sans-serif
}

.hidden {
    display: none
}

.body-noscroll {
    position: fixed;
    overflow: hidden
}

.js__readmore__content {
    display: none
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    font-weight: 700;
    text-transform: uppercase
}

.font-size-lg {
    font-size: 1.15rem
}

.font-size-sm {
    font-size: .875rem
}

.font-weight-medium {
    font-weight: 500
}

.font-weight-bolder {
    font-weight: bolder
}

.ui-datepicker {
    z-index: 1000000 !important
}

.padding-top-40 {
    padding-top: 40px
}

.padding-bottom-40 {
    padding-bottom: 40px
}

.vm-gdpr__btn {
    border-radius: 0 !important
}

.absolute-align-horizontal {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.btn {
    text-transform: uppercase;
    border: 2px solid #fff
}

.vm-gdpr__btn {
    color: #006776 !important
}

form .input {
    margin-bottom: 10px;
    display: block
}

form .input label {
    display: block;
    font-weight: 700;
    color: #006776
}

form .input input[type=color],
form .input input[type=date],
form .input input[type=datetime],
form .input input[type=email],
form .input input[type=number],
form .input input[type=password],
form .input input[type=tel],
form .input input[type=text],
form .input input[type=time],
form .input select,
form .input textarea {
    border: 2px solid #d3dad0
}

form .input textarea {
    height: auto;
    border: 2px solid #d3dad0
}

form .input.datetime select {
    margin-right: 5px;
    width: auto;
    display: inline
}

.input__remove__readonly {
    background: #fff !important
}

.input.checkbox,
input.chk {
    height: auto !important
}

.input.text.select {
    position: relative
}

.input.text.select input {
    color: #140028;
    font-size: .9rem;
    font-weight: 700
}

.input.text.select .ui-datepicker-trigger,
.input.text.select .ui-traveler-trigger {
    padding: 0;
    margin: 0;
    line-height: 1;
    border: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    display: block;
    background-color: #dadada;
    color: #140028;
    font-size: .9rem;
    text-align: center;
    border-left: 1px solid #006776
}

.input.text.select input {
    border: 1px solid #ccc
}

.ui-datepicker-trigger,
.ui-traveler-trigger {
    height: 35px;
    color: #140028
}

.input__checkbox {
    width: 100%;
    display: inline-block
}

.input__checkbox label {
    font-weight: 400;
    float: left;
    width: auto
}

.input__checkbox input {
    margin-top: 5px;
    margin-left: 10px
}

input[type=checkbox] {
    cursor: pointer
}

.input.checkbox input[type=checkbox] {
    margin-right: 10px
}

.input.checkbox input[type=checkbox] + label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    color: #006776;
    text-transform: none;
}

.js__search__airport .input.checkbox input[type=checkbox] + label {
    padding: 15px 20px;
}

.search .input.checkbox input[type=checkbox]:checked + label {
    background: #A5E9BC;
}

.input.checkbox input[type=checkbox] + label > span {
    color: #A5E9BC;
}

.input.checkbox input[type=checkbox]:checked + label > span {
    color: #006776;
}

.input.checkbox input[type=checkbox] {
    display: none
}

.input.checkbox input[type=checkbox] + label:before {
    content: "\f00c";
    border: 2px solid #006776;
    border-radius: 50% !important;
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 20px;
    text-align: center;
    color: transparent;
    transition: .2s;
    font-size: 13px;
    font-family: FontAwesome;
    font-weight: normal;
}

.popular_hotel_footer .input.checkbox input[type=checkbox] + label:before {
    margin-right: 5px;
}

.input.checkbox input[type=checkbox] + label:active:before {
    transform: scale(0)
}

.price-hotel__transport .input.checkbox input[type=checkbox]:checked + label:before {
    background-color: #fff;
    border-color: #fff;
    color: #006776
}

.js__search__airport .input.checkbox input[type=checkbox]:checked + label:before {
    color: #A5E9BC;
}

.input.checkbox input[type=checkbox]:checked + label:before {
    background-color: #006776;
    border-color: #006776;
    color: #fff
}

.input.checkbox input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #006776
}

.input.checkbox input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #ced4da;
    border-color: #ced4da
}

.form__standard input[type=checkbox] {
    display: inline !important
}

@media (min-width: 768px) {
    form .input {
        margin-bottom: 20px
    }
}

@media (max-width: 768px) {
    .price-list-hotels__ajax {
        margin-top: 70px;
    }
}

.header__logo {
    width: 189px;
    float: left;
    margin: 30px 0
}

.header__myticket {
    padding: 10px 20px 30px 20px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    border-bottom: 4px solid transparent;
    font-size: 1.15rem;
    color: #006776;
    background: #A5E9BC;
    width: 100%
}

.header__myticket:hover {
    color: #006776;
    text-decoration: none;
    border-bottom: 4px solid #dce2a5
}

.header__mobile__content {
    display: none
}

.header__mobile__content.active {
    display: block;
    background: #006776;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    overflow-y: scroll;
    padding: 80px 0 30px 0
}

.header__mobile__toggle {
    position: absolute;
    top: -15px;
    right: 10px;
    cursor: pointer;
    z-index: 10001;
    color: #000
}

.header__mobile__toggle.active {
    position: absolute;
    color: #fff;
    right: 15px;
}

.header__menu ul.level-1 {
    list-style: none;
    padding: 0;
    margin: 0
}

.header__menu ul.level-1 li {
    padding: 10px 10px 11px 20px;
    border-bottom: 4px solid transparent;
    background: #dce2a5
}

.header__menu ul.level-1 li:first-of-type {
    padding-top: 30px
}

.header__menu ul.level-1 li a {
    font-size: 1.15rem;
    color: #006776;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700
}

.header__menu ul.level-1 li a.current-page,
.header__menu ul.level-1 li a:hover {
    border-bottom: 4px solid #a6e7bb
}

.header__menu ul.level-1 li ul {
    display: none;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0
}

.header__menu ul.level-1 li ul li {
    padding: 5px 10px 5px 20px
}

.header__menu ul.level-1 li ul li:last-of-type {
    padding-bottom: 0
}

.header__menu ul.level-1 li ul li:first-of-type {
    padding-top: 0
}

.header__menu ul.level-1 li ul li a {
    font-size: 1rem
}

.header__menu ul.level-1 li ul li a:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f107";
    font-weight: 900;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
    color: #a6e7bb;
}

.header__menu ul.level-1 li ul li .level-3 li a:after {
    content: none;
}

.header__search {
    position: relative
}

.header__search__button {
    background: 0 0;
    border: none;
    cursor: pointer
}

.header__search__button:focus {
    outline: 0
}

.header__search__formwrapper__form__input {
    border: 0;
    background: #fff;
    color: #666;
    padding: 15px 20px;
    height: 50px;
    width: 100%;
    float: left
}

.header__search__formwrapper__form__input::placeholder {
    color: #666
}

.header__search__formwrapper__form__input__button {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: 0 0;
    color: #000;
    cursor: pointer;
    float: left;
    height: 20px;
    line-height: 1;
    width: 28px;
    padding: 0;
    border: none
}

.header__search__formwrapper__form__input__button .fa {
    font-size: .9rem
}

.header__search__results {
    display: none;
    position: absolute;
    width: 100%;
    top: 115px;
    right: 0;
    background: #fff;
    z-index: 90001
}

.header__search__results__result {
    line-height: 1.3;
    padding: 20px 20px;
    min-height: 95px
}

.header__search__results__result:nth-child(odd) {
    background: #f4f4f4
}

.header__search__results__result--link:hover {
    text-decoration: none
}

.header__search__results__result--text h4 {
    margin: 0 0 5px 0;
    font-size: 1.2rem
}

.header__search__results__result--icon {
    font-size: 1.5rem
}

.header__search__results__footer {
    height: 50px;
    background: #006776;
    padding: 12px
}

.header__search__results__footer__results--more {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.1em;
    margin-left: 5px
}

.header__search__results__footer__results--more a {
    color: #fff;
    font-size: 1.1em;
    margin-left: 5px
}

.header__search__results__footer__results--all a {
    margin: 3px 20px 0 0;
    color: #fff;
    float: right
}

@media (min-width: 992px) {
    .header__container {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 20001;
        height: 141px;
        margin: 45px 0
    }

    .header__container--relative {
        position: relative
    }

    .header__logo {
        width: auto;
        margin: 0
    }

    .header__content {
        float: right
    }

    .header__myticket {
        margin: 0;
        border: none;
        height: 44px;
        line-height: 44px;
        padding: 0 30px;
        color: #006776;
        width: auto
    }

    .header__menu {
        float: left;
        background-color: rgba(0, 103, 118, .6);
        padding-right: 60px;
        position: relative
    }

    .header__menu ul.level-1 li {
        float: left;
        padding: 0;
        background: 0 0;
        border: 0
    }

    .header__menu ul.level-1 li:last-of-type {
        margin-right: 0;
        padding: 0
    }

    .header__menu ul.level-1 li:first-of-type {
        padding: 0
    }

    .header__menu ul.level-1 li.current-page,
    .header__menu ul.level-1 li:hover {
        border-bottom: none
    }

    .header__menu ul.level-1 li a {
        color: #fff;
        height: 44px;
        line-height: 44px;
        margin: 0 30px;
        position: relative
    }

    .header__menu ul.level-1 li a.current-page,
    .header__menu ul.level-1 li a:hover {
        border-bottom: 0
    }

    .header__menu ul.level-1 li a.mega-menu-active:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 36px 36px;
        border-color: transparent transparent #fff transparent;
        position: absolute;
        right: 0;
        bottom: -36px;
        content: "";
        display: inline-block
    }

    .header__menu ul.level-1 li a.mega-menu-active:before {
        position: absolute;
        content: "";
        top: 15px;
        left: 0;
        right: 0;
        bottom: -36px;
        width: 50vw;
        background: 0 0;
        transform: translate(-50%, 0);
        display: inline-block;
    }

    .header__search {
        position: static;
        float: right;
        margin-top: 5px
    }

    .header__search__formwrapper {
        display: none;
        top: 72px;
        right: 40px;
        padding: 40px;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 7px 7px 0 rgba(0, 0, 0, .2);
        width: 345px
    }

    .header__search__formwrapper:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 0;
        top: -36px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 36px 36px;
        border-color: transparent transparent #fff transparent
    }

    .header__search__formwrapper__form {
        position: relative;
        float: left;
        width: 100%
    }

    .header__search__formwrapper__form__input {
        width: 100%;
        border: 2px solid #006776;
        height: 35px;
        padding: 0 15px
    }

    .header__search__formwrapper__form__input::placeholder {
        color: #a2a89f
    }

    .header__search__formwrapper__form__input__button {
        color: #006776;
        right: 10px;
        height: 33px;
        border: none;
        background: 0 0;
        cursor: pointer
    }

    .header__search__formwrapper__form__input__button:focus {
        outline: 0
    }

    .header__search__formwrapper--active {
        display: block
    }

    .header__search__button {
        color: #fff;
        position: absolute;
        right: 35px;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .header__search__results {
        display: block
    }

    .header__mobile__content {
        display: block !important
    }

    .header__mobile__toggle {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .header__myticket {
        padding: 0 35px
    }

    .header__menu {
        padding-right: 90px
    }

    .header__menu ul.level-1 li a {
        margin: 0 35px
    }

    .header__search__input {
        width: 210px
    }
}

.topimage {
    z-index: 1;
    height: 795px;
    background-size: cover;
    background-position: center center
}

.topimage__content__box__wrapper {
    position: absolute;
    top: 200px;
    width: 100%;
    text-align: center;
    z-index: 1;
    left: 0;
}

.topimage__content__box {
    color: #fff;
    background-color: rgba(0, 103, 118, .6);
    padding: 40px
}

.topimage__content__box__headline {
    font-weight: bolder;
    font-size: 3.75rem;
    line-height: 3.75rem;
    text-transform: uppercase
}

.topimage__content__box__subheadline {
    font-weight: bolder;
    font-size: 2.2rem;
    text-transform: uppercase
}

.hotel_topimage .topimage__content__box__subheadline {
    font-weight: 100;
    text-transform: none;
}

.topimage__content__box__teaser {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 15px
}

.topimage__content__box__buttons {
    margin-top: 30px;
    text-align: center
}

.topimage__content__box__buttons a {
    margin: 0 0 15px 0;
    display: inline-block;
    border: 2px solid #A5E9BC;
    color: #006776;
    width: 180px;
    text-transform: uppercase;
    background: #A5E9BC;
}

.topimage__content__box__stars {
    display: inline-block;
    font-size: 1rem
}

.topimage__mobile__text .topimage__content__buttons a {
    margin: 15px 15px 15px 0;
    display: inline-block;
    border: 2px solid #006776;
    color: #006776;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px
}

.topimage__mobile__text .topimage__content__buttons a:last-of-type {
    margin-left: 0
}

.topimage__mobile__searchplaceholder .container {
    max-width: 100%
}

@media (min-width: 992px) {
    .topimage {
        height: 795px;
        width: 100%;
    }

    .holiday-topimage {
        height: 795px;
    }

    .topimage__content {
        position: absolute;
        top: 458px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 100
    }

    .topimage__content__pakker {
        position: absolute;
        top: 330px;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 100;
        width: 45%;
    }

    .topimage__content__headline {
        font-size: 24px;
        line-height: 4.1rem;
        letter-spacing: .15rem;
        text-shadow: 0px 1px 3px #000;
        letter-spacing: 0px
    }

    .topimage__content__nobox {
        position: absolute;
        top: 250px;
        width: 70%;
        right: 0;
        left: 0;
        margin: auto;
        z-index: 100
    }

    .topimage__content__nobox__headline {
        font-size: 3.6rem;
        line-height: 4.1rem;
        letter-spacing: .3rem;
        text-shadow: 0px 1px 3px #000;
        letter-spacing: 0px
    }

    .topimage__content__pakker__subtitle {
        font-size: 20px;
        text-shadow: 0px 1px 3px #000;
        font-weight: lighter;
        letter-spacing: 0px
    }

    .topimage__content__box {
        display: inline-block
    }

    .topimage__content__box__buttons a {
        margin: 0 10px 0 0
    }

    .topimage__content__box__buttons a:last-of-type {
        margin: 0
    }

    .topimage__mobile__text {
        display: none
    }
}

.search__col {
    padding: 0
}

.search__global__holder {
    padding-top: 10px;
    border-top: 1px solid #006776
}

.search__fieldswrapper__travelers input.search__global__children__age {
    background-color: #E5EFF1 !important;
    height: 57px;
    border: none !important;
}

.search__global__children__age::placeholder {
    color: #006776 !important;
    font-size: 1.3rem;
    font-weight: 800;
}

.search__global .holder0,
.search__global .holder1 {
    padding-top: 10px;
    border-top: none
}

.search__input label {
    font-size: .9rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: .2rem
}

.search__input__button {
    height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.15rem
}

.search__input__button__container {
    margin-top: 15px
}

.search__input__button span {
    margin-left: 15px
}

.search__page_selector {
    position: absolute;
    top: -42px;
    left: 0;
}

.default_search .search__page_selector {
    top: -82px;
    left: -40px;
}

.search__page_selector.package-page {
    top: -82px !important;
    left: -40px !important;
}

.search__page_selector .page__link {
    background-color: #05434E;
    text-transform: uppercase;
    text-align: start;
    padding: 8px 65px 10px 15px;
    margin: 0 -10px 0 0;
    display: inline-block;
}

.search__page_selector .page__link a {
    color: #FFF !important;
}

.search__page_selector .page__link.active {
    background-color: #006776 !important;
}

.search__fieldswrapper {
    background-color: #006776;
    width: 100%;
    z-index: 100;
    padding: 30px 30px
}

.search__fieldswrapper--bottom .search__fieldswrapper__extend {
    bottom: -66px
}

.search__fieldswrapper--bottom .search__fieldswrapper__extend__content {
    top: 255px;
    margin: 0 -30px 0 -30px
}

.search__fieldswrapper__extend {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    background-image: url(../img/search-advanced-btn-bg.png);
    background-repeat: no-repeat;
    margin: auto;
    text-align: center;
    height: 36px;
    width: 120px;
    bottom: -36px;
    cursor: pointer;
    z-index: 3
}

.search__fieldswrapper__extend__text {
    text-transform: initial;
}

.search__fieldswrapper__extend__content {
    padding: 40px 20px 20px 20px;
    background: #dce2a5;
    position: absolute;
    top: 265px;
    left: 0;
    right: 0;
    display: none;
    z-index: 2
}

.search__fieldswrapper__extend__content.active {
    display: block;
    padding: 20px 40px
}

.search__fieldswrapper__extend__content__wrapper {
    position: relative;
    margin-bottom: 20px;
    margin-left: 25%;
}

.search__fieldswrapper__extend__content__wrapper label {
    font-weight: 400 !important;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif
}

.search__fieldswrapper__extend__content__wrapper__headline {
    font-size: 1.125rem;
    color: #006776;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 700
}

.search__fieldswrapper__extend__content__wrapper__headline__icon {
    padding-left: 10px
}

.search__fieldswrapper__extend__content__wrapper__updatetext {
    color: #006776;
    font-size: .8rem
}

.search__fieldswrapper__extend__content__wrapper__updatetext span {
    margin-right: 5px
}

.search__fieldswrapper__extend__content__wrapper__travellength {
    padding-top: 30px
}

.search__fieldswrapper__extend__content .input.checkbox {
    margin-bottom: 5px
}

.search__fieldswrapper__extend__content .input.checkbox.region {
    display: inline-block;
    margin: 0
}

.search__fieldswrapper__extend__content .input.checkbox.region input[type=checkbox] + label {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: .9rem
}

.search__fieldswrapper__extend__content .input.checkbox.region input[type=checkbox] + label:before {
    border: 2px solid #adb5bd
}

.search__fieldswrapper__extend__content .input.checkbox:hover {
    background-color: #006776;
}

.search__fieldswrapper__extend__content .input.checkbox:hover input[type=checkbox] + label {
    color: #FFF;
}

.search__fieldswrapper__extend__content .input.checkbox:hover input[type=checkbox] + label:before {
    content: "\2714";
    background-color: #FFF;
    border: 2px solid #FFF;
    border-radius: 50% !important;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    color: #006776;
    transition: .2s;
    font-size: 12px;
    margin-right: 10px
}

.input.checkbox.active {
    color: #006776;
}

.search__fieldswrapper__extend__content .mega-menu-item__column {
    width: 100%
}

.search__fieldswrapper__extend__content .mega-menu-item__column .mega-menu-item__column__headline {
    font-size: 1rem;
    margin-bottom: 15px;
    margin-top: 15px;
    cursor: pointer;
}

.search__fieldswrapper__reset {
    cursor: pointer;
    float: right;
    color: #fff;
    text-transform: initial;
}

.search__fieldswrapper__reset__icon {
    padding-left: 4px;
}

.search__fieldswrapper__extend__icon {
    padding-right: 4px;
    font-size: 16px;
}

.search__fieldswrapper__element {
    position: absolute;
    border: 2px solid #fff;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 6px 31px 6px 10px;
    position: relative;
    background: #006776;
    cursor: pointer;
    margin-bottom: 15px
}

.search__fieldswrapper__element.selected-search {
    background: #A5E9BC;
    color: #006878;
}

.search__fieldswrapper__element .js__date__value i {
    color: #dce2a5;
    margin: 0 5px
}

.search__fieldswrapper__element__icon {
    position: absolute;
    right: 13px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1rem
}

.search__fieldswrapper__submit {
    border: 2px solid #fff;
    width: 100%;
    text-transform: uppercase;
    font-weight: 100;
    padding: 5px 0;
    font-size: 1.1rem;
    background: #A5E9BC;
    color: #006776
}

.search__fieldswrapper__container--close i,
.search__fieldswrapper__container--next i {
    color: #A5E9BC;
}

.search__fieldswrapper__container--next i {
    padding-left: 5px;
}

.search__fieldswrapper__date__container .input.checkbox,
.search__fieldswrapper__extendtravelform__container .input.checkbox {
    background: #E5F0F1;
}

.search__fieldswrapper__extendtravelform__container .input.checkbox input[type=checkbox] + label {
    padding-left: 10px;
}

.search__fieldswrapper__extendtravelform__container--resort .input.checkbox,
.search .search__fieldswrapper__extendtravelform__container--resort .input.checkbox input[type=checkbox] + label {
    background: unset;
}

.search__fieldswrapper__extendtravelform__container--resort div.input.checkbox {
    margin-bottom: unset;
}

.search__fieldswrapper__date__container div.input,
.search__fieldswrapper__extendtravelform__container div.input,
.search__fieldswrapper__travelers__input div.input {
    margin-bottom: 7px;
}

.search__fieldswrapper__date__container--nopadding-left {
    padding-left: 0
}

.search__fieldswrapper__date__container__headline,
.search__fieldswrapper__travelers__container__headline {
    color: #006776;
    font-size: 2rem;
    font-weight: 800;
    font-family: "Roboto Condensed", sans-serif;
}

.js__search__airport .search__fieldswrapper__date__container__headline {
    margin-bottom: 1rem;
}
.js__search__extendtravelform.search__fieldswrapper__date__container__headline {
    margin-bottom: 1rem;
}

.search__fieldswrapper__travelers__container__headline {
    margin-top: -10px;
}

.search__fieldswrapper__date__container__datepickerwrapper__right {
    margin-top: 20px
}

.search__fieldswrapper__date__container__datepickerwrapper__right__label {
    font-size: 1.15rem;
    color: #006776;
    text-transform: uppercase;
    float: left
}

.search__fieldswrapper__date__container__datepickerwrapper__right__label:nth-child(2) {
    float: right
}

.search__fieldswrapper__date__container__datepickerwrapper__right__date {
    border: 2px solid #c0c7bc;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    text-align: center
}

.search__fieldswrapper__date__container__datepickerwrapper__right__days {
    background: #f2f4f2;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 20px;
    color: #006776
}

.search__fieldswrapper__days__range {
    display: none !important
}

.search__fieldswrapper__days__input {
    position: relative;
    padding-top: 30px
}

.search__fieldswrapper__days__input--disabled .search__fieldswrapper__days__input__amount {
    color: #c0c7bc
}

.search__fieldswrapper__days__input--disabled .input label {
    color: #c0c7bc
}

.search__fieldswrapper__days__input--disabled .irs-handle > i:first-child {
    background: #c0c7bc !important
}

.search__fieldswrapper__days__input--disabled .irs--flat .irs-bar--single {
    background: #c0c7bc !important
}

.search__fieldswrapper__days__input--total {
    margin-top: 20px
}

.search__fieldswrapper__days__input__amount {
    float: right;
    font-weight: 700;
    font-size: 1.5rem;
    color: #006776
}

.search__fieldswrapper__budget .irs--flat .irs-handle {
    top: 16px;
    height: 30px;
    width: 40px
}

.search__fieldswrapper__budget .irs-single {
    display: none
}

.search__fieldswrapper__budget .irs-grid-text {
    font-size: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    line-height: 1;
    bottom: -15px
}

.search__fieldswrapper__budget .irs--flat .irs-handle > i:first-child {
    width: 40px;
    background: #006776;
    left: 0
}

.search__fieldswrapper__budget .irs--flat .irs-handle > i:first-child:after,
.search__fieldswrapper__budget .irs--flat .irs-handle > i:first-child:before {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 17px;
    color: #fff;
    font-style: normal
}

.search__fieldswrapper__budget .irs--flat .irs-handle > i:first-child:before {
    content: "\f053";
    left: 5px
}

.search__fieldswrapper__budget .irs--flat .irs-handle > i:first-child:after {
    content: "\f054";
    right: 5px
}

.search__fieldswrapper__budget .irs--flat .irs-line {
    height: 5px;
    top: 28px
}

.search__fieldswrapper__budget .irs--flat .irs-bar {
    top: 28px;
    height: 5px
}

.search__fieldswrapper__budget .irs--flat .irs-bar--single {
    border-radius: 2px;
    background-color: #006776
}

.search__fieldswrapper__budget .irs-grid-pol {
    height: 0;
    padding: 9px 0;
    top: -30px;
    background: 0 0;
    border-top: 12px solid #e1e4e9;
    border-bottom: 12px solid #e1e4e9
}

.search__fieldswrapper__budget,
.search__fieldswrapper__date,
.search__fieldswrapper__extendtravelform,
.search__fieldswrapper__travelers {
    position: relative
}

.search__fieldswrapper__days__container,
.search__fieldswrapper__date__container,
.search__fieldswrapper__extendtravelform__container,
.search__fieldswrapper__travelers__container {
    background-color: #fff;
    padding: 30px;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
    overflow-y: scroll
}

.search__fieldswrapper__days__container__close,
.search__fieldswrapper__date__container__close,
.search__fieldswrapper__extendtravelform__container__close,
.search__fieldswrapper__travelers__container__close {
    color: #006776;
    position: absolute;
    right: 25px;
    top: 13px;
    cursor: pointer;
    z-index: 10004;
    font-size: 16px
}

.search__fieldswrapper__budget input,
.search__fieldswrapper__date input,
.search__fieldswrapper__extendtravelform input,
.search__fieldswrapper__travelers input {
    border: 2px solid #006776 !important
}

.search__fieldswrapper__days__input label,
.search__fieldswrapper__date__input label,
.search__fieldswrapper__extendtravelform__input label,
.search__fieldswrapper__travelers__input label {
    font-weight: 400 !important;
    font-size: 1.5rem;
    font-family: "Roboto Condensed", sans-serif;
    max-width: 175px
}

.search__fieldswrapper__travelers__input .jquery-select-trigger,
.search__fieldswrapper__travelers__input .jquery-select-trigger-label {
    height: 57px;
}

.search__fieldswrapper__travelers__input .jquery-select-trigger-label {
    padding: 14px 25px 14px 12px;
    font-weight: 800 !important;
    font-size: 1.3rem;
}

.search__fieldswrapper__travelers__input .jquery-select-trigger-arrow {
    font-weight: 800 !important;
    font-size: 1.3rem;
}

.search__fieldswrapper__days__input .jquery-select-trigger-label,
.search__fieldswrapper__date__input .jquery-select-trigger-label,
.search__fieldswrapper__extendtravelform__input .jquery-select-trigger-label,
.search__fieldswrapper__travelers__input .jquery-select-trigger-label {
    font-weight: 500
}

.search__fieldswrapper__days__input__header,
.search__fieldswrapper__date__input__header,
.search__fieldswrapper__extendtravelform__input__header,
.search__fieldswrapper__travelers__input__header {
    font-weight: 700;
    color: #052f42;
    padding: 15px 0
}

@media (min-width: 576px) {
    .search__fieldswrapper__days__input label {
        max-width: none
    }
}

@media (min-width: 768px) {
    .package_search {
        position: relative;
        top: -382px;
    }

    .search__fieldswrapper__days__input__amount {
        position: absolute;
        right: 0
    }

    .search__fieldswrapper__date__container__datepickerwrapper__right {
        margin-top: 70px;
        margin-left: 45px
    }

    .search__fieldswrapper__date__container__datepickerwrapper__right__label {
        float: none
    }

    .search__fieldswrapper__date__container__datepickerwrapper__right__label:nth-child(2) {
        float: none;
        margin: 15px 0 0 0
    }

    .search__fieldswrapper__date__container__datepickerwrapper__right__date {
        width: 130px
    }

    .search__fieldswrapper__date__container__datepickerwrapper__right__days {
        width: 130px;
        margin-top: 30px
    }
}

@media (min-width: 992px) {
    .search__input {
        width: 175px;
        float: left;
        margin-right: 10px
    }

    .search__input__button {
        height: 70px
    }

    .search__input__button__container {
        width: 170px;
        float: left;
        margin-top: -12px;
        margin-left: 10px
    }

    .search__input .input.text.select input,
    .search__input .jquery-select-trigger-label {
        font-size: .8rem
    }

    .search__input .ui-datepicker-trigger,
    .search__input .ui-traveler-trigger {
        height: 33px
    }

    .search__fieldswrapper {
        position: absolute;
        top: 590px;
        padding: 40px 40px 15px 40px
    }

    .search__fieldswrapper__element {
        font-size: .68rem;
        line-height: 24px
    }

    .search__fieldswrapper__dummy {
        height: 1px;
        position: absolute;
        top: 265px;
        width: 100%
    }

    .search__fieldswrapper__dummy--bottom {
        top: 675px
    }

    .search__fieldswrapper__dummy--bottom .search__fieldswrapper__extend {
        bottom: -75px
    }

    .search__fieldswrapper__dummy--bottom .search__fieldswrapper__extend__content {
        top: 85px
    }

    .search__fieldswrapper.fixed {
        position: fixed;
        top: 0;
        left: 0;
        padding-top: 45px !important;
        width: 100%;
        z-index: 100;
        background: #006776
    }

    .search__fieldswrapper.fixed .fixed__col {
        padding: 0 40px 0 40px !important
    }

    .search__fieldswrapper.fixed .fixed__col .search__fieldswrapper__extend {
        bottom: -75px
    }

    .search__fieldswrapper.fixed .fixed__col .search__fieldswrapper__extend__content {
        top: 85px
    }

    .search__fieldswrapper--bottom {
        top: 675px
    }

    .topimage__search__holiday .search__fieldswrapper--bottom {
        top: -150px;
    }

    .packages_search .search__fieldswrapper {
        width: 90%;
        top: 590px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .search__fieldswrapper--bottom .search__fieldswrapper__extend {
        bottom: -75px
    }

    .search__fieldswrapper--bottom .search__fieldswrapper__extend__content {
        top: 85px;
        margin: 0
    }

    .search__fieldswrapper--smallmargin {
        margin-left: -5px;
        margin-right: -5px
    }

    .search__fieldswrapper--smallpadding {
        padding-left: 5px;
        padding-right: 5px
    }

    .search__fieldswrapper__extend {
        bottom: -60px;
        height: 60px;
        width: 120px
    }

    .search__fieldswrapper__extend__content {
        top: 120px;
        padding: 40px
    }

    .search__fieldswrapper__extend__content__wrapper {
        margin-bottom: 0
    }

    .search__fieldswrapper__extend__content__wrapper__travellength {
        padding-top: 0
    }

    .search__fieldswrapper__reset, .custom_search__fieldswrapper__extend {
        margin-top: 6px;
    }

    .search__fieldswrapper__element {
        margin-bottom: 0
    }

    .search__fieldswrapper__days__container,
    .search__fieldswrapper__date__container,
    .search__fieldswrapper__extendtravelform__container,
    .search__fieldswrapper__travelers__container {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .35);
        position: absolute;
        left: -120px !important;
        padding: 20px;
        top: 75px;
        width: 380px;
        height: auto;
        overflow-y: visible
    }

    .search__fieldswrapper__extendtravelform__container {
        width: 990px;
        left: -560px;
    }

    .search__fieldswrapper__days__container:after,
    .search__fieldswrapper__date__container:after,
    .search__fieldswrapper__extendtravelform__container:after,
    .search__fieldswrapper__travelers__container:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 36px 0 0 36px;
        border-color: transparent transparent transparent #fff;
        position: absolute;
        left: 320px;
        top: -36px;
        content: "";
        display: inline-block
    }

    .search__fieldswrapper__days__input {
        padding-top: 0
    }

    .search__fieldswrapper__extendtravelform__container--small {
        width: 380px
    }

    .search__fieldswrapper__extendtravelform__container--resort:after {
        right: 310px;
        left: auto;
        border-width: 0 0 36px 36px;
        border-color: transparent transparent #fff transparent
    }

    .search__fieldswrapper__extendtravelform__container--resort .mega-menu-item__column {
        width: 20%
    }

    .search__fieldswrapper__date__container {
        right: -222px;
        left: auto;
        width: 480px
    }

    .search__fieldswrapper__date__container:after {
        left: auto;
        right: 222px;
        border-width: 0 0 36px 36px;
        border-color: transparent transparent #fff transparent
    }

    .search__fieldswrapper__date__container__datepicker__container {
        width: 600px
    }

    .search__people::after {
        left: 315px;
    }
}

@media (min-width: 1200px) {
    .search__input {
        width: 218px;
        margin-right: 15px
    }

    .search__input__button__container {
        width: 200px;
        margin-top: -9px
    }

    .search__input .input.text.select input,
    .search__input .jquery-select-trigger-label {
        font-size: .9rem
    }

    .search__input .ui-datepicker-trigger,
    .search__input .ui-traveler-trigger {
        height: 35px
    }

    .search__fieldswrapper__element {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1310px) {
    .search__fieldswrapper__date__container {
        left: -120px;
        right: auto;
        /* width: 920px */
        width: 402px;
    }

    .search__fieldswrapper__date__container:after {
        left: 320px;
        right: auto;
        border-width: 36px 0 0 36px;
        border-color: transparent transparent transparent #fff
    }
}

@media (min-width: 1520px) {
    .packages_search .search__fieldswrapper {
        width: 90%;
    }
}

@media (min-width: 1830px) {
    .packages_search .search__fieldswrapper {
        width: 75%;
    }
}

.textpage {
    background: #fff
}

.textpage__header .search__fieldswrapper {
    bottom: 0;
}

.textpage__content ul {
    margin-bottom: 1.5rem;
    list-style: none;
    margin-left: 20px
}

.textpage__content ul li {
    position: relative;
    margin-bottom: 10px
}

.textpage__content ul li:before {
    content: "\2022";
    color: #006776;
    font-size: 1.5rem;
    font-weight: 700;
    position: absolute;
    top: -5px;
    left: -25px
}

.textpage__content__container {
    padding: 40px 0
}

.textpage__menu {
    margin: 0;
    padding: 0 10px 0 10px;
    list-style: none
}

.textpage__menu__headline {
    font-size: 1.2rem;
    margin-bottom: 40px
}

.textpage__menu__headline__border {
    border-bottom: 3px solid #dce2a5
}

.textpage__menu li {
    width: 100%;
    border-bottom: 1px solid #eee
}

.textpage__menu li a {
    color: #006776;
    display: block;
    padding: 10px
}

.textpage__menu li a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    font-weight: 900;
    color: #006776;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle
}

.textpage__menu li ul {
    display: none;
    list-style: none
}

.textpage__menu li.active a,
.textpage__menu li:hover a {
    background: #006776;
    color: #fff
}

.textpage__menu li.active a:before,
.textpage__menu li:hover a:before {
    color: #fff
}

.textpage__menu li.active ul {
    display: block;
    margin: 0 0 0 20px;
    padding: 0
}

.textpage__menu li.active ul li:last-of-type {
    border: 0
}

.textpage__menu li.active ul li.active a {
    font-weight: 700
}

.textpage__menu li.active ul a {
    background: 0 0;
    color: #006776
}

.textpage__menu li.active ul a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    font-weight: 900;
    color: #006776;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle
}

@media (min-width: 992px) {
    .textpage__header {
        display: block
    }

    .textpage__content__container {
        padding: 60px
    }
}

.text__section {
    background: #f2f3f1;
    padding-bottom: 20px
}

.text__section__text {
    text-align: center;
    color: #006776
}

.text__section__text p {
    font-size: 1.2rem;
    line-height: 1.25
}

.text__section__mobile {
    padding-top: 60px;
    text-align: center
}

.text__section__mobile h1 {
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .text__section {
        background: 0 0;
        margin: 50px 0 0 0
    }

    .text__section__text p {
        font-size: 1.5rem
    }
}

.deals {
    margin: -5px
}

.deals__mobile__text {
    text-align: center;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    color: #9a9a9a;
    font-size: 1.125rem
}

.deals__mobile__text__amount {
    color: #006776
}

.deals__deal {
    position: relative;
    overflow: hidden;
    padding-bottom: 70px;
}

.deals__deal__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 3;
    transition: .5s all
}

.deals__deal__categorylinkwrapper {
    text-align: center;
    margin-top: 10px
}

.deals__deal__categorylinkwrapper__link {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif
}

.deals__deal__categorylinkwrapper__link__icon {
    padding-left: 10px
}

.deals__deal__image {
    object-fit: cover;
    width: 100%
}

.deals__deal__ribbon {
    position: absolute;
    background-color: rgba(0, 103, 118, .8);
    top: 35px;
    width: 250px;
    right: -65px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transform: rotate(45deg)
}

.deals__deal__ribbon__text {
    font-family: "Roboto Condensed", Roboto, sans-serif;
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.deals__deal__content {
    background: #006776;
    padding: 20px
}

.deals__deal__content__region {
    font-size: .9rem
}

.deals__deal__content__headline {
    font-family: "Roboto Condensed", Roboto, sans-serif;
    text-transform: uppercase;
    line-height: .9;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 15px;
    color: #fff;
    margin-bottom: 15px;
    border-bottom: 2px solid rgba(255, 255, 255, .2)
}

.deals__deal__content__headline a {
    color: #fff
}

.deals__deal__content__headline__hotel {
    font-size: .9rem
}

.deals__deal__content__details__detail {
    font-size: 15px
}

.deals__deal__content__details__detail--left {
    color: rgba(255, 255, 255, .6)
}

.deals__deal__content__details__detail--right {
    float: right;
    color: #fff
}

.deals__deal__content__beforeprice {
    text-align: right;
    text-decoration: line-through;
    font-family: "Roboto Condensed", sans-serif;
    color: #cbd9dc;
    line-height: 1.7rem
}

.deals__deal__content__price {
    text-align: right;
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.7rem;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif
}

.deals__deal__content__price__text {
    font-weight: 400;
    font-size: 15px
}

.deals__deal__content__button {
    margin-top: 10px;
    display: block;
    width: 100%;
    border: 2px solid #fff;
    background: #dce2a5;
    text-transform: uppercase;
    text-align: center;
    padding: 11px 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1
}

.deals__deal__content__button:hover {
    text-decoration: none
}

@media (min-width: 576px) {
    .deals__deal__content {
        padding: 40px;
        position: relative;
        min-height: 445px
    }

    .deals__deal__content__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 40px
    }

    .deals__deal__content__button {
        padding: 19px 0
    }

    .deals__deal__content__price {
        font-size: 1.9rem;
        line-height: 1.9rem
    }
}

@media (min-width: 768px) {
    .deals {
        margin-top: -10px
    }
}

@media (min-width: 992px) {
    .deals__deal__content {
        min-height: 420px
    }
}

.footer__bottom {
    background: #0A5F6B
}

.footer__bottom__textwrapper {
    padding: 22px 0 0 0;
    text-align: center
}

.footer__bottom__textwrapper__copyright {
    font-size: 11px;
    color: #C0C7BC;
    text-transform: uppercase
}

.footer__bottom__textwrapper__text {
    color: #C0C7BC;
    margin: 0
}

.footer__bottom__textwrapper__text--bottom {
    font-size: 11px
}

.footer__bottom__logo {
    color: #C0C7BC;
    position: absolute;
    bottom: 30px;
}

.footer__social {
    background: #fff6ca;
    padding: 30px 0
}

.footer__social__element {
    padding: 20px 20px 40px 20px
}

.footer__social__element__border {
    border-right: 1px solid #e5dfb9;
    border-left: 1px solid #fff
}

.footer__social__element__border:last-of-type {
    border-right: 0
}

.footer__social__element__border:first-of-type {
    border-left: 0
}

.footer__social__element__border:nth-child(2) {
    border-right: 0
}

.footer__social__element__icon {
    font-size: 46px;
    color: #006776
}

.footer__social__element__icon__table {
    display: table;
    background: #fff;
    width: 125px;
    height: 125px
}

.footer__social__element__icon__center {
    display: table-cell;
    vertical-align: middle
}

.footer__social__element__icon__container {
    display: inline-block
}

.footer__social__element__headline {
    margin-top: 10px
}

.footer__social__element__text {
    font-size: 1.15rem;
    line-height: 1.15rem;
    color: #006776;
    font-weight: 500
}

.footer__newsletter {
    background: #C0C7BC;
    padding: 30px 0
}

.footer__newsletter form {
    margin-top: 10px
}

.footer__newsletter form .form-control,
.footer__newsletter form .input input[type=color],
.footer__newsletter form .input input[type=date],
.footer__newsletter form .input input[type=datetime],
.footer__newsletter form .input input[type=email],
.footer__newsletter form .input input[type=number],
.footer__newsletter form .input input[type=password],
.footer__newsletter form .input input[type=tel],
.footer__newsletter form .input input[type=text],
.footer__newsletter form .input input[type=time],
.footer__newsletter form .input select,
.footer__newsletter form .input textarea {
    margin-bottom: 15px
}

.footer__newsletter form input {
    height: 50px
}

.footer__newsletter form input::placeholder {
    color: #006776 !important;
}

.footer__newsletter form .input {
    margin-bottom: 0
}

.footer__newsletter__text1 {
    line-height: 1.2;
    font-size: 1.25rem;
    color: #006776
}

.footer__newsletter__text2 {
    line-height: 1.2;
    font-size: 1.25rem;
    color: #006776;
    font-weight: 800;
}

.footer__newsletter__button {
    padding: 11px 0;
    color: #DCE2A5;
    text-transform: uppercase;
    border: 2px solid #006776 !important;
    background-color: #006776;
    font-weight: 500;
}

.footer__newsletter__button:hover {
    padding: 11px 0;
    color: #DCE2A5;
    text-transform: uppercase;
    border: unset;
    background-color: #006776;
}

.footer__information {
    background: #006776;
    color: #FFF;
    text-align: center
}

.footer__information__menu ul {
    padding: 0;
    list-style: none
}

.footer__information__menu ul li a {
    color: #FFF;
    margin-bottom: 7px;
    display: block
}

.footer__information__menu ul li .active {
    color: #006776
}

.footer__information__menu ul li a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f129";
    font-size: 11px;
    font-weight: 900;
    color: #006776;
    background-color: #FFF;
    display: inline-block;
    padding-left: 5px;
    margin-right: 15px;
    border-radius: 50%;
    width: 14px;
    height: 15px;
}

.footer__information__headline {
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.125rem
}

.footer__powered__by a {
    color: #FFF;
}

.footer__information__logo {
    padding-bottom: 30px
}

.footer__information__logo img {
    margin-top: 30px;
    max-width: 380px
}

.footer__information__text {
    float: left;
    width: 100%;
    color: #FFF
}

.footer__information__text span {
    font-weight: 800;
}

.footer__information__contact__link {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.footer__information__contact__link:hover {
    text-decoration: none
}

.footer__information__contact__link__text {
    color: #FFF;
    line-height: 1;
    font-size: 16px
}

.footer__information__contact__link__value {
    color: #FFF;
    font-weight: 700;
    margin-left: 10px;
}

.footer__information__contact__link__icon {
    color: #FFF;
    font-size: 1.125rem;
    /* left: -50px;
    position: absolute; */
    margin-top: 2px;
    margin-right: 5px;
}

.footer__information__bottom {
    padding-bottom: 40px;
    padding-top: 40px
}

.footer__information__bottom__paymentcards {
    height: 40px;
    line-height: 40px
}

.footer__information__bottom__paymentcards__image {
    margin-right: 20px
}

.footer__information__bottom__paymentcards__image:last-child {
    margin-right: 0
}

.footer__information__bottom__link {
    height: 40px;
    width: 40px;
    display: inline-block;
    background: #FFF;
    transition: .3s all;
    text-align: center;
    color: #006776;
    line-height: 40px;
    border-radius: 100%;
    margin-right: 20px;
    margin-bottom: 20px
}

.footer__information__bottom__link:hover {
    background: #FFF
}

.footer__information__bottom__link:last-child {
    margin-right: 0
}

.footer__information__bottom__link i,
.footer__information__bottom__paymentcards img {
    padding-top: 11px;
}

@media (min-width: 576px) {
    .footer__bottom__textwrapper {
        padding: 22px 0
    }
}

@media (min-width: 768px) {
    .footer__information {
        text-align: left
    }

    .footer__information__headline {
        margin: 45px 0 15px 0;
    }

    .footer__information__bottom__link {
        margin-bottom: 0
    }

    .footer__information__bottom__logo {
        float: right
    }

    .footer__information__contact__link {
        /* float: left;
        padding-left: 35px */
        display: block;
        line-height: 1;
    }

    .footer__information__contact__link__text {
        font-size: 15px
    }

    /* .footer__information__contact__link__icon {
        left: 0
    } */

    .footer__information__bottom {
        padding-bottom: 60px;
        padding-top: 0;
        margin-top: -65px;
    }

    .footer__information__height {
        min-height: 240px
    }

    .footer__bottom__textwrapper {
        text-align: left
    }

    .footer__social__element__border:nth-child(2) {
        border-right: 1px solid #e5dfb9
    }
}

@media (min-width: 992px) {
    .footer__newsletter {
        height: 120px
    }

    .footer__newsletter form {
        margin-top: 0
    }

    .footer__newsletter form .form-control,
    .footer__newsletter form .input input[type=color],
    .footer__newsletter form .input input[type=date],
    .footer__newsletter form .input input[type=datetime],
    .footer__newsletter form .input input[type=email],
    .footer__newsletter form .input input[type=number],
    .footer__newsletter form .input input[type=password],
    .footer__newsletter form .input input[type=tel],
    .footer__newsletter form .input input[type=text],
    .footer__newsletter form .input input[type=time],
    .footer__newsletter form .input select,
    .footer__newsletter form .input textarea {
        margin-bottom: 0
    }

    .footer__information__logo {
        width: 230px;
        float: left
    }

    .footer__information__logo img {
        margin-top: 45px
    }
}

@media (min-width: 1200px) {
    .footer__newsletter__text1 {
        font-size: 1.5rem
    }

    .footer__newsletter__text2 {
        font-size: 1.5rem
    }

    .footer__information__logo {
        width: 340px;
        padding-right: 45px
    }
}

.jquery-select-trigger {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    width: 100% !important;
    text-decoration: none;
    color: #333;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer
}

.jquery-select-trigger-label {
    padding: 6px 25px 6px 12px;
    width: 100%;
    color: #006776;
    background-color: #A6E7BB;
    display: block;
    font-size: .9rem;
}

.search__global__children > .jquery-select-trigger-label {
    background-color: #E5EFF1;
}

.search__fieldswrapper__travelers input.search__global__children__age.background-active,
.search__global__children > .jquery-select-trigger-label.background-active {
    background-color: #A6E7BB;
}

.jquery-select-trigger-arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 35px;
    display: block;
    color: #006776
}

.jquery-select-trigger-arrow-inner {
    margin: 15px 0;
    position: absolute;
    color: #006776
}

.more_info_div .jquery-select-trigger-arrow-inner {
    margin: 5px 0;
    position: absolute;
    color: #006776
}

.jquery-select-trigger-arrow-inner:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle
}

.jquery-select-trigger.active {
    border-color: #66afe9
}

.jquery-select-container {
    margin-top: 10px;
    padding: 5px;
    min-width: 100px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    z-index: 1100;
    box-sizing: border-box
}

.jquery-select-container:before {
    position: absolute;
    top: -16px;
    left: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    content: ' ';
    z-index: 2
}

.jquery-select-container:after {
    position: absolute;
    top: -17px;
    left: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #ccc;
    content: ' ';
    z-index: 1
}

.jquery-select-container-inner {
    min-height: 30px;
    max-height: 100px;
    overflow: auto
}

.jquery-select-container-inner-group {
    padding: 5px;
    font-weight: 700;
    text-decoration: none;
    color: #333;
    display: block;
    cursor: default
}

.jquery-select-container-inner-item {
    margin: 1px 0 0 0;
    padding: 5px 5px 5px 10px;
    position: relative;
    top: 0;
    left: 0;
    font-weight: 400;
    font-size: .9rem;
    text-decoration: none;
    color: #333;
    border-left: 5px solid transparent;
    cursor: pointer;
    display: block
}

.jquery-select-container-inner-item-description {
    font-size: 90%;
    color: #999;
    display: block
}

.jquery-select-container-inner-item.disabled {
    color: #999;
    cursor: not-allowed;
    background-color: transparent;
    border-left-color: transparent
}

.jquery-select-container-inner-item.selected {
    background-color: #006776 !important;
    color: #fff
}

.jquery-select-container-inner-item:focus,
.jquery-select-container-inner-item:hover {
    background-color: fade(#006776, 40)
}

.mega-menu {
    position: absolute;
    top: 113px;
    left: 0;
    right: 0;
    z-index: 2000;
    display: none
}

.dropdown-menu-wrapper {
    background: #fff;
    box-shadow: 0 0 20px;
    padding: 10px 0;
}

.mega-menu-item ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mega-menu-item2 ul {
    height: 250px;
}

.mega-menu-item__column {
    float: left;
    width: 20%;
}

.mega-menu-item__column__headline {
    font-size: 1rem;
    color: #006776;
    text-transform: uppercase;
    cursor: pointer;
}

.mega-menu-item__column__headline.open::after {
    content: '\f106';
}

.mega-menu-item__column__headline::after {
    float: right;
    text-align: right;
    font-family: 'Font Awesome 5 Pro';
    content: '\f107';
    color: #a6e7bb;
}

.mega-menu-item__column ul {
    margin: 5px 0px 20px 0;
}

.mega-menu-item__column ul li {
    margin: 0;
    padding: 0px 2px 0px 5px;
}

.mega-menu-item__column ul li:hover {
    cursor: pointer;
    background-color: #006776;
}

.mega-menu-item__column ul li:hover a {
    color: #FFF;
}

/* .mega-menu-item__column ul li:before {
    color: #006776;
    margin-right: 5px;
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    font-weight: 700;
    font-size: 1rem
} */

.mega-menu-item__column ul li a {
    color: #006776;
    font-size: .875rem;
    display: inline-block;
    width: 100%;
}

.mega-menu-item__column--info {
    width: 50%;
    margin-right: 0
}

.mega-menu-item__column--info ul li {
    margin: 0 0 25px 0;
    width: 85%;
}

.mega-menu-item__column--info ul.byg-selv-list-menu li {
    width: unset;
}

.mega-menu-item__column--info ul li:before {
    font-size: 1.15rem !important
}

.mega-menu-item__column--info ul li a {
    font-size: 1.15rem !important;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700
}

@media (min-width: 1200px) {
    .mega-menu-item__column__headline {
        font-size: 1.15rem
    }

    .mega-menu-item__column ul li:before {
        font-size: 1.15rem;
        margin-right: 10px
    }

    .mega-menu-item__column ul li a {
        font-size: 1rem
    }

    .mega-menu-item__column--info ul li:before {
        font-size: 1.38rem !important
    }

    .mega-menu-item__column--info ul li a {
        font-size: 1.38rem !important
    }

    .search__fieldswrapper__extendtravelform__container--resort {
        width: 1080px;
        left: -695px;
    }
}

.resort-information {
    background-image: url(../img/resort-information-bg-water.png), linear-gradient(#1a8796, #1a8796);
    background-position: center;
    background-blend-mode: luminosity;
    background-color: unset;
    background-repeat: unset;
    background-size: unset;
}

.resort-information .container {
    background: rgba(255, 255, 255, 0.5);
    padding: 30px 50px;
    height: 100%;
}

.hotel-information .container {
    background: unset;
    padding: unset;
    height: unset;
}

.resort-information .info__wrapper {
    min-height:400px !important;
    max-height:600px !important
}

.resort-information .info {
    background: rgba(0, 103, 118, .6);
    padding: 30px 50px;
    height: 100%;
}

.resort-information .info .hotel-name {
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 2rem;
    margin: 10px 0;
}

.resort-information .info .hotel-teaser {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 10px 0;
}

.resort-information .info .hotel-facts {
    display: inline-flex;
    margin: 30px 0 10px;
}

.resort-information .images {
    min-height: 400px !important;
    max-height: 600px !important;
    width: 100%;
}

.resort-information .images .bottom-hotel-image-slider {
    position: relative !important;
}

.resort-information .images .bottom-hotel-image-slider,
.resort-information .images .owl-stage-outer,
.resort-information .images .owl-stage,
.resort-information .images .owl-stage .owl-item,
.resort-information .images .owl-stage .owl-item .item,
.resort-information .images .owl-carousel .item img {
    height: 100%;
}

.resort-information .description {
    background: rgba(255, 255, 255, 0.5);
    padding: 30px 10px;
    height: 100%;
    margin-bottom: 60px;
}

.resort-information .facts {
    background: rgba(255, 255, 255, 0.5);
    padding: 30px 40px;
    height: 100%;
    margin-bottom: 60px;
}

.resort-information .description .js__toggle__readmore,
.resort-information .facts .js__toggle__readmore {
    position: absolute;
    transform: translate(-50%, 0);
    bottom: 20px;
    left: 50%;
}

.resort-information .facts .title {
    color: #006776;
    font-weight: 800;
    margin-bottom: 10px;
}

.resort-information__headline {
    margin-bottom: 1rem;
    font-size: 2.5rem;
    line-height: 2.8rem;
    letter-spacing: .3rem
}

.resort-information__subheadline {
    font-size: 1.15rem;
    color: #006776;
    font-weight: 500
}

.resort-information__teaser {
    font-size: 1rem;
    color: #006776;
    font-weight: bold;
    margin: 0 -5px;
}

.resort-information__teaser p {
    margin: 0;
    text-align: left;
}

.resort-information__teaser a {
    color: #FFFFFF;
}

.resort-information__description {
    margin-top: 20px
}

.resort-information__description p {
    margin: 0 0 2rem 0
}

.resort-information__seperator {
    background: #c2d7d8;
    height: 2px;
    margin: 25px 0
}

.resort-information__btn {
    margin-top: 50px;
    margin-bottom: 20px;
    text-decoration: none !important;
    border: 2px solid #fff
}

.resort-information__btn:hover {
    border: 2px solid #fff
}

.resort-facts__btn {
    margin-top: 50px;
    text-decoration: none !important;
    border: 2px solid #fff
}

.resort-facts__btn:hover {
    border: 2px solid #fff
}

.resort-information__facts {
    margin: 80px 0 0 0;
    display: none
}

.resort-information__facts__item {
    float: left;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    width: 90px;
    height: 90px;
    padding: 0 10px 0 10px
}

.resort-information__facts__item:last-of-type {
    margin-right: 0
}


.resort-information__facts__item__icon span,
.resort-information__facts__item__icon img {
    margin: 10px 0;
    max-height: 30px;
    font-size: 20px
}

.resort-information__facts__item__icon span::before {
    background: #006776;
    padding: 15px 12px 12px 12px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    font-size: 25.6px;
    display: block;
}

.resort-information__facts__all {
    margin-top: 50px;
    display: inline-block
}

.resort-information__facts__all__container {
    color: #006776;
    font-weight: lighter;
}

.resort-information__facts__all__container .row {
    border-bottom: 1px solid #006776;
}

.resort-information__facts__all__container .row:first-child {
    border-top: 1px solid #006776;
}

#hotel-program__ajax {
    max-width: min(calc(100% - 200px), 1800px);
    margin: 36px auto;
}

#hotel-program__ajax .daily-program_header {
    font: normal normal bold 30px/39px Roboto;
    letter-spacing: 0px;
    color: var(--primary);
    margin-bottom: 35px;
}

#hotel-program__ajax .daily-program_carousel,
#hotel-program__ajax .daily-program_carousel .owl-stage-outer {
    height: 100%;
}

#hotel-program__ajax .daily-program_carousel .daily-program_item {
    display: inline-block;
    width: 100%;
}

#hotel-program__ajax .daily-program_carousel .program-item_header {
    position: relative;
    min-height: 80px;
    background: var(--extra-2);
}

#hotel-program__ajax .daily-program_carousel .program-item_photos .owl-item:not(.active) {
    opacity: 0;
}

#hotel-program__ajax .daily-program_carousel .program-item_image {
    max-height: 264px;
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
}

#hotel-program__ajax .daily-program_carousel .program-item_day {
    background: var(--primary-button-background);
    font: normal normal bold 18px/24px Roboto;
    color: var(--primary-button-text);
    padding: 6px 15px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
}

#hotel-program__ajax .daily-program_carousel .program-item_content {
    background: var(--extra-2);
    padding: 20px;
}

#hotel-program__ajax .daily-program_carousel .program-item_content .program-item_teaser {
    font: normal normal bold 20px/26px Roboto Condensed;
    color: var(--primary);
    margin-bottom: 20px;
}

#hotel-program__ajax .daily-program_carousel .program-item_content .program-item_read_more {
    font: normal normal bold 18px/24px Roboto Condensed;
    color: var(--primary-button-background);
    cursor: pointer;
}

#hotel-program__ajax .daily-program_carousel .owl-nav {
    height: 100%;
    width: calc(100% + 125px);
    position: absolute;
    top: 0;
    left: -70px;
    display: flex;
    justify-content: space-between;
    color: var(--primary-button-background);
    font-size: 45px;
}

#hotel-program__ajax .daily-program_carousel .owl-nav.disabled {
    display: none;
}

#hotel-program__ajax .daily-program_carousel .owl-nav [class*=owl-]:hover {
    color: var(--primary-button-background);
}

#hotel-program__ajax .daily-program_details {
    font: normal normal normal 16px/19px Roboto;
    color: var(--extra-6);
    padding: 20px;
    background: var(--extra-2);
}

@media (min-width: 768px) {
    .resort-information__headline {
        font-size: 3.7rem;
        line-height: 4.1rem
    }

    .resort-information__facts {
        display: inline-block
    }
}

@media (min-width: 992px) {
    .resort-information {
        padding: 40px 0
    }

    .resort-information__subheadline {
        width: 50%;
        display: inline-block
    }

    .resort-information__seperator {
        width: 60%;
        display: inline-block
    }
    .resort-information .description {
        padding: 30px 50px;
    }
    .resort-information .facts {
        padding: 30px 50px;
    }
}

@media (min-width: 1200px) {
    .resort-information__facts__item__icon span,
    .resort-information__facts__item__icon img {
        max-height: 20px
    }
}

.tabs__mobile__menu__data {
    background: #fff;
    margin: 0 -15px 0 -15px
}

.tabs__menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs__menu li {
    margin: 0 -15px 0 -15px
}

.tabs__menu li a {
    padding: 15px 20px;
    font-size: 1.15rem;
    font-weight: 700;
    display: block;
    color: #fff;
}

.tabs__menu li a.active {
    background: #fff;
    color: #007bff;
}

.tabs__menu li a span {
    margin-right: 10px
}

.tabs__content {
    background: #fff;
    min-height: 300px
}

.tabs__textpage {
    padding: 60px 0
}

.tabs__textpage__facts {
    padding: 30px;
    color: #fff
}

.tabs__textpage__facts h2 {
    color: #fff
}

.tabs__textpage__facts p {
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    .tabs__content .search {
        margin-top: 40px
    }

    .tabs__menu {
        margin: 20px 0 0 0;
        display: inline-block;
        height: 50px
    }

    .tabs__menu li {
        float: left;
        margin: 0
    }

    .tabs__menu li a {
        border-right: 1px solid #66a4ad;
        border-left: 1px solid #66a4ad;
        border-bottom: 0
    }
}

.pricelist__noresults {
    background-image: url(../img/search-no-results.jpg);
    background-position: top center;
    background-color: #f2f3f1;
    background-repeat: no-repeat;
    height: 470px
}

.pricelist__noresults .h1 {
    padding-bottom: 25px;
    border-bottom: #c2d7d8 solid 2px;
    display: inline-block
}

.pricelist__noresults__datetext {
    font-size: 1.5rem;
    color: #006776;
    margin-bottom: 50px
}

.pricelist .alert,
.pricelist .message {
    margin-top: 40px
}

.pricelist__item {
    position: relative;
    padding: 40px 0
}

.pricelist__item:nth-of-type(even) {
    background: #f2f3f1
}

.pricelist__image {
    object-fit: cover;
    width: 100%;
    height: 200px;
    margin-bottom: 20px
}

.pricelist__resort {
    font-size: 1.15rem;
    line-height: 1rem;
    color: #006776;
    font-weight: 700
}

.pricelist__headline {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 1.3rem
}

.pricelist__teaser {
    color: #2e4a5a;
    font-size: 1.15rem;
    margin-bottom: .2rem
}

.pricelist__teaser p {
    margin: 0
}

.pricelist__transport {
    font-size: .875rem;
    color: #006776;
    margin-bottom: .5rem
}

.pricelist__transport__lenght {
    padding-left: 30px
}

.pricelist__content {
    position: relative
}

.pricelist__bottom__buttons {
    margin-top: 10px
}

.pricelist__bottom__buttons a {
    width: 100%;
    margin-top: 10px
}

.pricelist__price {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #006776
}

.pricelist__price span {
    font-size: 1.15rem
}

.pricelist__price__beforetext {
    font-size: .7rem;
    font-weight: 500;
    color: #51564f
}

.pricelist__price__aftertext {
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 500;
    color: #51564f
}

.pricelist__price__aftertext__before {
    color: #006776;
    font-size: .8rem;
    margin-left: 7px;
    text-decoration: line-through
}

.pricelist__facilities {
    margin: 10px 0;
    display: flex;
}

.pricelist__facilities__element {
    float: left;
    width: 20%;
}

.pricelist__facilities__element__icon {
    width: 30px;
    color: #fff;
    font-size: 22px
}

.pricelist__facilities__element__icon__table {
    display: table;
    width: 50px;
    height: 50px
}

.pricelist__facilities__element__icon__center {
    display: table-cell;
    vertical-align: middle
}

.pricelist__facilities__element__icon__container {
    display: inline-block
}

.pricelist__facilities__element__text {
    font-size: .7rem;
    color: #006776;
    font-weight: 700
}

@media (min-width: 768px) {
    .pricelist__image {
        height: auto
    }
}

@media (min-width: 992px) {
    .pricelist__item {
        padding: 60px 0
    }

    .pricelist__teaser {
        font-size: 1rem
    }

    .pricelist__image {
        height: 100%;
        margin-bottom: 0;
        max-width: 580px;
        max-height: 330px;
    }

    .pricelist__price {
        font-size: 1.76rem;
        line-height: 1.76rem
    }

    .pricelist__bottom__pricecolumn {
        float: left
    }

    .pricelist__bottom__buttonscolumn {
        float: right
    }

    .pricelist__bottom__buttons a {
        width: auto
    }

    .pricelist__bottom__buttons__book {
        display: inline-block;
        padding: .5rem 1.2rem
    }
}

@media (min-width: 1200px) {
    .pricelist__headline {
        font-size: 1.85rem
    }

    .pricelist__price {
        font-size: 2.2rem;
        line-height: 2.2rem
    }

    .pricelist__bottom__pricecolumn {
        width: 230px
    }

    .pricelist__bottom__buttons {
        margin-top: 0
    }

    .pricelist__bottom__buttons__book {
        padding: .5rem 2rem
    }
}

.accordion__heading {
    height: 40px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 20px;
    background: #006776;
    color: white;
    padding-left: 50px;
    font-weight: 100;
    text-transform: none;
    font-size: 1.15rem;
}

.accordion__heading i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: #fff;
    left: 20px
}

.accordion__heading h6 {
    margin-left: 45px;
    display: inline-block;
    font-size: 1.15rem;
    color: #fff
}

.accordion__content {
    padding: 0 30px 20px 30px;
    display: none
}

.accordion__content h1,
.accordion__content h2,
.accordion__content h3,
.accordion__content h4,
.accordion__content h5,
.accordion__content h6 {
    margin: 0
}

.accordion__content p {
    font-size: 1rem;
    margin-bottom: 1rem
}

.accordion__content.no-padding {
    padding: 0 !important
}

@media (min-width: 768px) {
    .accordion__content {
        padding: 10px 50px 30px 50px;
        display: none
    }
}

@media (min-width: 992px) {
    .accordion__content {
        padding: 20px 100px 40px 100px;
        display: none
    }
}

.preloader {
    width: 130px;
    height: 130px;
    z-index: 1;
    display: block;
    margin: 0px auto;
    background: url(../img/preloaders/ajax-loader.gif) no-repeat;
    background-size: 130px;
    opacity: 0.5;
}

#js_date_range_container {
    position: relative;
}

.loader-datepicker {
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: url(../img/preloaders/ajax-loader.gif) no-repeat center #fff;
    top: 0;
    margin: 0;
}

.preloader__append {
    position: relative;
    margin: 0 auto;
    left: auto;
}

.contact__frontpage__container {
    background: #fff6ca;
    padding: 60px 0;
    color: #006776
}

.contact__frontpage__content {
    display: inline-block;
    font-size: 18px;
    font-weight: 700
}

.contact__frontpage__content h1 {
    margin-bottom: 30px
}

.contact__frontpage__seperator {
    border-top: 1px solid #71704c;
    border-bottom: 1px solid #c7c09d;
    height: 2px;
    margin: 35px 0
}

.contact__item {
    margin-bottom: 30px
}

.contact__item__image {
    border: 7px solid rgba(255, 255, 255, .3)
}

.contact__item__name {
    font-size: 1.5rem;
    margin-top: 15px
}

.contact__item__title {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 500
}

.contact__item__teaser {
    font-weight: 500;
    margin-top: 15px
}

.contact__item__teaser p {
    margin: 15px 0 0 0
}

@media (min-width: 992px) {
    .contact__frontpage__container {
        padding: 100px 0
    }

    .contact__frontpage__content {
        width: 70%
    }

    .contact__frontpage__seperator {
        width: 70%;
        display: inline-block
    }
}

.countdown {
    text-align: center
}

.countdown__container {
    padding: 30px 0
}

.countdown__headline {
    color: #fff;
    margin-bottom: 20px;
    font-size: 1.15rem;
    line-height: 1.4375rem;
    font-weight: 700
}

.countdown__action {
    margin: 20px 0 0 0
}

.countdown__item {
    display: inline-block;
    text-align: center;
    background: #006776;
    color: #fff;
    padding: 5px 8px;
    line-height: 1rem;
    vertical-align: top;
    margin-right: 10px
}

.countdown__item__text {
    display: block;
    font-size: .8rem
}

.countdown__item__count {
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .countdown__item {
        padding: 5px 10px
    }
}

@media (min-width: 992px) {
    .countdown__headline {
        font-size: 1.85rem;
        line-height: 2.3125rem
    }
}

@media (min-width: 1200px) {
    .countdown__item {
        padding: 15px 20px
    }
}

.stars__wrapper {
    color: #A5E9BC
}

.stars__wrapper span {
    float: left;
    margin-right: 2px
}

.stars__wrapper .inactive {
    color: #FFFFFF;
    opacity: 0;
}

.rating__element {
    margin-right: 3px;
    font-size: 1.15rem;
    color: #d1d1d1;
    cursor: pointer;
    display: inline-block
}

.rating__element--hover,
.rating__element--your {
    color: #b0bd35
}

.review {
    padding-top: 60px;
    background: #fff
}

.review__header {
    margin-bottom: 80px
}

.review__headline {
    margin-bottom: .5rem
}

.review__content__allreviews {
    margin: -40px 0 40px 0
}

.review__item {
    background: #e9f0e5;
    padding: 55px 35px 35px 35px;
    margin-bottom: 80px;
    position: relative
}

.review__item__secondcol {
    background: #fff6ca
}

.review__item__quote {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    border: 7px solid #fff;
    width: 90px;
    height: 90px;
    line-height: 75px;
    color: #fff;
    font-size: 2.2rem
}

.review__item__header {
    font-size: 1.3rem;
    font-weight: 700;
    border-bottom: 1px solid #f2eede;
    margin: 0
}

.review__item__seperator {
    background: #bad5cf;
    height: 2px;
    margin: 20px 0
}

.review__item__text {
    margin: 0
}

.review__item .stars__wrapper {
    display: inline-block
}

.review__item__written {
    margin-top: 30px
}

.review__submit {
    background: #f2f3f1;
    padding: 65px 0 40px 0;
    position: relative
}

.review__submit:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 20px 0 20px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.review__submit__header {
    border-bottom: 1px solid #eae6d7;
    padding-bottom: 10px;
    text-align: center
}

.review__submit__content {
    font-size: 1.15rem;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 992px) {
    .review__submit__header {
        text-align: left
    }

    .review__submit__content {
        margin-bottom: 0;
        text-align: left
    }
}

.price-hotel__container {
    color: #fff;
    min-height: 400px
}

.price-hotel__container__list {
    margin-top: -20px !important
}

.price-hotel__container .price-hotel__room__prices i {
    color: #A5E9BC;
}

.price-hotel__salestext {
    margin-top: 20px
}

.price-hotel__transport {
    padding-bottom: 10px;
    border-bottom: 1px solid #4d959f
}

.price-hotel__transport .input {
    padding: 0;
    display: inline-block;
    margin-right: 20px;
    height: 30px !important;
    text-align: center
}

.price-hotel__transport .days-label {
    margin-right: 20px;
}

.price-hotel__transport .input input[type=checkbox] + label {
    text-transform: uppercase;
    color: #A5E9BC;
    font-size: 1rem;
    font-family: "Roboto Condensed", sans-serif
}

.price-hotel__transport .input input[type=checkbox] + label:before {
    border: 2px solid #fff;
    margin-right: 8px;
}

.price-hotel__header {
    padding-bottom: 10px;
    padding-top: 90px
}

.price-hotel__header__text {
    font-size: 3.5rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

.price-hotel__room__container {
    padding: 20px 0 0 0;
    border-top: 1px solid #4d959f;
    border-bottom: 1px solid #4d959f;
    display: none;
}

.price-hotel__room__container:last-of-type {
    padding: 20px 0 30px 0;
}

.price-hotel__room__prices {
    position: relative
}

.price-hotel__room__prices__container {
    overflow: hidden
}

.price-hotel__room__prices__showmore {
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    margin: 10px 0;
    text-align: center;
    cursor: pointer
}

.price-hotel__room__prices__paginate {
    font-size: 1.85rem;
    opacity: .5;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    display: none
}

.price-hotel__room__prices__paginate.active {
    opacity: 1
}

.price-hotel__room__prices__paginate.disabled {
    display: none
}

.price-hotel__room__prices__paginate__next {
    right: -40px
}

.price-hotel__room__prices__paginate__prev {
    left: -40px
}

.price-hotel__room__bottom {
    border-top: 1px solid #4d959f;
    width: 100%;
    height: 1px;
    padding-top: 40px
}

.price-hotel__room__name {
    padding: 0 0 10px 0;
    font-weight: 700;
    font-size: 1.15rem
}

.price-hotel__room__price {
    background: #4d959f;
    color: #fff;
    overflow: hidden;
    position: relative;
    border: 2px solid #006776
}

.price-hotel__room__price__col {
    width: 140px;
    margin-right: 18px;
    float: left;
    margin-bottom: 15px
}

.price-hotel__room__price a {
    color: #fff
}

.price-hotel__room__price:hover,
.price-hotel__room__price__highlight {
    background: #dce2a5;
    color: #006776;
    border: 2px solid #fff
}

.price-hotel__room__price:hover a,
.price-hotel__room__price__highlight a {
    color: #006776
}

.price-hotel__room__price:hover .price-hotel__room__price__date,
.price-hotel__room__price__highlight .price-hotel__room__price__date {
    background: #e3e8b7 !important
}

.price-hotel__room__price:hover .price-hotel__room__price__person,
.price-hotel__room__price__highlight .price-hotel__room__price__person {
    border-color: #e3e8b7 !important
}

.price-hotel__room__price__sold-out {
    opacity: .3
}

.price-hotel__room__price__sold-out:hover {
    background: #4d959f;
    color: #fff
}

.price-hotel__room__price__sold-out a {
    pointer-events: none;
    cursor: default;
    color: #fff !important
}

.price-hotel__room__price__ribbon {
    position: absolute;
    background-color: #004954;
    width: 206px;
    height: 30px;
    top: 110px;
    right: -60px;
    line-height: 30px;
    text-align: center;
    transform: rotate(-45deg);
    z-index: 1
}

.price-hotel__room__price__ribbon__text {
    font-family: "Roboto Condensed", Roboto, sans-serif;
    font-size: .7rem;
    color: #fff;
    font-weight: bolder;
    margin: 0 0 0 20px;
    text-transform: uppercase
}

.price-hotel__room__price__price,
.price-hotel__room__price__text {
    font-size: 1.85rem;
    font-weight: 700;
    display: inline-block
}

.price-hotel__room__price__price span,
.price-hotel__room__price__text span {
    font-size: 1rem
}

.price-hotel__room__price__person {
    display: block;
    padding-bottom: 15px;
    font-size: .7rem;
    line-height: .1rem
}

.price-hotel__room__price__airport {
    display: block;
    font-size: .9rem;
    line-height: 1rem;
    padding-top: 15px;
    text-transform: uppercase
}

.price-hotel__room__price__date {
    height: 33px;
    line-height: 33px;
    font-size: 1.15rem;
    background: #71aab2;
    display: block;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    color: #006776;
    font-weight: bold;
}

.price-hotel__room__price__text {
    text-transform: uppercase;
    display: block;
    position: relative;
    font-size: 1.2rem;
    font-family: "Roboto Condensed", sans-serif;
    background: #A5E9BC;
    color: #006776;
}

.price-hotel__room__price__before {
    text-decoration: line-through;
    color: #aecbcf;
    font-size: .6rem;
    margin-right: 10px
}

.price-hotel__room__price a {
    text-decoration: none
}

@media (min-width: 1200px) {
    .price-hotel__room__prices__paginate {
        display: block
    }

    .price-hotel__room__container .active {
        display: block;
    }

    .price-hotel__container #price-list-hotels__ajax .js_prices_container {
        width: max-content;
    }
}

@media (min-width: 768px) {
    .price-hotel__room__prices__showmore {
        display: none
    }

    .price-hotel__room__price__col {
        width: 180px
    }
}

@media (min-width: 992px) {
    .price-hotel__room__price__before {
        font-size: .8rem
    }
}

.hotel__dayprogram {
    background: #f2f3f1;
    padding: 40px 0
}

.hotel__dayprogram .accordion__content {
    padding: 20px 40px 40px 40px
}

.hotel__sale {
    margin: 0
}

.hotel__sale__ajax {
    margin: 0
}

.hotel__sale__mergedescriptions li {
    padding: 10px 0
}

.hotel__sale__basket {
    background-color: #006776;
    padding: 20px;
    color: #fff
}

.hotel__sale__basket a {
    color: #fff
}

.hotel__sale__basket .h2 {
    margin-top: 0;
    color: #fff
}

.hotel__sale__basket p {
    margin: 0
}

.hotel__sale__basket__buttons {
    margin-top: 20px
}

.hotel__sale__basket__item {
    margin: 10px 10px 0 0;
    float: left
}

.hotel__sale__edit {
    padding: 40px
}

.hotel__belowprices {
    background: #dfe1ea;
    color: #313131
}

.hotel .stars__wrapper {
    display: inline-block
}

.hotel .topimage__content__headline,
.hotel .topimage__content__stars {
    width: 100%
}

.hotel .resort-information__teaser h2 {
    margin-top: 1.85rem
}

.hotel .resort-information__teaser table {
    margin: 0 auto
}

.badge {
    text-align: center;
    display: table
}

.badge__content {
    display: table-cell;
    vertical-align: middle
}

.badge--primary {
    background: #006776
}

.badge--secondary {
    background: #dce2a5
}

.badge--secondary .badge__top {
    color: #fff
}

.badge--secondary .badge__bottom {
    color: #006776;
    margin-top: 20px
}

.badge--secondary .badge__showhotels {
    color: #006776;
    margin-top: 20px;
    cursor: pointer
}

.badge--secondary .badge__showhotels span {
    display: block
}

.badge--large {
    width: 270px;
    height: 270px;
    padding: 0 20px 0 20px
}

.badge--large .badge__top {
    font-size: 2.2rem;
    line-height: 2.2rem
}

.badge--large .badge__bottom {
    font-size: 1.15rem;
    line-height: 1.15rem
}

.badge__top {
    font-family: "Roboto Condensed", sans-serif
}

.badge__bottom {
    font-weight: 700
}

.badge__showhotels {
    font-size: 1.15rem;
    font-weight: 700
}

.search-result__amount-results,
.search-result__no-results,
.search-result__pagination,
.search-result__remember-query {
    margin: 20px 0 0 0
}

.search-result__item {
    border-bottom: 1px solid #ced4da;
    padding: 20px 0
}

.search-result__item__headline {
    font-size: 1.15rem;
    font-weight: 700
}

.destination-box__frontpage__container {
    padding: 50px 0 130px 0
}

.destination-box__frontpage__headline {
    color: #006776
}

.destination-box__frontpage__subheadline {
    color: #006776;
    font-size: 1.15rem;
    font-weight: 500
}

.destination-box__item {
    position: relative;
    margin-top: 30px;
    height: 285px;
    background-size: cover;
    background-position: center center
}

.destination-box__item__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.destination-box__item__headline {
    background: rgba(0, 103, 118, 0.8);
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    margin: 20px 20px 0 20px
}

.destination-box__item__subheadline {
    background: #dce2a5;
    padding: 10px 20px;
    color: #006776;
    font-size: 1.15rem;
    font-weight: 500;
    display: inline-block;
    margin: 0 20px 0 20px
}

@media (min-width: 1200px) {
    .destination-box__item__headline {
        font-size: 1.5rem;
        margin: 40px 40px 0 40px
    }

    .destination-box__item__subheadline {
        font-size: 1.15rem;
        margin: 0 40px 0 40px
    }
}

.search__date__container .search__fieldswrapper__container--next {
    position: unset;
    margin-top: 2rem;
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0;
    border: 0;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 20px;
    width: 100% !important;
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    box-shadow: none;
    display: inline-block
}

.date-picker-wrapper.single-date {
    width: auto
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}

.date-picker-wrapper > div.month-wrapper > table > tbody > tr > td:nth-child(1) {
    background: #95BDC3;
    width: 40px;
    height: 46px;
}

.date-picker-wrapper > div.month-wrapper > table > tbody > tr > td:nth-child(1) > div {
    color: #FFFFFF;
}

.date-picker-wrapper .month-name {
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: "Roboto Condensed", sans-serif;
    color: #FFFFFF
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper:hover {
    text-decoration: underline
}

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    outline: 0;
    opacity: .01
}

.date-picker-wrapper .month-wrapper {
    background-color: #fff;
    cursor: default;
    position: relative;
    width: 100% !important
}

.date-picker-wrapper .month-wrapper table {
    width: 100%;
    float: left
}

.date-picker-wrapper .month-wrapper table.month2 {
    width: 300px;
    float: left;
    margin-left: 20px
}

.date-picker-wrapper .month-wrapper table td,
.date-picker-wrapper .month-wrapper table th {
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.date-picker-wrapper .month-wrapper table .day {
    background: #F2F2F2;
    text-align: center;
    height: 46px;
    width: 46px;
    line-height: 32px;;
    color: #006776;
    cursor: default;
    font-family: "Roboto Condensed", sans-serif;
    padding: 7px;
}

.date-picker-wrapper .month-wrapper table div.day.lastMonth,
.date-picker-wrapper .month-wrapper table div.day.nextMonth {
    color: #999;
    cursor: default
}

.date-picker-wrapper .month-wrapper table .day.checked {
    background-color: #006776;
    color: #fff !important
}

.date-picker-wrapper .month-wrapper table .week-name th:first-child {
    background: #71AAB2;
}

.date-picker-wrapper .month-wrapper table .week-name {
    height: 45px;
    line-height: 45px;
    font-weight: 100;
    text-transform: uppercase;
    background: #4d959f;
    color: #fff
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip {
    cursor: help !important
}

.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
    white-space: nowrap
}

.date-picker-wrapper .time label {
    white-space: nowrap
}

.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
    color: #006776;
    cursor: pointer;
    background-color: #A5E9BC;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
    background-color: #dce2a5
}

.date-picker-wrapper .month-wrapper table .day.real-today {
    background-color: #ffe684
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .day.real-today.hovering {
    background-color: #70ccd5
}

.date-picker-wrapper table .caption {
    height: 40px;
    background: #006776;
}

.date-picker-wrapper table .caption > th:first-of-type,
.date-picker-wrapper table .caption > th:last-of-type {
    width: 27px
}

.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
    padding: 0 5px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 18px
}

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 100%;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}

.date-picker-wrapper .gap .gap-lines {
    height: 100%;
    overflow: hidden
}

.date-picker-wrapper .gap .gap-line {
    height: 15px;
    width: 15px;
    position: relative
}

.date-picker-wrapper .gap .gap-line .gap-1 {
    z-index: 1;
    height: 0;
    border-left: 8px solid #fff;
    border-top: 8px solid #eee;
    border-bottom: 8px solid #eee
}

.date-picker-wrapper .gap .gap-line .gap-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff
}

.date-picker-wrapper .gap .gap-line .gap-3 {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 2;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.date-picker-wrapper .gap .gap-top-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 1px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .gap .gap-bottom-mask {
    width: 6px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 7px;
    background-color: #eee;
    z-index: 3
}

.date-picker-wrapper .selected-days {
    display: none
}

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0
}

.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
    display: none
}

.date-picker-wrapper .drp_top-bar .default-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.error .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.error .error-top {
    display: block;
    color: red
}

.date-picker-wrapper .drp_top-bar.normal .default-top {
    display: none
}

.date-picker-wrapper .drp_top-bar.normal .normal-top {
    display: block
}

.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
    color: #333
}

.date-picker-wrapper .drp_top-bar .apply-btn {
    position: absolute;
    right: 0;
    top: 6px;
    padding: 3px 5px;
    margin: 0;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    color: #fff;
    line-height: initial
}

.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed)
}

.date-picker-wrapper .time {
    position: relative
}

.date-picker-wrapper.single-month .time {
    display: block
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}

.date-picker-wrapper .time1 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.date-picker-wrapper .time1 {
    float: left
}

.date-picker-wrapper .time2 {
    float: right
}

.date-picker-wrapper .hour {
    text-align: right
}

.minute {
    text-align: right
}

.date-picker-wrapper .hide {
    display: none
}

.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
    background-color: #006776 !important;
    color: #fff !important
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}

.date-picker-wrapper .date-range-length-tip:after {
    content: '';
    position: absolute;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff0;
    left: 50%;
    margin-left: -4px;
    bottom: -4px
}

.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}

.date-picker-wrapper .week-number {
    padding: 12px 0 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

.date-picker-wrapper .week-number.week-number-selected {
    color: #49e;
    font-weight: 700
}

@media (min-width: 768px) {

    .date-picker-wrapper.no-shortcuts {
        padding-bottom: 12px
    }

    .date-picker-wrapper.no-topbar {
        padding-top: 12px
    }

    .date-picker-wrapper .month-wrapper table {
        /* width: 300px; */
        float: left
    }
}

.beachtours-modal__outer {
    padding: 20px !important;
    width: 100%;
    color: #fff;
    overflow: visible !important
}

.beachtours-modal__outer .h1,
.beachtours-modal__outer .h2,
.beachtours-modal__outer a,
.beachtours-modal__outer h1,
.beachtours-modal__outer h2,
.beachtours-modal__outer h3 {
    color: #fff
}

.beachtours-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    cursor: pointer
}

.beachtours-modal__inner {
    border: 5px solid #fff;
    padding: 20px
}

.beachtours-modal__headline {
    text-transform: none
}

.beachtours-modal__text {
    font-size: 1.15rem
}

@media (min-width: 768px) {
    .beachtours-modal__outer {
        width: 80%
    }
}

@media (min-width: 1200px) {
    .beachtours-modal__outer {
        width: 65%
    }

    .beachtours-modal__close {
        top: -30px;
        right: -20px
    }
}

#ouibounce-modal {
    display: none
}

#ouibounce-modal .input input {
    border: none
}

#ouibounce-modal input[type=submit] {
    color: #006675;
    cursor: pointer
}

#ouibounce-modal .input,
#ouibounce-modal input[type=submit] {
    margin: 0
}

#ouibounce-modal p {
    color: #c9c9c9;
    text-align: center
}

#ouibounce-modal i {
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.amcharts-ampopup-close, .ampopup-content .ampopup-close {
    display: block;
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    background: url(../img/close.svg) no-repeat;
    background-size: 100%;
    border-radius: 0;
    width: 0.8em;
    height: 2em;
    cursor: pointer;
}

.popupModal {
    overflow: auto;
    position: fixed;
    background: rgba(0, 0, 0, .5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.popupModal .sticky__form__input > i {
    display: none
}

.popupModal ul {
    float: left
}

.popupModal input[type=email],
.popupModal input[type=text] {
    height: 60px;
    font-size: 20px;
    padding: 0;
    text-align: center;
    border: 2px solid #2228
}

.popupModal__container {
    position: relative;
    margin: 0 auto
}

.popupModal__image {
    height: 420px;
    position: relative
}

.popupModal__body {
    float: left;
    width: 100%;
    height: 100%;
    position: relative !important
}

.popupModal__body__wrapper {
    float: left;
    width: 100%;
    height: 100%;
    padding: 60px
}

.popupModal__body--closeWrapper {
    float: right
}

.popupModal__body--closeWrapper:hover {
    cursor: pointer
}

.popupModal__body--closeWrapper p {
    font-size: 18px;
    float: right;
    color: #fff
}

.popupModal__body__textWrapper {
    padding: 60px 0;
    text-align: center
}

.popupModal__body__textWrapper--headline {
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 -1px 5px rgba(0, 0, 0, .5);
    line-height: 1;
    font-size: 24px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.popupModal__body__textWrapper--text {
    font-weight: 300;
    text-shadow: 0 -1px 10px rgba(0, 0, 0, .9);
    color: #fff;
    line-height: 1.2;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.popupModal__body__textWrapper__button {
    background: 0 0;
    border: 2px solid #fff;
    padding: 12px 35px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.popupModal__body__textWrapper__button__icon {
    margin-left: 10px
}

.popupModal__eventWrapper {
    margin-bottom: 10px
}

.popupModal__eventWrapper input {
    padding: 0 5px
}

.popupModal__eventWrapper h4 {
    display: none
}

@media (min-width: 576px) {
    .popupModal__image {
        height: 565px
    }

    .popupModal__container {
        top: 200px
    }

    .popupModal__body__textWrapper--headline {
        font-size: 3rem
    }

    .popupModal__body__textWrapper--text {
        font-size: 28px
    }

    .search__fieldswrapper__extend__content__wrapper {
        margin-left: unset;
    }
}

@media (min-width: 768px) {
    .popupModal__eventWrapper .footer__freeLectures__element__text {
        display: inline-block !important
    }

    .popupModal__eventWrapper .footer__freeLectures__element__join {
        float: right
    }

    .popupModal__image {
        height: 420px
    }

    .popupModal__container {
        width: 800px
    }
}

.sticky-chat__trigger {
    cursor: pointer;
    width: 220px;
    position: fixed;
    bottom: 0;
    right: 20px;
    height: 40px;
    line-height: 50px;
    background: #006776;
    z-index: 800;
    font-size: 1.035rem;
    color: #fff;
    border: 1px solid #fff;
    border-bottom: none;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: 700
}

.sticky-chat__trigger i {
    font-size: 1.38rem;
    margin-left: 15px
}

.sticky-chat__open {
    box-shadow: 4px 2px 9px 0 rgba(50, 50, 50, .36);
    overflow: visible !important;
    background: #006776;
    right: 20px;
    height: 215px;
    position: fixed;
    bottom: -300px;
    width: 360px;
    z-index: 1000;
    color: #fff;
    padding: 30px 30px 30px 30px;
    border: 1px solid #fff;
    border-bottom: none
}

.sticky-chat__open.active {
    z-index: 1200
}

.sticky-chat__open__image {
    position: absolute;
    bottom: 0;
    right: 0
}

.sticky-chat__open__close {
    position: absolute;
    top: 10px;
    right: 13px;
    font-size: 1.38rem;
    cursor: pointer
}

.sticky-chat__open__text {
    font-size: 1.38rem;
    line-height: 1.84rem;
    text-transform: uppercase;
    font-weight: 700
}

.sticky-chat__open__text a {
    color: #fff
}

.sticky-chat__open .btn {
    color: #006776;
    margin-top: 40px
}

.popup {
    width: 100%;
    transition: all 1s ease-in-out;
    z-index: 145
}

.popup__rightSlidein {
    position: fixed;
    right: 0;
    top: 30%
}

.popup__rightSlidein__open {
    position: fixed;
    right: 22px;
    top: 5%;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 24px;
    z-index: 145;
    transition: all 1s ease-in-out;
    display: inline-block;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.popup__rightSlidein__close {
    height: 28px;
    width: 28px;
    font-size: 25px;
    position: absolute;
    right: 10px;
    line-height: 26px;
    top: 10px;
    text-align: center;
    z-index: 2
}

.popup__bottomSlideup {
    position: fixed;
    bottom: 0;
    left: 20px
}

.popup__bottomSlideup__open {
    bottom: 0;
    left: 20px;
    position: fixed;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 24px;
    z-index: 145;
    transition: all 1s ease-in-out
}

.popup__bottomSlideup__close {
    height: 28px;
    width: 28px;
    font-size: 18px;
    position: absolute;
    right: 10px;
    line-height: 26px;
    top: 10px;
    text-align: center;
    z-index: 2
}

.popup__leftSlidein {
    position: fixed;
    left: 0;
    top: 30%
}

.popup__leftSlidein__open {
    top: 5%;
    position: fixed;
    left: 22px;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 24px;
    z-index: 145;
    transition: all 1s ease-in-out;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.popup__leftSlidein__close {
    height: 28px;
    width: 28px;
    font-size: 18px;
    position: absolute;
    right: 10px;
    line-height: 26px;
    top: 10px;
    text-align: center;
    z-index: 2
}

.popup__overlay {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

.popup__overlay-wrapper {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgba(35, 53, 72, .91);
    z-index: 150
}

.popup__overlay-wrapper:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.popup__overlay__close {
    height: 28px;
    width: 28px;
    font-size: 18px;
    position: absolute;
    right: 10px;
    line-height: 26px;
    top: 10px;
    text-align: center;
    z-index: 2
}

.popup__form__label {
    display: block;
    padding-left: 15px;
    text-indent: -15px
}

.popup__form__label__check {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px
}

.popup__form__submit {
    width: 100%;
    margin-top: -20px;
    border: none
}

.popup__display-none {
    display: none
}

@media (min-width: 768px) {
    .popup__rightSlidein__open {
        top: 30%
    }

    .popup__leftSlidein__open {
        top: 30%
    }

    .popup__leftSlidein__overlay {
        top: 20%
    }
}

.get-offer {
    width: 100%
}

.get-offer input[type=checkbox] {
    display: inline-block !important
}

.get-offer__children__ages {
    padding: 0 15px
}

.get-offer__children__ages--age {
    display: none;
    margin-right: 15px
}

.get-offer__rooms--room {
    display: none
}

.get-offer__image {
    max-width: 100%
}

.get-offer .input.text.select {
    margin: 0
}

.get-offer .ui-datepicker-trigger {
    background-color: #006776 !important
}

.get-offer .btn--more-entry-options {
    margin-bottom: 20px
}

body,
html {
    margin: 0;
    /* height: 100% */
}

body {
    position: relative
}

.tns-nav {
    display: none;
}

.tns-outer button {
    display: none;
}

.admin-nav-bar {
    display: none !important;
}

.map-container {
    width: 100%;
    height: 900px;
    position: relative;
}

.map-shadow-top {
    -webkit-box-shadow: inset -9px 76px 13px -70px rgba(0, 0, 0, 0.64);
    -moz-box-shadow: inset -9px 76px 13px -70px rgba(0, 0, 0, 0.64);
    box-shadow: inset -9px 76px 13px -70px rgba(0, 0, 0, 0.64);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 25px;
}

.map-shadow-bottom {
    -webkit-box-shadow: inset -9px -76px 13px -70px rgba(0, 0, 0, 0.64);
    -moz-box-shadow: inset -9px -76px 13px -70px rgba(0, 0, 0, 0.64);
    box-shadow: inset -9px -76px 13px -70px rgba(0, 0, 0, 0.64);
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 875px;
    height: 25px;
}

.tns-item {
    max-height: 540px;
    width: 100%;
    object-fit: cover;
}

.header__slide_fit {
    object-fit: cover;
}

body {
    overflow-x: hidden;
}

.container-topimage {
    min-height: 755px;
    padding: 0;
}

.owl-carousel .item img {
    height: 800px;
    object-fit: cover;
}

.owl-theme .owl-nav .disabled {
    opacity: 0 !important;
}

.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    transition: opacity 0.25s;
}

@media (max-width: 991.98px) {
    .owl-carousel {
        z-index: 0;
        height: 215px;
    }

    .owl-stage-outer {
        height: 215px;
    }

    #prebuilt_packages_carousel,
    #prebuilt_packages_carousel .owl-stage-outer {
        height: unset;
    }
    
    #prebuilt_packages_carousel {
        z-index: 10;
    }

    #inspiration-carousel > div.owl-stage-outer {
        height: 555px !important;
    }

    .owl-carousel.charters_carousel .inspiration-card,
    .owl-carousel.charters_carousel,
    .owl-carousel.charters_carousel .owl-stage-outer {
        height: 555px !important;
    }

    .cheap_deals .hotels_packages #inspiration_tab {
        min-height: 540px;
    }

    .nyheder-carousel .item img {
        height: 470px !important;
    }

    .nyheder-main-content .nyheder-carousel {
        height: 640px;
    }

    .nyheder-carousel .owl-stage-outer {
        height: 640px;
    }

    .owl-carousel .item img {
        height: 215px;
    }

    .topimage {
        height: 558px;
    }

    #home_topimage .topimage__search__placeholder {
        position: relative;
        top: 32px !important;
    }

    #hotel_topimage.topimage {
        height: unset;
    }

    #hotel_topimage .topimage__search__placeholder {
        margin-top: 70px;
    }

    .search-container {
        max-width: 100%;
    }

    .container-topimage {
        min-height: 520px;
        padding: 0;
    }

    .date-picker-wrapper > div.month-wrapper > table > tbody > tr > td:nth-child(1),
    .date-picker-wrapper .month-wrapper table .day,
    .date-picker-wrapper table .caption > th:first-of-type,
    .date-picker-wrapper table .caption > th:last-of-type {
        width: unset;
    }

    .owl-carousel.map-results-carousel {
        height: 530px;
    }

    .header__menu ul.level-1 li ul li a:after {
        position: absolute;
        left: 12rem;
    }
}

#homepage_slide .owl-stage-outer {
    height: 755px;
}

@media (min-width: 992px) {
    #home_topimage {
        height: 600px;
    }
    .sticky-chat__open,
    .sticky-chat__trigger {
        right: 100px
    }
    .sticky-chat__trigger {
        height: 50px;
    }
}

.qtip__pricepopup {
    max-width: 100%;
    width: auto;
    height: auto;
    max-width: unset;
    width: 600px;
    background: #4d959f;
    padding: 10px 0
}

.qtip__pricepopup.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    display: block !important;
    overflow-y: scroll;
    height: 500px;
    padding-bottom: 40px
}

.qtip__pricepopup.active .qtip__pricepopup__content {
    display: block !important
}

.qtip__pricepopup__sales__container {
    color: #fff;
    padding: 30px;
    background: #006776
}

.qtip__pricepopup__sales__container p {
    font-size: 14px !important;
    margin-bottom: 1rem
}

.qtip__pricepopup__sales__container .h2 {
    color: #fff
}

.qtip__pricepopup__content {
    display: none;
    color: #fff;
    line-height: 14px
}

.qtip__pricepopup__content .h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #fff;
    font-family: Roboto, sans-serif
}

.qtip__pricepopup__content__column2 {
    margin-top: 10px
}

.qtip__pricepopup__content table {
    width: 100%
}

.qtip__pricepopup__content table td {
    padding: 3px 0
}

.qtip__pricepopup__content__info {
    background: #006776;
    border: 1px solid #006776;
    font-size: 12px;
    padding: 10px
}

.qtip__pricepopup__content__flightinfo {
    margin-top: 20px;
    font-size: 12px;
    background: #006776
}

.qtip__pricepopup__content__flightinfo td {
    font-size: 12px;
    color: #fff
}

.qtip__pricepopup__content__flightinfo__firsttable {
    padding: 10px
}

.qtip__pricepopup__content__flightinfo__border {
    border-bottom: 2px solid #4d959f
}

.qtip__pricepopup__content__flightinfo__alternative {
    border-top: 2px solid #dce2a5;
    padding: 10px
}

.qtip__pricepopup__content__flightinfo__header {
    font-weight: 700
}

.qtip__pricepopup__content__discounts {
    margin: 0 0 10px 0;
    font-size: 14px
}

.qtip__pricepopup__content__discounts .h2 {
    margin: 0
}

.qtip__pricepopup__content__discounts td {
    font-size: 14px;
    color: #fff
}

.qtip__pricepopup__content__discounts__totaldiscount {
    border-top: 2px solid #006776;
    text-transform: uppercase;
    font-weight: 700
}

.qtip__pricepopup__content__added {
    margin: 10px 0 10px 0;
    font-size: 14px
}

.qtip__pricepopup__content__added .h2 {
    margin: 0
}

.qtip__pricepopup__content__added td {
    font-size: 14px;
    color: #fff
}

.qtip__pricepopup__content__price {
    margin: 0 !important
}

.qtip__pricepopup__content__price--person {
    font-size: 14px
}

.qtip__pricepopup__content__customerinfo {
    margin: 20px 0 0 0;
    padding: 8px 0 8px 0;
    list-style: none;
    border-top: 2px solid #006776
}

.qtip__pricepopup__content__customerinfo li {
    margin-bottom: 8px;
    font-size: .7875rem
}

.qtip__pricepopup__content__exit-button {
    text-align: center
}

.qtip__pricepopup__content__exit-button i {
    height: 40px;
    width: 40px;
    float: right;
    font-size: 35px;
    background-color: #006676;
    padding: 5px
}

.qtip__pricepopup__content__order-button {
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    display: block;
    margin-bottom: 10px
}

.qtip__pricepopup__content__order-button span {
    border: 2px solid #fff;
    color: #006776;
    background-color: #dce2a5;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer
}

.search__fieldswrapper__container--next, .search__fieldswrapper__container--back, .search__fieldswrapper__date__container__save {
    color: #006776;
    cursor: pointer;
}

.search__fieldswrapper__container--next {
    bottom: 1rem;
    position: absolute;
    right: 1.5rem;
}

.search__fieldswrapper__date__container__save {
    background: #A6E7BB;
    width: 140px;
    margin-top: 50px;
}

.search_fieldswrapper_no_days_container {
    margin-bottom: 2rem;
}

.search__fieldswrapper__date__container .departure-name::before,
.search_fieldswrapper_no_days_container .days-checkbox::before {
    margin-right: 10px;
}

.search_filter_checkout .search__fieldswrapper__extendtravelform__container .search_fieldswrapper_no_days_container .days-checkbox {
    padding: 15px 20px;
}

.search__fieldswrapper__date__container .secondary-name {
    margin-left: 36px;
    margin-bottom: -10px;
    font-size: 12px;
    font-weight: 100;
}

@media (min-width: 992px) {
    .qtip__pricepopup {
        width: 700px
    }

    .qtip__pricepopup__content__column2 {
        margin-top: 0
    }
}

@media (min-width: 1200px) {
    .qtip__pricepopup {
        width: 850px
    }

    .qtip__pricepopup .h2 {
        font-size: 30px
    }
}

.side-offers__content__box__stars {
    display: inline-block;
    font-size: 0.5 erm;
}

.left-side-canvas {
    width: 100%;
    background-color: #006776;
    height: 315px;
    position: fixed;
    bottom: -315px;
    padding: 15px;

    -webkit-box-shadow: 4px 1px 6px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 4px 1px 6px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 4px 1px 6px 0px rgba(0, 0, 0, 0.27);

    z-index: 30000;
}

.left-side-canvas #left-side h3 {
    margin-bottom: 30px;
}

.left-side-canvas-toggle {
    display: inline-block;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    position: absolute;
    left: 5%;
    bottom: 315px;
    background-color: #fff;
    color: #006776;
    font-size: 20px;
    padding-top: 13px;
    padding-bottom: 10px;
    padding-right: 40px;
    padding-left: 40px;
    -webkit-box-shadow: 5px -3px 4px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 5px -3px 4px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 5px -3px 4px 0px rgba(0, 0, 0, 0.27);
    cursor: pointer;
    transform: translate(-50%, 0);
}

.left-side-canvas h3 {
    color: white;
}

@media (max-width: 768px) {
    .left-side-canvas-toggle {
        height: unset;
        width: unset;
        padding: 15px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.left-side-canvas-card {
    width: 95%;
}

.left-side-container {
    width: 101%;
    height: 84vh;
}

.bottom-scrollmenu .owl-item {
    display: inline-block;
}

.bottom-scrollmenu .owl-nav {
    display: none;
}

.inspiration-card .scrollmenu-stars {
    position: absolute;
    top: 20px;
    left: 20px;
}

.inspiration-card .stars__wrapper {
    color: #FFFFFF;
    text-shadow: 0px 3px 5px #000000;
}

.inspiration-card .stars__wrapper .inactive {
    display: none;
}

.alternative_hotels .inspiration-card {
    height: 500px !important;
    margin: auto;
}

/* width */
.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #006776;
    opacity: 0.7;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #004853;
}

#left-side .drag-handle {
    border-radius: 10px;
    background-color: #006776;
    opacity: 0.7;
}

#left-side .tse-scrollbar {
    background-color: #fff;
}

#left-side hr {
    margin: 0;
    padding-top: 20px;
}

.homepage-inspiration-card {
    background-color: #0a5f6b !important;
    height: 400px !important;
}

.homepage-inspiration-card .inspiration-footer {
    background-color: #0a5f6b !important;
}

.inspiration-card {
    height: 300px;
    background-color: #006776;
    padding: 1px;
}

.map-inspiration-card {
    background-color: white !important;
    margin-bottom: 30px !important;
}

.inspiration_tab_homepage {
    min-height: 0 !important;
}

.inspiration_tab_homepage {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;
    overflow: hidden;
    min-height: 430px;
    height: 0;
}

.inspiration-price {
    position: absolute;
    bottom: -165px;
    right: 10px;
    font-weight: bold;
    text-shadow: 2px 2px #006675cc;
    font-size: 16px;
}

.inspiration-price span {
    font-size: 24px;
}

.inspiration-title-country {
    margin-left: 20px;
    margin-top: 8px;
    text-transform: uppercase;
    font-size: 13px;
    color: #DDE1A4;
}

.inspiration-title-name {
    margin-left: 20px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 140%;
    color: #fff;
}

.inspiration-header {
    background-color: rgba(0, 103, 118, 0.5);
    position: absolute;
    height: 65px;
    width: calc(100% - 2px);
    color: white;
}

.inspiration-footer,
.nyheder-carousel .nyheder_footer {
    background-color: #DAE3A2;
    position: absolute;
    text-transform: uppercase;
    height: 65px;
    width: calc(100% - 2px);
    color: white;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inspiration-footer a,
.nyheder-carousel .nyheder_footer a {
    font-weight: 700;
    text-decoration: none;
    color: #15737B;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}

.owl-theme .owl-nav [class*=owl-]:focus {
    outline: none;
}

.hotel__room__price__sold-out {
    opacity: .3;
}

.hotel__room__price__sold-out a {
    cursor: context-menu;
}

.hotel__room__price__sold-out:hover {
    background: #4d959f;
    color: #fff;
}

.columns-boder {
    position: absolute;
    height: 70%;
    left: calc(50% - 278px);
    border-right: 1px solid #f4f6e4;
    z-index: -1;
}

.homepage-gradient,
.resorts-gradient,
.hotel-gradient,
.pakker-gradient,
.default-gradient {
    background: transparent linear-gradient(180deg, #00677600 0%, #006776 100%) 0% 0% no-repeat padding-box;
    min-width: 100%;
    min-height: 192px;
    position: absolute;
    z-index: 1;
}

.homepage-gradient {
    top: 565px;
}

.resorts-gradient {
    top: 602px;
}

.hotel-gradient {
    top: 660px;
}

.pakker-gradient {
    top: 610px;
}

.default-gradient {
    top: 603px;
}

.color-light-teal {
    color: #A5E9BC;
}

.package_wrapper {
    background-color: #07424d;
    width: 100%;
}

#inspiration_tab {
    width: 100%;
    min-height: 430px;
    background-color: #006776;
}

@media (max-width: 767.98px) {

    .under-homepage-header {
        display: none;
    }

    #inspiration-carousel {
        min-height: 320px;
    }

    .charters-main-content,
    #inspiration-carousel > div.owl-stage-outer {
        height: 555px !important;
    }

    .destinations_carousel,
    .destinations_carousel > div.owl-stage-outer {
        height: unset !important;
    }

    .nyheder-carousel,
    .nyheder-carousel > div.owl-stage-outer {
        height: unset !important;
    }

    .custom_package_row > div.carousels_divs > div.charters-main-content {
        height: 120px !important;
    }

    .custom_package_row > div.step {
        padding-left: 0;
    }

    .popular-hotel-card {
        background-color: #006776;
    }

    .popular_package_types {
        padding-top: 60px;
    }

    .footer__information__menu ul li a:before {
        padding-left: 0;
    }

    #price-list-hotels__ajax {
        padding-left: 0;
        padding-right: 0;
    }

    .package_first_content {
        font-size: 30px;
    }

    .package_second_content {
        display: none;
    }

    .package_container {
        top: 160px;
        max-width: 100% !important;
        padding: 0;
    }

    .package_search {
        top: 50px;
    }

    .package_wrapper {
        margin-top: 300px;
    }

    #map-button {
        display: none;
    }

    .step-info {
        display: none;
    }

    .package_flight_icon {
        margin: 23px;
        position: absolute;
    }

    .flight_row .flight_number {
        display: none;
    }

    .flight_row .flight_info_det,
    .flight_row .flyafgang {
        padding-left: 90px;
    }

    .destinations_carousel .owl-stage-outer .owl-stage .owl-item .item > div > div {
        max-height: unset;
    }

    .nyheder-carousel .owl-stage-outer .owl-stage .owl-item .item > div > div {
        max-height: unset;
    }

    .package_row_fix {
        width: 100%;
        margin: 0;
    }

    .check_in_out_dates > div:last-of-type, .room_type_row > div:last-of-type {
        margin-top: .5rem;
    }

    .nyheder-main-content > .nyheder-carousel .item img {
        height: 470px !important;
    }

    .nyheder-main-content > .nyheder-main-content .nyheder-carousel {
        height: 640px !important;
    }

    .nyheder_div .nyheder-main-content > #inspiration-carousel .owl-stage-outer {
        height: 640px !important;
    }
}

.under-homepage-header {
    max-width: 100% !important;
    min-height: 150px;
    background: #006776;
}

.under-header-text {
    min-height: 150px;
    margin: 0 auto;
    width: min(75%, 1210px) !important;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 25px 0 55px 0;
}

.fa-plane {
    transform: rotate(-45deg);
}

@media (max-width: 1400px) {
    .header__menu ul.level-1 li a,
    .header__myticket {
        font-size: 1rem;
    }
}

@media (max-width: 1200px) {
    .columns-boder {
        left: calc(50% - 215px);
    }
    .footer__bottom__logo {
        bottom: 50px;
    }
}

@media (max-width: 1080px) {
    .header__menu ul.level-1 li a,
    .header__myticket {
        font-size: 0.88rem;
    }
}

@media (max-width: 991px) {
    #inspiration_tab {
        width: 100%;
        min-height: 720px;
        background-color: #006776;
    }

    .homepage-gradient,
    .resorts-gradient,
    .default-gradient {
        display: none;
    }

    .price-list-hotels__ajax {
        margin-top: 170px;
    }

    .price-hotel__header {
        padding-top: 50px;
    }

    .search__fieldswrapper--bottom .search__fieldswrapper__extend {
        bottom: -62px;
    }

    .search__fieldswrapper--bottom .search__fieldswrapper__extend__content {
        top: 260px;
    }

    .custom_search__fieldswrapper__extend {
        margin-top: 10px;
    }

    .search__fieldswrapper__reset {
        margin-top: 10px;
    }

    .pakker-gradient {
        display: none;
    }

    .search__fieldswrapper__container--next {
        position: unset;
        margin-top: 0.5rem;
    }

    .custom_search_more_filters {
        min-height: unset;
        top: 330px;
        z-index: 2;
    }

    .col.search__col {
        z-index: 2;
    }

    .search__fieldswrapper__extendtravelform__container .mega-menu-item__column__headline::after {
        margin-left: 20px;
    }

    .search__fieldswrapper__extend__content__wrapper__headline__icon {
        padding-left: 2px;
    }

    .search__fieldswrapper__extend__content__wrapper__headline {
        white-space: nowrap;
    }

    .footer__bottom__logo {
        bottom: 20px;
    }

    .header__menu ul.level-1 li {
        background: #fff;
    }

    .header__menu ul.level-1 li ul li li a {
        font-weight: normal;
        font-size: 0.9rem;
        text-transform: none;
    }

    .header__menu ul.level-1 li ul li li a:before {
        display: none !important;
    }

    .header__menu ul.level-1 li ul {
        margin-top: 5px;
    }

    .header__menu ul.level-1 li ul li {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -4px;
        margin-top: -4px;
    }

    .topimage__content__box__wrapper {
        position: static !important;
    }
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm > .table-bordered {
        border: 0
    }

    .search__fieldswrapper__days__container,
    .search__fieldswrapper__date__container,
    .search__fieldswrapper__extendtravelform__container,
    .search__fieldswrapper__travelers__container {
        padding: 15px !important;
    }

    .search__page_selector .page__link {
        padding: 9px 15px;
        margin: 0 -4px 0 0;
    }
}

.loader-wrap {
    background: #FFFFFF;
}

.pencil_edit {
    color: #a6e7bb !important;
    font-weight: normal;
    font-size: 14px;
}

.map_no_flights_found {
    background-color: #0c5460 !important;
    width: 450px !important;
    text-align: center;
    height: 80px !important;
    padding-top: 25px;
}

.close_flights_modal{
    cursor: pointer;
}

.map_no_flights_found h3 {
    color: white !important;
}

.highlighted_div:before {
    content: " ";
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
}

.info-page-header,
.ferieformer-page-header {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.textpage__header:after {
    content: "";
    background: transparent linear-gradient(180deg, #00677600 0%, #006776 100%) 0% 0% no-repeat padding-box;
    min-width: 100%;
    min-height: 192px;
    position: absolute;
    display: block;
    z-index: 1;
    top: 259px;
}

/* Custom package page */

.custom_package_itinerary .carousel_divs {
    padding: 0px;
}

.custom_package_itinerary .flights_carousel .owl-item {
    background: #B4B4B4;
    color: #FFFFFF;
}

.custom_package_itinerary .flights_carousel .owl-item.selected {
    background: #A6E7BB;
    color: #006776;
}

.custom_package_itinerary .flights_carousel .flight_item {
    display: grid;
    grid-template-columns: 2fr 4fr 2fr 9fr 4fr;
    grid-column-gap: 15px;
    padding: 15px 20px;
    place-items: center;
    cursor: pointer;
}

.custom_package_itinerary .flights_carousel .flight_item .flight_selected span {
    display: block;
    font-size: 22px;
    font-weight: bold;
}

.custom_package_itinerary .flights_carousel .flight_item .flight_logo img {
    object-fit: contain;
}

.custom_package_itinerary .flights_carousel .flight_item .flight_price {
    font-size: 22px;
    font-weight: bold;
}

.custom_package_itinerary .flights_carousel .circle-span {
    border: 2px solid #FFF;
    color: #FFF !important;
}

.custom_package_itinerary .flights_carousel .owl-item.selected .circle-span {
    border: 2px solid #006776;
    color: #006776 !important;
}

.custom_package_itinerary .flights_carousel .circle-span i {
    color: #FFF !important;
    transform: none;
    margin-top: unset;
}

.custom_package_itinerary .flights_carousel .owl-item.selected .circle-span i {
    color: #006776 !important;
}

.custom_package_itinerary .flights_carousel .flight_logo .flight_logo_img {
    max-width: 55px;
    max-height: 55px;
}

.custom_package_itinerary .destinations_carousel {
    cursor: default;
}

.custom_package_itinerary .destinations_carousel .hotel_image {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.custom_package_itinerary .custom_package_pricing .total_price_details {
    color: #a6e7bb;
    font-size: 40px;
    vertical-align: bottom;
    margin-left: 10px;
}

.custom_package_itinerary .custom_package_pricing .custom_package_price_details span {
    color: #a6e7bb;
    font-weight: bold;
}

/* PREBUILT PACKAGES */

.prebuilt_packages_wrapper {
    background: #006776;
    padding: 75px 140px;
}

#prebuilt_packages {
    position: relative;
}

.prebuilt_packages_controls {
    position: absolute;
    top: 0;
    left: -65px;
    width: calc(100% + 130px);
}

.prebuilt_packages_controls .prebuilt_packages_nav {
    display: flex;
    justify-content: space-between;
}

.prebuilt_packages_controls button {
    color: #FFF;
    background: none;
    border: none;
    font-size: 60px;
}

.prebuilt_packages_controls button.disabled {
    opacity: 0.2;
}

.prebuilt_packages_controls,
.prebuilt_packages_controls .owl-controls,
.prebuilt_packages_controls .prebuilt_packages_nav,
.prebuilt_packages_controls button {
    height: 100%;
}

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

.prebuilt-item .prebuilt-image {
    cursor: copy;
    aspect-ratio: 3/2;
    object-fit: cover;
}

.prebuilt-item .prebuilt-map {
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
    height: 100%;
    clip-path: circle(150% at 100% 0);
    transition: clip-path 0.5s;
}

.prebuilt-item .prebuilt-map.prebuilt-map-inactive {
    clip-path: circle(0.0% at 100% 12.5%);
}

.prebuilt-item .prebuilt-name {
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
}

.prebuilt-item .prebuilt-departure {
    color: #B4B4B4;
}

.prebuilt-item .prebuilt-length {
    color: #FFF;
}

.prebuilt-item .prebuilt-length .number-of-days {
    color: #A5E9BC;
}

.prebuilt-item .prebuilt-trip-price {
    color: #FFFFFF;
    font-weight: bold;
}

.prebuilt-item .prebuilt-trip-price .trip-currency {
    font-size: 11px;
}

.prebuilt-map-wrapper {
    position: relative;
    padding: 60px 60px 36px 60px;
    background: #07424d !important;
}

.prebuilt-map-wrapper .map-shadow-top,
.prebuilt-map-wrapper .map-shadow-bottom {
    width: calc(100% - 120px);
}

.prebuilt-map-wrapper .map-shadow-bottom {
    top: unset;
    bottom: 36px;
}

#prebuilt-map-showcase {
    font-weight: 700;
    background: #FFF;
    width: 100%;
    height: 400px;
}

@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
    .new_package_hotel_name {
        font-size: 16px !important;
    }

    .package_date {
        font-size: 16px !important;
    }

    .other_package_detail {
        font-size: 14px !important;
    }

    .destinations_carousel .owl-nav .owl-prev {
        height: 220px !important;
    }

    .destinations_carousel .owl-nav .owl-next {
        height: 220px !important;
    }

    .flights_carousel .owl-nav .owl-prev {
        height: 80px !important;
    }

    .flights_carousel .owl-nav .owl-next {
        height: 80px !important;
    }

    .flyafgang{
        font-size: 13px !important;
    }
}

/* ----------- Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
    .new_package_hotel_name {
        font-size: 16px !important;
    }

    .package_date {
        font-size: 16px !important;
    }

    .other_package_detail {
        font-size: 14px !important;
    }

    .destinations_carousel .owl-nav .owl-prev {
        height: 220px !important;
    }

    .destinations_carousel .owl-nav .owl-next {
        height: 220px !important;
    }

    .flights_carousel .owl-nav .owl-prev {
        height: 80px !important;
    }

    .flights_carousel .owl-nav .owl-next {
        height: 80px !important;
    }

    .flyafgang{
        font-size: 13px !important;
    }
}

@media(max-width: 768px) {
    .footer__information__contact__link {
        display: block;
    }

    .footer__information__menu ul li a:before {
        padding-left: 5px;
    }

    .footer__information__contact__link__icon {
        position: relative !important;
        left: -10px !important;
    }

    .footer__bottom__logo {
        position: static;
        bottom: 0;
    }

    .footer__information__menu {
        display: flex;
        justify-content: center;
        text-align: left;
    }

    .search__fieldswrapper__extendtravelform__container .mega-menu-item__column {
        width: 100%;
    }

    .search__fieldswrapper__extendtravelform__container .mega-menu-item__column__headline::after {
        margin-left: 0;
    }

    .footer__bottom {
        padding-bottom: 18px;
    }

    .resort-information .info .hotel-facts {
        justify-content: center;
    }

    html {
        overflow-x: hidden !important;
    }

    .topimage__content__box__headline.font-roboto-condensed > div {
        height: 115px;
        font-size: min(16vw,3.75rem);
        overflow: hidden;
    }
}

@media(max-width: 991px) {
    .hotel-image-slider-nav .custom-nav {
        display: none;
    }

    .hotel-gradient {
        display: none;
    }

    .topimage__content__box__subheadline {
        display: none;
    }
}

/**
 * BOBO's HACKS
**/
/* .pricelist.deals > .ferieformer_div {
    max-width: 1615px !important;
} */

.footer__newsletter__button {
    background-color: #05434E !important;
    color: #A5E9BC !important;
    border-color: #05434E !important;
}

.footer__newsletter__button:hover {
    background-color: #043842 !important;
    border-color: #043842 !important;
}

.search-container .search__col .search__col .search__page_selector {
    top: -62px;
}

.holiday-gradient {
    background: transparent linear-gradient(180deg , #00677600 0%, #006776 100%) 0% 0% no-repeat padding-box;
    height: 150px;
    margin-top: -149px;
}

.resort-information {
    background: #006776;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.3 !important;
}

.popular_hotel_a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-hotel__container {
    margin-top: 0px !important;
}

.pakker-gradient {
    top: 563px !important;
}

.columns-boder {
    display: none;
}

.textpage__header {
    box-shadow: 0 3px 28px 0px rgb(0 0 0 / 64%);
}

.holiday-info-page.resort-information {
    box-shadow: 0px 10px 20px -11px rgb(0 0 0 / 64%);
    position: relative;
}

.resort-information.hotel-information.hotel-details {
    background-image: url(../img/resort-information-bg-water.png), linear-gradient(#1a8796, #1a8796);
}

.resort-information__facts__item {
    width: 110px !important;
    height: 110px !important;
}

.extended_location_div .popular_hotel_location {
    display: block;
    min-height: 48px;
}

.ferieformer_div.hotels_packages #inspiration_tab {
    background-color: unset;
}

@media (max-width: 1799.98px) {
    .custom_package_itinerary .flights_carousel .flight_item {
        grid-template-columns: 4fr 1.5fr 9fr 5fr;
        grid-column-gap: 10px;
    }
    .plane_icon {
        display: none;
    }
}

@media (min-width: 992px) {
    /** fix for search popups **/
    .search__fieldswrapper__extendtravelform__container--resort {
        left: -200px !important;
    }

    .search__fieldswrapper__extendtravelform__container--resort:after {
        right: 710px !important;
    }

    /** fix for search popups **/
    .search__fieldswrapper__extendtravelform__container--resort.from_collapsed {
        left: -510px !important;
    }

    .search__fieldswrapper__extendtravelform__container--resort.from_collapsed:after {
        right: 410px !important;
    }
    

    .search__fieldswrapper__extendtravelform__container--small:after {
        left: 190px !important;
    }

    .holiday-info-page .search__fieldswrapper--bottom {
        top: 620px;
    }

    .holiday-info-page .search__fieldswrapper--bottom {
        top: 620px;
    }
}

@media (min-width: 1200px) {
    .search__fieldswrapper__extendtravelform__container--resort.from_collapsed:after {
        right: 510px !important;
    }
}

@media (max-width: 1200px) {
    .under-homepage-header, .package_content_div { display: none; }
    .more_details {
        bottom: -5px;
        font-size: 30px;
    }
}

@media (max-width: 992px) {
    .holiday-info-page .resort-information__headline {
        font-size: 1.7rem;
        line-height: 1.8rem;
        margin-top: 40px !important;
    }

    .header__container .header__mobile__content {
        z-index: 2;
    }

    .pricelist.deals {
        margin-top: 70px;
    }
    
    .header__container .header__logo {
        z-index: 1;
        position: relative;
    }
    
    #homepage_slide.owl-carousel,
    #hotel-slider.owl-carousel {
        position: absolute !important;
        top: 0px !important;
        z-index: 0 !important;
    }

    #homepage_slide .owl-stage-outer,
    #hotel-slider .owl-stage-outer {
        height: 755px !important;
    }

    #hotel-slider.bottom-hotel-image-slider .owl-stage-outer {
        height: 400px !important;
    }

    .destinations_carousel, .destinations_carousel .owl-stage-outer,
    .flights_carousel, .flights_carousel .owl-stage-outer {
        height: unset;
    }

    #homepage_slide .owl-stage, .owl-item,
    #hotel-slider .owl-stage, .owl-item {
        height: 100% !important;
    }

    #homepage_slide .owl-item .item, #homepage_slide .owl-item .item > div {
        height: 100%;
    }
    
    #homepage_slide .owl-item .item img,
    #hotel-slider .owl-item .item,
    #hotel-slider .owl-item .item img {
        object-fit: cover !important;
        height: 100% !important;
    }
    
    .search__fieldswrapper {
        position: relative;
        z-index: 1 !important;
    }
    
    .col.search__col {
        z-index: 1 !important;
    }
    
    #home_topimage > .container .text-center {
        margin: 30px 0;
    }

    #home_topimage .topimage__search__placeholder.packages_search {
        top: 72px !important;
    }
    
    .topimage__content__nobox__headline,
    .topimage__content__box__headline > div {
        font-size: 2rem !important;
        line-height: 2rem !important;
        letter-spacing: .3rem !important;
        text-shadow: 0px 1px 3px #000 !important;
        letter-spacing: 0px !important;
    }

    .topimage__content__box__headline.font-roboto-condensed > div {
        height: auto !important;
        margin: 5px !important
    }
    
    .topimage__content__nobox__headline.d-none,
    .topimage__content__headline.d-none,
    .topimage__content__pakker__subtitle.d-none {
        display: block !important;
    }
    
    .topimage__content__headline {
        font-size: 24px;
        line-height: 1.5rem;
        letter-spacing: .15rem;
        text-shadow: 0px 1px 3px #000;
        letter-spacing: 0px;
    }

    .topimage__content__box__teaser {
        font-size: 1.025rem;
        line-height: 1.2rem;
    }
    
    .homepage-gradient,
    .pakker-gradient {
        display: block !important;
        position: relative !important;
        margin-top: -100px !important;
        top: 2px !important;
        z-index: 0 !important;
    }
    
    .price-hotel__container {
        margin-top: -5px !important;
    }
    
    .nyheder-carousel {
        position: relative !important;
    }

    .nyheder-main-content > .nyheder-carousel .item img {
        height: auto !important;
        width: unset;
    }

    .nyheder-carousel .nyheder_card {
        height: auto !important;
    }
    
    .search__page_selector,
    .container .search__page_selector.package-page {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        margin: -70px auto 35px -40px !important;
        width: 100vw;
    }

    /* .popular_packages_carousel .owl-stage .owl-item {
        height: 755px !important;
    }

    .popular_packages_carousel .owl-item .item img {
        height: auto !important;
    } */
    
    /* .under-homepage-header {
        display: block !important;
    }
    .under-homepage-header p { font-size: 1rem; }
    .under-homepage-header h1 { font-size: 1.25rem; } */
    
    .popular-hotel-card {
        width: 100% !important;
        max-width: none;
    }

    .popular_hotel_a,
    .nyheder-carousel .nyheder_card_link {
        max-width: initial !important;
    }

    aside > .topimage { /* .holiday-topimage */
        padding-top: 105px;
    }

    aside > .container-fluid {
        margin-top: -105px;
    }

    .container-fluid.static_page_div {
        margin-top: 50px;
    }

    aside > .container-fluid .topimage {
        height: auto !important;
        min-height: 105px !important;
    }

    aside > .topimage > .container {
        margin-bottom: 50px !important;
    }

    .topimage__content__box__headline {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .topimage__content__box__subheadline {
        font-size: 1.25rem;
        line-height: 1rem;
        display: block !important;
    }

    .resort-information__headline {
        margin-top: 75px;
    }

    #resort-information .resort-information__headline {
        margin-top: 105px;
    }

    .pricelist__facilities__element {
        width: 24%;
    }
    
    .header__menu ul.level-1 li ul li:first-of-type {
        padding-top: 14px !important;
    }

    .header__menu ul.level-1 li ul li {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        
    }

    .header__menu ul.level-1 li ul li a {
        font-size: 0.9rem;
    }

    .hotels_packages {
        padding-bottom: 60px;
    }

    .hotels_packages .popular-hotel-card-package {
        width: 95% !important;
    }

    .hotels_packages .popular-hotel-card-package .popular_hotel_name {
        font-size: 1.35rem;
    }

    .hotels_packages .popular_hotel_location {
        display: block;
        min-height: 48px;
    }

    .resort-information.hotel-information {
        margin-top: auto !important;
    }

    .resort-information__facts__item {
        width: 115px;
        height: 115px;
    }

    .hotel-facts.w-100 > .justify-content-center > div.col-3 {
        max-width: 50%;
    }

    .price-hotel__header {
        padding-top: 20px !important;
    }

    .price-hotel__header__text {
        font-size: 1.7rem;
    }

    .hotel-information .hotel-name {
        line-height: 2rem;
    }

    .textpage__content__container .textpage__content {
        margin: 20px !important;
    }

    .preloader {
        margin-top: 100px;
    }
}

@media (max-width: 767px) {
    .price-hotel__room__prices__container .price-hotel__room__price__col {
        max-width: 375px;
        width: calc(50% - 10px);
    }

    .pricelist__facilities__element__text {
        font-size: 0.65rem;
    }
}
/**
 * END OF BOBO's HACKS
**/


@media (max-width: 992px) {
    aside > .container-fluid .topimage.topimage-ferieformer,
    aside > .container-fluid .topimage.topimage-infopage {
        height: 555px !important;
    }
}

@media (max-width: 767px) {
    .info-page-header,
    .ferieformer-page-header {
        object-position: 40%;
    }
}

@media(max-width: 767px) {
    #hotel-slider.bottom-hotel-image-slider .owl-item .item img {
        height: 558px !important;
    }
    .custom_package_div {
        padding: 60px 40px 36px 40px;
    }
    .prebuilt-map-wrapper {
        padding: 60px 0 36px 0;
    }
    .prebuilt-map-wrapper .map-shadow-top,
    .prebuilt-map-wrapper .map-shadow-bottom {
        width: 100%;
    }
}

@media (max-width: 659.98px) {
    .custom_package_itinerary .flights_carousel .flight_item {
        grid-template-columns: 2fr 1fr;
        grid-row-gap: 10px;
    }
    .custom_package_itinerary .flights_carousel .flight_item .flight_selected span {
        display: inline-block;
    }
    .flight_selected {
        justify-self: start;
    }
}

@media (max-width: 575.98px) {
    .custom_package_itinerary .flights_carousel .flight_item {
        grid-template-columns: 1fr;
    }
    .flight_logo {
        display: none;
    }
    .flight_info {
        justify-self: start;
    }
    .flight_price {
        justify-self: end;
    }
    .prebuilt_packages_wrapper {
        padding: 75px 50px;
    }
    .prebuilt_packages_controls {
        left: -50px;
        width: calc(100% + 100px);
    }
}

.destinations-main-content .collapsing {
    position: static;
}

@media (max-width: 991px) {
    .search__fieldswrapper__extend__content__wrapper {
        margin-left: unset;
    }

    .search__fieldswrapper__days__container, .search__fieldswrapper__date__container, .search__fieldswrapper__extendtravelform__container, .search__fieldswrapper__travelers__container {
        top: 85px !important;
    }

    .price-hotel__container #price-list-hotels__ajax .price-hotel__room__price__col {
        width: 46.5%;
    }

    .__hotel.price-hotel__container {
        margin-top: unset !important;
    }
}

@media (max-width: 576px) {
    .price-hotel__container #price-list-hotels__ajax .price-hotel__room__price__col {
        width: 100%;
    }
}

.carousel-caption {
    display: none;
}

.popular_hotel_a.package_hotels_href {
    max-width: initial;
}

.ui-helper-hidden-accessible {
    display: none;
}