/* 
    Image & Table Sizes
    ===================
    Page Header Image Width                             = 980
    Left Column Header Image Width                      = 706
    Right Column Header Image Width                     = 254
    Single Column Maximum Content Width                 = 980
    Left Column Maximum Content Width                   = 706
    Right Column Maximum Content Width                  = 254
    Image Gallery Thumbnail Width                       = 112
    Maximum Image Gallery Width                         = 750 (Recommended)
    Image List Width                                    = 200
    Image Grid Width                                    = 350 (Recommended)

    Web Item Images & Tour Brief Overview Images Width  = 350 (Recommended)
    Brochure Images Width                               = As Above
    Tour Images Thumbnail Width                         = 200
    Maximum Tour Images Width                           = 600 (Recommended)
    Tour Tabs Maximum Content Width                     = 980
    Booking Pages Maximum Content Width                 = 715
    Booking Terms & Conditions Maximum Content Width    = 683
    Web Heading Page Headers (Advanced Users)           = 1920 x 400 (Optional, dimensions are recommended)
    Web Item Page Headers (Advanced Users)              = 1920 x 400 (Optional, dimensions are recommended)
    Tour Page Headers (Advanced Users)                  = 1920 x 400 (Optional, dimensions are recommended)
    
    Image Dimensions
    ================
    Logo            = 556 x 128 (scales to 278 x 64)
    Header Image    = 1920 x 400

    Galloway
    ==========
    #454444 = Body text, links hover over text, middle level site map text, powered by DSL booking process text, web headings/items text, suggested tours text, booking steps text
    #fff    = Content background, inputs background, buttons text, top user bar buttons text, top menu text, sub menu hover over text, table header text, bottom bar text, footer text, 
              web headings/items title text, tabs text, booking grid header text
    #25408f = links, h1 tags, h2 tags, buttons background, background behind logo, top user bar text, sub menu text, sub menu hover over background, table header background, footer background, widget text, image grid header background,
              legend text, top level site map text, web headings/items header text, web headings/items titles text, web item buttons hover over text, tabs background, brief overview title text, itinerary header text & key, suggested tours title text, booking grid header background
    #ec008c = h3 tags, labels text, web headings/items sub header text, from price background
    #ffcb05 = User bar background, top menu hover over animated bottom border, web item buttons hover over background
    #00aeef = View tour icon
    #f7941d = Active tab text
    #cacaca = Input borders, table borders, frame borders
    #e1e8f6 = Sub menu background, widgets background, image gallery background, web headings/items title background, web headings/items content background, tables even rows background, suggested tours background, pick-up summmary background
    #808184 = Home pick-ups border
    #a8b3d2 = Booking pick-ups row hover background
    #304ea7 = Powered by DSL top border
    #424242 = Calendar text
    #707070 = FAQ back to top
    #ECE9D8 = Seating plan cells border

    #ff0000 = Error message text, error input border
    #fee    = Error input background
    #EAEAEA = Error page background
    #eeeeee = Input disabled background
*/

@import '//fonts.googleapis.com/css?family=Asap:400,400i,500,500i,600,600i,700,700i&display=swap';

* {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

#FormValue1 {
    display: none;
}

body {
    background: #fff;
    color: #454444;
}

body, label, input, select, textarea {
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

textarea {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

p, label {
    line-height: 20px;
}

.FieldLabel {
    line-height: normal;
}

img {
    border: 0;
}

a {
    color: #25408f;
}

    a:hover {
        color: #454444;
    }

h1 {
    color: #25408f;
    font-size: 48px;
    font-weight: 600;
}

h2 {
    color: #25408f;
    font-size: 28px;
    font-weight: 600;
}

h3 {
    color: #ec008c;
    font-size: 22px;
    font-weight: 600;
}

.ClearAll {
    clear: both;
}

input[type=submit], .LinkButton {
    background-color: #25408f;
    border: 0px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-family: 'Asap', sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    overflow: visible;
    padding: 0px 11px 0px 11px;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
}

    input[type=submit]:focus {
        outline: none;
    }

    .LinkButtonAnchor {
        text-decoration: none;
    }

    .LinkButton {
        display: inline-block;
        line-height: 30px;
    }

    input[type=submit], .RightColumn .LinkButton, .BriefOverviewTextContainer .LinkButton, .ButtonBar .LinkButton, .FavouriteButtonBar .LinkButton, .BookingLoginNewClient .LinkButton {
        background-image: url(Images/General/ButtonForwardArrow.png);
        background-position: center right;
        background-repeat: no-repeat;
        border-radius: 0;
        -moz-border-radius: 0;
        padding: 0px 27px 0px 11px;
    }

    input[type=submit].BackButton, .ButtonBar .BackButton .LinkButton, .BookingPreviousButton .LinkButton {
        background-image: url(Images/General/ButtonBackArrow.png);
        background-position: center left;
        background-repeat: no-repeat;
        border-radius: 0;
        -moz-border-radius: 0;
        padding: 0px 11px 0px 27px;
    }

    .BookingProcessContainer .LinkButton {
        background-image: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        padding: 0px 11px 0px 11px;
    }

a[disabled] span, input[type=submit][disabled] {
    color: Gray;
    opacity: .4;
    text-shadow: 1px 1px #fff;
} 

input[type=text], input[type=password], textarea {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px!important;
    -moz-border-radius: 3px;
    color: #454444;
    padding: 2px 2px 2px 2px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

select {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 3px!important;
    -moz-border-radius: 3px;
    color: #454444;
    padding: 2px 2px 2px 0px;
    -webkit-border-radius: 0;
}

    select.PostcodeLookupResults {
        background-image: none;
    }

select > option {
    -moz-padding-end: 8px;
}

input[type=text][disabled], input[type=password][disabled], select[disabled] {
    background-color: #eeeeee;
    color: gray;
}

/* Error styling (both Unobtrsuive and JQuery validation plugin */
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, input.error {
    background-color: #fee;
    border: 1px solid #ff0000;
}

select.input-validation-error, select.error {
    background-color: #fee;
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.ErrorPage {
    background: none #EAEAEA;
}

    .ErrorContainer {
        margin: 10px 10px 10px 10px;
    }

        .ErrorButtonsContainer {
            float: left;
            padding-top: 10px;
        }

.TopValidationSummary {
    float: left;
    margin-top: 10px;
}

/* JavaScript CSS */
.NoJavaScriptContainer {
    display: none;
}

    .NoJavaScriptContainer .PageDescription {
        margin-bottom: 10px;
    }

div.JavaScriptContainer, label.JavaScriptContainer {
    display: block;
}

tr.JavaScriptContainer {
    display: table-row;
}

th.JavaScriptContainer, td.JavaScriptContainer {
    display: table-cell;
}

/* Layout Page */
.PageContainer {
    position: relative;
}

    /* User Bar */
    .UserBar {
        background-color: #25408f;
        height: 144px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .UserBarData {
        position: relative;
        width: 100%;
        z-index: 999;
    }

        .DS-TopBar {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            width: 980px;
        }

            .DS-TopBar a {
                color: #25408f;
                text-decoration: none;
            }

            .DS-TopBar-BookNow {
                color: #25408f;
                float: left;
                font-size: 20px;
                font-style: italic;
                margin-top: 8px;
            }

    .UserBarContainer {
        background: #ffcb05;
        float: left;
        height: 40px;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .UserBarContainerContent {
        font-size: 15px;
        font-weight: 700;
        height: 31px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 7px;
        position: relative;
        width: 980px;
    }

        .UserBarContainerContent a {
            background: #25408f;
            border: 0px solid;
            border-radius: 5px;
            -moz-border-radius: 5px;
            color: #fff;
            display: inline-block;
            font-size: 15px;
            font-weight: 600;
            height: 26px;
            line-height: 26px;
            padding: 0 8px;
            position: relative;
            text-align: center;
            width: 120px;
        }

        .SiteMapLink {
            display: none!important;
        }

        .ShoppingBasketLink {
            float: right;
            margin-left: 10px;
            position: relative;
            text-decoration: none;
        }

        .LoginLink, .LogoutLink {
            float: right;
            text-decoration: none;
        }

        .RegisterLink, .NewOperatorLink, .WelcomeMessage {
            float: right;
            margin-right: 10px;
            text-decoration: none;
        }

        #MyAccountLink {
            margin-right: 10px;
        }

        .WelcomeMessage {
            color: #25408f;
        }

        .AgentAdminLink, .UserAccountLink {
            text-decoration: none;
        }

        .SiteMapLink:hover, .RegisterLink:hover, .LoginLink:hover, .NewOperatorLink:hover, .AgentAdminLink:hover, .UserAccountLink:hover, .LogoutLink:hover, .ShoppingBasketLink:hover {
            color: #fff;
            text-decoration: none;
        }

    .HeaderMenuContentContainer {
    }

    /* Overriding Header Image */
    .OverridingHeaderImageOuterContainer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .OverridingHeaderImageInnerContainer {
            left: 50%;
            margin: 0 0 0 -5000px;
            position: relative;
            text-align: center;
            width: 10000px;
        }

            .OverridingHeaderImage {
                vertical-align: middle;
            }

            .OverridingHeaderImageOverlay {
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                height: 100%;
                width: 100%;
            }

        @media only screen and (min-width: 1920px) {
            .OverridingHeaderImageInnerContainer {
                left: 0;
                margin: 0 auto;
                width: 100%;
            }

                .OverridingHeaderImage {
                    width: 100%;
                }
        }

        @media only screen and (min-width: 2561px) {
            .OverridingHeaderImageInnerContainer {
                left: 0;
                margin: 0 auto;
                width: 2560px;
            }
        }

    /* Overriding Header Image - Background Mode */
    .OverridingHeaderImageBackground {
        background-position: center;
        background-repeat: no-repeat;
        cursor: default;
        height: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        top: 0;
        width: 100%;
    }

    @media only screen and (min-width: 1920px) {
        .OverridingHeaderImageBackground {
            background-size: cover;
            background-repeat: no-repeat;
        }
    }

    @media only screen and (min-width: 2561px) {
        .OverridingHeaderImageBackground {
            left: 0;
            margin: 0 auto;
            width: 2560px;
        }
    }

    /* Header Image */
    .Header {
    }

        .HeaderContentHomePage {
            background-position: center;
            background-repeat: no-repeat;
            cursor: default;
            height: 400px;
            margin-left: auto;
            margin-right: auto;
            padding-top: 0;
            position: relative;
            top: 0;
            width: 100%;
        }

            .RotatingBanner {
                background-position: center;
                background-repeat: no-repeat;
                height: 100%;
                display: none;
                position: absolute;
                width: 100%;
            }

        @media only screen and (min-width: 1920px) {
            .HeaderContentHomePage, .RotatingBanner {
                background-size: cover;
                background-repeat: no-repeat;
            }
        }

        @media only screen and (min-width: 2561px) {
            .HeaderContentHomePage, .RotatingBanner {
                left: 0;
                margin: 0 auto;
                width: 2560px;
            }
        }

    /* Company Logo */
    .CompanyLogoContainer {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

        .CompanyLogoContainerContent {
            position: absolute;
            top: 62px;
        }

            .CompanyLogoContainer a {
                outline: 0;
            }

            img.CompanyLogo {
                border: 0;
                height: 64px;
                width: 278px;
            }

    /* Menu Bar */
    .MenuBar {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

    .MenuBarContainer {
        margin-left: 300px;
        position: absolute;
        top: 67px;
        width: 680px;
        z-index: 999;
    }

    .MenuBarContainerContent {
    }

        ul.MenuItemContainer * {
            list-style: none;
            text-align: left;
            z-index: 999;
        }

        .MenuItemContainer li {
            font-size: 20px;
            font-style: italic;
            white-space: nowrap;
        }

        .MenuItemContainer li .MenuItem {
            line-height: 50px;
            padding-bottom: 24px;
            text-decoration: none;
        }

        .MenuItemContainer li .MenuItem_NoClick {
            cursor: pointer;
            line-height: 50px;
            padding-bottom: 24px;
            text-decoration: none;
        }

            .MenuItemContainer li .MenuItem_NoClick label {
                display: block;
            }

        .MenuItemContainerSubItems li {
            font-size: 16px;
            font-style: normal;
            white-space: normal;
        }

        .MenuItemContainerSubItems li .MenuItem {
            line-height: 32px;
            padding-bottom: 0;
            text-decoration: none;
        }

        .MenuItemContainerSubItems li .MenuItem_NoClick {
            cursor: pointer;
            line-height: 32px;
            padding-bottom: 0;
            text-decoration: none;
        }

        ul.MenuItemContainer li {
            float: left;
            margin-right: 5px;
            margin-left: 5px;
        }

            ul.MenuItemContainer li a {
                color: #fff;
                font-weight: 700;
                display: block;
                padding-left: 10px;
                padding-right: 10px;
            }

            ul.MenuItemContainer li:last-child a {
                background-image: none;
            }

            ul.MenuItemContainer li.hover, ul.MenuItemContainer li:hover {
                position: relative;
            }

                ul.MenuItemContainer li.hover a, ul.MenuItemContainer li:hover a {
                    color: #fff;
                    text-decoration: none;
                }

        ul.MenuItemContainer ul {
            display: none;
            position: absolute;
            width: 250px;
        }

            ul.MenuItemContainer ul li {
                _display: inline;
                float: none;
                margin-right: 0;
                margin-left: 0;
                text-transform: none;
            }

                ul.MenuItemContainer ul li a {
                    background-image: url(Images/General/SeparatorBarTransparent.gif);
                    background-position: right center;
                    background-repeat: no-repeat;
                    border: none!important;
                    display: inline-block;
                    font-weight: 500;
                    padding-left: 10px;
                    padding-right: 10px;
                    width: 230px;
                }

        ul.MenuItemContainer li.hover ul li a {
            color: #25408f;
            text-decoration: none;
        }

            ul.MenuItemContainer li.hover ul li a:hover {
                background: #25408f;
                color: #fff;
                text-decoration: none;
            }

        ul.MenuItemContainer ul ul {
            left: 100%;
            margin-left: 0;
            margin-right: 0;
            top: 0;
        }

        ul.MenuItemContainer ul.MenuFrame {
            background: #e1e8f6;
            -moz-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
            -webkit-box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
            box-shadow: 0px 19px 35px rgba(0, 0, 0, 0.11);
        }

    /* Menu Animation */
    ul.MenuItemContainer li a::after {
        border-bottom: 3px solid #ffcb05;
        content: '';
        display: block;
        transition: width 0.3s ease;
        width: 0;
    }

    @media (pointer: fine) {
        ul.MenuItemContainer li a:hover::after {
            width: 100%;
        }
    }

    ul.MenuItemContainer ul li a::after {
        border-bottom: none;
        transition: none;
    }

    /* Content */
    .Content {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

    .ContentContainer {
        min-height: 330px;
        width: 980px;
    }

        .ContentContainer ul {
            list-style-position: inside;
        }

        .ContentContainer ol {
            list-style-position: outside;
            padding-left: 35px;
        }

        .ContentContainer ul p, .ContentContainer ol p, .ContentContainer ul li div {
            display: inline;
        }

        .HeaderImageContainer {
            background-color: #fff;
            margin: 40px auto 0 auto;
            width: 980px;
        }

            .HeaderImage {
                height: auto;
                width: 100%;
            }

        .SingleColumn {
            float: left;
            padding-bottom: 40px;
            padding-top: 40px;
            width: 980px;
        }

        .LeftColumn {
            float: left;
            padding-bottom: 40px;
            padding-top: 40px;
            width: 706px;
        }

        .RightColumn {
            float: right;
            padding-bottom: 40px;
            padding-top: 30px;
            width: 254px;
        }

        /* Single, Left & Right Column General Formatting */
        .SingleColumn .dsl-table, .SingleColumn .dsl-table-noborder {
            width: 980px;
        }

        .LeftColumn .dsl-table, .LeftColumn .dsl-table-noborder {
            width: 706px;
        }
    
        .RightColumn .dsl-table, .RightColumn .dsl-table-noborder {
            width: 254px;
        }

        /* General Content Formatting */
        p.centre-align, h1.centre-align, h2.centre-align, h3.centre-align, h4.centre-align {
            text-align: center;
        }

        p.right-align, h1.right-align, h2.right-align, h3.right-align, h4.right-align {
            text-align: right;
        }

        img.left-align {
            margin: 5px 10px 5px 0px;
        }

        img.centre-align {
            margin: 5px 10px 5px 10px;
        }

        img.right-align {
            margin: 5px 0px 5px 10px;
        }

        .dsl-table, .dsl-table-noborder {
            border-collapse: collapse;
            table-layout: fixed;
        }

        .dsl-table th, .dsl-table td {
            border: 1px solid #cacaca;
            padding: 3px;
        }

        .dsl-table-noborder th, .dsl-table-noborder td {
            padding: 3px;
        }

        .dsl-table th, .dsl-table-noborder th {
            background-color: #25408f;
            color: #fff;
        }

    /* Container for Bottom Navigation, Powered By DSL and Company Details */
    .ContentBelowContainer {
        position: relative;
        width: 100%;
    }

    .ContentBelowTop {
        background: #25408f;
        background-image: url(Images/Footer/Footer.png);
        background-position: top center;
        background-repeat: no-repeat;
        height: 636px;
        width: 100%;
    }

    /* Bottom Navigation Bar */
    .BottomNavBar {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 980px;
    }

    .BottomNavBarContent {
        height: 385px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: -394px;
        width: 600px;
    }

    .BottomNavBarLink {
        color: #fff;
        font-size: 16px;
        padding: 0px;
        text-decoration: none;
        -webkit-text-size-adjust: none;
    }

        .BottomNavBarLink:hover {
            color: #fff!important;
            text-decoration: underline;
        }

    .BottomNavBarListItem {
        display: inline-block;
        list-style: none;
        margin-bottom: 7px;
        width: 300px;
    }

    /* Powered by DSL */
    .PoweredByDSL {
        background: #25408f;
        border-top: 1px solid #304ea7;
        color: #fff;
        -webkit-text-size-adjust: none;
        width: 100%;
    }

    .PoweredByDSLContent {
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 0 14px 0;
        text-align: left;
        width: 980px;
    }

        #TBSLink, #DSLLink {
            color: #fff;
            text-decoration: none;
        }

            #TBSLink:hover, #DSLLink:hover {
                text-decoration: underline;
            }

    /* Company Details (Home Page) */
    .CompanyDetails {
        display: none;
    }

    .CompanyDetailsContent {
    }
    
    /* Page Footer Message */
    .PageFooterMessage {
    }

        .PageFooterMessageContent {
            margin-left: auto;
            margin-right: auto;
            top: 0px;
            width: 980px;
        }

            .DS-Accreditations {
                color: #fff;
                margin-left: 425px;
                position: absolute;
                top: 0px;
                width: 555px;
            }

            .DS-ContactUsContainer {
                color: #fff;
                line-height: 27px;
                margin-left: 650px;
                position: absolute;
                top: 238px;
                width: 330px;
            }

                .DS-ContactUsContainer a {
                    color: #fff;
                    text-decoration: none;
                }

                    .DS-ContactUsContainer a:hover {
                        text-decoration: underline;
                    }

                .DS-ContactUsTitle {
                    color: #fff;
                    font-size: 18px;
                    font-style: italic;
                    margin-left: 45px;
                }

                .DS-ContactUsIcon {
                    position: absolute;
                    width: 30px;
                }

                    .DS-ContactUsIcon span {
                        color: #fff;
                        display: block;
                        font: normal normal normal 30px/1 FontAwesome !important;
                        text-transform: none !important;
                        speak: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        text-align: center;
                    }

                .DS-ContactUsText {
                    left: 45px;
                    position: absolute;
                    width: 285px;
                }

                .DS-ContactUsAddress .DS-ContactUsIcon {
                    top: 56px;
                }

                .DS-ContactUsTelNo .DS-ContactUsIcon {
                    top: 100px;
                }

                .DS-ContactUsEmail .DS-ContactUsIcon {
                    top: 144px;
                }

                .DS-ContactUsFacebook .DS-ContactUsIcon {
                    top: 188px;
                }

                .DS-ContactUsTwitter .DS-ContactUsIcon {
                    top: 232px;
                }

                .DS-ContactUsAddress .DS-ContactUsText {
                    line-height: 20px;
                    top: 50px;
                }

                .DS-ContactUsTelNo .DS-ContactUsText {
                    top: 100px;
                }

                .DS-ContactUsEmail .DS-ContactUsText {
                    top: 143px;
                }

                .DS-ContactUsFacebook .DS-ContactUsText {
                    top: 188px;
                }

                .DS-ContactUsTwitter .DS-ContactUsText {
                    top: 232px;
                }

    /* Mobile Site Switch button */
    .MobileSiteSwitch {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        text-align: center;
        width: 980px;
    }

        .MobileSiteSwitch img {
            max-width: 228px;
            padding: 15px 0;
        }

    .BookingProcessContainer .MobileSiteSwitch {
        background-color: transparent;
        float: none;
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: right;
        width: 980px;
    }

        .BookingProcessContainer .MobileSiteSwitch img {
            position: static;
        }

        @media screen and (min-device-width: 640px) {
            .BookingProcessContainer .MobileSiteSwitch {
                padding-bottom: 10px;
            }

            .MobileSiteSwitch img {
                max-width: 130px;
            }
        }

/* Cookie Settings Popup */
.CookiePopupContainer {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 10px;
    border-radius: 5px;
    color: white;
    font-family: sans-serif;
    font-size: 11px;
    line-height: 16px;
    position: fixed;
    right: 10px;
    width: 300px;
    z-index: 99999;
}

    .CookiePopupContainer p {
        line-height: 16px;
    }

    .CookiePopupContent {
        float: left;
        padding: 10px;
    }

        .CookiePolicyLink {
            color: #fff;
            text-decoration: underline;
        }

            .CookiePolicyLink:hover {
                color: #fff;
                text-decoration: underline;
            }

        .CookiePopupLinks {
            float: left;
            margin-top: 5px;
            width: 280px;
        }

            .CookiePopupLinks p {
                display: inline;
                font-size: 14px;
                font-weight: bold;
            }

            .CookiePopupLinks a {
                color: #ffa400;
                text-decoration: none;
            }

            .CookieSettingsPopupSettings {
                float: left;
                width: 50%;
            }

            .CookieSettingsPopupContinue {
                float: right;
                text-align: right;
                width: 50%;
            }

@media screen and (max-device-width: 480px) {
    .CookiePopupContainer {
        border-radius: 0;
        bottom: 0;
        font-size: 32px;
        line-height: 40px;
        right: 0;
        width: 100%;
    }

        .CookiePopupContainer p {
            line-height: 40px;
        }

        .CookiePopupContent {
            padding: 20px;
        }

            .CookiePopupLinks {
                width: 100%;
            }

                .CookiePopupLinks a {
                    font-size: 42px;
                    line-height: 72px;
                }
}

a.SkipToContentLink {
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    z-index: -999;
}

    a.SkipToContentLink:focus, a.SkipToContentLink:active {
        background-color: white;
        border: 1px solid rgb(204, 204, 204);
        color: rgb(51, 51, 51);
        font-family: sans-serif;
        font-size: 14px;
        height: auto;
        left: 10px;
        overflow: auto;
        padding: 10px 15px;
        position: absolute;
        text-decoration: none;
        top: 10px;
        width: auto;
        z-index: 99999;
    }