﻿
:root {
    --background-color: #fff;
    --orange: #FF671F;
    --light-orange: #ffdfd0;
    --black: #000000;
    --blue: #00BBDC;
    --gray: #C4CDD5;
    --new-header-max-width: 1800px;
    --header-height: 95;
    --header-height-mobile: 67;
    --nav-height: 43;
    --headerAndNav-height: calc(var(--header-height) + var(--nav-height));
}
main {
    position: relative;
    top: calc(var(--headerAndNav-height) * 1px);
}

.MainHeader {
    display: block;
    height: calc(var(--header-height) * 1px);
    position: fixed;
    z-index: 1000;
    background: var(--background-color);
}

body .MainHeader {
    background: var(--background-color);
}

    .MainHeader:has(> header .header-new-ux-design.subdomain-background-color) {
        background: var(--background-color);
    }


.mb-logo:has(> a img.mb-subdomain-logo) {
    padding:0;
    text-align: right;
}
.mb-subdomain-logo {
    height: calc(var(--header-height) * 1px);

}

.MainMenu {
    width: 100%;
    position: fixed;
    top: calc(var(--header-height) * 1px);
    z-index: 1000;
    background: var(--background-color);
}
#CONTENTHOLDER.new2024SWStyleCss {
    position: relative;
    display: block;
    top: calc(var(--headerAndNav-height)* 1px);
}

footer.new2024SWStyleCss {
    position:relative;
    top: calc(var(--headerAndNav-height)* 1px);
}

header {
    position: fixed;
    max-width: var(--new-header-max-width);
    margin: 0 auto;
    height: calc(var(--header-height) * 1px);
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--background-color);
}

#site-nav {
    width: 100%;
    max-width: var(--new-header-max-width);
    margin: 0 auto;
    background: var(--background-color);
    height: 100%;
}

.header-new-ux-design {
    height: calc(var(--header-height) * 1px);
    max-width: var(--new-header-max-width); 
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.mb-header-logo {
    width: 40%;
    height: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}


.partner-logo-sb {
    display: inline-block;
    position: relative;
    width: 49%;
    z-index: 1000;
    margin: auto 0;
}

.partner-logo-sb span {
    font-size: 14px;
    display: block;
}
    .partner-logo-sb span.subdomain-white-color {
        color: Var(--background-color);
    }
    .partner-logo-sb img {
        width:170px;
    }

    .mb-logo {
        width: 50%;
        height: fit-content;
        padding: 25px 10px 0 0;
        display: inline-block;
    }
.MainMenu:has(> nav.eurotunnelSubdomain) {
    background: var(--black);
}
nav#site-nav.eurotunnelSubdomain ul.nav-main {
    background: var(--black);
}
nav#site-nav.eurotunnelSubdomain .main-menu-item a {
    color:var(--background-color);
}
.marketing-logos-wrapper {
    width: 100px;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    align-content: center;
    text-align: center;
}
    .marketing-logos-wrapper img {
        
    }

.marketing-container {
    width: 60%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 2%;
}
.tp-widget-wrapper {
    height: auto;
}
header .header-new-ux-design .trustpilot-widget-hdr-wrapper {
    height: 100%;
    max-height: 65px;
    min-width: 75px;
    max-width: 90px;
    position: relative;
    left: 0px;
    scale: 100%;
    display: inline-block;
    margin: 0 !important;
    top:-9px;
}

    header .header-new-ux-design .trustpilot-widget-hdr-wrapper .trustpilot-widget iframe {
        margin-left: 0px;
    }

.contact-manage-wrapper .phoneNo a.phoneNo-contact-us.subdomain-white-color {
    color: var(--background-color);
}
.manage .manage-my-booking-container a.sbsw-btn.orange {
    background: var(--orange);
    border-radius: 10px;
    padding: 10px;
    border: none;
}

.manage-my-booking-container a {
    font-size: 14px;
}

.contact-manage-wrapper {
    width: 33%;
    height: calc((var(--header-height)) * 1px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-content: space-around;
    gap: 10%;
}
    .contact-manage-wrapper .phoneNo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        justify-content: space-evenly;
        gap: 5px;
    }
    .contact-manage-wrapper .phoneNo a.phoneNo-contact-us {
        color: black;
        margin:0px;
    }

/*    navigation   */
ul.nav-main {
    list-style-type: none;
}

.nav-main {
    height: calc(var(--nav-height) * 1px);
    background: #fff;
    padding: 0 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3%;
}

li.main-menu-item::marker {
    display: none;    
}

.main-menu-item,
.hidden-main-menu-item {
    font-size: 15px;
    font-weight: 400;
    color: var(--background-color);
    cursor: pointer;
}

    .main-menu-item:hover .mmo-title-a span.item-text,
    .hidden-main-menu-item:hover .mmo-title-a span.item-text {
        color: var(--orange) !important;
    }
    .main-menu-item.active a span.item-text {
        color: var(--orange);
    }

    .main-menu-item a,
    .main-menu-item .mmo-title-a,
    .hidden-main-menu-item a,
    .hidden-main-menu-item .mmo-title-a,
    .popup-menu-items {
        text-decoration: none !important;
        color: var(--black);
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        align-content: center !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        padding: 0;
    }

nav ul#cbp-tm-menu-new-design li .mmo-title-a {
    padding: 0;
    width: 100%;
}

.hidden-main-menu-item {
    display: none;
    background: var(--light-orange);
    border-radius: 7px;
    padding: 5px 10px;
}
.hidden-main-menu-item.show-hidden-menu {
    display: block;
}

img.searchIcon {
    width: 20px;
}

ul.nav-dropdown {
    list-style-type: none;
}

li.dropdown-menu-items::marker {
    display:none;
}
.nav-dropdown {
    position: absolute;
    width: 250px;
    padding: 0 25px;
    background-color: white;
    z-index: 100;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    box-shadow: 1px 6px 7px 0 rgba(0,0,0,0.5);
}

li.dropdown-menu-items {
    width: 100%;
    font-size: 14px;
    line-height: 3.5;
    cursor: pointer;
}

    li.dropdown-menu-items a span.dropdown-item {
        color: var(--black);
    }

.mmo-pp-ctn-d {
    position: fixed;
    width: 98%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    padding: 0px 1%;
    background: var(--background-color);
    /*    margin: 40px 80px;*/
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

    .mmo-pp-ctn-d .controls-ctn {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        margin: 20px 0 10px 0;
    }

    .controls-ctn #hide-menu {
        display: inline-block;
        width: 6%;
        height: 31px;
        margin: 10px;
        position:static;
    }
#hide-menu {
    position: fixed;
}
.mmo-pp-ctn .controls-ctn .popup-title {
    display: inline-block !important;
    font-size: 25px !important;
    margin: 10px auto !important;
    width: 90% !important;
    text-align: center !important;
    color: var(--black) !important;
    height: 31px;
    padding: 0;
}
.popup-ctn {
    position: relative;
/*    top: 50px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.popup-left-side-ctn {
    width: 70%;
    font-size: 14px;
    line-height: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-direction: row;
}
.popup-item {
    color:var(--orange);
}
.popup-menu-items {
    width: 20%;
}
.popup-menu-item-child {
    width: 100%;
    padding: 0 0 0 20px;
    font-size: 14px;
    cursor: pointer;
}
    .popup-menu-item-child .mmo-title-a {
        text-decoration: none;
        color: black;
    }
.popup-right-side-ctn {
    width: 20%;
    margin: 0 25px;
}
.popup-images-ctn {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    align-content: center;
    padding-bottom: 30px;
}


.popup-menu-image-item {
    width: 300px;
    height: 400px;
    border-radius: 15px;
    border: 1px solid var(--orange);
}

.popup-item-image {
    background-size: 300px;
    background-repeat: no-repeat;
    width: 300px;
    height: 400px;
    border-radius: 15px;
}

.popup-menu-image-item .mmo-title-a {
    display: block !important;
    width: inherit !important;
    height: inherit !important;
    padding: 0px !important;
}
    .popup-menu-image-item a .popup-item-image span.popup-item-title {
        position: relative;
        display: block;
        text-align: center;
        line-height: 2.7rem;
        color: var(--background-color);
        font-size: 1.8em;
        font-weight: 600;
        top: 15%;
        text-shadow: 2px 2px black;
    }

    .award,
    .award2 {
        width: 160px;
        height: 100px;
        text-align: center;
    }
.awardsLogos.lazy-home-promo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    gap: 35px;
    align-items: center;
    justify-content: space-evenly;
}

.lazy-home-promo img {
    margin: -3px auto;
    display: block;
    width: auto;
}

.countdown-simple-clock-container {
    position: relative;
    width: 100%;
    z-index: 999;
    top: calc(var(--headerAndNav-height) * 1px);
}
/*   end navigation   */

.eurostar-info-icon {
    width: 20px;
    margin: auto 5px;
    cursor: pointer;
}

.sr-popup-eurostar-info-icon-cotainer {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 97;
    scroll-behavior: unset;
    text-align: center;
}


#eurostarInfoIconDetails.sr-popup-eurostar-info-icon-cotainer,
#eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer {
    visibility: hidden;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
    #eurostarInfoIconDetails.sr-popup-eurostar-info-icon-cotainer.show,
    #eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer.show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#eurostarInfoIconDetails .srp-content-box {
    /*width: 300px;*/

}
#eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer .upgradePriceValue {
    font-size:17px;
}
    #eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer .upgradePriceValue span {
        display: inline-block;
        padding-top: 5px;
        font-size: 14px;
        color:var(--blue);
    }

#eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer .sr-popup-btn-txt {
    width: 85%;
    line-height:1.5;
    cursor:pointer;
}

#eurostarInfoIconDetails .srp-content-box .srp-content {
    margin: 0;
}
#eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-title {
    line-height: 3;
}

#eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-title,
#eurostarUpgradeToPlusPopup .srp-content-box .srp-content .srp-content-title {
    width: 100%;
    line-height: 2;
    font-size: 20px;
    text-align: center;
    text-shadow: none;
    font-weight: 600;
}
#eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description {

    width: 400px;
    padding: 0px 20px 20px;
    line-height: 2.5;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    align-content: flex-start;
}

    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-title,
    #eurostarUpgradeToPlusPopup .srp-content-box .srp-content .srp-content-description .srp-class-title {
        width: 100%;
        color: var(--background-color);
        border-radius: 10px;
        line-height: 4;
        font-weight: 600;
    }

        #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-title.standard-class {
            background-color: var(--orange);
        }
        #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-title.plus-class {
            background-color: var(--blue);
        }



    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-description-ctn p {
        font-size: 13px;
        text-align: left;
        line-height: 2;
    }
        #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-description-ctn p span {
            margin: 0px 5px 0px 10px;
        }
    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description:has(.standard-class) .srp-class-description-ctn p span {
        color: var(--orange);
    }
    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description:has(.plus-class) .srp-class-description-ctn p span {
        color: var(--blue);
    } 
#eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description .srp-class-description-ctn p.srp-class-lozenge {
    padding: 5px 0px 10px;
    text-align: center;
    line-height: 1.5;
}

#eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-ctn {
    display:flex;
}

#eurostarUpgradeToPlusPopup .eurostarPlusUpgradeImg {
    width: 450px;
    border-radius: 10px 10px 0px 0px;
}

#CONTENTHOLDER.new2024SWStyleCss .resultFlightInb .eurostar-selected-outbound-box {
    background-color: var(--light-orange) !important;
}

#CONTENTHOLDER.new2024SWStyleCss .resultFlightInb .eurostar-selected-outbound-box {
    background-color: var(--light-orange) !important;
}

#CONTENTHOLDER.new2024SWStyleCss .changeOrCancelPolicyBar {
    width: 95%;
    height: auto;
    color: var(--background-color);
    background: var(--blue);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 20px auto;
}


.advantages-booking-boxes {
    width: 98%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px auto 10px;
    justify-content: space-between;
}

.search-result-page {
    width: 270px;
    min-height: 40px;
    font-size: 13px;
    color: var(--background-color);
    background: var(--blue);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    padding: 9px;
}

.landing-page {
    width: 270px;
    height: 100%;
    font-size: 14px;
    color: var(--blue);
    background: var(--background-color);
    border: 3px solid var(--blue);
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    text-align: center;
}

#advantagesBookingBoxes:has(> .landing-page) {
    height: 145px;
}


.landing-page span {
    padding: 9px;
    min-height: 50px;
    text-align: center;
    align-content: center;
    width: 100%;
}

.landing-page img {
    padding: 15% 0 0 0;
}

.change-or-cancel-box,
.low-deposit-box,
.tp-rated-box,
.magic-stars-box,
.abta-atol-box {
    cursor: pointer;
}

.change-or-cancel-box-details,
.low-deposit-box-details,
.experience-box-details,
.tp-rated-box-details,
.magic-stars-box-details,
.abta-atol-box-details {
    display: none;
    font-size: 13px;
    line-height: 1.3;
    border: 1px solid var(--orange);
    background-color: var(--orange);
    color: var(--background-color);
    padding: 7px;
    border-radius: 7px;
    text-align: center;
    box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.6);
    z-index: 1001
}
.change-or-cancel-link,
low-deposit-link {
    color: var(--blue);
}
.advantages-booking-boxes-details {
    height: 0px;
    position: relative;
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: start;
    top: -2px;
    margin: 0 auto;
    z-index: 1001;
}

.sr-ro-price-desc {
    width: 120px;
    margin: 5px auto;
}

.body-product-centerparcs #CONTENTHOLDER.new2024SWStyleCss .ContactInner {
    border-color: var(--orange);
}

.body-product-centerparcs #CONTENTHOLDER.new2024SWStyleCss .closeEnquiry {
    border-color: var(--orange);
    color: var(--orange);
}

.ContactInner {
    border-radius: 10px;
    border-color: var(--orange);
}

.ContactInfoArea {
    border-radius: 10px 10px 0 0;
    background-color: var(--orange);
}

.ContactInfoArea h3.title {
    text-align: center;
}
input#contactForm_BTNSend2.sqr-save-quote-ux-btn.orange {
    color: var(--orange);
    background-color: var(--background-color);
    border: 3px solid var(--orange);
}

.cruise-search-results-desktop.new2024SWStyleCss .sr-ro-price-desc {
    font-size: 12px;
    width: 98%;
}
.feefo_insta-col1 .instagram_feed-ctn {
    padding: 13px 5px 13px 18px;
    float: left;
}

.instagram_feed-ctn .insta-video {
    width: 100%;
    height: unset !important;
    border-radius: 15px;
}
.instagram_feed-ctn .instagram_feed-head {
    height:60px;
}
.parkTicketsInfoIcon {
    position: absolute;
    width: 350px;
    top: -39px;
    left: 252px;
    z-index: 9;
    background-color: var(--light-orange);
    padding: 10px;
    border: 1px solid var(--orange);
    border-radius: 7px;
    cursor: pointer;
}
    .parkTiketsDisplay {
        display: block;
    }
.parkTicketsInfoIconTitle {
    margin-bottom: 10px;
}

.sr-ro-box .sr-ro-left .sr-ro-facilities {
    position: relative;
}
.parkTicketsInfoIconNote {
    margin-top: 10px;
}


@media only screen and (min-width: 768px) and (max-width: 980px) {
    .contact-manage-wrapper {
            width: 100%;
            height: calc(var(--header-height) * 1px);
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: flex-end;
            justify-content: space-evenly;
            align-content: center;
            gap: 10%;
    }
    .sbsw-btn.orange{
        padding: 6px;
        font-size:10px;
    }
    .contact-manage-wrapper .phoneNo a.phoneNo-contact-us {
        font-size:10px;
    }
}
@media only screen and (min-width: 981px) and (max-width: 1200px) {
    .contact-manage-wrapper {
        width: 50%
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1430px){
    .contact-manage-wrapper {
        width:43%
    }
}

body.new-mobile-body.landscape header,
body.new-mobile-body.landscape .header-new-ux-design {
    height: calc(var(--header-height-mobile) * 1px);
}

body.new-mobile-body.landscape .mb-logo {
    width: 100%;
    text-align: center;
    padding: 0;
}

body.new-mobile-body.landscape .sb-cbs-box {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    flex-direction: row;
    align-content: space-between;
}

body.new-mobile-body.landscape main {
    position: relative;
    top: calc(var(--header-height-mobile) * 1px);
}

body.new-mobile-body.landscape .sb-cbs-section-boxes-ctn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

    body.new-mobile-body.landscape .sb-cbs-section-boxes-ctn a:has(> .sb-cbs-box-full-width) {
        width:100%;
    }

body.new-mobile-body.landscape .pgwSlideshow-customer-video .ps-current > ul > li img {
    width: auto;
}

body.new-mobile-body.landscape .pgwSlideshow-main-banner.wide {
    width:97%;
    margin: 0 auto;
}
    body.new-mobile-body.landscape .pgwSlideshow-main-banner.wide .ps-current {
        height: 100% !important;
    }
body.new-mobile-body.landscape .pgwSlideshow-main-banner ul.pgwSlideshow-dots {
    margin-bottom: 10px;
}

body.new-mobile-body.landscape form#SearchForm .get-quote-page-box.new2024SWStyleCss {
    width: 50%;
}
body.new-mobile-body.landscape .home-page-info-txt,
body.new-mobile-body.landscape .sp-of-ctn-home {
    width: 90%;
}

body.new-mobile-body.landscape .ps-caption {
    text-align: center;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    right: 27%;
    top: 18%;
    width: 26%;
    padding: 10px;
}

body.new-mobile-body.landscape .pgwSlideshow-customer-video,
body.new-mobile-body.landscape .pgwSlideshow-middle-txt {
    font-size: 12px;
    width: 86%;
    text-align: center;
    margin: 7px auto 1px;
    line-height: 18px;
}

    body.new-mobile-body.landscape .pgwSlideshow-customer-video .ps-current .pgwSlideshow-btn {
        top: 75%;
        right: 37%;
        width: 3rem;
        height: 3rem;
    }
    body.new-mobile-body.landscape .pgwSlideshow-customer-video .ps-current .ps-next {
        right: 173px;
    }
    body.new-mobile-body.landscape .pgwSlideshow-customer-video .ps-current .ps-prev {
        left: 173px;
    }
body.new-mobile-body.landscape .feedfo .pluginFeefoDesk {
    margin: 10px auto;
}
body.new-mobile-body.landscape .instagram_feed-ctn {
    margin: 10px auto;
}

body.new-mobile-body.landscape main .feedfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px auto;
    width: 97%;
    flex-direction: row;
    align-content: center;
}
body.new-mobile-body.landscape .feedfo .pluginFeefoDesk,
body.new-mobile-body.landscape .feedfo .instagram_feed-ctn,
body.new-mobile-body.landscape .feedfo .trustpilot-widget-wrapper {
    width: 48%;
    display: inline-block;
}

body.new-mobile-body.landscape .bookWithConfidenceBanner {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px auto;
    background: white;
    padding: 10px 0px;
}

    body.new-mobile-body.landscape .bookWithConfidenceBanner #bookWithConfidence {
        border: 3px solid #E58D2C;
        align-content: center;
        width: 35% !important;
        margin: 0px auto !important;
    }

body.new-mobile-body.landscape .datepicker.datepicker-inline {
    margin: calc(var(--header-height-mobile) * 1px) auto 0px !important;
}
body.new-mobile-body.landscape .datepicker-days {
    width: 50%;
}
body.new-mobile-body.landscape .datepicker table tr th,
body.new-mobile-body.landscape .datepicker table tr td,
body.new-mobile-body.landscape .th.datepicker-title {
    height: 20px !important;
}
body.new-mobile-body.landscape th.datepicker-title {
    padding-bottom: 0px !important;
}

body.new-mobile-body.landscape .travel-options-selectable-ctn {
    width: 96%;
    margin: 0 auto;
}

body.new-mobile-body.landscape .transport-search-filter-container {
    width: 98%;
    margin: 0 auto;
}

body.new-mobile-body.landscape .advantages-booking-boxes {
    width: 96%;
    height: auto;
}

body.new-mobile-body.landscape .psr-hd-cbtn-ctn {
    vertical-align: top;
}

body.new-mobile-body.landscape .mobile-hotel-box {
    width: 96%;
}

body.new-mobile-body.landscape .psr-hd-rating {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px 0px;
    font-size: 14px;
    font-weight: 600;
}

body.new-mobile-body.landscape .psr-hdhl-reviews span {
    font-size: 14px;
}

body.new-mobile-body.landscape svg.sr-ro-sq-svg {
    max-width: 24px;
    max-height: 24px;
    display: inline-block;
    width: 100%;
    margin: auto 10px;
    vertical-align: middle;
}

body.new-mobile-body.landscape .psr-acc-img {
    margin: -6% 0 0 0;
    width: 100%;
    height: auto;
}

body.new-mobile-body.landscape .mapPopupMobile {
    z-index: 999999999;
    position: fixed;
    width: 100%;
    margin-top: -139px;
}
body.new-mobile-body.landscape .mapDisplayMobile {
    border-color: #f90;
    border-style: solid;
    border-width: medium;
    background-color: #f90;
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
}
body.new-mobile-body.landscape .closeMapViewMobile {
    background-color: #f90;
    border: 3px solid #fff;
    border-radius: 18px;
    height: 21px;
    width: 21px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

body.new-mobile-body.landscape #map {
    height: 320px !important;
}

body.new-mobile-body.landscape .mapBoxMobile.ContactClose {
    display: inline-flex;
    align-items: center;
}

body.new-mobile-body.landscape .room-ctn {
    width: 50%;
    left: 25%;
}


body.new-mobile-body.landscape #site-nav {
    height: 100%;
    padding: 30px 0px;
}

body.new-mobile-body.landscape header {
    display: block;
    height: calc(var(--header-height-mobile) * 1px);
    position: fixed;
    background-color: var(--background-color);
}

body.new-mobile-body.landscape .header-new-ux-design {
    height: calc(var(--header-height-mobile) * 1px);
    width: 100%;
    padding: 0 2%;
    background: var(--background-color);
}

    body.new-mobile-body.landscape .header-new-ux-design #show-menu,
    body.new-mobile-body.landscape .header-new-ux-design #hide-menu {
        height: calc(var(--header-height-mobile) * 1px);
        padding: 0;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
body.new-mobile-body.landscape input.nav-search-box-m {
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    z-index: 1001;
    border: solid 2px var(--orange);
    background-image: url("https://cdn.magicbreaks.co.uk/mb-media/icons/2024SWtIcons/search_orange.webp");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px 15px;
    padding: 0 10px 0 36px;
    margin: 0;
}

body.new-mobile-body.landscape input.nav-search-box-m:focus-visible {
    outline: none;
}

body.new-mobile-body.landscape nav {
    z-index: 100 !important;
    overflow-y: scroll !important;
    overscroll-behavior-y: auto !important;
}


body.new-mobile-body.landscape .nav-main {
    position: absolute;
    line-height: 3.5;
    padding: 0 15px;
    height: auto;
    top: unset;
    color: var(--black);
}

body.new-mobile-body.landscape .main-menu-item {
    width: 100%;
    background-color: var(--background-color);
}

body.new-mobile-body.landscape .hidden-main-menu-item {
    display: none !important;
}

    body.new-mobile-body.landscape .hidden-main-menu-item.show-hidden-menu {
        display: block !important;
        width: 100%;
        padding: 0;
    }

        body.new-mobile-body.landscape .hidden-main-menu-item.show-hidden-menu ul.nav-dropdown {
            background: var(--light-orange);
        }

body.new-mobile-body.landscape .menuIcon {
    width: 14%;
    height: 100%;
}

body.new-mobile-body.landscape .separation-line {
    z-index: 1000;
    width: 100%;
}

body.new-mobile-body.landscape .popup-right-side-ctn {
    width: 100%;
    padding: 0 0 20px 0;
    margin-bottom: 70px;
}

body.new-mobile-body.landscape .awardsLogos.lazy-home-promo {
    gap: 15px;
}

body.new-mobile-body.landscape .nav-dropdown {
    position: static;
    width: 100%;
    padding: 0 25px;
    box-shadow: unset;
}

body.new-mobile-body.landscape .mmo-pp-ctn-d {
    position: static;
    overflow-y: unset;
    /*padding: 0 3px 0 25px;*/
    padding: 0px;
}

body.new-mobile-body.landscape .popup-menu-image-item {
    width: 166px;
    height: 219px;
    border-radius: 10px;
}

body.new-mobile-body.landscape .popup-images-ctn {
    width: 100%;
    gap: 15px;
}

body.new-mobile-body.landscape .popup-menu-image-item a .popup-item-image span.popup-item-title {
    font-size: 1.1em;
    line-height: 1.7rem;
}

body.new-mobile-body.landscape .popup-left-side-ctn {
    width: 100%;
    flex-direction: column;
    line-height: 3.5;
}

body.new-mobile-body.landscape .popup-ctn {
    top: 0;
}

body.new-mobile-body.landscape .popup-menu-image-item a .popup-item-image {
    background-size: 165px;
    width: 165px;
    height: 217px;
    border-radius: 10px;
}

body.new-mobile-body.landscape .popup-menu-items {
    width: 100%;
    font-size: 15px;
}

    body.new-mobile-body.landscape .popup-menu-items.active .popup-item {
        color: var(--orange);
    }

body.new-mobile-body.landscape .popup-item {
    color: var(--black);
    width: 90%;
}

body.new-mobile-body.landscape .popup-menu-item-child {
    font-size: 14px;
    width: inherit;
}

body.new-mobile-body.landscape .popup-menu-item.active a span {
}

body.new-mobile-body.landscape span.item-text {
    width: 90%;
    color: var(--black);
}

body.new-mobile-body.landscape .lazy-home-promo img {
    height: 100%;
}

body.new-mobile-body.landscape .popup-right-side-ctn {
    width: 100%;
    margin: 0;
}

body.new-mobile-body.landscape li.nav-search {
    display: none !important;
}

body.new-mobile-body.landscape .sb-page-breadcrumb-ctn {
    margin: 0;
}

body.new-mobile-body.landscape nav.website-breadcrumb.new2024SWStyleCss {
    width: 92%;
    margin: 0 auto;
}

body.new-mobile-body.landscape .website-breadcrumb.new2024SWStyleCss .breadcrumb-arrows-separator {
    margin: 4px 0px;
    width: 18px;
    height: 20px;
}

body.new-mobile-body.landscape .hotelSection img.mobile {
    display: block;
}

body.new-mobile-body.landscape .mainContent .container {
    gap: 25px;
}

body.new-mobile-body.landscape .orange-section-ctn .orangeCont .osb3-item-box-1,
body.new-mobile-body.landscape .orange-section-ctn .orangeCont .osb3-item-box-2,
body.new-mobile-body.landscape .orange-section-ctn .orangeCont .osb3-item-box-3 {
    height:unset;
}

@media only screen and (max-width: 767px) {
    main, section#content1.new2024SWStyleCss {
        position: relative;
        top: calc(var(--header-height-mobile) * 1px);
    }
    #site-nav {
        height: 100%;
        padding: 30px 0px;
        z-index: 999999 !important;
    }

    header {
        display: block;
        height: calc(var(--header-height-mobile) * 1px);
        position: fixed;
        background-color: var(--background-color);
    }

    .header-new-ux-design {
        height: calc(var(--header-height-mobile) * 1px);
        width: 100%;
        padding: 0 2%;
        background: var(--background-color);
    }

        .header-new-ux-design #show-menu,
        .header-new-ux-design #hide-menu {
            /*            width: 14%;
            height: 67px;
            padding: 0;
            margin: 0;
            float: none;
            line-height: normal;
            display: inline-flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;*/
            height: calc(var(--header-height-mobile) * 1px);
            padding: 0;
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            align-content: center;
            justify-content: center;
        }

            .header-new-ux-design #show-menu img,
            .header-new-ux-design #hide-menu img {
                max-width: 30px;
                width: auto;
            }

    .new-ux-phoneAndSearchIcons {
        width: 14%;
        height: calc(var(--header-height-mobile) * 1px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .sb-page-breadcrumb-ctn {
        margin: 0;
    }

    .mb-header-logo {
        width: 70%;
    }

    .mb-logo {
        width: 100%;
        height: calc(var(--header-height-mobile) * 1px);
        padding: 2%;
        text-align: justify;
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }

        .mb-logo a img {
            max-width: 90%;
            max-height: 53px;
        }

    input.nav-search-box-m {
        width: 100%;
        height: 50px;
        display: block;
        position: absolute;
        z-index: 1001;
        border: solid 2px var(--orange);
        background-image: url("https://cdn.magicbreaks.co.uk/mb-media/icons/2024SWtIcons/search_orange.webp");
        background-repeat: no-repeat;
        background-size: 16px;
        background-position: 10px 15px;
        padding: 0 10px 0 36px;
        margin: 0;
    }

        input.nav-search-box-m:focus-visible {
            outline: none;
        }

    .new2024SWStyleCss #modifyButton.transport-search-modify-button-box {
        top:22%;
    }

    .new2024SWStyleCss #modifyButton .transport-search-modify-button,
    .new2024SWStyleCss #modifyButton .transport-search-modify-button.orange {
        width: 100%;
        margin: 0px auto;
        border: none !important;
        border-radius: 10px !important;
        background: var(--orange) !important;
        font-size: 13px;
        padding: 0px 7px !important;
        height: auto;
        line-height: 40px;
        color: var(--background-color) !important;
        font-weight: bold;
    }

        .new2024SWStyleCss #modifyButton .transport-search-modify-button img,
        .new2024SWStyleCss #modifyButton .transport-search-modify-button.orange img {
            display:inline-block;
            width: 14px;
        }



        /*               nav-menu                         */
        nav {
            position: fixed !important;
            top: 67px !important;
            left: 0 !important;
            /* width: 100%; */
            z-index: 100 !important;
            overflow-y: scroll !important;
            overscroll-behavior-y: auto !important;
            border: none !important; 
        }


    .nav-main {
        position: absolute;
        line-height: 3.5;
        padding: 0 15px;
        height: auto;
        top: unset;
        color: var(--black);
    }

    .main-menu-item {
        width: 100%;
        background-color: var(--background-color);
    }

    .hidden-main-menu-item {
        display: none !important;
    }
        .hidden-main-menu-item.show-hidden-menu {
            display: block !important;
            width:100%;
            padding:0;
        }
            .hidden-main-menu-item.show-hidden-menu ul.nav-dropdown {
                background: var(--light-orange);
            }

            .menuIcon {
                width: 14%;
                height: 100%;
            }

    .separation-line {
        z-index:1000;
        width: 100%;
    }

    .popup-right-side-ctn {
        width: 100%;
        padding: 0 0 20px 0;
        margin-bottom: 70px;
    }

    .awardsLogos.lazy-home-promo {
        gap: 15px;
    }

    .nav-dropdown {
        position: static;
        width: 100%;
        padding: 0 25px;
        box-shadow: unset;
    }

    .mmo-pp-ctn-d {
        position: static;
        overflow-y: unset;
        /*padding: 0 3px 0 25px;*/
        padding:0px;
    }
    .popup-menu-image-item {
        width: 166px;
        height: 219px;
        border-radius:10px;
    }

    .popup-images-ctn {
        width: 100%;
        gap: 15px;

    }

    .popup-menu-image-item a .popup-item-image span.popup-item-title {
        font-size: 1.1em;
        line-height: 1.7rem;
    }

    .popup-left-side-ctn {
        width: 100%;
        flex-direction: column;
        line-height: 3.5;
    }

    .popup-ctn {
        top: 0;
    }

    .popup-menu-image-item a .popup-item-image {
        background-size: 165px;
        width: 165px;
        height: 217px;
        border-radius:10px;

    }

    .popup-menu-items {
        width: 100%;
        font-size: 15px;
    }

        .popup-menu-items.active .popup-item {
            color: var(--orange);
        }

    .popup-item {
        color: var(--black);
        width: 90%;
    }

    .popup-menu-item-child {
        font-size: 14px;
        width: inherit;
    }

    .popup-menu-item.active a span {
    }

    span.item-text {
        width: 90%;
        color: var(--black);
    }
    .lazy-home-promo img {
        height: 100%;
    }
    .popup-right-side-ctn {
        width: 100%;
        margin: 0; 
    }

    .sr-popup-eurostar-info-icon-cotainer {
        background: var(--background-color);
        z-index:1001;
    }

    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-ctn {
        flex-direction: column;
    }
    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-title,
    #eurostarUpgradeToPlusPopup .srp-content-box .srp-content .srp-content-title {
        line-height: 3;
    }

    #eurostarInfoIconDetails .srp-content-box .srp-content .srp-content-description {
        width:100%
    }

    .srp-content-box-close {
        text-align: right;
        margin: 10px 10px 0px 0px;
    }

    .results-eurostar-info-icon {
        width: 5%;
    }

    .eurostarCabinClassesInfoIcon {
        /*width: 0px;*/
    }
    thead tr.eurostarTableHeads th {
        font-size:12px;
    }

    .eurostar-info-icon {
        width: 17px;
        position: relative;
        margin: -7px 0 0 0;
    }

    #eurostarUpgradeToPlusPopup.sr-popup-eurostar-info-icon-cotainer {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        background: rgba(0, 0, 0, 0.8);
    }
    #eurostarUpgradeToPlusPopup .srp-content-box {
        width:97%;
    }

    #eurostarUpgradeToPlusPopup .srp-content {
        border: 1px solid var(--background-color);
        border-radius: 10px;
        background: var(--background-color);
    }
    #eurostarUpgradeToPlusPopup .eurostarPlusUpgradeImg {
        width:100%;
    }

    #eurostarUpgradeToPlusPopup .srp-content-margin {
        margin: 8px;
        border: 1px solid var(--orange);
        border-radius: 10px;
    }

    section.content.new2024SWStyleCss .resultFlightInb button.button.green.large {
        background:var(--orange);
        border: 1px solid var(--orange);
    }

    section.content.new2024SWStyleCss .resultFlightInb .eurostar-selected-outbound-box {
        background-color:var(--light-orange) !important;
    }



    .new-search-result-mobile.new2024SWStyleCss .stateRoomsCtn .roomDetailsDiv .priceDiv button.select-room-mobile-button.orange {
        padding: 0px 24px;
        text-indent: 0;
    }


    .new-search-result-mobile.new2024SWStyleCss .subMenuButtons .tabs .ui-tabs li a {
        border-radius: 7px;
        color: var(--orange);
        border: 2px solid var(--orange) !important;
    }

    .new-search-result-mobile.new2024SWStyleCss .subMenuButtons .tabs .ui-tabs .ui-state-active a.tab-a {
        background: var(--orange) !important;
    }

    .new-search-result-mobile.new2024SWStyleCss .tabs .ui-tabs .ui-state-active a.tab-a {
        border-radius: 7px !important;
        background: var(--orange) !important;
    }
    .new-search-result-mobile.new2024SWStyleCss .tabs .ui-tabs li a {
        background: var(--light-orange);
        border-radius: 7px;
    }

    .new-search-result-mobile.new2024SWStyleCss .lbl-cruise-results {
        border-radius: 7px;
        background: var(--light-orange);
        color: var(--black);
    }

    .new2024SWStyleCss .bodyFlightResults .transport-book-button.orange {
        margin-top: 5px;
    }


    /*                  MOBILE PASSENGERS PAGE                         */
    #content1.new2024SWStyleCss .child-age-info,
    #content1.new2024SWStyleCss .passangerDetails div div input,
    #content1.new2024SWStyleCss .passangerDetails div div select,
    #content1.new2024SWStyleCss table.CheckoutTable tr td input,
    #content1.new2024SWStyleCss table.CheckoutTable tr td select,
    #content1.new2024SWStyleCss table.CheckoutTable tr td #countryDD,
    #content1.new2024SWStyleCss table.CheckoutTable tr td #telCountryDD,
    #content1.new2024SWStyleCss table.CheckoutTable tr td textarea,
    #content1.new2024SWStyleCss .resultBox.insurance-container,
    #content1.new2024SWStyleCss table.CheckoutTable tr td .radioPrivateTransGroupMobile {
        border: 1px solid var(--orange) !important;
        border-radius: 7px !important;
        background: #fff9f7 !important;
    }

        #content1.new2024SWStyleCss table.CheckoutTable tr td input.findaddressBtn {
            padding: 0 !important;
            color: #fff !important;
            background-color: #6c757d !important;
            border-color: #6c757d !important;
        }

        #content1.new2024SWStyleCss table.CheckoutTable tr td #countryDD .niceCountryInputMenu,
        #content1.new2024SWStyleCss table.CheckoutTable tr td #telCountryDD .niceCountryInputMenu,
        #content1.new2024SWStyleCss table.CheckoutTable tr td #telCountryDD .niceCountryInputMenuDefaultText {
            background: #fff9f7 !important;
        }
    #content1.new2024SWStyleCss table.CheckoutTable tr td .radioPrivateTransGroupMobile {
        min-height: 50px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-end;
        margin: 0 0 10px 0;
    }
    #content1.new2024SWStyleCss table.CheckoutTable tr.fRow:has(#C1_PrivateTranDA) td,
    #content1.new2024SWStyleCss table.CheckoutTable tr.fRow:has(#C1_PrivateTranAA) td,
    #content1.new2024SWStyleCss table.CheckoutTable tr:has(#C1_PrivatTranOF) td,
    #content1.new2024SWStyleCss table.CheckoutTable tr.fRow:has(#C1_PrivatTranRF) td {
        padding-left: 10px;
    }

    #content1.new2024SWStyleCss table.CheckoutTable tr td select#C1_PrivateTranDA,
    #content1.new2024SWStyleCss table.CheckoutTable tr td select#C1_PrivateTranAA {
        margin: 0 0 10px 0;
        padding: 15px 0px 2px 6px;
        vertical-align: middle;
        font-size: 13px;
        height: 45px;
        box-shadow: none;
        color: black;
        line-height: 1.4;
        outline: 0;
        display: block;
        width: 100%;
    }

        #content1.new2024SWStyleCss .insurance-container {
            width: 95% !important;
        }

    #content1.new2024SWStyleCss .passagerAdultBD {
        margin: 7px 0px 0px 0px;
    }

    #content1.new2024SWStyleCss .Description {
        margin: 15px auto 0px;
        width: 96%;
    }
    .new2024SWStyleCss .holding-popup-container {
        border-radius: 15px !important;
    }

    /*                 END MOBILE PASSENGERS PAGE                         */

    /*                 START MOBILE EXTRAS PAGE                         */
    .extras-container-mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-around;
    }
    /*                 END MOBILE EXTRAS PAGE                         */


    #content1.new2024SWStyleCss table.CheckoutTable tr.privateTransCheckBox td span.radioPrivateTransMobile input {
        width: unset;
        display: inline-block;
        margin: 0;
        height: auto;
        padding: 0;
        appearance: auto;
        color: var(--orange);
    }

    .advantages-booking-boxes {
        margin: 10px auto 10px;
        justify-content: space-evenly;
        height: unset;
        gap: 16px;
    }

    .search-result-page {
        font-size: 11px;
        min-width: 110px;
        height: 50px;
        padding: 4px;
    }

    .landing-page {
        font-size: 11px;
        min-width: 88px;
        min-height:100px;
        height: 100px;
    }

    .change-or-cancel-box-details,
    .low-deposit-box-details,
    .experience-box-details,
    .tp-rated-box-details,
    .magic-stars-box-details,
    .abta-atol-box-details {
        font-size: 11px;
    }
    .change-or-cancel-box-details {
        top:-150px;
    }

    .advantages-booking-boxes-details {
        box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
    }

    #advantagesBookingBoxes:has(> .landing-page) {
        width: 95%;
        height: 235px;
        justify-content: space-evenly;
        row-gap: 29px;
        column-gap: 7px;
    }


    .landing-page span {
        padding: 4px;
        min-height: 50px;
        text-align: center;
        align-content: center;
    }

    .landing-page img {
        padding: 15% 0 0 0;
        width: 25px;
    }

    .parkTicketsInfoIcon {
        width: 100%;
        padding: 5px;
        overflow: visible;
        font-size: 0.7rem;
        top: unset;
        left: 0;
    }

    .parkTicketsInfoIconTitle {
        margin-bottom: 5px;
    }

    .parkTicketsInfoIconNote {
        margin-top: 5px;
    }
}

/*                  Tickets Search Results Mobile                       */

.resultBox.new2024SWStyleCss {
    background-color: var(--background-color);
    text-align: center;
}
.resultBox-title {
    font-size: 18px;
    font-weight: 700;
}
.attraction-name {
    font-size: 14px;
    text-align: left;
    padding: 0 20px;
    background-color: var(--background-color);
    color: var(--black);
}
ul.attraction-tickets-prices li {
    width: 95%;
    padding: 0;
    border: 0.5px solid var(--orange);
    border-radius: 10px;
    box-shadow: none;
}
    ul.attraction-tickets-prices li.selectedRoom {
        background-color: var(--background-color) !important;
        border: 1px solid #ccc !important;
    }
    .ticket-name-container {
        color: var(--black);
        padding: 15px 5px 15px 15px;
        text-align: left;
    }
.ticket-logo-container img {
    border-radius: 10px 10px 0 0;
}
.ticket-desc-container {
    text-align: left;
    padding: 0 15px;
}
.prk-tkt-more-info {
    color: var(--orange);
    margin: 0 0 25px 0;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    font-weight: normal;
}
.ticket_number_travellers {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    padding-left: 15px;
}
.ticket_pax_dropdown {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
section.content.new2024SWStyleCss .ticket_pax_dropdown {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}
.left {
    float: none;
}
.ticket_children_dropdown{
    margin-left:0;
}
.ch-age-info-t {
    font-size: 10px;
    color: #637381;
    padding-right: 25px;
}
.small-select-widget {
    width: 50px;
    height: 40px;
    margin-right:15px;
}
.t-info-display {
    width: 30%;
    text-align: left;
}

.new-mobile-body .ticket_number_travellers .t-info-display {
    width: 40%;
    font-size: 15px;
}

.new-mobile-body .ticket_add_button button.add-ticket-button-style.orange {
    width: 39%;
    font-size: 13px;
}


.times-display {
    font-size: x-large;
    margin-right: 10px;
}
.t-pp-type {
    font-size: 12px;
    color: #637381;
}
.ticket_add_button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0 15px;
}
button.add-ticket-button-style.orange {
    background-color: var(--orange);
    border-radius: 10px;
    width: 35%;
    margin: 0 15px;
    font-size: 14px;
    font-weight: 600;
}
.tt-price {
    width: 52%;
    height:38px;
}
.close-ticket-more-information {
    color: var(--orange);
    border: 1px solid var(--orange);
}
.close-tkt-more-info-pop {
    background: var(--orange);
    border-radius: 10px;
}
.basket_container{
    border: none;
}
.cs-sd-line.cs-sd-title {
    display:none;
}
.cs-sd-body {
    padding: 2px 8px 0px 8px;
}
.ticket_container_box {
/*    display: none;*/
    margin: 20px auto;
    width: 95%;
}
.show-more-details-txt {
/*    display: none;*/
    color: var(--orange);
    font-weight: 600;
    font-size: 14px;
    margin: 0 auto 10px;
    text-align: right;
/*    padding: 0 10px;*/
    cursor: pointer;
}
.total_price_label,
.total_price {
    font-size: 16px;
}

.search-widget-box.new2024SWStyleCss {
    border: none;
}
    .search-widget-box.new2024SWStyleCss .search-widget-row.search-widget-qurstion {
        background: transparent;
        color: var(--black);
        margin: 13px 0;
        font-weight: 600;
    }

.resultBox.new2024SWStyleCss .brief-description-ticket-body {
    text-align: justify;
    padding: 0 15px;
    line-height: 2;
}

footer.home.lazy-footer {
    margin: calc(var(--header-height-mobile)* 1px) 0 0 0;
}
.ext-box-mobile-image img {
    border-radius: 10px 10px 0 0;
}

section.content.new2024SWStyleCss .ext-box-mobile-image {
    background: transparent;
}
    section.content.new2024SWStyleCss .ext-box-mobile-image img {
        border-radius: 10px 10px 0 0;
    }
section.content.new2024SWStyleCss .ext-box-mobile-main {
    box-shadow: none;
    background: var(--background-color);
}

section.content.new2024SWStyleCss .ext-box-mobile-content-text {
    background:var(--orange);
}

section.content.new2024SWStyleCss .tickets-ctn-sel {
    border: 0.5px solid var(--orange);
    border-radius: 0 0 10px 10px;
}

section.content.new2024SWStyleCss button#newSearch {
    height: 43px;
}
/*                END Tickets Search Results Mobile                       */
/*                  Tickets Search Results Desktop                       */
.sr-result-box.new2024SWStyleCss {
    height: var(--headerAndNav-height);
    /*    border: 1px solid var(--orange) !important;
    border-radius: 20px;*/
    border: none !important;
}

    .sr-result-box.new2024SWStyleCss .sr-result-header-title-ctn,
    #searchResults .sr-result-line.sr-main-img-container .sr-result-header-title-ctn {
        background: transparent;
        color: var(--black);
        font-size: 18px;
        font-weight: 600;
        margin: 20px 0 0 0;
    }
    .sr-result-box.new2024SWStyleCss .sr-result-attraction-title-ctn {
        color: var(--black);
        font-size: 18px;
    }

    .sr-result-box.new2024SWStyleCss .sr-ro-box {
        padding: 0;
        border: 0.5px solid var(--orange);
        border-radius: 10px;
        box-shadow: none;
        height: 200px;
    }

    .sr-result-box.new2024SWStyleCss .sr-ro-img-container {
        float: none;
        margin: 0;
        padding: 0;
        position: relative;
        height: 100%;
        width: 34%;
    }

        .sr-result-box.new2024SWStyleCss .sr-ro-img-container img {
            border-radius: 10px 0 0 10px;
            height: 100%;
            max-height: fit-content;
        }

    .sr-result-box.new2024SWStyleCss .sr-result-line.sr-result-options-ctn {
        text-align: start;
    }

    .sr-result-box.new2024SWStyleCss .sr-ro-left {
        width: 35%;
        padding:10px 7px;
    }
    .sr-result-box.new2024SWStyleCss .sr-ro-right {
        width: 29%;

    }
.sr-result-box.new2024SWStyleCss .sr-ro-title {
    color: var(--black);
}
    .sr-result-box.new2024SWStyleCss .prk-tkt-more-info {
        color: var(--orange);
        margin: 5px 0 0 0;
        padding: 0 12px 0 0;
    }

    .sr-result-box.new2024SWStyleCss .sr-ro-facilities {
        max-height: 135px;
        overflow-y: visible;
        min-height: unset;
    }

    .sr-result-box.new2024SWStyleCss .ticket_number_travellers {
        padding-left:0;
    }
    .sr-result-box.new2024SWStyleCss .ticket_adults_dropdown,
    .sr-result-box.new2024SWStyleCss .ticket_children_dropdown {
        text-align: left;
        margin-bottom: 20px;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .t-info-display {
        width: 30%;
        display: inline-block;
        vertical-align: middle;
        min-width: 120px;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .t-info {
        color:var(--black);
        font-weight:600;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .ch-age-info-t {
        padding: 0 0 0 26px;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .times-display {
        display: inline-block;
        margin-right: 2px;
        vertical-align: middle;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .pp-ticket {
        display: inline-block;
        vertical-align: middle;
    }
    .sr-result-box.new2024SWStyleCss #ticket_no_travellers .small-select-widget {
        height: 28px;
        margin-right: 5px;
        vertical-align: middle;
    }
    .sr-result-box.new2024SWStyleCss .sr-atr-add-btn.orange {
        width: 66%;
    }

#CONTENTHOLDER.new2024SWStyleCss #buy_now.buy-now-box button#buyNow.sr-option-book-btn {
    background-color:var(--orange);
    border-radius:10px;

}

#CONTENTHOLDER.new2024SWStyleCss .cs-sd-line.cs-sd-footer {
    display:none;
}

#CONTENTHOLDER.new2024SWStyleCss .atr-bsk-ticket-price .total_ticket_price_label {
    font-size: 14px;
    font-weight: 600;
}

#CONTENTHOLDER.new2024SWStyleCss #tickets_container_box .show-more-details-txt {
    margin: 20px auto;
    padding: 0;
}

#CONTENTHOLDER.new2024SWStyleCss .atr-sw-full-width-ctn {
    border: 0.5px solid var(--orange);
    border-radius: 20px;
}

#CONTENTHOLDER.new2024SWStyleCss .atr-question-page-header {
    background: var(--orange);
    border-radius: 20px 20px 0 0;
    color: var(--background-color);
    font-size: 22px;
}

#CONTENTHOLDER.new2024SWStyleCss .resultBox table {
    border: none !important;
    border-spacing: unset;
}

#CONTENTHOLDER.new2024SWStyleCss .atr-sw-full-width-ctn .resultBox table {
    border: none !important;
}

#CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container {
/*    border: 0.5px solid var(--orange);
    border-radius: 20px;*/
}
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-question-page-header {
        background: transparent;
        color: var(--black);
    }

#CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .resultBox.atr-qp-ans-ctn {
    border: 0.5px solid var(--orange);
    border-radius: 0 0 20px 20px;
    height:151px;
}
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .resultBox.atr-qp-ans-ctn.atr-qp-ans-ctn-continue {
        border: 0.5px solid var(--orange);
        border-radius: 20px;
    }

    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .resultBox.atr-qp-ans-ctn img.hotelImage {
        border-radius: 0 0 0 20px;
    }
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .resultBox.atr-qp-ans-ctn-continue img.hotelImage {
        border-radius: 20px 0 0 20px;
    }

#CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn {
    border:none;
}

    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn.atr-qp-ans-ctn-continue {
        display: none;
    }
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox td.hotelImageTd.mealImage {
        display: none;
    }
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn {
        border: none;
        height: unset;
        margin:30px 0;
    }
        #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn .extraType {
            display: none;
        }
        #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn .carhire-search-widget-box {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn table tbody tr td {
        width:100%;
    }
        #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn .atr-question-anwser-ctn {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
            align-content: space-around;
            gap: 15px;
        }
            #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn .atr-question-anwser-ctn .atr-q-input-ctn {
                max-width: 300px;
                width: 300px;
                padding: 5px 0 0 20px;
            }
#CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn .resultBox.atr-qp-ans-ctn .atr-question-anwser-ctn .atr-question-anwser-col {
    width: 100%;
    margin: 0;
}
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn input.date.datepicker.hasDatepicker {
        cursor:pointer;
    }
    #CONTENTHOLDER.new2024SWStyleCss .cs-results-page-content-left .search-results-container .atr-sw-full-width-ctn span.atr-q-text {
        font-size: 20px;
        font-weight: 600;
        padding-left: 20px;
    }
#ui-datepicker-div.new2024SWStyleCss {
    z-index: 1000 !important
}

.sr-result-box.new2024SWStyleCss .ticket-more-information .ticket-description-box {
    border: 1px solid var(--orange);
    border-radius: 10px;
}
    .sr-result-box.new2024SWStyleCss .ticket-more-information .ticket-description-box .brief-description-ticket p {
        line-height: 1.5;
        margin: 0 0 10px 0;
        text-align: justify;
    }
    .sr-result-box.new2024SWStyleCss .ticket-more-information .ticket-description-box .close-ticket-more-information {
        border: 2px solid var(--orange);
        color: var(--orange);
    }

/*                END  Tickets Search Results Desktop                       */


/*                   PROGRESS TRACKER                     */
section.content.new2024SWStyleCss .progres-tracker-ctn-spacing,
section#content1.new2024SWStyleCss .progres-tracker-ctn-spacing,
.AccommodationMain .progres-tracker-ctn,
.breadcrumb.new2024SWStyleCss .progres-tracker-ctn-spacing {
    margin: 10px auto 23px auto;
}

section.content.new2024SWStyleCss .step-circle,
section#content1.new2024SWStyleCss .step-circle,
.breadcrumb.new2024SWStyleCss .step-circle {
    border: 1px solid var(--orange);
    width: 35px;
    height: 35px;
    top: 0;
}
section.content.new2024SWStyleCss .step-circle-txt,
section#content1.new2024SWStyleCss .step-circle-txt,
.breadcrumb.new2024SWStyleCss .step-circle-txt {
    color: var(--black);
    font-size: 14px;
    top: 5px;
    left: 11px;
}

section.content.new2024SWStyleCss .step-name,
section#content1.new2024SWStyleCss .step-name,
.breadcrumb.new2024SWStyleCss .step-name {
    font-size: 12px;
}
section.content.new2024SWStyleCss .step-current .step-name,
section#content1.new2024SWStyleCss .step-current .step-name,
.breadcrumb.new2024SWStyleCss .step-current .step-name {
    font-size: 13px;
    text-decoration: none;
}

section.content.new2024SWStyleCss .step-current .step-circle,
section#content1.new2024SWStyleCss .step-current .step-circle,
.breadcrumb.new2024SWStyleCss .step-current .step-circle {
    border: 1px solid var(--orange);
    width: 35px;
    height: 35px;
    top: 0;
    background: var(--orange);
}
section.content.new2024SWStyleCss .step-current .step-circle-txt,
section#content1.new2024SWStyleCss .step-current .step-circle-txt,
.breadcrumb.new2024SWStyleCss .step-current .step-circle-txt {
    top: 5px;
    left: 12px;
    color: var(--background-color);
}

.breadcrumb.new2024SWStyleCss .step-current .step-circle-txt,
.breadcrumb.new2024SWStyleCss .step-circle-txt {
    top: 6px;
    left: 13px;
}
section.content.new2024SWStyleCss .line-conn,
section#content1.new2024SWStyleCss .line-conn,
.breadcrumb.new2024SWStyleCss .line-conn {
    top: 15px;
    height: 1px;
    background: var(--orange);
}

.breadcrumb.new2024SWStyleCss .line-conn {
    z-index: 1 !important;
    width: 88%;
    right: -45%;
}
section.content.new2024SWStyleCss .step-circle-done,
section#content1.new2024SWStyleCss .step-circle-done,
.breadcrumb.new2024SWStyleCss .step-circle-done {
    background: url(https://cdn.magicbreaks.co.uk/mb-media/Images/Mobile/check-mark-white.png) 8px no-repeat var(--orange);
    background-size: 17px;
}
    section.content.new2024SWStyleCss .step-circle-done .step-circle-txt,
    section#content1.new2024SWStyleCss .step-circle-done .step-circle-txt,
    .breadcrumb.new2024SWStyleCss .step-circle-done .step-circle-txt {
        display: none;
    }




.breadcrumb.new2024SWStyleCss {
    margin: 0px;
    width: 100%;
    max-width: 100%;
}

#MainBox.new2024SWStyleCss {
    top:calc(var(--headerAndNav-height) * 1px);
    position:relative;
}


/*                END PROGRESS TRACKER                     */

/*                     EXTRAS PAGE                         */
    #MainBox.new2024SWStyleCss .pageHeader {
        width:100%
    }

    #MainBox.new2024SWStyleCss h1.cs-center-elements {
        color: var(--black);
    }
    #MainBox.new2024SWStyleCss .sb-extas-sections-ctn.resultBox.sb-extas-continue-ctn {
        width:100%;
        padding: 0;
    }
    #MainBox.new2024SWStyleCss .sr-result-box {
        padding: 0;
        border: 1px solid var(--orange) !important;
        border-radius: 20px;
    }
    #MainBox.new2024SWStyleCss .sb-extas-continue-ctn .sr-result-box {
        height: 150px;
    }
        #MainBox.new2024SWStyleCss .sb-extas-continue-ctn .sr-result-box .sb-ex-continue-text-ctn {
            color: var(--black);
            width: 47%;
        }
    #MainBox.new2024SWStyleCss .sb-ex-continue-img-ctn {
        width:250px;
        height : 150px;
    }
    #MainBox.new2024SWStyleCss .sr-result-line.sr-result-options-ctn {
        padding: 0 10px 2px 10px;
    }
#MainBox.new2024SWStyleCss .sr-ro-title {
    color: var(--black);
    padding: 0 0 15px 0;
}

    #MainBox.new2024SWStyleCss #searchResults .sr-result-line.sr-main-img-container .sr-result-header-title-ctn {
        margin: 10px 0 0 0;
    }
    #MainBox.new2024SWStyleCss .sr-ro-box {
        border-radius: 15px;
        margin-bottom: 20px;
    }

    #MainBox.new2024SWStyleCss .sr-ro-facilities {
        line-height: 1.5;
        text-align: justify;
    }
    #MainBox.new2024SWStyleCss .sr-content-container-desc {
        text-align: center;
        padding: 0 0 25px 0;
    }

    #MainBox.new2024SWStyleCss .sr-ro-left {
        padding: 0 10px;
    }
    #MainBox.new2024SWStyleCss #BoxMiddle #searchResults {
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }
    #MainBox.new2024SWStyleCss #BoxMiddle #searchResults .resultBox {
        width:100%;
    }


    .ui-dialog.ui-widget.ui-widget-content:has(> .extras-options.ui-dialog-content.ui-widget-content.new2024SWStyleCss) {
        border-radius: 15px;
        border: 2px solid var(--orange);
    }
    .ui-dialog.ui-widget.ui-widget-content:has(> .extras-options.ui-dialog-content.ui-widget-content.new2024SWStyleCss) .ui-widget-header {
        border: none;
        font-family: Malva, segoe ui, Arial;
        text-align: center;
        font-size: 16px;
        background: var(--background-color);
    }
    .ui-dialog.ui-widget.ui-widget-content:has(> .extras-options.ui-dialog-content.ui-widget-content.new2024SWStyleCss) .ui-button.ui-widget {
        border: 1px solid var(--orange);
        border-radius: 50px;
        background: var(--orange);
    }
.extras-options.ui-dialog-content.ui-widget-content.new2024SWStyleCss {
    background: var(--background-color) !important;
}

#content1.new2024SWStyleCss .ext-section-title-stat-active .ext-box-mobile-content-text {
    color: var(--black);
    background: var(--background-color);
}

#content1.new2024SWStyleCss .ext-box-mobile-main {
    border: 0.5px solid var(--orange);
    border-radius: 10px;
}

#content1.new2024SWStyleCss .ext-box-mobile-content .ext-box-mobile-options {
    border: none;
}
#content1.new2024SWStyleCss .mobileResults.extras .ext-box-mobile-option {
    background: transparent;
    box-shadow: 0px 0px 2px #9f9f9f;
    border-radius: 10px;
    width: 95%;
}

#content1.new2024SWStyleCss .ext-box-mobile-option .ext-description-container{
    background: transparent;
}

#content1.new2024SWStyleCss .ext-box-mobile-option-title {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-section-title-state {
    rotate: -90deg;
    color: var(--black);
    right: 24px;
    top: 46%;
}

#content1.new2024SWStyleCss .ext-section-title-container {
    width:inherit;
    padding: 0 5px;
    font-size: 18px;
}

#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-content-container-desc {
    display: block !important;
    text-align: center;
    font-size: 11px;
    color: #909090;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-content-selected {
    font-size: 13px;
    text-align: justify;
    line-height: 2;
}

.ext-box-mobile-option-btn.orange {
    float: none;
    text-shadow: none;
}

#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-box-mobile-option-line {
    padding: 10px 5px;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-box-mobile-option-btn-container {
    width: 58%;
    margin: 0 0 0 41%;
    padding: 10px 0 0 0;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-box-mobile-option-cost-message {
    width: 60%;
    font-size: 14px;
    font-weight:600;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-box-mobile-option-cost {
    width: 38%;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .mobileResults.extras .ext-box-mobile-option {
    margin-bottom: 20px;
}
#content1.new2024SWStyleCss .ext-box-mobile-main.ext-section-title-stat-active .ext-description-container {
    margin: 10px 0 0 0;
}
#content1.new2024SWStyleCss .ext-description-tab {
    background: #ffa880;
}

    #content1.new2024SWStyleCss .ext-description-tab.ext-tab-selected {
        background: var(--orange) !important;
    }

#content1.new2024SWStyleCss .ext-description-container .ext-description-content-box .restaurantsTable {
    background: var(--orange);
}


            /*                  END EXTRAS PAGE                         */

            /*                  PASSENGERS PAGE                         */

#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table,
#MainBox.new2024SWStyleCss #BoxMiddle #paymentButtons {
    padding: 15px;
    border: 1px solid var(--orange) !important;
    border-radius: 20px;
}

#MainBox.new2024SWStyleCss #BoxMiddle .tableTitle {
    font-size: 20px;
}

#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table tr td input,
#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table tr td select,
#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table tr td div,
#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table tr td textarea {
    border-radius: 7px;
}

#MainBox.new2024SWStyleCss #BoxMiddle .resultBox table tr.fRow td select {
    padding: 6px;
    width: 300px;
    border: 1px solid #ccc;
}


tr.fRow:has(#C1_PrivateTranDA) td,
tr.fRow:has(#C1_PrivateTranAA) td,
tr:has(#C1_PrivatTranOF) td,
tr.fRow:has(#C1_PrivatTranRF) td {
    padding-left: 30px;
}
.radioPrivateTrans{
    margin-right:30px;
}

td .extraDetails-time label {
    width: 170px;
    display: inline-block;
}
td .extraDetails-time input{
    font-family: 'malvaregular';
    font-size: small;
    height: 29px;
    border: 1px solid #ccc;
}
td .extraDetails-flightNumber label {
    width: 170px;
    display: inline-block;
}
td .extraDetails-flightNumber input {
    font-family: 'malvaregular';
    width: 200px;
}



/*                  END PASSENGERS PAGE                         */
/*                              SEARCH RESULTS PAGE                         */
#CONTENTHOLDER.new2024SWStyleCss .sr-searched-top-ctn {
    background: var(--background-color);
    border: 0.5px solid lightgray;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .scdt-text-ctn {
    color: var(--black);
    display: inline-block;
    width: 30%;
    font-size:14px;
}
#CONTENTHOLDER.new2024SWStyleCss .scdt-img-ctn {
    display:none;
}
#CONTENTHOLDER.new2024SWStyleCss .scdt-pax-ctn {
    color: var(--black);
    display: inline-block;
    min-width: 58%;
    font-size:14px;
}

#CONTENTHOLDER.new2024SWStyleCss .scdt-modify-ctn {
    display: inline-block;
    width: 10%;
    border-color: var(--orange);
    border-radius: 9px;
    /* color: var(--black); */
    background: var(--orange);
    padding: 4px 10px;
}

#CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container {
    margin: 22px 0px 8px 0px !important;
    display: block !important;
}

#CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .containerButtons {
    text-align:center;
    font-size: 16px;
}
    #CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .filter-box select {
        font-size: 16px
    }

#CONTENTHOLDER.new2024SWStyleCss .timeInterval {
    clear: unset;
    float: right;
    width: 33%;
    margin-top: 11px;
    text-align: right;
    padding-right: 12px;
}

#CONTENTHOLDER.new2024SWStyleCss .sub-ttl-icons-ctn {
    width: max-content;
    margin-top: 0px;
    padding: 0px 15px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/*#CONTENTHOLDER.new2024SWStyleCss .hotel-label {
    padding: 0px 15px;
}*/

#CONTENTHOLDER.new2024SWStyleCss .sr-results-count {
    margin: 10px;
    font-size: 16px;
}

#CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .containerButton {
    cursor: pointer;
    width: 45%;
    height: 40px;
    border: 1px solid var(--orange);
    border-radius: 10px;
    color: var(--orange);
    text-align: center;
    padding: 10px 0px 10px 20px;
    display: inline-block;
    margin: 0px 2%;
}
    #CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .containerButton:hover {
        color:var(--black);
    }


    #CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .containerButton.sortAndFilterButton {
        background-image: url(https://cdn.magicbreaks.co.uk/mb-media/vdmnvkdj/filter-sliders_orange.png);
        background-repeat: no-repeat;
        background-position: 13% 9px;
    }
    #CONTENTHOLDER.new2024SWStyleCss #FilterContainer.sr-filter-container .containerButton.mapButton {
        background-image: url(https://cdn.magicbreaks.co.uk/mb-media/vdmnvkdj/google_map_icon_orange.png);
        background-repeat: no-repeat;
        background-position: 13% 9px;
    }

#CONTENTHOLDER.new2024SWStyleCss #FilterContainer .filter-box {
    display: none;
    margin: 14px 0px 0px 0px;
    width: 49%;
    text-align: center;
    color: var(--orange);
}

    #CONTENTHOLDER.new2024SWStyleCss #FilterContainer .filter-box select {
        color: var(--orange);
        border: 1px solid var(--orange);
        height: 32px;
        border-radius: 10px;
    }


#CONTENTHOLDER.new2024SWStyleCss select#SortBySelect option,
#CONTENTHOLDER.new2024SWStyleCss select#FilterBySelect option {
    color: var(--black);
    background-color: var(--background-color);
}

#CONTENTHOLDER.new2024SWStyleCss .scdt-modify-ctn {
    color: white;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-line.sr-main-img-container.sr-steps {
    margin: 0px;
}
/*#CONTENTHOLDER.new2024SWStyleCss .atr-sw-full-width-ctn .sr-result-line.sr-main-img-container {
    margin: 0;
}*/


#CONTENTHOLDER.new2024SWStyleCss .sr-result-box {
    border-radius: 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .pgwSlideshow .ps-current > ul > li img {
    border-radius: 15px 15px 0px 0px;
}

#CONTENTHOLDER.new2024SWStyleCss .result-box-offSite-multicom,
#CONTENTHOLDER.new2024SWStyleCss .result-box-offSite-ivector,
#CONTENTHOLDER.new2024SWStyleCss .result-box-onSite-centerparcs {
    border: 1px solid var(--gray);
    display: inline-block;
    /*background-color:transparent !important;*/
}

#CONTENTHOLDER.new2024SWStyleCss .result-box-offSite-disney,
#CONTENTHOLDER.new2024SWStyleCss .result-box-onSite-disney {
    border: 1px solid var(--orange) !important;
    display: inline-block;
    /*background-color:transparent !important;*/
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-line.sr-main-img-container .sr-result-header-title-ctn {
    margin: 2px 0 0 0;
    bottom: unset;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-result-box .sr-result-header-title-ctn {
    background: transparent !important;
    text-align: left;
    padding: 5px 15px 5px 15px;
    text-shadow: none;
    position: static;
    color: var(--black);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: flex-start;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-hotels-container .sr-hotel-star {
    color: #FFD33C !important;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-header-title-type {
    top: 280px;
    font-weight: normal;
}
#CONTENTHOLDER.new2024SWStyleCss span.htl-name-stars {
    display: inline-block;
    width: 54%;
    font-size: 18px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-google-reviews-rating {
    display: inline-block;
    width: 25%;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    padding: 0px 15px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-google-reviews-score {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    color: var(--background-color);
    background-color: var(--orange);
    padding: 7px;
    border-radius: 14px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-google-reviews-text {
    display: inline-block;
}


#CONTENTHOLDER.new2024SWStyleCss .hotelMapViewBTN {
    background-image: url(https://cdn.magicbreaks.co.uk/mb-media/vdmnvkdj/google_map_icon_orange.png);
    background-repeat: no-repeat;
    background-position: 14% 8px;
    width: 90px;
    height: 40px;
    border: 1px solid var(--orange);
    border-radius: 10px;
    color: var(--orange);
    text-align: center;
    vertical-align: bottom;
    margin: 0px 15px 0px 0px;
    display: inline-block;
    cursor: pointer
}

#CONTENTHOLDER.new2024SWStyleCss .hotelMapView.sr-acc-select {
    background-image: url(https://cdn.magicbreaks.co.uk/mb-media/vdmnvkdj/google_map_icon.webp);
    background-repeat: no-repeat;
    background-position: 14% 8px;
}

    #CONTENTHOLDER.new2024SWStyleCss .hotelMapViewBTN span {
        display: inline-block;
        position: relative;
        top: 13%;
        right: -15%;
        font-weight: 600;
    }

/*#CONTENTHOLDER.new2024SWStyleCss .sr-result-line.sr-result-menu {
    display: none;
}*/

#CONTENTHOLDER.new2024SWStyleCss .sr-info-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    min-height:30px;
    margin-bottom:15px;
}
#CONTENTHOLDER.new2024SWStyleCss .map-and-availability-buttons .sr-ro-chechbox {
    display:inline-block;
}

#CONTENTHOLDER.new2024SWStyleCss .map-and-availability-buttons button.sr-option-book-btn.orange {
    margin: 0px;
    width: 160px;
    height: 40px;
    margin: 0px 15px 0px 0px;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#CONTENTHOLDER.new2024SWStyleCss .price-row,
#CONTENTHOLDER.new2024SWStyleCss .price-row .sr-ro-price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 26px;
    gap: 10px;
    font-size: 18px;
    margin-left: 10px;
    color: var(--black);
    font-weight: normal;
}

#CONTENTHOLDER.new2024SWStyleCss .price-row {
/*    padding: 0px 15px;
    margin-bottom: 10px;*/
width:45%

}

    #CONTENTHOLDER.new2024SWStyleCss .price-row .accomm-min-price,
    #CONTENTHOLDER.new2024SWStyleCss .price-row .sr-ro-price .accomm-min-price {
        color: var(--black);
        font-weight: 600;
        font-size: 20px;
        text-align: right;
    }

#CONTENTHOLDER.new2024SWStyleCss .accomm-min-price-text {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    max-width: 250px;
    font-size:17px;
}

#CONTENTHOLDER.new2024SWStyleCss .map-and-availability-buttons button.sr-option-book-btn.orange img {
    display: inline-block;
    position: relative;
    right: -5%;
}
#CONTENTHOLDER.new2024SWStyleCss .map-and-availability-buttons button.sr-option-book-btn.orange span.sr-option-book-btn-txt {
    font-size:14px;
}

#CONTENTHOLDER.new2024SWStyleCss .price-row .parkTicketsIncl,
#CONTENTHOLDER.new2024SWStyleCss .price-row .sr-ro-price .parkTicketsIncl {
    color:var(--black);
    font-weight:normal;
    font-size: 17px;
    font-style: italic;
    margin: -1px 7px 0px -5px;
}



#CONTENTHOLDER.new2024SWStyleCss .price-row .perPersonText,
#CONTENTHOLDER.new2024SWStyleCss .sr-ro-price .perPersonText {
    color: var(--black);
    font-weight: normal;
    font-size: 17px;
    font-style: italic;
    margin: -4px 0px 0px 4px;
    display: block;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-price {
    text-align: end;
    padding-right: 12px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-price .perPersonText {
    font-size: 14px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox .sr-call-btn {
    border: 1px solid var(--orange);
    border-radius: 50px;
    padding: 4px 4px 0 3px;
    position: absolute;
    left: -70px;
    top: -2px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox .sr-call-btn-txt {
    position: absolute;
    background-color: var(--light-orange);
    color: var(--black);
    text-align: center;
    font-size: 10px;
    padding: 5px;
    border: 1px solid var(--orange);
    border-radius: 7px;
    z-index: 9;
    width: 100%;
    top: -55px;
    left: -13px;
}


#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox:has(> .sr-call-btn) .sr-ro-sq-ctn {
    left: -37px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox .sr-call-btn .iconPhoneMobile {
    width: 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .resultFlight .resultsHeader .basePriceContainer {
    font-size: 15px;
    display: block;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-info-row .sub-ttl-icons-ctn .InfoIcons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 5px;
}

#CONTENTHOLDER.new2024SWStyleCss .searched-room-container .tab-cat-name {
    color: var(--orange);
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0px 10px 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    width: 19%;
    height:100%;
    border: 1px solid var(--gray);
    border-radius: 7px 7px 0px 0px;
    top:0px;
}
    #CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li a {
        background-color: transparent;
        text-align: center;
        font-size: 16px;
        border: none;
        margin: 0px;
        padding: 0px;
        height: inherit;
        box-shadow: none;
        float: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    height:100%;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu {
    padding: 0px;
    margin: 10px 0px;
    border-bottom: 1px solid var(--gray);
    height: 40px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn,
#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn .tabs {
    height: 100%;
}

    #CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li a.tab-a {
        background: transparent !important;
        color: var(--orange) !important;
        border-radius: 7px 7px 0px 0px !important;
        border-bottom: 2px solid var(--orange) !important;
    }
        #CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li a.tab-a::before {
            display:none;
        }
        #CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li a.tab-a::after {
            display: none;
        }

#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container {
    border-radius: 10px;
    grid-template-columns: 30% 1fr;
    background:transparent;
    border:1px solid var(--gray);

}
#CONTENTHOLDER.new2024SWStyleCss .hotelContentContainer {
    padding:10px 15px;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container-title,
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container-description {
    color: var(--black);
}
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container-description p {
    font-size: 16px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container-img {
    max-width:unset;
    height: 100%;
    margin: -23%;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-content-container-left {
    align-content: center;
    background-color: var(--background-color);
    height: 100%;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-box.result-box-onSite-disney .sr-hotel-content-container-left {
    background-color: rgba(255, 235, 206);
}

#CONTENTHOLDER.new2024SWStyleCss #hotelMapView_panelPopup {
    background-color: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 15px;
}
    #CONTENTHOLDER.new2024SWStyleCss #hotelMapView_panelPopup .mapBox {
        height:28px;
    }

    #CONTENTHOLDER.new2024SWStyleCss #hotelMapView_panelPopup #map {
        border-radius: 0 0 15px 15px;
    }

#CONTENTHOLDER.new2024SWStyleCss .sr-popup-room-details-cotainer .m-info-box-bg {
    background: var(--background-color);
    color: var(--black);
}

#CONTENTHOLDER.new2024SWStyleCss .srp-content-box {
    border-radius: 10px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-no-content-ctn {
    padding: 10px;
}

#CONTENTHOLDER.new2024SWStyleCss .srp-stateroom-description {

}
    #CONTENTHOLDER.new2024SWStyleCss .srp-stateroom-description img,
    #CONTENTHOLDER.new2024SWStyleCss .srp-stateroom-description img.img-room {
        border-radius: 10px 10px 0px 0px;
    }
#CONTENTHOLDER.new2024SWStyleCss .sr-row-mapButtonOnly {
    justify-content: flex-end;
    margin: 0px 10px 5px 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .srp-content {
    border: 1px solid var(--orange);
    margin: 0px 0px 15px 0px;
    border-radius: 10px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li.sr-acc-select {
    border: 1px solid var(--blue);

}

    #CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-ctn ul.ui-tabs li.sr-acc-select a {
        color: var(--blue);
        padding-left: 20px;
    }

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-box {
    padding:0px;
    box-shadow: none;
    border:1px solid var(--gray);
    margin-bottom:15px;
}

#CONTENTHOLDER.new2024SWStyleCss .has-multiple-strooms .sr-ro-left {
    width:65%;
}

#CONTENTHOLDER.new2024SWStyleCss .has-multiple-strooms .sr-ro-checkmark-ctn {
    width: auto;
    position: relative;
    vertical-align: unset;
    bottom: 0;
    top: unset;
}
#CONTENTHOLDER.new2024SWStyleCss .selected-room span.checkbox-checkmark {
    background-color: var(--orange);
    border: 2px solid var(--orange);
}

#CONTENTHOLDER.new2024SWStyleCss button.button.green.euroPricing.orange p {
    line-height:1;
}
#CONTENTHOLDER.new2024SWStyleCss .sr-hotel-google-reviews-rating.accomm-select {
    cursor: pointer;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox button.sr-option-book-btn.orange {
    width: 90px;
    height: 30px;
}

#FooterContainer {
    margin-top: calc(var(--headerAndNav-height)* 1px);
}

#CONTENTHOLDER.new2024SWStyleCss .cruise-search-results-desktop .sr-result-menu-btns-ctn ul.ui-tabs li {
    width: 16%;
}

#CONTENTHOLDER.new2024SWStyleCss .cruise-search-results-desktop .sr-result-menu-btns-second ul.ui-tabs li {
    width: fit-content;
}


#CONTENTHOLDER.new2024SWStyleCss .sr-result-menu-btns-second ul.ui-tabs li a {
    padding: 0 15px;
}

#CONTENTHOLDER.new2024SWStyleCss .cruise-search-results-desktop .sr-result-line.sr-main-img-container .sr-result-header-title-ctn {
    display: inline-block;
    bottom: 0;
    background: rgba(255, 153, 0, 1) !important;
    padding: 5px 0;
    text-align: center;
}


#CONTENTHOLDER.new2024SWStyleCss .cruise-search-results-desktop .sr-result-line.sr-depature-dates-container {
    text-align: left;
}


#CONTENTHOLDER.new2024SWStyleCss .sr-result-line.sr-result-menu.sr-result-menu-btns-second.sr-staterooms-menu .srbtns-sec-desc {
    padding-left: 6px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-sq-ctn .Popup {
    top: 20% !important;
}


.body-product-disneycruiseline #CONTENTHOLDER.new2024SWStyleCss .scdt-text-ctn {
    width: 15%;
    min-width: 15%;
}



.body-product-disneycruiseline #CONTENTHOLDER.new2024SWStyleCss .scdt-box.scdt-desc-ctn {
    width: 15%;
    min-width: 15%;
    color: #000;
}

.body-product-disneycruiseline #CONTENTHOLDER.new2024SWStyleCss  .show-filter-container {
    margin-bottom: 13px;
}

.gm-style-iw-chr button.gm-ui-hover-effect {
    width: 25px !important;
    height: 25px !important;
}

.gm-style-iw-chr button.gm-ui-hover-effect span {
    width: 15px !important;
    height: 15px !important;
    margin: 2px !important;
    float: right !important;

}

#CONTENTHOLDER.new2024SWStyleCss #searchResults .et-ferry-extra-info-ctn {
    background-color: var(--background-color);
    color: var(--black);
}

    #CONTENTHOLDER.new2024SWStyleCss #searchResults .et-ferry-extra-info-ctn .eurotunnel-info-multi {
        font-weight: normal;
        font-size: 16px;

    }

#CONTENTHOLDER.new2024SWStyleCss .feefoPlatinumTrustedServiceAward,
#CONTENTHOLDER.new2024SWStyleCss .feefo10Years {
    text-align: center;
    margin: 10px 0px;
}

#CONTENTHOLDER.new2024SWStyleCss .feefoPlatinumTrustedServiceAward img {
    width: 130px;
}
#CONTENTHOLDER.new2024SWStyleCss .lvnp-award-merchant-ctn {
    text-align: center;
}
    #CONTENTHOLDER.new2024SWStyleCss .lvnp-award-merchant-ctn img {
        width: unset;
    }

#CONTENTHOLDER.new2024SWStyleCss .holding-popup-container {
    border-radius: 20px !important;
}



#CONTENTHOLDER.new2024SWStyleCss #search-results-container-flights .resultFlight {
    border: 1px solid var(--orange);
}

#CONTENTHOLDER.new2024SWStyleCss #search-results-container-flights .flightDetails,
#CONTENTHOLDER.new2024SWStyleCss #search-results-container-eurostar .flightDetails {
    margin: 0px;
    padding: 15px 0px;
}

#CONTENTHOLDER.new2024SWStyleCss .resultFlightInb tr td button.changeflight {
    background: var(--orange);
    width: 200px;
    height: 40px;
    padding: 0px;
    margin: 0px !important;
    border: 1px solid var(--orange);
    border-radius: 10px;
}

#CONTENTHOLDER.new2024SWStyleCss .flightDetails.fs-selected-outbound-details {
    background: #ffece3;
    padding: 15px 0px !important;
    border-radius: 15px;
    border: 1px solid var(--orange);
}

#CONTENTHOLDER.new2024SWStyleCss .resultFlight table,
#CONTENTHOLDER.new2024SWStyleCss .inbContainer table {
    width: 98%;
    margin: 0px auto;
}

#CONTENTHOLDER.new2024SWStyleCss .notification-info-desktop {
    border-radius: 10px;
}
#CONTENTHOLDER.new2024SWStyleCss .luggage-price-container-desktop {
    border-radius: 0px 0px 10px 10px;
}

#CONTENTHOLDER.new2024SWStyleCss .flightDetails-date {
    line-height:2;
}

#CONTENTHOLDER.new2024SWStyleCss .flightDetails .secFlightDetails {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding-top: 0px;
}

    #CONTENTHOLDER.new2024SWStyleCss .flightDetails .secFlightDetails span {
        font-size:15px;
        font-weight: normal;
    }

    #CONTENTHOLDER.new2024SWStyleCss .flightLogo.fs-fl-carrier-log-ctn {
        width: 13%;
        display: inline-block;
        position: static;
        float: none;
        margin: 0px;
    }

#CONTENTHOLDER.new2024SWStyleCss .flightDateTime {
    display: flex;
    width: 40%;
    margin: 0px;
    float: none;
    justify-content: space-evenly;
}

    #CONTENTHOLDER.new2024SWStyleCss .flightDateTime .departAirportAndHour {
        display: inline-block;
    }
    #CONTENTHOLDER.new2024SWStyleCss .flightDateTime .arriveAirporteAndHour {
        display: inline-block;
    }

#CONTENTHOLDER.new2024SWStyleCss .arivalAirportName {
    position: static !important;
    width: 20%;
    float: none;
    display: inline-block;
    margin: 0px;
    height: auto;
}
#CONTENTHOLDER.new2024SWStyleCss span.fl-arival-class-type {
    float: none;
    display: inline-block;
    width: 12%;
}

#CONTENTHOLDER.new2024SWStyleCss .selectFlight-ctn {
    width: 14%;
    display: inline-block;
}

#CONTENTHOLDER.new2024SWStyleCss .flightDetails .secFlightDetails span.airportCOde {
    font-size:14px;
}
#CONTENTHOLDER.new2024SWStyleCss .flightDetails .secFlightDetails span.arrivalTime {
    font-size: 14px;
    font-weight: bold;
}

#CONTENTHOLDER.new2024SWStyleCss #search-results-container-flights .flightDetail {
    padding: 13px 0px;
}


#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead1) {
    width: 13%;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead2) {
    width: 20%;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead3) {
    width: 20%;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead4) {
    width: 20%;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead5) {
    width: 14%;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads td:has(> .flightTableHead6) {
    width: 12%;
}

#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads .flightTableHead2 {
    margin: 0px;
    text-align: center;
    text-indent:unset;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads .flightTableHead3 {
    margin: 0px;
    text-align: center;
    text-indent: unset;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads .flightTableHead4 {
    margin: 0px;
    text-align: center;
    text-indent: unset;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads .flightTableHead5 {
    margin: 0px;
    text-align: center;
    text-indent: unset;
}
#CONTENTHOLDER.new2024SWStyleCss tr.flightTableHeads .flightTableHead6 {
    margin: 0px;
    text-align: center;
    text-indent: unset;
}
#CONTENTHOLDER.new2024SWStyleCss span.flightPricing {
    display: inline-block;
    width: 90px;
    height: 50px;
    box-shadow: none;
    color: #FFFFFF;
    background: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 10px;
    align-content: center;
}

    #CONTENTHOLDER.new2024SWStyleCss span.flightPricing .priceIncrease {
        float: none;
        font-size: 14px;
        font-weight: normal;
        color: white;
    }
    #CONTENTHOLDER.new2024SWStyleCss span.flightPricing .selectFlightTxt {
        font-size: 14px;
        font-weight: 600;
        color: white;
    }


.sr-popup-continue-btn-ctn {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1000;
    scroll-behavior: unset;
    text-align: center;
}

.sr-popup-content-box {
    display: inline-block;
    margin: 160px auto 0 auto;
    background: #FFF;
    position: relative;
    max-width: 490px;
    padding: 15px 15px 0px 15px;
    min-width: 300px;
    min-height: 70px;
    border-radius: 10px;
    width: 93%;
}
.sr-popup-content-box-close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 28px;
    cursor: pointer;
    text-decoration: none;
}
.sr-popup-content {
    border: 1px solid var(--orange);
    margin: 0px 0px 15px 0px;
    border-radius: 10px;
}
.sr-popup-content-title {
    font-size: 20px;
    font-weight: 600;
    margin:20px 0px;
}
.sr-popup-content-description {
    font-size: 15px;
    line-height: 16px;
    margin: 5px auto 10px auto;
    padding: 0 3px;
}
.sr-popup-content-img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.sr-popup-btn {
    color: #FFFFFF;
    background: #FF671F;
    border-radius: 10px;
    width: 48%;
    /* margin: 0px 15px 0px 0px; */
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.sr-popup-btn-txt {
    font-size: 13px;
    text-decoration: none;
    color: white;
}

.sr-popup-butons-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-around;
    align-items: center;
    margin: 10px 0px;
}
.priceBold {
    color: var(--orange);
}


ul#cbp-tm-menu-new-design li.nav-search {
    align-self: normal;
    height: 25px;
    text-align: right;
    width: 25px;
}

ul#cbp-tm-menu-new-design li.nav-search ul.cbp-tm-submenu.new-design {
    background: var(--background-color);
    border: 1px solid var(--orange);
    border-radius: 15px;
    position: RELATIVE;
    top: 43%;
    left: -775%;
}

ul#cbp-tm-menu-new-design li.nav-search.cbp-tm-show-below .cbp-tm-submenu.new-design:after {
    border-bottom-color: var(--orange);
}
ul#cbp-tm-menu-new-design li.nav-search input.nav-search-box.new-design {
    color: var(--orange) !important;
}
ul#cbp-tm-menu-new-design li.nav-search input.nav-search-box.new-design::placeholder {
    color: var(--orange) !important;
}
ul#cbp-tm-menu-new-design li.nav-search ul.cbp-tm-submenu.new-design:after {
    left: 88%;
    mix-blend-mode: overlay;
}

#MainBox.new2024SWStyleCss.mbs-passengers-page #BoxMiddle #searchResults .resultBox {
    display: table;
}

#C1_paymentDetails:has(> #MainBox.new2024SWStyleCss) .pay-loading-container {
    top: calc(var(--headerAndNav-height) * 1px);
}

button.button.green.euroPricing.orange {
    height: 46px;
    padding-top: 3px;
    box-shadow: none;
    color: var(--background-color);
    background: var(--orange);
    border: 1px solid var(--orange);
    border-radius: 10px;
}

    button.button.green.euroPricing.orange:hover {
        color: var(--background-color);
        background: var(--orange);
        box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 30%), 3px 3px 3px 2px rgb(0 0 0 / 10%);
        border: 1px solid var(--orange);
    }

    button.button.green.euroPricing.orange p {
        line-height: 0px;
        min-width: 70px;
    }

    button.button.green.euroPricing.orange b {
        font-size: 15px;
    }

#search-results-container #searchResults .resultFlight,
#search-results-container #searchResults .inbContainer,
#search-results-container #searchResults .resultFlight,
#search-results-container #searchResults .inbContainer,
#search-results-container #searchResults .resultBox table {
    border-radius: 15px;
    border-color:var(--orange);
}

#CONTENTHOLDER.new2024SWStyleCss #search-results-container .flightDetails {
    margin: 0px;
    padding: 15px 0px;
    box-sizing: unset;
    border-bottom: 1px solid #979797;
    box-shadow: none;
}

#CONTENTHOLDER.new2024SWStyleCss #search-results-container #search-results-eurostar .srp-content-box {
    display: inline-block;
    margin: 200px auto 0 auto;
    padding: 10px;
    background: var(--background-color);
    border-radius: 4px;
    position: relative;
}

#CONTENTHOLDER.new2024SWStyleCss #search-results-container #search-results-eurostar .srp-content-box-close {
    position: absolute;
    right: -10px;
    top: -10px;
    background: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 28px;
    cursor: pointer;
}

#CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container {
    border: 2px solid var(--orange) !important;
    /* padding: 0 0 5px 0; */
    width: 100%;
    max-width: 292px;
    text-align: left;
    margin: 10px 0 0 0;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

    #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container img.cs-sd-header-img {
        max-width: 100%;
        margin: 0 0 0px 0;
        display: block;
    }


    #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container .cs-sd-line.cs-sd-title {
        font-size: 15px;
        margin: 0;
        background: var(--orange);
        color: var(--background-color);
        padding: 5px 5px;
    }

    #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container .cs-sd-body {
        padding: 2px 8px 0px 8px;
    }

    #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container .cs-sd-line {
        width: 100%;
        padding: 0 0px 0 5px;
        font-size: 13px;
        margin-top: 5px;
    }

        #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container .cs-sd-line img {
            width: 15px;
            margin-left: 3px;
            display: inline-block;
            vertical-align: middle;
        }
        #CONTENTHOLDER.new2024SWStyleCss .cs-search-details-container .cs-sd-line div {
            display: inline-block;
            vertical-align: middle;
            padding: 0 0 0 5px;
            max-width: 260px;
        }

.total_price_label.tpl-ctn {
    width: 99px;
}

.total_price.tpl-p-ctn {
    width: 60%;
    text-align: right;
}

span.tpl-p-cut {
    background: linear-gradient(to left top, transparent 47.75%, red 52.5%, red 50.5%, transparent 55.25%);
    font-size: 12px;
}

.atr-template-ctn .sr-result-box.new2024SWStyleCss .sr-ro-img-container {
    max-width: 210px;
}

.atr-template-ctn .sr-result-box.new2024SWStyleCss .sr-ro-left {
    width: 37%;
}

.atr-template-ctn .sr-result-box.new2024SWStyleCss .sr-ro-right {
    width: 36%;
}

.sr-ro-chechbox.sr-espc-ctn {
    height: max-content;
    text-align: RIGHT;
}

.sr-espc-ctn .sr-ro-price-desc {
    display: block;
    margin-top: 5px;
}

#CONTENTHOLDER.new2024SWStyleCss .sr-ro-right .sr-ro-chechbox button.sr-option-book-btn.orange {
    margin: 5px 0 !important;
    position: relative;
    display: block !important;
    width: auto;
    height: auto;
    margin-top: 0px !important;
    top: -5px;
    right: 0;
}

.sr-espc-ctn .sr-ro-sq-ctn {
    width: fit-content;
    position: absolute;
    left: -35px;
    top: -2px;
}