@font-face {
    font-family: 'bebas_neue_pro_bold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ivypresto_headline_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/ivypresto headline regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/ivyprestoheadline-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_semibold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.ttf') format('truetype');
}

:root {
    --clr-white: #fff;
    --clr-black: #000;
    --clr-blue: #044EA3;
    --clr-blue-light: #DBE8F6;
    --clr-blue-lightest: #FAFCFF;
    --clr-orange: #F18432;
    --clr-purple: #8E52A0;
    --clr-green: #85C656;
    --clr-yellow: #FFE300;
    --clr-red: #BC111A;
    --clr-gray-darkest: #4A4A4A;
    --clr-gray-darker: #959595;
    --clr-gray: #D4D4D4;
    --clr-gray-light: #F7F7F7;
    --clr-blue-dark: #003471;
}

* {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pptelegraf_regular', sans-serif !important;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

    a:hover {
        text-decoration: none;
        transition: all 0.3s ease;
    }

html {
    margin: 0px;
    padding: 0px;
}

    html body {
        margin: 0px;
        padding: 0px;
        background-color: #F7F7F7;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

        html body .page {
            position: relative;
            display: block;
            margin: 0px auto;
            padding: 0px;
            min-height: 100vh;
            background-color: #fff;
            max-width: 1400px;
            opacity: 1;
            transition: all 0.3s ease;
        }

            html body .page .appSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

            html body .page .allSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

                html body .page .allSectionArea h1 {
                    font-size: 28px;
                    line-height: 32px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea h2 {
                    font-size: 26px;
                    line-height: 30px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea h3 {
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea p {
                    font-size: 16px;
                    line-height: 22px;
                    /*font-weight: 300;*/
                    margin: 0px;
                }

@media all and (max-width: 1274px) {
    html body .page .allSectionArea h1 {
        font-size: 27px;
        line-height: 31px;
    }

    html body .page .allSectionArea h2 {
        font-size: 25px;
        line-height: 29px;
    }

    html body .page .allSectionArea h3 {
        font-size: 19px;
        line-height: 23px;
    }

    html body .page .allSectionArea p {
        font-size: 15px;
        line-height: 21px;
    }
}

@media all and (max-width: 1149px) {
    html body .page .allSectionArea h1 {
        font-size: 26px;
        line-height: 30px;
    }

    html body .page .allSectionArea h2 {
        font-size: 24px;
        line-height: 28px;
    }

    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media all and (max-width: 360px) {
    html body .page .allSectionArea h1 {
        font-size: 22px;
        line-height: 26px;
    }

    html body .page .allSectionArea h2 {
        font-size: 20px;
        line-height: 24px;
    }

    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

html body .page .btn-primary {
    display: inline-block;
    padding: 0px 20px;
    color: #fff;
    background-color: #F18432;
    border-radius: 10px;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    white-space: nowrap;
}

    html body .page .btn-primary:hover {
        color: #F18432;
        background-color: #fff;
        border: 2px solid #F18432;
    }

    html body .page .btn-primary:focus, html body .page .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #F18432 !important;
        background-color: #fff !important;
        border: 2px solid #F18432 !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary {
    display: inline-block;
    padding: 0px 20px;
    color: #F18432;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #F18432;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    white-space: nowrap;
}

    html body .page .btn-secondary:hover {
        color: #fff;
        background-color: #F18432;
        border: 2px solid #fff;
    }

    html body .page .btn-secondary:focus, html body .page .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #fff !important;
        background-color: #F18432 !important;
        border: 2px solid #fff !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary-small {
    display: inline-block;
    padding: 1px 15px 0px 15px;
    color: #F18432;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F18432;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}

    html body .page .btn-secondary-small:hover {
        color: #fff;
        background-color: #F18432;
        border: 1px solid #fff;
    }

    html body .page .btn-secondary-small:focus, html body .page .btn-secondary-small:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #fff !important;
        background-color: #F18432 !important;
        border: 1px solid #fff !important;
        box-shadow: none !important;
    }

html body.noScroll {
    overflow: hidden;
    background-color: #000;
}

    html body.noScroll .page {
        transition: all 0.3s ease;
    }

svg.routeMap {
    display: block;
    width: 820px;
    height: 1330px;
    overflow: hidden;
    background-color: #FAFCFF;
    transition: all 0.3s ease;
}

    svg.routeMap .cls-1 {
        fill: transparent;
    }

    svg.routeMap .cls-4 {
        fill: #fff;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        svg.routeMap .cls-4:hover {
            fill: #044EA3;
            stroke: #F18432;
            transition: all 0.3s ease;
        }

    svg.routeMap .cls-2 {
        fill: #DBE8F6;
    }

    svg.routeMap .cls-3, svg.routeMap .cls-7 {
        fill: none;
    }

    svg.routeMap .cls-3, svg.routeMap .cls-4 {
        stroke: #044EA3;
    }

    svg.routeMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.routeMap .cls-4 {
        stroke-width: 6px;
    }

    svg.routeMap .cls-5 {
        fill: #000;
        font-size: 16px;
        font-family: 'ivypresto_headline_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.routeMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.routeMap .cls-6 {
        stroke: none;
    }

    svg.routeMap path[id^='Path-'] {
        opacity: 0;
        transition: all 1s ease;
    }

    svg.routeMap .dotText .cls-5 {
        opacity: 0;
        transition: all 0.3s ease;
    }

    svg.routeMap .dotText:hover .cls-5 {
        opacity: 1;
        transition: all 0.3s ease;
    }

svg.sailingMap {
    display: block;
    width: 730px;
    height: 500px;
    overflow: hidden;
}

    svg.sailingMap .cls-1, svg.sailingMap .cls-3 {
        fill: none;
    }

    svg.sailingMap .cls-2 {
        fill: #DBE8F6;
        stroke: #DBE8F6;
        opacity: 0.8;
    }

    svg.sailingMap .cls-3, svg.sailingMap .cls-4 {
        stroke: #044EA3;
    }

    svg.sailingMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.sailingMap .cls-4 {
        fill: #fff;
        stroke-width: 6px;
    }

    svg.sailingMap .cls-5 {
        fill: #000;
        font-size: 16px;
        font-family: 'ivypresto_headline_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.sailingMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.sailingMap .cls-6 {
        stroke: none;
    }

svg.iconMenuMobile {
    display: block;
    width: 122px;
    height: 122px;
    overflow: hidden;
}

    svg.iconMenuMobile .cls-1, svg.iconMenuMobile .cls-2 {
        fill: none;
    }

    svg.iconMenuMobile .cls-2 {
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 4px;
    }

svg.iconHome {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.iconHome .cls-1, svg.iconHome .cls-2 {
        fill: none;
    }

    svg.iconHome .cls-3, svg.iconHome .cls-4 {
        stroke: none;
    }

    svg.iconHome .cls-4 {
        fill: #044EA3;
    }

svg.iconClose {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    svg.iconClose .cls-1, svg.iconClose .cls-2 {
        fill: none;
    }

    svg.iconClose .cls-2 {
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 2px;
    }

svg.iconTruckFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconTruckFront .cls-1 {
        fill-rule: evenodd;
    }

svg.iconTimeSpeed {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

svg.iconShipFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconShipFront .cls-1 {
        stroke: #FAFCFF;
        stroke-width: 0.5px;
    }

svg.iconHelp {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

    svg.iconHelp .cls-1 {
        fill: #F18432;
        stroke: #F18432;
    }

svg.aNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.aNews .cls-1 {
        fill: none;
    }

    svg.aNews .cls-2 {
        fill: #4A4A4A;
        stroke: #fff;
    }

svg.sNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.sNews .cls-1 {
        fill: none;
    }

    svg.sNews .cls-2 {
        fill: #4A4A4A;
        stroke: #fff;
        stroke-width: 0.5px;
    }

svg.gNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.gNews .cls-1 {
        fill: none;
    }

    svg.gNews .cls-2 {
        fill: #4A4A4A;
    }

svg.bNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.bNews .cls-1 {
        fill: none;
    }

    svg.bNews .cls-2 {
        fill: #4A4A4A;
    }

svg.newsNavArrow {
    display: block;
    width: 50px;
    height: 70px;
    overflow: hidden;
}

    svg.newsNavArrow .cls-1, svg.newsNavArrow .cls-2 {
        fill: none;
    }

    svg.newsNavArrow .cls-2 {
        stroke: #fff;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.5px;
    }

svg.iconQuote {
    display: block;
    width: 130px;
    height: 110px;
    overflow: hidden;
}

    svg.iconQuote .cls-1 {
        fill: #fff;
        stroke: #D4D4D4;
    }

svg.twitterLogo {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 80px;
    height: 65px;
    overflow: hidden;
}

    svg.twitterLogo .cls-1 {
        fill: #044EA3;
    }

svg.iconArwBothWays {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 15px;
    overflow: hidden;
}

    svg.iconArwBothWays .cls-1 {
        fill: #D4D4D4;
    }

svg.iconProfile {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 25px;
    overflow: hidden;
}

    svg.iconProfile .cls-1 {
        fill: #F18432;
        fill-rule: evenodd;
    }

svg.searchIcon {
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

    svg.searchIcon .cls-1 {
        fill: none;
    }

    svg.searchIcon .cls-2 {
        fill: #F18432;
    }

svg.searchClose {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.searchClose .cls-1 {
        fill: none;
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 2px;
    }

header {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

    header .brandRow {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        header .brandRow .colLogo {
            margin: 0px;
            padding: 0px;
            min-width: 231px;
            width: 231px;
            max-width: 231px;
        }

            header .brandRow .colLogo a {
                display: block;
                margin: 0px 0px 0px 50px;
                padding: 60px 0px;
                width: 135px;
                height: 64px;
                overflow: hidden;
                background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                background-size: contain;
            }

        header .brandRow .colOptions {
            margin: 0px;
            padding: 0px;
            text-align: right;
            width: calc(100% - 231px);
        }

            header .brandRow .colOptions .threeCols {
                display: flex;
                direction: rtl;
                margin: 0px;
                padding: 0px;
                align-items: center;
            }

                header .brandRow .colOptions .threeCols .mMenuCol {
                    direction: ltr;
                    margin: 0px;
                    padding: 0px;
                    margin-left: 15px;
                    display: none;
                }

                    header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                        position: relative;
                    }

                        header .brandRow .colOptions .threeCols .mMenuCol .menuMobile::before {
                            content: attr(data-name);
                            position: absolute;
                            top: 36px;
                            right: 60px;
                            font-size: 10px;
                            line-height: 10px;
                            color: #000;
                            text-transform: uppercase;
                        }

                header .brandRow .colOptions .threeCols .btnCol {
                    direction: ltr;
                    margin: 0px 50px 0px 15px;
                    padding: 0px;
                }

                header .brandRow .colOptions .threeCols .langCol {
                    direction: ltr;
                    margin: 0px 15px;
                    padding: 0px;
                }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary {
                        position: relative;
                        background-color: #fff;
                        border: 1px solid #F7F7F7;
                        font-size: 16px;
                        line-height: 40px;
                        font-weight: 500;
                        color: #000;
                        padding: 0px 15px;
                        margin: 0px;
                        transition: all 0.3s ease;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:hover {
                            border: 1px solid #D4D4D4;
                            transition: all 0.3s ease;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.img img {
                            width: 30px;
                            height: 20px;
                            object-fit: cover;
                            margin-right: 8px;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.txt {
                            padding-right: 15px;
                            font-weight: 500;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:focus {
                            box-shadow: none;
                        }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-toggle::after {
                        display: inline-block;
                        content: '';
                        width: 8px;
                        height: 8px;
                        border-top: solid 2px #F18432;
                        border-right: solid 2px #F18432;
                        -webkit-transform: rotate(135deg);
                        transform: rotate(135deg);
                        border-left: unset;
                        vertical-align: .2em;
                    }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: #fff;
                        padding: 0px;
                        overflow: hidden;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 16px;
                            line-height: 40px;
                            color: #000;
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: #fff;
                            transition: all 0.3s ease;
                        }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.img img {
                                width: 28px;
                                height: 18px;
                                object-fit: cover;
                                margin-right: 8px;
                                border: 1px solid #F7F7F7;
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.txt {
                                font-weight: 500;
                                padding-right: 20px;
                                transition: all 0.3s ease;
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: #044EA3;
                                transition: all 0.3s ease;
                            }

                                header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover span.txt {
                                    color: #fff;
                                    transition: all 0.3s ease;
                                }

                    header .brandRow .colOptions .threeCols .langCol.measure {
                        margin-left: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.measure .dropdown .btn-secondary {
                            border-radius: 0px 10px 10px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.currency {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.currency .dropdown .btn-secondary {
                            border-radius: 0px 0px 0px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.language {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.language .dropdown .btn-secondary {
                            border-radius: 10px 0px 0px 10px;
                        }

                header .brandRow .colOptions .threeCols .searchCol {
                    margin: 0px;
                    direction: ltr;
                }

                    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
                        position: relative;
                        max-width: 400px;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                        overflow: hidden;
                        border: 0px solid #F7F7F7;
                        border-radius: 6px;
                        background-color: #F7F7F7;
                    }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol .searchIcon .cls-2 {
                                fill: #D4D4D4;
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol {
                            width: calc(100% - 166px);
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input {
                                display: block;
                                margin: 0px;
                                padding: 0px 10px 0px 0px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: #000;
                                font-weight: 500;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol {
                            width: 82px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button {
                                display: block;
                                margin: 0px;
                                padding: 0px 15px 0px 5px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: #F18432;
                                text-transform: uppercase;
                                font-weight: 700;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol .closeBtn {
                                display: block;
                                padding: 12px;
                                background-color: transparent;
                                border-radius: 0px 6px 6px 0px;
                                overflow: hidden;
                                cursor: pointer;
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .fieldCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .sBtnCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .closeCol {
                            display: none;
                        }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon {
                            background-color: #fff;
                            cursor: pointer;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon .cls-2 {
                                fill: #F18432;
                            }

@media all and (max-width: 1149px) {
    header .brandRow .colLogo {
        min-width: 140px;
        width: 140px;
        max-width: 140px;
    }

        header .brandRow .colLogo a {
            display: block;
            margin: 0px 0px 0px 30px;
            padding: 40px 0px;
            width: 84px;
            height: 40px;
        }

    header .brandRow .colOptions {
        width: calc(100% - 140px);
    }

        header .brandRow .colOptions .threeCols .mMenuCol {
            display: block;
        }

            header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                width: 80px;
                height: 80px;
            }

                header .brandRow .colOptions .threeCols .mMenuCol .menuMobile svg.iconMenuMobile {
                    width: 80px;
                    height: 80px;
                }

        header .brandRow .colOptions .threeCols .btnCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .langCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .searchCol {
            margin-right: 15px;
        }
}

@media all and (max-width: 599px) {
    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
        position: absolute;
        top: 80px;
        left: 0px;
        right: 0px;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        border-radius: 0px;
        max-width: 100%;
    }

        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide {
            position: relative;
            left: unset;
            right: unset;
            top: unset;
            border-top: 0px solid #D4D4D4;
            border-bottom: 0px solid #D4D4D4;
            border-radius: 0px;
        }
}

@media all and (max-width: 1149px) {
    header {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 0;
        border-bottom: 1px solid #D4D4D4;
        z-index: 800;
    }
}

nav.touchDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: #fff;
    border-bottom: 1px solid #D4D4D4;
    z-index: 900;
}

    nav.touchDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.touchDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.touchDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.touchDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: #044EA3;
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.touchDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.touchDevice .cols ul li a:hover {
                        color: #F18432;
                    }

                    nav.touchDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.touchDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px #044EA3;
                            border-right: solid 2px #044EA3;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.touchDevice .cols ul li ul.subMenu {
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: #044EA3;
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.touchDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.touchDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li a:hover {
                                background-color: #F18432;
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: #F18432;
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.touchDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.touchDevice .cols ul li.active a {
                    color: #000;
                }

                    nav.touchDevice .cols ul li.active a svg .cls-4 {
                        fill: #000;
                    }

                    nav.touchDevice .cols ul li.active a:hover {
                        color: #000;
                    }

                nav.touchDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.touchDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.touchDevice .cols:last-child {
            text-align: right;
        }

            nav.touchDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.touchDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.touchDevice .cols:last-child ul li:first-child a {
                padding: 0px 5px 0px 5px;
            }

nav.mouseDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: #fff;
    border-bottom: 1px solid #D4D4D4;
    z-index: 900;
}

    nav.mouseDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.mouseDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.mouseDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.mouseDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: #044EA3;
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.mouseDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.mouseDevice .cols ul li a:hover {
                        color: #F18432;
                    }

                    nav.mouseDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.mouseDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px #044EA3;
                            border-right: solid 2px #044EA3;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.mouseDevice .cols ul li ul.subMenu {
                    z-index: 10;
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: #044EA3;
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.mouseDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.mouseDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li a:hover {
                                background-color: #F18432;
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: #F18432;
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.mouseDevice .cols ul li:hover ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.active a {
                    color: #000;
                }

                    nav.mouseDevice .cols ul li.active a svg .cls-4 {
                        fill: #000;
                    }

                    nav.mouseDevice .cols ul li.active a:hover {
                        color: #000;
                    }

                nav.mouseDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.mouseDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.mouseDevice .cols:last-child {
            text-align: right;
        }

            nav.mouseDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.mouseDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.mouseDevice .cols:last-child ul li:first-child a {
                padding: 0px 20px 0px 5px;
            }

@media all and (max-width: 1149px) {
    nav.touchDevice {
        display: none;
    }

    nav.mouseDevice {
        display: none;
    }
}

footer {
    position: relative;
    display: block;
    margin: 0px;
    padding: 50px;
    overflow: hidden;
    border-top: 6px solid #044EA3;
}

    footer .firstThreeCols {
        display: flex;
    }

        footer .firstThreeCols .levelOneCol {
            width: calc(100% - 440px);
            margin: 0px;
            padding: 0px;
        }

            footer .firstThreeCols .levelOneCol .rowOne {
                display: flex;
            }

                footer .firstThreeCols .levelOneCol .rowOne .levelTwoCol {
                    flex: 1;
                }

            footer .firstThreeCols .levelOneCol ul {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                list-style: none;
            }

                footer .firstThreeCols .levelOneCol ul li {
                    display: block;
                    padding: 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                    footer .firstThreeCols .levelOneCol ul li a {
                        display: inline-block;
                        color: #044EA3;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 300;
                        white-space: nowrap;
                    }

                        footer .firstThreeCols .levelOneCol ul li a:hover {
                            color: #F18432;
                        }

                    footer .firstThreeCols .levelOneCol ul li:first-child a {
                        font-weight: 500;
                    }

                footer .firstThreeCols .levelOneCol ul + ul {
                    padding-top: 15px;
                }

            footer .firstThreeCols .levelOneCol .rowTwo {
                display: flex;
                margin-top: 20px;
                border-top: 1px solid #D4D4D4;
                padding-top: 20px;
            }

                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol {
                    flex: 1;
                }

                    footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p {
                        display: block;
                        text-transform: uppercase;
                        color: #044EA3;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 14px;
                        padding-right: 30px;
                    }

                        footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span {
                            font-size: 13px;
                            line-height: 15px;
                            display: block;
                            text-transform: none;
                            color: #4A4A4A;
                            font-weight: 300 !important;
                        }

                            footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a {
                                color: #F18432;
                            }

                                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a:hover {
                                    color: #044EA3;
                                }

            footer .firstThreeCols .levelOneCol:first-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:first-child .logo {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 135px;
                    height: 64px;
                    overflow: hidden;
                    background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                    background-size: contain;
                }

                footer .firstThreeCols .levelOneCol:first-child p.smlTxt {
                    display: block;
                    margin: 0px;
                    padding: 7px 0px;
                    font-size: 12px;
                    line-height: 14px;
                    color: #959595;
                    font-weight: 300;
                    margin-bottom: 10px;
                }

                footer .firstThreeCols .levelOneCol:first-child ul li:first-child a {
                    font-weight: 300;
                }

                footer .firstThreeCols .levelOneCol:first-child .rowSmIcons {
                    display: block;
                    margin: 0px;
                    padding: 15px 0px;
                }

                    footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a {
                        display: block;
                        float: left;
                        width: 30px;
                        height: 30px;
                        overflow: hidden;
                        margin-right: 15px;
                    }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a img {
                            display: block;
                            width: 30px;
                            height: 30px;
                            overflow: hidden;
                        }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a:last-child {
                            margin-right: 0px;
                        }

            footer .firstThreeCols .levelOneCol:last-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:last-child h3 {
                    font-size: 18px;
                    line-height: 22px;
                    text-transform: uppercase;
                    color: #959595;
                }

                footer .firstThreeCols .levelOneCol:last-child .imgLinks {
                    display: block;
                    width: 180px;
                    height: 51px;
                    margin: 15px auto 0px 0px;
                }

                    footer .firstThreeCols .levelOneCol:last-child .imgLinks img {
                        display: block;
                        width: 180px;
                        height: 51px;
                    }

@media all and (max-width: 1149px) {
    footer {
        padding: 30px;
    }
}

@media all and (max-width: 1029px) {
    footer .firstThreeCols .levelOneCol:nth-of-type(2n) {
        display: none;
    }

    footer .firstThreeCols .levelOneCol:first-child,
    footer .firstThreeCols .levelOneCol:last-child {
        width: 50%;
    }
}

@media all and (max-width: 449px) {
    footer .firstThreeCols {
        flex-direction: column-reverse;
    }

        footer .firstThreeCols .levelOneCol:first-child,
        footer .firstThreeCols .levelOneCol:last-child {
            width: 100%;
        }

        footer .firstThreeCols .levelOneCol:last-child {
            padding-bottom: 30px;
        }
}

.mobileMenu {
    position: fixed;
    z-index: 9001;
    top: 0px;
    right: -340px;
    bottom: 0px;
    width: 320px;
    background-color: #044EA3;
    overflow: hidden;
    transition: 0.3s ease;
    -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

    .mobileMenu a.closeMenu {
        position: absolute;
        z-index: 9002;
        right: 20px;
        top: 20px;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }

        .mobileMenu a.closeMenu svg {
            display: block;
            width: 18px;
            height: 18px;
        }

    .mobileMenu .titleRow {
        display: block;
        margin: 0px;
        padding: 20px 20px 10px 20px;
        text-align: center;
        background-color: #fff;
        overflow: hidden;
    }

        .mobileMenu .titleRow a.logo {
            display: inline-block;
            margin: 0px auto;
            padding: 0px;
            overflow: hidden;
        }

            .mobileMenu .titleRow a.logo img {
                display: block;
                width: 90px;
            }

    .mobileMenu .contentArea {
        display: block;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100% - 85px);
    }

        .mobileMenu .contentArea ul {
            display: block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .mobileMenu .contentArea ul li {
                display: block;
                margin: 0px;
                padding: 0px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            }

                .mobileMenu .contentArea ul li a {
                    position: relative;
                    display: block;
                    margin: 0px;
                    padding: 0px 20px;
                    color: #fff;
                    font-size: 16px;
                    line-height: 48px;
                    font-weight: 500;
                }

                    .mobileMenu .contentArea ul li a .imageAndText {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        align-items: center;
                    }

                        .mobileMenu .contentArea ul li a .imageAndText span.img {
                            width: 38px;
                            overflow: hidden;
                            padding-right: 8px;
                        }

                            .mobileMenu .contentArea ul li a .imageAndText span.img img {
                                width: 30px;
                            }

                        .mobileMenu .contentArea ul li a .imageAndText span.txt {
                            font-weight: 500;
                            overflow: hidden;
                        }

                    .mobileMenu .contentArea ul li a:before {
                        content: '';
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        width: 10px;
                        height: 10px;
                        border-top: solid 1px #fff;
                        border-right: solid 1px #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        opacity: 0.5;
                    }

                .mobileMenu .contentArea ul li ul {
                    display: none;
                }

                .mobileMenu .contentArea ul li.hSeparator {
                    height: 6px;
                    background-color: rgba(0, 0, 0, 0.2);
                    border-bottom: 0px solid transparent;
                }

                .mobileMenu .contentArea ul li.showSubMenu {
                    background-color: #fff;
                    border-top: 1px solid #D4D4D4;
                }

                    .mobileMenu .contentArea ul li.showSubMenu a {
                        color: #F18432;
                    }

                        .mobileMenu .contentArea ul li.showSubMenu a:before {
                            top: 17px;
                            border-color: #F18432;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                    .mobileMenu .contentArea ul li.showSubMenu.show a:before {
                        top: 20px;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .mobileMenu .contentArea ul li.showSubMenu.show ul {
                        display: block;
                    }

                        .mobileMenu .contentArea ul li.showSubMenu.show ul li {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.1);
                            padding: 0px 25px;
                        }

                            .mobileMenu .contentArea ul li.showSubMenu.show ul li a:before {
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

    .mobileMenu.show {
        right: 0px;
        transition: 0.3s ease;
    }

.formGroup {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
}

    .formGroup .form-control {
        position: relative;
        display: block;
        width: 100%;
        margin: 0px;
        padding: 4px 10px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
        background-color: #fff;
        height: unset;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 3px;
        border: 1px solid #D4D4D4;
        min-height: 50px;
    }

        .formGroup .form-control:hover {
            border: 1px solid #959595;
        }

        .formGroup .form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
        }

    .formGroup input[type=text].form-control,
    .formGroup input[type=date].form-control {
        padding: 0px 15px 0px 15px;
        line-height: 48px;
        border-radius: 3px;
    }

        .formGroup input[type=text].form-control:focus,
        .formGroup input[type=date].form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            box-shadow: none;
        }

    .formGroup select.form-control {
        padding: 0px 45px 0px 15px;
        line-height: 48px;
    }

        .formGroup select.form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            box-shadow: none;
        }

        .formGroup select.form-control + svg.svgBg {
            position: absolute;
            top: 1px;
            right: 1px;
            display: block;
            width: 48px;
            height: 48px;
            overflow: hidden;
            pointer-events: none;
            background-color: transparent;
            border-radius: 0px 3px 3px 0px;
        }

            .formGroup select.form-control + svg.svgBg .cls-1, .formGroup select.form-control + svg.svgBg .cls-2 {
                fill: none;
            }

            .formGroup select.form-control + svg.svgBg .cls-2 {
                stroke: #F18432;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 2px;
            }

    .formGroup .btn-interchange {
        display: block;
        margin: 0px 0px 0px 8px;
        padding: 0px;
        overflow: hidden;
        width: 50px;
        height: 50px;
        border-radius: 3px;
        border: 1px solid #D4D4D4;
        background-color: #fff;
    }

        .formGroup .btn-interchange svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0px;
            padding: 0px;
        }

            .formGroup .btn-interchange svg .cls-1 {
                fill: none;
            }

            .formGroup .btn-interchange svg .cls-2 {
                fill: #F18432;
            }

        .formGroup .btn-interchange:hover {
            border: 1px solid #959595;
        }

        .formGroup .btn-interchange:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
        }

    .formGroup .btn-calendar {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        overflow: hidden;
        width: 58px;
        height: 50px;
        border-radius: 0px 3px 3px 0px;
        border: 1px solid #D4D4D4;
        background-color: #fff;
        border-left: 0px;
    }

        .formGroup .btn-calendar svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0px;
            padding: 0px 0px 0px 8px;
        }

            .formGroup .btn-calendar svg .cls-1 {
                fill: none;
            }

            .formGroup .btn-calendar svg .cls-2 {
                fill: #F18432;
            }

        .formGroup .btn-calendar:hover {
            border: 1px solid #959595;
            border-left: 0px;
        }

        .formGroup .btn-calendar:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            border-left: 0px;
            box-shadow: none;
        }

    .formGroup .fieldAndBtn {
        position: relative;
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .formGroup .fieldAndBtn .fieldCol {
            position: relative;
            margin: 0px;
            padding: 0px;
            width: calc(100% - 58px);
        }

            .formGroup .fieldAndBtn .fieldCol input[type=date].form-control {
                border-radius: 3px 0px 0px 3px;
                border-right: 0px;
            }

            .formGroup .fieldAndBtn .fieldCol input[type=text].form-control {
                border-radius: 3px 0px 0px 3px;
                border-right: 0px;
            }

        .formGroup .fieldAndBtn .icnBtnCol {
            position: relative;
            width: 58px;
            margin: 0px;
            padding: 0px;
        }

.navSecondarySection,
.navSecondarySection.touchDevice,
.navSecondarySection.mouseDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 56px;
    display: block;
    margin: 0px;
    padding: 0px 50px;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 2;
}

    .navSecondarySection ul,
    .navSecondarySection.touchDevice ul,
    .navSecondarySection.mouseDevice ul {
        display: flex;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        list-style: none;
        flex-wrap: wrap;
    }

        .navSecondarySection ul li,
        .navSecondarySection.touchDevice ul li,
        .navSecondarySection.mouseDevice ul li {
            margin: 0px;
            padding: 0px 15px;
        }

            .navSecondarySection ul li a,
            .navSecondarySection.touchDevice ul li a,
            .navSecondarySection.mouseDevice ul li a {
                display: block;
                padding: 10px 0px;
                white-space: nowrap;
                font-size: 16px;
                line-height: 38px;
                font-weight: 700;
                color: #F18432;
                text-transform: uppercase;
            }

                .navSecondarySection ul li a:hover,
                .navSecondarySection.touchDevice ul li a:hover,
                .navSecondarySection.mouseDevice ul li a:hover {
                    color: #044EA3;
                }

            .navSecondarySection ul li:first-child,
            .navSecondarySection.touchDevice ul li:first-child,
            .navSecondarySection.mouseDevice ul li:first-child {
                padding-left: 0px;
            }

            .navSecondarySection ul li:last-child,
            .navSecondarySection.touchDevice ul li:last-child,
            .navSecondarySection.mouseDevice ul li:last-child {
                padding-right: 0px;
            }

@media all and (max-width: 1149px) {
    .navSecondarySection {
        padding: 0px 30px;
        top: 80px;
    }

        .navSecondarySection ul li {
            padding: 0px 10px;
        }

            .navSecondarySection ul li a {
                padding: 6px 0px;
                font-size: 15px;
                line-height: 38px;
                font-weight: 500;
            }

            .navSecondarySection ul li:first-child {
                padding-left: 0px;
            }

            .navSecondarySection ul li:last-child {
                padding-right: 0px;
            }
}

@media all and (max-width: 991px) {
    .navSecondarySection {
        display: none;
    }

        .navSecondarySection + .sailingScheduleTextSection {
            position: relative;
            margin-top: -50px;
            z-index: 2;
        }
}

@media (max-width: 576px) {
    .navSecondarySection,
    .navSecondarySection.touchDevice,
    .navSecondarySection.mouseDevice {
        position: static;
        /* Safari */
        position: static;
        top: 56px;
        display: block;
        margin: 0px;
        padding: 0px 50px;
        overflow: hidden;
        background-color: #fff;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        margin-top: -1px;
        margin-bottom: -1px;
        z-index: 2;
    }
}

.routeMapSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    z-index: 1;
}

    .routeMapSection .mobileInfo {
        display: none;
        background-color: #FAFCFF;
        border-bottom: 1px solid #D4D4D4;
        text-align: center;
        margin: 0px;
        padding: 6px 30px;
    }

@media all and (max-width: 879px) {
    .routeMapSection .mobileInfo {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }
}

.routeMapSection .twoCols {
    display: flex;
    flex: 1;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
    height: 600px;
}

    .routeMapSection .twoCols .mapCol {
        width: 700px;
        overflow: hidden;
        height: 100%;
    }

        .routeMapSection .twoCols .mapCol .mapHolder {
            position: relative;
            display: block;
            height: 600px;
            overflow: hidden;
        }

            .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                margin-top: -300px;
                margin-left: -5vw;
                width: 700px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-'] {
                    opacity: 0.5;
                    transition: all 0.5s ease;
                    cursor: pointer;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-']:hover, .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-']:focus {
                        opacity: 1;
                        stroke: #F18432;
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4 {
                    fill: #fff;
                    stroke: #044EA3;
                    cursor: default;
                    transition: all 0.3s ease;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4:hover {
                        fill: #fff;
                        stroke: #044EA3;
                        cursor: default;
                        transition: all 0.3s ease;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap text.cls-5 {
                    opacity: 1;
                }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-3 {
                    stroke-width: 4px;
                    stroke-dasharray: 5000;
                }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Path-Dover-Calais {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Path-Tilbury-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Path-Liverpool-Dublin {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Path-Larne-Cairnryan {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Path-Teesport-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Path-Teesport-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Path-Hull-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Path-Hull-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

    .routeMapSection .twoCols .contentCol {
        width: calc(100% - 700px);
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents {
            display: block;
            margin: 0px;
            padding: 0px;
            height: 100%;
            overflow: hidden;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                position: relative;
                display: flex;
                height: 100%;
                max-height: 100%;
                overflow: hidden;
                align-items: center;
                padding-right: 50px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    position: absolute;
                    top: 50px;
                    right: 60px;
                    width: 20px;
                    height: 20px;
                    overflow: hidden;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                        display: block;
                        width: 18px;
                        height: 18px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    display: block;
                    margin: 0px;
                    border: 0px solid #D4D4D4;
                    padding: 15px 0px 15px 30px;
                    padding-bottom: 60px;
                    flex: 1;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box h1 {
                        color: #044EA3;
                        margin: 0px;
                        padding: 0px 30px 0px 0px;
                        text-transform: uppercase;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box h1 span {
                            display: block;
                            font-size: 12px;
                            color: #4A4A4A;
                            text-transform: uppercase;
                            line-height: 12px;
                            font-weight: 300;
                            padding-left: 2px;
                        }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box p {
                        color: #000;
                        margin: 0px;
                        padding: 7px 0px;
                    }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 8px 0px;
                        columns: 2;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 5px 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a {
                                position: relative;
                                display: inline-block;
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 500;
                                color: #044EA3;
                                margin: 0px;
                                padding: 0px 0px 0px 15px;
                                white-space: nowrap;
                                max-width: 100%;
                                text-overflow: ellipsis;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:hover, .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:focus {
                                    color: #F18432;
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:before {
                                    content: '';
                                    position: absolute;
                                    left: 1px;
                                    top: 8px;
                                    width: 6px;
                                    height: 6px;
                                    border-top: solid 1px #F18432;
                                    border-right: solid 1px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                        display: flex;
                        margin: 0px;
                        padding: 25px 0px;
                        align-items: flex-start;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                            padding: 0px 80px 0px 0px;
                            margin: 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item {
                                position: relative;
                                display: block;
                                margin: 0px;
                                padding: 0px;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder {
                                    position: absolute;
                                    top: 0px;
                                    right: -5px;
                                    width: 16px;
                                    height: 16px;
                                    overflow: hidden;
                                    margin: 0px;
                                    padding: 0px;
                                    border: 0px;
                                    background-color: transparent;
                                    cursor: pointer;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder:focus {
                                        outline-width: 0px;
                                        outline-color: transparent;
                                        outline-style: none;
                                        -webkit-appearance: none;
                                    }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                                    display: block;
                                    width: 36px;
                                    height: 36px;
                                    overflow: hidden;
                                    padding: 0px;
                                    margin: 0px;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 6px 0px 0px 0px;
                                    font-size: 12px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 1px 0px 1px 0px;
                                    font-size: 16px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt b {
                                        font-weight: 500;
                                    }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt span {
                                        display: none;
                                        font-weight: 500;
                                        padding-right: 4px;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol:last-child {
                                padding-right: 0px;
                            }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                        display: flex;
                        margin: 0px 0px 0px 0px;
                        padding: 10px 0px 0px 0px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol {
                            position: relative;
                            margin: 0px;
                            padding: 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                                position: relative;
                                display: inline-block;
                                padding: 0px 50px 0px 15px;
                                color: #fff;
                                background-color: #F18432;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 15px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #fff;
                                    border-right: solid 2px #fff;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover {
                                    color: #fff;
                                    background-color: #044EA3;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover:before {
                                        border-top: solid 2px #fff;
                                        border-right: solid 2px #fff;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                                display: inline-block;
                                padding: 0px 40px 0px 15px;
                                color: #F18432;
                                background-color: transparent;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 16px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #F18432;
                                    border-right: solid 2px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover {
                                    color: #044EA3;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover:before {
                                        border-top: solid 2px #044EA3;
                                        border-right: solid 2px #044EA3;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                                padding-right: 30px;
                            }

@media all and (max-width: 1274px) {
    .routeMapSection .twoCols {
        height: 500px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 600px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 500px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -350px;
                    width: 600px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -330px;
                        margin-left: -110px;
                        width: 720px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 600px);
            height: 100%;
        }
}

@media all and (max-width: 1149px) {
    .routeMapSection .twoCols {
        height: 450px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 550px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 550px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -360px;
                        margin-left: -100px;
                        width: 620px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 500px);
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                top: 30px;
                right: 30px;
                width: 16px;
                height: 16px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                    width: 16px;
                    height: 16px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 0px 60px 0px 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                        width: 26px;
                        height: 26px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon svg {
                            width: 26px;
                            height: 26px;
                        }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                        padding: 4px 0px 0px 0px;
                        font-size: 10px;
                        line-height: 14px;
                    }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                        font-size: 14px;
                        line-height: 14px;
                    }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                        top: 14px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 17px;
                    }
}

@media all and (max-width: 991px) {
    .routeMapSection .twoCols {
        height: 450px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 450px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 500px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -375px;
                        margin-left: -90px;
                        width: 600px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 450px);
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: unset;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                    padding: 2px 0px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 14px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 14px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 14px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding-right: 10px;
                }
}

@media all and (max-width: 879px) {
    .routeMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .routeMapSection .twoCols .mapCol {
            width: 100%;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 400px;
                border-bottom: 1px solid #D4D4D4;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    width: 600px;
                    margin: 0px auto;
                    margin-top: -360px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        width: 600px;
                        margin: 0px auto;
                        margin-top: -360px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 30px;
                    padding-bottom: 80px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 600px) {
    .routeMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .routeMapSection .twoCols .mapCol .mapHolder {
            height: 270px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                width: 414px;
                margin-top: -460px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    width: 414px;
                    margin-top: -460px;
                }

        .routeMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 25px;
                    padding-bottom: 80px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 450px) {
    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
        margin-left: -60px;
    }

        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
            margin-left: -60px;
        }

    .routeMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
            max-width: 614px;
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }
}

@media all and (max-width: 374px) {
    .routeMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 15px 40px 0px 0px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                flex-direction: column;
                margin-top: 15px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding: 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child a.btnWithArrow {
                        display: block;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child {
                    padding: 15px 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow {
                        display: block;
                        border: 1px solid #F18432;
                        line-height: 38px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow:before {
                            top: 29px;
                        }
}

.newsBox {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 0px;
    z-index: 1;
}

    .newsBox .boxContent {
        position: absolute;
        top: -50px;
        left: 0px;
        right: 0px;
        height: 100px;
        background-color: #8E52A0;
        margin: 0px 100px;
        border-radius: 3px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    }

        .newsBox .boxContent .colContentNav {
            display: flex;
            margin: 0px;
            padding: 15px;
            align-items: center;
            overflow: hidden;
        }

            .newsBox .boxContent .colContentNav .colContent {
                width: calc(100% - 100px);
            }

                .newsBox .boxContent .colContentNav .colContent .allItems {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    height: 70px;
                    overflow: hidden;
                }

                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem {
                        display: flex;
                        height: 100%;
                        align-items: center;
                    }

                        .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon {
                            width: 70px;
                            height: 70px;
                            overflow: hidden;
                            margin: 0px;
                            padding: 0px;
                        }

                            .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg {
                                width: 70px;
                                height: 70px;
                                overflow: hidden;
                                margin: 0px;
                                padding: 0px;
                            }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.aNews .cls-2 {
                                    fill: #fff;
                                    stroke: #8E52A0;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.bNews .cls-2 {
                                    fill: #fff;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.gNews .cls-2 {
                                    fill: #fff;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.sNews .cls-2 {
                                    fill: #fff;
                                    stroke: #8E52A0;
                                }

                        .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent {
                            width: calc(100% - 70px);
                            padding: 0px 15px;
                            max-height: 70px;
                        }

                            .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                font-weight: 300;
                                line-height: 17px;
                                color: #fff;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                            }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a {
                                    display: block;
                                    font-weight: 300;
                                    color: #fff;
                                }

                                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a span {
                                        display: block;
                                        font-weight: 700;
                                    }

                                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a:hover span {
                                        text-decoration: underline;
                                    }

            .newsBox .boxContent .colContentNav .colNav {
                width: 100px;
                display: flex;
                align-items: center;
            }

                .newsBox .boxContent .colContentNav .colNav a {
                    width: 50px;
                }

                    .newsBox .boxContent .colContentNav .colNav a:first-child {
                        transform: rotate(-180deg);
                    }

                    .newsBox .boxContent .colContentNav .colNav a.disable {
                        opacity: 0.3;
                    }

@media all and (max-width: 1149px) {
    .newsBox .boxContent {
        margin: 0px 50px;
    }
}

@media all and (max-width: 559px) {
    .newsBox .boxContent {
        margin: 0px 30px;
    }

        .newsBox .boxContent .colContentNav {
            padding: 15px 0px;
        }

            .newsBox .boxContent .colContentNav .colContent {
                width: calc(100% - 80px);
            }

                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon {
                    display: none;
                }

                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent {
                    width: 100%;
                }

                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a {
                        line-height: 17px;
                    }

            .newsBox .boxContent .colContentNav .colNav {
                width: 80px;
            }

                .newsBox .boxContent .colContentNav .colNav a svg {
                    width: 100%;
                }
}

.newsBox + section {
    padding-top: 80px;
}

    .newsBox + section .colorOverlay {
        margin-top: -80px;
        padding-top: 80px;
    }

.homeAboutSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 0px;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
}

    .homeAboutSection .colorOverlay {
        display: block;
        margin: 0px;
        padding: 50px 100px 50px 100px;
        overflow: hidden;
        background-color: rgba(4, 78, 163, 0.7);
    }

        .homeAboutSection .colorOverlay .contentBox {
            display: block;
            margin: 0px;
            padding: 30px 0px 0px 0px;
            overflow: hidden;
        }

            .homeAboutSection .colorOverlay .contentBox .row div {
                color: #fff;
            }

                .homeAboutSection .colorOverlay .contentBox .row div p {
                    text-shadow: 0px 0px 8px #000;
                    padding: 7px 0px;
                }

                    .homeAboutSection .colorOverlay .contentBox .row div p:first-child {
                        padding-top: 0px;
                    }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes {
                display: table;
                margin: 0px auto;
                padding: 0px;
                overflow: hidden;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
                    display: table-cell;
                    table-layout: fixed;
                    padding: 30px 15px 15px 15px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        overflow: hidden;
                        width: 130px;
                        border: 1px solid #fff;
                        border-radius: 10px;
                        text-align: center;
                    }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                            position: relative;
                            display: block;
                            padding: 20px 5px 20px 5px;
                            font-size: 36px;
                            line-height: 36px;
                            font-weight: 700;
                            color: #fff;
                            transition: all 0.3s ease;
                        }

                            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                                position: absolute;
                                display: block;
                                left: 0px;
                                right: 0px;
                                top: 52px;
                                font-size: 12px;
                                line-height: 12px;
                                font-weight: 300;
                                text-transform: uppercase;
                            }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                            display: block;
                            padding: 8px 15px;
                            font-size: 14px;
                            line-height: 16px;
                            font-weight: 700;
                            background-color: #F18432;
                            color: #fff;
                            transition: all 0.3s ease;
                        }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox:hover .number {
                            background-color: #F18432;
                            transition: all 0.3s ease;
                        }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox:hover .text {
                            background-color: #044EA3;
                            transition: all 0.3s ease;
                        }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol:first-child {
                        padding-left: 0px;
                    }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol:last-child {
                        padding-right: 0px;
                    }

@media all and (max-width: 1149px) {
    .homeAboutSection .colorOverlay {
        padding: 50px 50px 50px 50px;
    }
}

@media all and (max-width: 559px) {
    .homeAboutSection .colorOverlay {
        padding: 50px 30px 50px 30px;
    }

        .homeAboutSection .colorOverlay .contentBox {
            padding-top: 10px;
        }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
                padding: 20px 7px 15px 7px;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                    width: 100px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                        padding: 15px 5px 15px 5px;
                        font-size: 26px;
                        line-height: 26px;
                    }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                            top: 37px;
                        }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                        font-size: 12px;
                        line-height: 14px;
                        padding: 6px 5px;
                    }
}

@media all and (max-width: 390px) {
    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes {
        display: block;
    }

        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
            display: block;
            padding: 10px 0px;
        }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                display: flex;
                margin: 0px;
                width: 100%;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                    width: 65px;
                    padding: 15px 5px 15px 5px;
                    font-size: 26px;
                    line-height: 26px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                        top: 37px;
                    }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                    width: calc(100% - 65px);
                    font-size: 14px;
                    line-height: 26px;
                    padding: 15px 5px 15px 10px;
                    text-align: left;
                }
}

.homeShippingServices {
    display: block;
    margin: 0px;
    padding: 50px 100px;
    overflow: hidden;
}

    .homeShippingServices .contentBox {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .homeShippingServices .contentBox .textRow {
            display: block;
            margin: 0px auto;
            padding: 0px 0px 15px 0px;
            width: 80%;
            overflow: hidden;
            text-align: center;
        }

            .homeShippingServices .contentBox .textRow h2 {
                color: #044EA3;
            }

        .homeShippingServices .contentBox .row .iconText {
            display: block;
            text-align: center;
            padding: 15px 0px;
        }

            .homeShippingServices .contentBox .row .iconText .icon {
                display: block;
                width: 80px;
                height: 80px;
                margin: 0px auto;
            }

                .homeShippingServices .contentBox .row .iconText .icon img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

@media all and (max-width: 991px) {
    .homeShippingServices .contentBox .row .iconText .icon {
        width: 60px;
        height: 60px;
    }
}

.homeShippingServices .contentBox .row .iconText .text {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #044EA3;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.homeShippingServices .contentBox .row .iconText:hover .text {
    color: #F18432;
    transition: all 0.3s ease;
}

.homeShippingServices .contentBox .row + .textRow {
    padding-top: 15px;
}

@media all and (max-width: 1149px) {
    .homeShippingServices {
        padding: 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .homeShippingServices .contentBox .textRow {
        width: unset;
    }
}

@media all and (max-width: 559px) {
    .homeShippingServices {
        padding: 40px 30px;
    }

        .homeShippingServices .contentBox .textRow {
            text-align: left;
        }
}

.threeColumnBoxSection {
    display: flex;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #D4D4D4;
    overflow: hidden;
}

    .threeColumnBoxSection .column {
        flex: 1;
        margin: 0px;
        padding: 50px 50px;
        border-right: 1px solid #D4D4D4;
    }

        .threeColumnBoxSection .column h3 {
            color: #044EA3;
            text-transform: uppercase;
        }

        .threeColumnBoxSection .column p a {
            color: #F18432;
            font-weight: 700;
        }

        .threeColumnBoxSection .column p + .btn-secondary-small {
            margin-top: 15px;
        }

        .threeColumnBoxSection .column .accordianHolder {
            display: block;
            margin: 0px;
            padding: 15px 0px 15px 0px;
            overflow: hidden;
        }

            .threeColumnBoxSection .column .accordianHolder .eachItem {
                position: relative;
                display: block;
                margin: 0px;
                padding: 6px 0px;
            }

                .threeColumnBoxSection .column .accordianHolder .eachItem .itemTitle {
                    position: relative;
                    display: inline-block;
                    margin: 0px;
                    padding: 2px 0px 0px 22px;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: #F18432;
                }

                    .threeColumnBoxSection .column .accordianHolder .eachItem .itemTitle::before {
                        position: absolute;
                        left: 0px;
                        top: 4px;
                        content: "+";
                        width: 15px;
                        height: 15px;
                        overflow: hidden;
                        border: 1px solid #F18432;
                        border-radius: 16px;
                        font-size: 12px;
                        line-height: 13px;
                        text-align: center;
                    }

                .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails {
                    display: none;
                }

                    .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull {
                        clear: both;
                        display: inline-block;
                        margin: 10px 0px 0px 0px;
                        padding: 6px 5px 6px 10px;
                        background-color: #F7F7F7;
                        border-radius: 3px;
                        overflow: hidden;
                        color: #4A4A4A;
                    }

                        .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull p {
                            display: inline-block;
                            font-size: 12px;
                            line-height: 20px;
                            color: #4A4A4A;
                            margin: 0px;
                            padding: 0px;
                            margin-right: 5px;
                        }

                        .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull .smlBtn {
                            display: inline-block;
                            margin: 0px 5px 0px 0px;
                            padding: 0px 10px;
                            color: #F18432;
                            border: 1px solid #F18432;
                            border-radius: 3px;
                            overflow: hidden;
                            font-size: 12px;
                            line-height: 18px;
                            font-weight: 500;
                            background-color: #fff;
                        }

@media all and (max-width: 410px) {
    .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull p {
        display: block;
        margin-right: 0px;
        padding-right: 3px;
    }
}

.threeColumnBoxSection .column .accordianHolder .eachItem.open .itemTitle::before {
    content: "-";
}

.threeColumnBoxSection .column .accordianHolder .eachItem.open .itemDetails {
    display: block;
    margin: 0px;
    padding: 2px 22px 0px 22px;
    overflow: hidden;
}

.threeColumnBoxSection .column .accordianHolder .eachItem:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.threeColumnBoxSection .column .threeDataCols {
    display: flex;
    margin: 10px 0px;
    padding: 0px;
    align-items: center;
}

    .threeColumnBoxSection .column .threeDataCols .col {
        padding: 0px;
        width: 33%;
    }

        .threeColumnBoxSection .column .threeDataCols .col p {
            padding: 5px 0px;
            text-align: center;
        }

            .threeColumnBoxSection .column .threeDataCols .col p:first-child {
                font-weight: 700;
                border-bottom: 1px solid #D4D4D4;
            }

        .threeColumnBoxSection .column .threeDataCols .col:first-child p {
            text-align: left;
        }

        .threeColumnBoxSection .column .threeDataCols .col:last-child p {
            text-align: right;
        }

.threeColumnBoxSection .column:last-child {
    border-right: 0px solid #D4D4D4 !important;
}

@media all and (max-width: 991px) {
    .threeColumnBoxSection .column {
        padding: 30px 30px;
    }
}

@media all and (max-width: 767px) {
    .threeColumnBoxSection {
        display: block;
    }

        .threeColumnBoxSection .column {
            display: block;
            padding: 30px 30px;
            border-bottom: 1px solid #D4D4D4;
            border-right: 0px solid #D4D4D4;
        }

            .threeColumnBoxSection .column:last-child {
                border-bottom: 0px solid #D4D4D4;
            }
}

.testimonialSection {
    display: block;
    margin: 0px;
    padding: 50px;
    overflow: hidden;
    background-color: #DBE8F6;
}

    .testimonialSection .imageAndContentCols {
        display: flex;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .testimonialSection .imageAndContentCols .imageCol {
            width: 350px;
            background-color: #044EA3;
        }

            .testimonialSection .imageAndContentCols .imageCol img {
                position: relative;
                display: none;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

                .testimonialSection .imageAndContentCols .imageCol img.show {
                    display: block;
                }

        .testimonialSection .imageAndContentCols .contentCol {
            position: relative;
            width: calc(100% - 350px);
            padding: 30px;
            background-color: #FAFCFF;
        }

            .testimonialSection .imageAndContentCols .contentCol .quote {
                position: absolute;
                top: -25px;
                right: 20px;
                width: 130px;
                height: 110px;
                overflow: hidden;
                filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1));
            }

            .testimonialSection .imageAndContentCols .contentCol h2 {
                color: #044EA3;
            }

            .testimonialSection .imageAndContentCols .contentCol h3 {
                position: relative;
                color: #4A4A4A;
                padding: 15px 0px 20px 0px;
                margin-bottom: 10px;
            }

                .testimonialSection .imageAndContentCols .contentCol h3:after {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    content: "";
                    width: 100px;
                    border-bottom: 4px solid #D4D4D4;
                }

            .testimonialSection .imageAndContentCols .contentCol p {
                color: #959595;
                font-size: 14px;
                line-height: 16px;
            }

                .testimonialSection .imageAndContentCols .contentCol p b {
                    display: block;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 700;
                }

            .testimonialSection .imageAndContentCols .contentCol .allTestimonials {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .testimonialSection .imageAndContentCols .contentCol .allTestimonials .eachQuotes {
                    display: none;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                }

                    .testimonialSection .imageAndContentCols .contentCol .allTestimonials .eachQuotes.show {
                        display: block;
                    }

@media all and (max-width: 1149px) {
    .testimonialSection {
        padding: 30px;
    }

        .testimonialSection .imageAndContentCols .contentCol .quote {
            top: -15px;
            width: 100px;
            height: 84px;
        }

            .testimonialSection .imageAndContentCols .contentCol .quote svg {
                width: 100px;
                height: 84px;
            }
}

@media all and (max-width: 799px) {
    .testimonialSection {
        padding: 30px;
    }

        .testimonialSection .imageAndContentCols {
            display: block;
        }

            .testimonialSection .imageAndContentCols .imageCol {
                display: block;
                width: 100%;
                height: 280px;
            }

            .testimonialSection .imageAndContentCols .contentCol {
                display: block;
                width: 100%;
            }

                .testimonialSection .imageAndContentCols .contentCol .quote {
                    top: -35px;
                }
}

.listNewsSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    border-bottom: 1px solid #D4D4D4;
}

    .listNewsSection .eachItem {
        display: flex;
        height: 100%;
        align-items: center;
        border-bottom: 1px solid #D4D4D4;
        padding: 25px 0px;
    }

        .listNewsSection .eachItem .icon {
            overflow: hidden;
            margin: 0px;
            padding: 0px;
        }

            .listNewsSection .eachItem .icon svg {
                width: 70px;
                height: 70px;
                overflow: hidden;
                margin: 0px;
                padding: 0px;
            }

        .listNewsSection .eachItem .textContent {
            width: calc(100% - 70px);
            padding: 0px 15px;
        }

            .listNewsSection .eachItem .textContent p {
                display: block;
                display: -webkit-box;
                margin: 0px;
                padding: 0px;
                font-weight: 300;
                color: #000;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

                .listNewsSection .eachItem .textContent p a {
                    display: block;
                    font-weight: 700;
                    color: #044EA3;
                }

                    .listNewsSection .eachItem .textContent p a:hover {
                        color: #F18432;
                    }

        .listNewsSection .eachItem:first-child {
            padding-top: 0px;
        }

        .listNewsSection .eachItem:last-child {
            border-bottom: 0px solid #D4D4D4;
        }

@media all and (max-width: 1149px) {
    .listNewsSection {
        padding: 30px;
    }

        .listNewsSection .eachItem {
            padding: 15px 0px;
        }
}

@media all and (max-width: 499px) {
    .listNewsSection {
        padding: 30px;
    }

        .listNewsSection .eachItem .icon svg {
            width: 50px;
            height: 50px;
        }

        .listNewsSection .eachItem .icon .textContent {
            width: calc(100% - 50px);
        }
}

.twitterFeedSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    background-color: #FAFCFF;
}

    .twitterFeedSection .logoAndFeedCol {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: flex-start;
    }

        .twitterFeedSection .logoAndFeedCol .logoCol {
            width: 80px;
        }

        .twitterFeedSection .logoAndFeedCol .feedCol {
            width: calc(100% - 80px);
            padding-left: 15px;
        }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading {
                display: block;
                margin: 0px;
                padding: 0px 0px 11px 0px;
                overflow: hidden;
            }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading h2 {
                    display: block;
                    color: #044EA3;
                    padding: 0px;
                    margin: 0px;
                    text-transform: uppercase;
                }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading a {
                    display: inline-block;
                    color: #F18432;
                    font-size: 16px;
                    line-height: 18px;
                    font-weight: 500;
                    text-decoration: underline;
                }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds {
                display: flex;
                margin: 0px;
                padding: 10px 0px 0px 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed {
                    flex: 1;
                    padding: 0px 30px 0px 0px;
                }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                    }

                        .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p a {
                            display: block;
                            color: #044EA3;
                            font-weight: 500;
                        }

                            .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p a:hover {
                                color: #F18432;
                            }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed:last-child {
                        padding-right: 0px;
                    }

@media all and (max-width: 1149px) {
    .twitterFeedSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds {
        display: block;
        padding-top: 0px;
    }

        .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed {
            display: block;
            padding: 15px 0px;
        }
}

@media all and (max-width: 499px) {
    .twitterFeedSection .logoAndFeedCol {
        display: block;
    }

        .twitterFeedSection .logoAndFeedCol .logoCol {
            display: block;
            width: unset;
        }

        .twitterFeedSection .logoAndFeedCol .feedCol {
            display: block;
            width: unset;
            padding: 0px;
        }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading {
                padding-top: 15px;
            }
}

.twitterFeedSection.darkBg {
    background-color: #8E52A0;
}

    .twitterFeedSection.darkBg .logoAndFeedCol .logoCol .twitterLogo .cls-1 {
        fill: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowHeading h2 {
        color: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowHeading a {
        color: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p {
        color: #fff;
    }

        .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p a {
            color: #fff;
            text-decoration: underline;
        }

            .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p a:hover {
                text-decoration: none;
            }

.pageHeaderSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 50px;
    overflow: hidden;
    background-color: #044EA3;
    min-height: 300px;
}

    .pageHeaderSection .contentBox {
        position: relative;
        display: flex;
        float: right;
        max-width: 650px;
        padding: 50px 50px;
        background-color: rgba(4, 78, 163, 0.6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        min-height: 300px;
        align-items: center;
    }

        .pageHeaderSection .contentBox h1 {
            color: #fff;
            padding-bottom: 8px;
        }

        .pageHeaderSection .contentBox hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            margin: 4px 0px;
            padding: 0px 0px;
        }

        .pageHeaderSection .contentBox p {
            padding: 5px 0px;
            color: #fff;
        }

            .pageHeaderSection .contentBox p a {
                display: inline-block;
                color: #F18432;
                text-decoration: underline;
                font-weight: 700;
            }

                .pageHeaderSection .contentBox p a:hover {
                    color: #F18432;
                    text-decoration: none;
                }

            .pageHeaderSection .contentBox p b, .pageHeaderSection .contentBox p strong {
                font-weight: 700;
            }

@media all and (max-width: 1149px) {
    .pageHeaderSection .contentBox {
        padding: 50px 30px;
        max-width: 550px;
    }
}

@media all and (max-width: 614px) {
    .pageHeaderSection {
        padding: 0px 30px;
        min-height: unset;
    }

        .pageHeaderSection .contentBox {
            display: block;
            padding: 30px 25px;
            max-width: unset;
            min-height: unset;
        }
}

.newsHeadingSection {
    display: block;
    margin: 0px;
    padding: 35px 50px 35px 30px;
    overflow: hidden;
    background-color: #044EA3;
}

    .newsHeadingSection .iconAndHeadingAndButton {
        display: flex;
        align-items: center;
    }

        .newsHeadingSection .iconAndHeadingAndButton .iconCol {
            width: 70px;
        }

            .newsHeadingSection .iconAndHeadingAndButton .iconCol svg {
                width: 70px;
                height: 70px;
                overflow: hidden;
                margin: 0px;
                padding: 0px;
            }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.aNews .cls-2 {
                    fill: #fff;
                    stroke: #044EA3;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.bNews .cls-2 {
                    fill: #fff;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.gNews .cls-2 {
                    fill: #fff;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.sNews .cls-2 {
                    fill: #fff;
                    stroke: #044EA3;
                }

        .newsHeadingSection .iconAndHeadingAndButton .textCol {
            width: calc(100% - 170px);
            padding-right: 15px;
            padding-left: 15px;
            color: #fff;
        }

        .newsHeadingSection .iconAndHeadingAndButton .linkCol {
            width: 100px;
            text-align: right;
        }

            .newsHeadingSection .iconAndHeadingAndButton .linkCol a {
                display: inline-block;
                font-size: 12px;
                line-height: 20px;
                border: 1px solid #fff;
                padding: 4px 15px;
                border-radius: 6px;
                color: #fff;
                font-weight: 500;
            }

@media all and (max-width: 1149px) {
    .newsHeadingSection {
        padding: 30px 30px 30px 15px;
    }
}

@media all and (max-width: 767px) {
    .newsHeadingSection {
        padding-top: 20px;
    }

        .newsHeadingSection .iconAndHeadingAndButton {
            display: block;
        }

            .newsHeadingSection .iconAndHeadingAndButton .iconCol {
                width: unset;
            }

            .newsHeadingSection .iconAndHeadingAndButton .textCol {
                width: unset;
                padding-right: 0px;
            }

            .newsHeadingSection .iconAndHeadingAndButton .linkCol {
                width: unset;
                text-align: left;
                padding-left: 15px;
                padding-top: 15px;
            }
}

.verticalTabLikeSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .verticalTabLikeSection .colsNavAndContent {
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav {
            width: 270px;
            padding: 0px;
        }

            .verticalTabLikeSection .colsNavAndContent .colNav ul {
                display: block;
                margin: 0px;
                padding: 30px 0px 100px 0px;
                border-right: 1px solid #D4D4D4;
                list-style: none;
            }

                .verticalTabLikeSection .colsNavAndContent .colNav ul li {
                    display: block;
                    padding: 4px 15px;
                    margin: 0px;
                    background-color: #fff;
                }

                    .verticalTabLikeSection .colsNavAndContent .colNav ul li a {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px;
                        font-size: 16px;
                        line-height: 38px;
                        font-weight: 700;
                        color: #F18432;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colNav ul li a:hover {
                            color: #044EA3;
                        }

                    .verticalTabLikeSection .colsNavAndContent .colNav ul li.active {
                        border-top: 1px solid #D4D4D4;
                        margin-right: -1px;
                        border-bottom: 1px solid #D4D4D4;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colNav ul li.active a {
                            color: #000;
                        }

        .verticalTabLikeSection .colsNavAndContent .colContent {
            width: calc(100% - 270px);
            padding: 5px 0px 15px 30px;
        }

            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder {
                    display: block;
                    margin: 0px;
                    padding: 15px 0px 0px 0px;
                    overflow: hidden;
                }

                    .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem {
                        position: relative;
                        display: block;
                        margin: 0px;
                        padding: 10px 0px;
                        border-bottom: 1px solid #D4D4D4;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemTitle {
                            position: relative;
                            display: inline-block;
                            margin: 0px;
                            padding: 2px 0px 0px 22px;
                            font-size: 16px;
                            line-height: 20px;
                            font-weight: 500;
                            color: #F18432;
                        }

                            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemTitle::before {
                                position: absolute;
                                left: 0px;
                                top: 4px;
                                content: "+";
                                width: 15px;
                                height: 15px;
                                overflow: hidden;
                                border: 1px solid #F18432;
                                border-radius: 16px;
                                font-size: 12px;
                                line-height: 13px;
                                text-align: center;
                            }

                        .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails {
                            display: none;
                        }

                            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull {
                                clear: both;
                                display: inline-block;
                                margin: 10px 0px 0px 0px;
                                padding: 6px 5px 6px 10px;
                                background-color: #F7F7F7;
                                border-radius: 3px;
                                overflow: hidden;
                                color: #4A4A4A;
                            }

                                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull p {
                                    display: inline-block;
                                    font-size: 12px;
                                    line-height: 20px;
                                    color: #4A4A4A;
                                    margin: 0px;
                                    padding: 0px;
                                    margin-right: 5px;
                                }

                                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull .smlBtn {
                                    display: inline-block;
                                    margin: 0px 5px 0px 0px;
                                    padding: 0px 10px;
                                    color: #F18432;
                                    border: 1px solid #F18432;
                                    border-radius: 3px;
                                    overflow: hidden;
                                    font-size: 12px;
                                    line-height: 18px;
                                    font-weight: 500;
                                    background-color: #fff;
                                }

@media all and (max-width: 410px) {
    .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull p {
        display: block;
        margin-right: 0px;
        padding-right: 3px;
    }
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem.open .itemTitle::before {
    content: "-";
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem.open .itemDetails {
    display: block;
    margin: 0px;
    padding: 6px 22px 0px 22px;
    overflow: hidden;
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.verticalTabLikeSection .colsNavAndContent .colContent .icon {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent .icon img {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.verticalTabLikeSection .colsNavAndContent .colContent h2 {
    color: #044EA3;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.verticalTabLikeSection .colsNavAndContent .colContent p {
    padding: 8px 0px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent p b, .verticalTabLikeSection .colsNavAndContent .colContent p strong {
        font-weight: 500;
    }

    .verticalTabLikeSection .colsNavAndContent .colContent p a {
        display: inline-block;
        color: #F18432;
        text-decoration: underline;
        font-weight: 500;
    }

        .verticalTabLikeSection .colsNavAndContent .colContent p a:hover {
            color: #044EA3;
            text-decoration: none;
        }

.verticalTabLikeSection .colsNavAndContent .colContent hr {
    margin: 15px 0px;
}

.verticalTabLikeSection .colsNavAndContent .colContent ul {
    list-style: none;
    padding: 15px 15px;
    margin: 0px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent ul li {
        display: block;
        position: relative;
        padding: 6px 0px 6px 15px;
        /*word-wrap: break-all;
        word-break: break-all;*/
    }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li b, .verticalTabLikeSection .colsNavAndContent .colContent ul li strong {
            font-weight: 500;
        }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li a {
            display: inline-block;
            color: #F18432;
            text-decoration: underline;
            font-weight: 500;
            word-wrap: break-all;
            word-break: break-all;
        }

            .verticalTabLikeSection .colsNavAndContent .colContent ul li a:hover {
                color: #044EA3;
                text-decoration: none;
            }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li::before {
            position: absolute;
            top: 13px;
            left: 0px;
            content: "";
            color: #fff;
            font-weight: bold;
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 6px;
            border: 2px solid #044EA3;
            margin-left: 0px;
        }

@media all and (max-width: 1149px) {
    .verticalTabLikeSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .verticalTabLikeSection .colsNavAndContent .colNav {
        width: 200px;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav ul li {
            display: block;
            padding: 2px 10px;
        }

    .verticalTabLikeSection .colsNavAndContent .colContent {
        width: calc(100% - 200px);
    }
}

@media all and (max-width: 649px) {
    .verticalTabLikeSection .colsNavAndContent {
        display: block;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav {
            display: block;
            width: unset;
        }

            .verticalTabLikeSection .colsNavAndContent .colNav ul {
                padding: 0px;
                border: 0px;
            }

                .verticalTabLikeSection .colsNavAndContent .colNav ul li {
                    display: block;
                    padding: 2px 0px;
                }

        .verticalTabLikeSection .colsNavAndContent .colContent {
            padding: 0px;
            padding-top: 25px;
            display: block;
            width: unset;
        }
}

.searchFaqSection {
    display: block;
    margin: 0px;
    padding: 25px 30px;
    /*overflow: hidden;*/
    border-bottom: 1px solid #D4D4D4;
}

    .searchFaqSection .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 470px;
        margin: 0px auto;
        padding: 0px;
        /*overflow: hidden;*/
    }

        .searchFaqSection .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid #D4D4D4;
            /*border-radius: 100px;*/
            background-color: #F7F7F7;
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #000;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .searchFaqSection .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .searchFaqSection .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }


.searchBrexitFaqSection {
    display: block;
    margin: 0px;
    padding: 25px 30px;
    /*overflow: hidden;*/
    border-bottom: 1px solid #D4D4D4;
}

    .searchBrexitFaqSection .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 470px;
        margin: 0px auto;
        padding: 0px;
        /*overflow: hidden;*/
    }

        .searchBrexitFaqSection .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid #D4D4D4;
            /*border-radius: 100px;*/
            background-color: #F7F7F7;
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #000;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .searchBrexitFaqSection .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .searchBrexitFaqSection .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }


.routeSelectorSection {
    display: block;
    margin: 0px;
    padding: 25px 30px;
    border-bottom: 1px solid #D4D4D4;
}

    .routeSelectorSection p {
        display: block;
        text-align: center;
        font-size: 12px !important;
        line-height: 12px !important;
        text-transform: uppercase;
        color: #959595;
        margin: 0px;
        padding: 0px 0px 5px 0px;
    }

    .routeSelectorSection .routeDropdown {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        padding: 0px;
    }

        .routeSelectorSection .routeDropdown button {
            display: flex;
            margin: 0px;
            padding: 0px 25px 0 15px;
            overflow: hidden;
            width: 100%;
            border: 1px solid #F7F7F7;
            border-radius: 6px;
            background-color: #fff;
            align-items: center;
            transition: all 0.3s ease;
        }

            .routeSelectorSection .routeDropdown button:hover {
                border: 1px solid #D4D4D4;
                transition: all 0.3s ease;
            }

            .routeSelectorSection .routeDropdown button .arw {
                width: 15px;
            }

                .routeSelectorSection .routeDropdown button .arw svg {
                    width: 15px;
                }

            .routeSelectorSection .routeDropdown button .txt {
                width: calc(100% - 25px);
                font-size: 16px;
                line-height: 40px;
                font-weight: 500;
                color: #F18432;
                text-transform: uppercase;
                text-align: center;
            }

@media all and (max-width: 375px) {
    .routeSelectorSection .routeDropdown button .txt {
        font-size: 14px;
    }
}

.routeSelectorSection .routeDropdown button:focus {
    outline-width: 0px;
    outline-color: transparent;
    outline-style: none;
    -webkit-appearance: none;
}

.routeSelectorSection .routeDropdown button::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #F18432;
    border-right: solid 2px #F18432;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.routeSelectorSection .routeDropdown .dropdown-menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        padding: 0px 5px;
        border-bottom: 1px solid #D4D4D4;
        overflow: hidden;
    }

        .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .arw {
            width: 15px;
        }

            .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .arw svg {
                width: 15px;
            }

        .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .txt {
            width: calc(100% - 25px);
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #F18432;
            text-transform: uppercase;
            text-align: center;
            transition: all 0.3s ease;
        }

@media all and (max-width: 375px) {
    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .txt {
        font-size: 14px;
    }
}

.routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:hover {
    background-color: #044EA3;
}

    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:hover .txt {
        color: #fff;
        transition: all 0.3s ease;
    }

.routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.bafContentSection {
    display: block;
    margin: 0px;
    padding: 40px 30px;
    overflow: hidden;
}

    .bafContentSection .threeDataCols {
        display: flex;
        max-width: 600px;
        margin: 0px auto;
        padding: 0px;
        align-items: center;
    }

        .bafContentSection .threeDataCols .col {
            width: 200px;
        }

            .bafContentSection .threeDataCols .col p {
                padding: 5px 0px;
                text-align: center;
            }

                .bafContentSection .threeDataCols .col p:first-child {
                    font-weight: 700;
                    border-bottom: 1px solid #D4D4D4;
                }

            .bafContentSection .threeDataCols .col:first-child p {
                text-align: left;
            }

            .bafContentSection .threeDataCols .col:last-child p {
                text-align: right;
            }

@media all and (max-width: 545px) {
    .bafContentSection .threeDataCols {
        display: block;
    }

        .bafContentSection .threeDataCols .col {
            display: block;
            padding: 15px 0px;
            width: unset;
        }

            .bafContentSection .threeDataCols .col p {
                text-align: center !important;
            }
}

.generalTemplateSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .generalTemplateSection .contentArea {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .generalTemplateSection .contentArea .row {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .generalTemplateSection .contentArea .row .col-12.col-md-6 ul {
                padding-left: 0px;
            }

        .generalTemplateSection .contentArea h1 {
            color: #044EA3;
            text-transform: uppercase;
        }

        .generalTemplateSection .contentArea .termsprivacy h1 {
            color: #044EA3;
            text-transform: uppercase;
            padding-bottom: 20px;
        }

        .generalTemplateSection .contentArea .termsprivacy h2 {
            color: #044EA3;
            text-transform: uppercase;
            padding-bottom: 5px;
            padding-top: 20px;
        }

        .generalTemplateSection .contentArea .termsprivacy h3 {
            color: #000;
            text-transform: uppercase;
            padding-bottom: 5px;
            padding-top: 20px;
        }

        .generalTemplateSection .contentArea p {
            padding: 8px 0px;
        }

            .generalTemplateSection .contentArea p b, .generalTemplateSection .contentArea p strong {
                font-weight: 500;
            }

            .generalTemplateSection .contentArea p a {
                display: inline-block;
                color: #F18432;
                text-decoration: underline;
                font-weight: 500;
            }

                .generalTemplateSection .contentArea p a:hover {
                    color: #044EA3;
                    text-decoration: none;
                }

        .generalTemplateSection .contentArea hr {
            margin: 30px 0px;
        }

        .generalTemplateSection .contentArea ul {
            list-style: none;
            padding: 15px 15px;
            margin: 0px;
        }

            .generalTemplateSection .contentArea ul li {
                display: block;
                position: relative;
                padding: 6px 0px 6px 15px;
                word-wrap: break-all;
                word-break: break-all;
            }

                .generalTemplateSection .contentArea ul li b, .generalTemplateSection .contentArea ul li strong {
                    font-weight: 500;
                }

                .generalTemplateSection .contentArea ul li a {
                    display: inline-block;
                    color: #F18432;
                    text-decoration: underline;
                    font-weight: 500;
                    word-wrap: break-all;
                    word-break: break-all;
                }

                    .generalTemplateSection .contentArea ul li a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

                .generalTemplateSection .contentArea ul li::before {
                    position: absolute;
                    top: 13px;
                    left: 0px;
                    content: "";
                    color: #fff;
                    font-weight: bold;
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 6px;
                    border: 2px solid #044EA3;
                    margin-left: 0px;
                }

@media all and (max-width: 1149px) {
    .generalTemplateSection {
        padding: 30px 30px;
    }
}

.contactListSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    border-top: 1px solid #D4D4D4;
}

    .contactListSection .row .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px;
        margin-top: 15px;
        padding: 0px;
        overflow: hidden;
    }

        .contactListSection .row .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid #D4D4D4;
            border-radius: 100px;
            background-color: #F7F7F7;
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #000;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .contactListSection .row .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .contactListSection .row .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }

    .contactListSection .listBoxes {
        display: block;
        margin: 0px;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
    }

        .contactListSection .listBoxes .allBoxes {
            display: flex;
            flex-wrap: wrap;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .contactListSection .listBoxes .allBoxes .eachBox {
                width: calc(100% / 3);
                padding: 5px;
            }

                .contactListSection .listBoxes .allBoxes .eachBox .borderBox {
                    position: relative;
                    display: block;
                    border: 1px solid #D4D4D4;
                    border-radius: 6px;
                    background-color: #fff;
                    overflow: hidden;
                    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    height: 100%;
                    padding: 20px;
                }

                    .contactListSection .listBoxes .allBoxes .eachBox .borderBox h3 {
                        color: #044EA3;
                        text-transform: uppercase;
                        padding-bottom: 10px;
                    }

                        .contactListSection .listBoxes .allBoxes .eachBox .borderBox h3:after {
                            position: absolute;
                            top: 15px;
                            right: 15px;
                            content: attr(data-name);
                            font-size: 12px;
                            line-height: 12px;
                            color: #959595;
                        }

                    .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul {
                        display: block;
                        list-style: none;
                        padding: 0px 0px;
                        margin: 0px;
                    }

                        .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li {
                            display: block;
                            position: relative;
                            padding: 4px 0px 4px 0px;
                            font-weight: 300;
                            font-size: 14px;
                            line-height: 16px;
                        }

                            .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li b, .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li strong {
                                font-weight: 700;
                            }

                            .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li a {
                                display: inline-block;
                                color: #F18432;
                                font-size: 14px;
                                line-height: 16px;
                                font-weight: 500;
                                word-wrap: break-all;
                                word-break: break-all;
                            }

                                .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li a:hover {
                                    color: #044EA3;
                                }

@media all and (max-width: 1169px) {
    .contactListSection .listBoxes .allBoxes .eachBox {
        width: calc(100% / 2);
    }
}

@media all and (max-width: 749px) {
    .contactListSection .listBoxes .allBoxes .eachBox {
        width: 100%;
    }
}

@media all and (max-width: 1149px) {
    .contactListSection {
        padding: 30px 30px;
    }
}

.textVideoSection {
    position: relative;
    display: block;
    padding: 50px 50px;
    margin: 0px;
}

    .textVideoSection .txtVidCols {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 0px;
    }

        .textVideoSection .txtVidCols .txtCol {
            position: relative;
            width: 50%;
            padding-right: 30px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                position: absolute;
                top: -165px;
                display: block;
                margin: 0px;
                padding: 0px;
                width: 130px;
                transform: rotate(-10deg);
                z-index: 1;
            }

                .textVideoSection .txtVidCols .txtCol .badge img {
                    display: block;
                    width: 100%;
                    object-fit: contain;
                }

            .textVideoSection .txtVidCols .txtCol h2 {
                color: #044EA3;
                margin: 0px;
                padding: 0px 0px 0px 0px;
                text-transform: uppercase;
            }

            .textVideoSection .txtVidCols .txtCol p {
                display: block;
                padding: 6px 0px;
            }

        .textVideoSection .txtVidCols .vidCol {
            width: 50%;
        }

            .textVideoSection .txtVidCols .vidCol .video-container {
                display: block;
                position: relative;
                padding-bottom: 51.65%;
                padding-top: 30px;
                height: 0;
                overflow: hidden;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                border-radius: 3px;
            }

                .textVideoSection .txtVidCols .vidCol .video-container iframe, .textVideoSection .txtVidCols .vidCol .video-container object, .textVideoSection .txtVidCols .vidCol .video-container embed {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

@media all and (max-width: 1159px) {
    .textVideoSection .txtVidCols {
        flex-direction: column;
    }

        .textVideoSection .txtVidCols .txtCol {
            width: 100%;
            text-align: center;
            padding: 15px 0px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                top: -80px;
                width: 100px;
            }

        .textVideoSection .txtVidCols .vidCol {
            width: 100%;
            overflow: hidden;
            padding: 15px 15px;
            max-width: 600px;
            margin: 0px auto;
        }
}

@media all and (max-width: 1149px) {
    .textVideoSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 714px) {
    .textVideoSection {
        padding: 30px 0px;
    }

        .textVideoSection .txtVidCols .txtCol {
            padding-top: 0px;
            padding-left: 30px;
            padding-right: 30px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                position: relative;
                top: unset;
                width: 100px;
                margin: 0px auto;
                margin-bottom: 15px;
                margin-top: -50px;
            }

        .textVideoSection .txtVidCols .vidCol {
            padding: 15px 30px;
        }
}

.threeDataSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 10px 30px 50px 30px;
    overflow: hidden;
}

    .threeDataSection h3 {
        position: relative;
        display: block;
        margin: 0px auto !important;
        max-width: 800px;
        padding: 25px 30px;
        color: #044EA3 !important;
        font-size: 32px !important;
        line-height: 38px !important;
        /*font-weight: 300 !important;*/
        font-weight: 400 !important;
        text-align: center !important;
    }

        .threeDataSection h3::after {
            position: absolute;
            bottom: 0px;
            left: 50%;
            content: "";
            width: 280px;
            height: 1px;
            margin-left: -140px;
            border-top: 1px solid #D4D4D4;
        }

        .threeDataSection h3::before {
            position: absolute;
            top: 0px;
            left: 50%;
            content: "";
            width: 280px;
            height: 1px;
            margin-left: -140px;
            border-top: 1px solid #D4D4D4;
        }

    .threeDataSection .threeDataCols {
        position: relative;
        display: flex;
        max-width: 800px;
        margin: 0px auto;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
        align-items: flex-start;
    }

        .threeDataSection .threeDataCols .dataCol {
            width: calc(100% / 3);
            padding: 0px 15px;
            font-size: 40px;
            line-height: 40px;
            font-weight: 700;
            text-align: center;
            color: #F18432;
        }

            .threeDataSection .threeDataCols .dataCol span {
                position: relative;
                display: block;
                font-size: 14px;
                line-height: 16px;
                font-weight: 500;
                color: #000;
                padding: 12px 0px 0px 0px;
                margin: 0px auto;
                margin-top: 5px;
                max-width: 90px;
                text-transform: uppercase;
                transition: all 0.3s ease;
            }

                .threeDataSection .threeDataCols .dataCol span::before {
                    position: absolute;
                    top: 0px;
                    left: 50%;
                    content: "";
                    width: 100px;
                    height: 1px;
                    margin-left: -50px;
                    border-top: 4px solid #D4D4D4;
                    transition: all 0.3s ease;
                }

            .threeDataSection .threeDataCols .dataCol:hover {
                color: #044EA3;
            }

                .threeDataSection .threeDataCols .dataCol:hover span {
                    color: #F18432;
                    transition: all 0.3s ease;
                }

                    .threeDataSection .threeDataCols .dataCol:hover span::before {
                        border-top: 4px solid #959595;
                        transition: all 0.3s ease;
                    }

@media all and (max-width: 599px) {
    .threeDataSection h3 {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .threeDataSection .threeDataCols .dataCol {
        font-size: 30px;
        line-height: 30px;
    }

        .threeDataSection .threeDataCols .dataCol span {
            font-size: 12px;
            line-height: 12px;
        }
}

@media all and (max-width: 400px) {
    .threeDataSection h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .threeDataSection .threeDataCols {
        flex-direction: column;
    }

        .threeDataSection .threeDataCols .dataCol {
            width: 100%;
            padding-top: 20px;
        }
}

.imageThenContentSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    min-height: 200px;
    background-color: #044EA3;
}

    .imageThenContentSection .contentBox {
        float: right;
        min-width: 320px;
        max-width: 500px;
        min-height: 200px;
        overflow: hidden;
        background-color: #044EA3;
        padding: 50px 100px 50px 50px;
        color: #fff;
    }

        .imageThenContentSection .contentBox h2 {
            padding: 0px;
        }

        .imageThenContentSection .contentBox h3 {
            font-weight: 500 !important;
        }

        .imageThenContentSection .contentBox p {
            padding: 8px 0px;
        }

        .imageThenContentSection .contentBox .btn-primary {
            margin-top: 10px;
            border-color: #F18432;
        }

            .imageThenContentSection .contentBox .btn-primary:hover {
                border-color: #fff;
            }

@media all and (max-width: 1149px) {
    .imageThenContentSection .contentBox {
        padding: 50px 70px 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .imageThenContentSection {
        padding-top: 300px;
    }

        .imageThenContentSection .contentBox {
            float: none;
            display: block;
            padding: 30px 30px 30px 30px;
        }
}

.filterPeopleSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    border-bottom: 1px solid #D4D4D4;
}

    .filterPeopleSection .twoRows {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .filterPeopleSection .twoRows .searchesRow {
            display: block;
            max-width: 320px;
            margin: 0px auto;
            padding: 0px;
        }

            .filterPeopleSection .twoRows .searchesRow .searchFieldHolder {
                position: relative;
                display: block;
                width: 100%;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .filterPeopleSection .twoRows .searchesRow .searchFieldHolder input {
                    display: block;
                    width: 100%;
                    margin: 0px;
                    padding: 0px 15px 0px 40px;
                    border: 1px solid #D4D4D4;
                    border-radius: 100px;
                    background-color: #F7F7F7;
                    background-image: url("../../svgs/search-icon-bg.svg");
                    background-repeat: no-repeat;
                    background-position: left center;
                    font-size: 16px;
                    line-height: 40px;
                    font-weight: 500;
                    color: #000;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                }

                    .filterPeopleSection .twoRows .searchesRow .searchFieldHolder input:focus {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .filterPeopleSection .twoRows .searchesRow .searchFieldHolder img.clear {
                    position: absolute;
                    top: 5px;
                    right: 10px;
                    display: block;
                    width: 30px;
                    height: 30px;
                    z-index: 1;
                }

        .filterPeopleSection .twoRows .atozRow {
            display: block;
            margin: 0px;
            padding: 20px 0px 0px 0px;
            text-align: center;
        }

            .filterPeopleSection .twoRows .atozRow ul {
                display: inline-block;
                margin: 0px auto;
                padding: 0px;
                list-style: none;
            }

                .filterPeopleSection .twoRows .atozRow ul li {
                    display: inline-block;
                    margin: 0px;
                    padding: 2px;
                }

                    .filterPeopleSection .twoRows .atozRow ul li a {
                        display: block;
                        font-size: 12px;
                        line-height: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #044EA3;
                        padding: 6px 4px;
                        border: 1px solid #F7F7F7;
                        border-radius: 3px;
                        width: 26px;
                        text-align: center;
                    }

                        .filterPeopleSection .twoRows .atozRow ul li a:hover {
                            color: #F18432;
                            border: 1px solid #D4D4D4;
                        }

                    .filterPeopleSection .twoRows .atozRow ul li:first-child a {
                        width: unset;
                        padding: 6px 8px;
                    }

                    .filterPeopleSection .twoRows .atozRow ul li.selected a {
                        color: #fff;
                        background-color: #4A4A4A;
                    }

@media all and (max-width: 1149px) {
    .filterPeopleSection {
        padding: 30px 30px;
    }
}

.listPeopleSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .listPeopleSection .contentBoxes {
        display: block;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

        .listPeopleSection .contentBoxes .listBoxes {
            display: flex;
            flex-wrap: wrap;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .listPeopleSection .contentBoxes .listBoxes .eachBox {
                width: calc(100% / 3);
                padding: 5px;
            }

                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox {
                    position: relative;
                    display: block;
                    border: 1px solid #D4D4D4;
                    border-radius: 6px;
                    background-color: #fff;
                    overflow: hidden;
                    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    height: 100%;
                    padding: 20px;
                }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .iconBio {
                        position: absolute;
                        right: 15px;
                        top: 10px;
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        width: 30px;
                        height: 25px;
                        overflow: hidden;
                        cursor: pointer;
                    }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .iconBio:focus {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                            box-shadow: none !important;
                        }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox h3 {
                        color: #044EA3;
                        text-transform: uppercase;
                        padding-bottom: 10px;
                    }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                    }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol {
                            width: 60px;
                        }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol .picture {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                width: 60px;
                                height: 60px;
                                overflow: hidden;
                                background-color: #044EA3;
                                text-align: center;
                                color: #fff;
                                border-radius: 100px;
                                line-height: 60px;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol .picture img {
                                    display: block;
                                    margin: 0px;
                                    padding: 0px;
                                    width: 60px;
                                    height: 60px;
                                    overflow: hidden;
                                    object-fit: cover;
                                }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol {
                            width: calc(100% - 60px);
                            padding-left: 10px;
                        }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol p {
                                display: block;
                                margin: 0px;
                                padding: 0px 0px 10px 0px;
                                font-size: 16px;
                                line-height: 20px;
                                font-weight: 700;
                                color: #000;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol p span {
                                    display: block;
                                    font-size: 12px;
                                    line-height: 12px;
                                    color: #4A4A4A;
                                    font-weight: 300;
                                }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul {
                                display: block;
                                list-style: none;
                                padding: 0px 0px;
                                margin: 0px;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li {
                                    display: block;
                                    position: relative;
                                    padding: 4px 0px 4px 0px;
                                    font-weight: 300;
                                    font-size: 14px;
                                    line-height: 16px;
                                }

                                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li b, .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li strong {
                                        font-weight: 700;
                                    }

                                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li a {
                                        display: inline-block;
                                        color: #F18432;
                                        font-size: 14px;
                                        line-height: 16px;
                                        font-weight: 500;
                                        word-wrap: break-all;
                                        word-break: break-all;
                                    }

                                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li a:hover {
                                            color: #044EA3;
                                        }

@media all and (max-width: 1200px) {
    .listPeopleSection .contentBoxes .listBoxes .eachBox {
        width: calc(100% / 2);
    }
}

@media all and (max-width: 749px) {
    .listPeopleSection .contentBoxes .listBoxes .eachBox {
        width: 100%;
    }
}

@media all and (max-width: 1149px) {
    .listPeopleSection {
        padding: 30px 30px;
    }
}

.twoAccTypeSection {
    display: block;
    margin: 0px;
    padding: 30px 30px;
    overflow: hidden;
    background-color: #FAFCFF;
}

    .twoAccTypeSection .twoColumns {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
        overflow: hidden;
    }

        .twoAccTypeSection .twoColumns .column {
            margin: 0px;
            padding: 50px 50px;
            flex: 1;
        }

            .twoAccTypeSection .twoColumns .column .contentBox {
                display: block;
                margin: 0px;
                padding: 0px;
                padding-right: 30px;
            }

                .twoAccTypeSection .twoColumns .column .contentBox h3 {
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 0px 0px;
                    color: #044EA3;
                }

                .twoAccTypeSection .twoColumns .column .contentBox p {
                    display: block;
                    margin: 0px;
                    padding: 8px 0px;
                }

                .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol {
                    display: flex;
                    padding-top: 15px;
                }

                    .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol {
                        flex: 1;
                        margin: 0px;
                        padding: 0px;
                    }

                        .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol p {
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 6px 2px;
                            font-size: 12px;
                            line-height: 12px;
                            color: #959595;
                            text-transform: uppercase;
                        }

                        .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol:first-child {
                            padding-right: 15px;
                        }

            .twoAccTypeSection .twoColumns .column:last-child {
                flex: 1;
            }

                .twoAccTypeSection .twoColumns .column:last-child .contentBox {
                    padding: 30px;
                    background-color: #fff;
                    border-radius: 8px;
                    overflow: hidden;
                    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                }

@media all and (max-width: 1149px) {
    .twoAccTypeSection .twoColumns .column {
        margin: 0px;
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .twoAccTypeSection .twoColumns .column {
        margin: 0px;
        padding: 15px 15px;
    }
}

@media all and (max-width: 891px) {
    .twoAccTypeSection .twoColumns {
        flex-direction: column;
    }

        .twoAccTypeSection .twoColumns .column {
            max-width: 500px;
            margin: 0px auto;
            padding: 0px;
        }

            .twoAccTypeSection .twoColumns .column:last-child {
                padding-top: 40px;
            }

                .twoAccTypeSection .twoColumns .column:last-child .contentBox {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    border: 1px solid #D4D4D4;
                    padding: 20px;
                }
}

.allRoutesSection {
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    margin-top: -80px;
    padding: 0px 40px 50px 40px;
    z-index: 2;
}

    .allRoutesSection .allBoxes {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 0px;
    }

        .allRoutesSection .allBoxes .routeBox {
            width: calc(33% - 20px);
            margin: 10px;
            padding: 15px;
            overflow: hidden;
            border-radius: 6px;
            background-color: #044EA3;
            box-sizing: border-box;
            transition: all 0.3s ease;
            min-height: 150px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        }

            .allRoutesSection .allBoxes .routeBox .rowOne {
                display: flex;
            }

                .allRoutesSection .allBoxes .routeBox .rowOne .iconCol {
                    width: 130px;
                    padding-top: 10px;
                    padding-bottom: 0px;
                    transition: all 0.3s ease;
                }

                    .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 {
                        display: block;
                        margin: 5px 0px;
                        margin-top: 10px;
                        font-size: 20px;
                        line-height: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #fff;
                    }

                        .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 span.sml {
                            display: block;
                            font-size: 10px;
                            line-height: 10px;
                        }

                        .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 span.thin {
                            display: block;
                            font-size: 20px;
                            line-height: 20px;
                            font-weight: 500;
                        }

                .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
                    width: calc(100% - 130px);
                    padding-top: 55px;
                }

                    .allRoutesSection .allBoxes .routeBox .rowOne .servCol p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 16px;
                        line-height: 16px;
                        text-transform: uppercase;
                        font-weight: 500;
                        color: #fff;
                    }

                    .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                        position: relative;
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 4px 0px;
                        column-count: 2;
                        column-gap: 0px;
                        overflow: hidden;
                    }

                        .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 0px 15px;
                            font-size: 12px;
                            line-height: 17px;
                            font-weight: 300;
                            color: #fff;
                            /*white-space: nowrap;*/
                        }

                            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul li:before {
                                position: absolute;
                                top: 1px;
                                left: 0px;
                                content: "";
                                color: #fff;
                                margin-left: 3px;
                                margin-top: 4px;
                                width: 8px;
                                height: 4px;
                                border-bottom: solid 1px #fff;
                                border-left: solid 1px #fff;
                                -webkit-transform: rotate(-45deg);
                                transform: rotate(-45deg);
                                background-color: transparent;
                            }

            .allRoutesSection .allBoxes .routeBox .threeColRow {
                display: flex;
                margin: 0px;
                padding: 15px 0px;
                overflow: hidden;
            }

                .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol {
                    padding-right: 30px;
                }

                    .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a {
                        display: block;
                        font-size: 12px;
                        line-height: 12px;
                        color: #fff;
                    }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p span, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a span {
                            display: block;
                            font-size: 16px;
                            line-height: 16px;
                            font-weight: 500;
                            padding: 2px 0px 0px 0px;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p:focus, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a:focus {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a span {
                            cursor: pointer;
                            text-decoration: underline;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a:hover span {
                            text-decoration: none;
                        }

                    .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol:last-child {
                        padding-right: 0px;
                    }

            .allRoutesSection .allBoxes .routeBox .btnsRow {
                display: flex;
                margin: 0px;
                padding: 10px 0px 0px 0px;
                align-items: center;
            }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol .txtLink {
                    display: inline-block;
                    margin: 0px;
                    padding: 4px 0px;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 500;
                    color: #fff;
                    text-decoration: underline;
                }

                    .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol .txtLink:hover {
                        text-decoration: none;
                    }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol:last-child {
                    padding-left: 30px;
                }

            .allRoutesSection .allBoxes .routeBox:hover {
                background-color: #F18432;
                transition: all 0.3s ease;
            }

                .allRoutesSection .allBoxes .routeBox:hover .rowOne {
                    display: flex;
                }

                    .allRoutesSection .allBoxes .routeBox:hover .rowOne .iconCol {
                        padding-top: 0px;
                        padding-bottom: 10px;
                        transition: all 0.3s ease;
                    }

@media all and (max-width: 1329px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(50% - 20px);
    }
}

@media all and (max-width: 1149px) {
    .allRoutesSection {
        padding: 30px 15px;
    }
}

@media all and (max-width: 991px) {
    .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
        padding-top: 10px;
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
            column-count: 1;
        }
}

@media all and (max-width: 767px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(100% - 20px);
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
            padding-top: 45px;
        }

            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                column-count: 2;
            }
}

@media all and (max-width: 484px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(100% - 20px);
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
            padding-top: 10px;
        }

            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                column-count: 1;
            }

        .allRoutesSection .allBoxes .routeBox .threeColRow {
            padding: 0px;
            padding-bottom: 15px;
            flex-direction: column;
        }

            .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol {
                padding-top: 15px;
            }

        .allRoutesSection .allBoxes .routeBox .btnsRow {
            flex-direction: column;
        }

            .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol {
                width: 100%;
                text-align: center;
            }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol:last-child {
                    padding-top: 15px;
                    padding-left: 0px;
                    text-align: center;
                }
}

.sailingScheduleTextSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    border-top: 1px solid #D4D4D4;
    background-color: #FAFCFF;
}

    .sailingScheduleTextSection .headingRow {
        display: block;
        margin: 0px;
        padding: 0px 0px 15px 0px;
        overflow: hidden;
    }

        .sailingScheduleTextSection .headingRow h2 {
            color: #044EA3;
            text-transform: uppercase;
            margin: 0px;
            padding: 0px;
        }

    .sailingScheduleTextSection .navTabs {
        display: block;
        padding: 0px 0px 30px 0px;
        margin: 0px;
        list-style: none;
    }

        .sailingScheduleTextSection .navTabs li {
            display: inline-block;
            padding-right: 50px;
        }

            .sailingScheduleTextSection .navTabs li a {
                display: inline-block;
                font-size: 18px;
                line-height: 26px;
                font-weight: 700;
                color: #F18432;
                text-transform: uppercase;
                border-bottom: 4px solid transparent;
            }

                .sailingScheduleTextSection .navTabs li a:hover {
                    border-bottom: 4px solid #F18432;
                }

            .sailingScheduleTextSection .navTabs li:last-child {
                padding-right: 0px;
            }

            .sailingScheduleTextSection .navTabs li.selected a {
                color: #4A4A4A;
                border-bottom: 4px solid #4A4A4A;
            }

    .sailingScheduleTextSection .ssContentArea {
        display: flex;
        padding: 0px;
        margin: 0px;
        align-items: flex-start;
        overflow: hidden;
    }

        .sailingScheduleTextSection .ssContentArea .smlCol {
            width: 290px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleTextSection .ssContentArea .smlCol h3 {
                color: #044EA3;
                padding: 0px 0px 10px 0px;
                margin: 0px;
                text-transform: uppercase;
                font-size: 16px;
                line-height: 18px;
            }

            .sailingScheduleTextSection .ssContentArea .smlCol p {
                color: #4A4A4A;
                padding: 7px 0px 7px 0px;
                margin: 0px;
                font-size: 13px;
                line-height: 15px;
            }

                .sailingScheduleTextSection .ssContentArea .smlCol p b {
                    display: block;
                    font-weight: 500;
                }

                .sailingScheduleTextSection .ssContentArea .smlCol p.colour {
                    color: #044EA3;
                }

                    .sailingScheduleTextSection .ssContentArea .smlCol p.colour b {
                        display: inline-block;
                        font-weight: 500;
                    }

        .sailingScheduleTextSection .ssContentArea .bigCol {
            width: calc(100% - 290px);
            padding: 0px 0px 0px 30px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleTextSection .ssContentArea .bigCol h3 {
                color: #044EA3;
                padding: 0px 0px 0px 0px;
                margin: 0px;
                text-transform: none;
                font-size: 16px;
                line-height: 18px;
                font-weight: 500;
            }

            .sailingScheduleTextSection .ssContentArea .bigCol p {
                color: #4A4A4A;
                padding: 7px 0px 7px 0px;
                margin: 0px;
                font-size: 13px;
                line-height: 15px;
            }

                .sailingScheduleTextSection .ssContentArea .bigCol p b {
                    display: block;
                    font-weight: 500;
                }

                .sailingScheduleTextSection .ssContentArea .bigCol p.colour {
                    color: #044EA3;
                }

                    .sailingScheduleTextSection .ssContentArea .bigCol p.colour b {
                        display: inline-block;
                        font-weight: 500;
                    }

            .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols {
                display: flex;
                margin: 0px;
                padding: 15px 0px 0px 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol {
                    width: 50%;
                    padding: 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol h3 {
                        font-weight: 700;
                    }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table {
                        width: 100%;
                        border: 0px;
                        font-size: 14px;
                        line-height: 20px;
                        color: #000;
                    }

                        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table thead tr th {
                            width: 25%;
                            font-weight: 700;
                            padding: 5px 5px 5px 0px;
                        }

                        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table tbody tr td {
                            width: 25%;
                            font-weight: 500;
                            padding: 3px 5px 3px 0px;
                            color: #4A4A4A;
                        }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:first-child {
                        padding-right: 30px;
                        border-right: 1px solid #D4D4D4;
                    }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:last-child {
                        padding-left: 30px;
                    }

@media all and (max-width: 991px) {
    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols {
        padding: 0px;
        flex-direction: column;
    }

        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:first-child,
        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:last-child {
            width: 100%;
            padding: 15px 0px 0px 0px;
            border: 0px;
        }
}

@media all and (max-width: 767px) {
    .sailingScheduleTextSection .ssContentArea {
        flex-direction: column;
    }

        .sailingScheduleTextSection .ssContentArea .smlCol,
        .sailingScheduleTextSection .ssContentArea .bigCol {
            width: 100%;
            padding: 15px 0px;
        }

    .sailingScheduleTextSection .navTabs {
        padding-bottom: 10px;
    }

        .sailingScheduleTextSection .navTabs li {
            display: block;
        }

            .sailingScheduleTextSection .navTabs li:last-child {
                padding-top: 10px;
            }
}

@media all and (max-width: 1149px) {
    .sailingScheduleTextSection {
        padding: 30px;
    }
}

.sailingScheduleFilter {
    position: relative;
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #D4D4D4;
}

    .sailingScheduleFilter .toggleBtn {
        position: absolute;
        top: 32px;
        right: 50px;
        margin: 0px;
        padding: 0px;
        color: #F18432;
        border: 2px solid #F18432;
        border-radius: 6px;
        overflow: hidden;
    }

        .sailingScheduleFilter .toggleBtn span {
            display: block;
            font-weight: 700;
            font-size: 14px;
            line-height: 32px;
            font-weight: 700;
            padding: 0px 10px;
        }

    .sailingScheduleFilter .rangeHolder {
        display: block;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
        max-width: 500px;
        text-align: center;
    }

        .sailingScheduleFilter .rangeHolder p {
            display: block;
            margin: 0px;
            padding: 0px 0px 4px 0px;
            text-align: center;
            font-size: 12px !important;
            line-height: 12px !important;
            font-weight: 700 !important;
            text-transform: uppercase;
            color: #D4D4D4;
        }

        .sailingScheduleFilter .rangeHolder .rangeSlider {
            display: block;
            margin: 0px auto;
            padding: 0px;
        }

@media all and (max-width: 1149px) {
    .sailingScheduleFilter {
        padding: 30px 30px;
    }

        .sailingScheduleFilter .toggleBtn {
            right: 30px;
        }
}

@media all and (max-width: 991px) {
    .sailingScheduleFilter .toggleBtn {
        display: none;
    }
}

.sailingScheduleHeader {
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    min-height: 200px;
}

    .sailingScheduleHeader .mapAndForm {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        .sailingScheduleHeader .mapAndForm .mapCol {
            width: 60%;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap {
                display: block;
            }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap path[id^='Path-'] {
                    opacity: 0.5 !important;
                    transition: all 1s ease;
                    stroke-width: 4px;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap .cld-4 {
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Larne-Cairnryan {
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #EllipseDover.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #EllipseCalais.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dover-Calais {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #EllipseLarne.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #EllipseCairnryan.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Larne-Cairnryan {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #EllipseDublin.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #EllipseLiverpool.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dublin-Liverpool {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #EllipseHull.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #EllipseTeesport.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #EllipseTilbury.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #EllipsHull.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #EllipseEuropoort.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Tilbury-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Europoort {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #EllipsTeesport.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #EllipseEuropoort.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Europoort {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

        .sailingScheduleHeader .mapAndForm .formCol {
            width: 40%;
            padding: 0px;
            margin: 0px;
        }

            .sailingScheduleHeader .mapAndForm .formCol .formBox {
                display: block;
                padding: 50px;
                margin: 0px auto;
                max-width: 420px;
            }

                .sailingScheduleHeader .mapAndForm .formCol .formBox h1 {
                    color: #044EA3;
                    text-transform: uppercase;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox p.red {
                    color: red;
                    font-size: 13px;
                    line-height: 15px;
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 5px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .routesHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .dateHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .btnHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

@media all and (max-width: 1149px) {
    .sailingScheduleHeader .mapAndForm .formCol .formBox {
        display: block;
        padding: 30px;
        margin: 0px auto;
    }
}

@media all and (max-width: 767px) {
    .sailingScheduleHeader .mapAndForm {
        flex-direction: column;
    }

        .sailingScheduleHeader .mapAndForm .mapCol {
            width: 100%;
            border-bottom: 1px solid #D4D4D4;
        }

            .sailingScheduleHeader .mapAndForm .mapCol svg {
                display: block;
                width: 100%;
                height: 100%;
            }

        .sailingScheduleHeader .mapAndForm .formCol {
            width: 100%;
            padding: 30px;
        }

            .sailingScheduleHeader .mapAndForm .formCol .formBox {
                padding: 0px;
            }
}

.imagebgTextboxSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 80px 50px;
    overflow: hidden;
    background-color: #044EA3;
}

    .imagebgTextboxSection .whiteBox {
        display: block;
        float: right;
        margin: 0px auto;
        max-width: 500px;
        padding: 50px;
        background-color: #fff;
        border-radius: 6px;
        overflow: hidden;
    }

        .imagebgTextboxSection .whiteBox h2 {
            display: block;
            text-transform: uppercase;
            padding-bottom: 15px;
            color: #044EA3;
        }

        .imagebgTextboxSection .whiteBox p {
            padding: 7px 0px;
        }

@media all and (max-width: 767px) {
    .imagebgTextboxSection {
        padding: 80px 30px;
    }

        .imagebgTextboxSection .whiteBox {
            padding: 30px;
        }
}

.feeedbackSection {
    display: block;
    margin: 0px;
    padding: 0px 0px;
    background-color: #044EA3;
    overflow: hidden;
}

    .feeedbackSection .colorOverlay {
        display: block;
        margin: 0px;
        padding: 50px 50px;
        background-color: rgba(4, 78, 163, 0.8);
        overflow: hidden;
    }

    .feeedbackSection .contentTwoCols {
        display: flex;
        margin: 0px auto;
        max-width: 500px;
        padding: 0px;
        overflow: hidden;
        align-items: center;
    }

        .feeedbackSection .contentTwoCols .icnCol {
            width: 100px;
            padding-right: 20px;
        }

            .feeedbackSection .contentTwoCols .icnCol img {
                display: block;
                max-width: 80px;
            }

        .feeedbackSection .contentTwoCols .txtCol {
            width: calc(100% - 100px);
        }

            .feeedbackSection .contentTwoCols .txtCol h2 {
                display: block;
                margin: 0px;
                padding: 0px;
                color: #fff;
                text-transform: uppercase;
            }

            .feeedbackSection .contentTwoCols .txtCol h3 {
                margin: 0px;
                padding: 5px 0px 15px 0px;
                color: #fff;
                font-weight: 500;
            }

@media all and (max-width: 600px) {
    .feeedbackSection .colorOverlay {
        margin: 0px;
        padding: 50px 30px;
    }

    .feeedbackSection .contentTwoCols {
        flex-direction: column;
    }

        .feeedbackSection .contentTwoCols .icnCol {
            padding-right: 0px;
            padding-bottom: 15px;
            width: 100%;
        }

            .feeedbackSection .contentTwoCols .icnCol img {
                max-width: 60px;
                margin: 0px auto;
            }

        .feeedbackSection .contentTwoCols .txtCol {
            padding-right: 0px;
            padding-bottom: 15px;
            width: 100%;
            text-align: center;
        }
}

.allRouteMapSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    z-index: 1;
}

    .allRouteMapSection .mobileInfo {
        display: none;
        background-color: #FAFCFF;
        border-bottom: 1px solid #D4D4D4;
        text-align: center;
        margin: 0px;
        padding: 6px 30px;
    }

@media all and (max-width: 879px) {
    .allRouteMapSection .mobileInfo {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }
}

.allRouteMapSection .twoCols {
    display: flex;
    flex: 1;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
    height: 600px;
}

    .allRouteMapSection .twoCols .mapCol {
        width: 700px;
        overflow: hidden;
        height: 100%;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder {
            position: relative;
            display: block;
            height: 600px;
            overflow: hidden;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                margin-top: -300px;
                margin-left: -5vw;
                width: 700px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-'] {
                    opacity: 0.5 !important;
                    transition: all 1s ease;
                    stroke-width: 4px;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-5 {
                    opacity: 1 !important;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4:hover {
                    fill: #fff;
                    stroke: #044EA3;
                    cursor: default;
                }

    .allRouteMapSection .twoCols .contentCol {
        width: calc(100% - 700px);
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents {
            display: block;
            margin: 0px;
            padding: 0px;
            height: 100%;
            overflow: hidden;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                position: relative;
                display: flex;
                height: 100%;
                max-height: 100%;
                overflow: hidden;
                align-items: center;
                padding-right: 50px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    position: absolute;
                    top: 50px;
                    right: 60px;
                    width: 20px;
                    height: 20px;
                    overflow: hidden;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                        display: block;
                        width: 18px;
                        height: 18px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    display: block;
                    margin: 0px;
                    border: 0px solid #D4D4D4;
                    padding: 15px 0px 15px 30px;
                    padding-bottom: 60px;
                    flex: 1;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box h1 {
                        color: #044EA3;
                        margin: 0px;
                        padding: 0px 30px 0px 0px;
                        text-transform: uppercase;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box h1 span {
                            display: block;
                            font-size: 12px;
                            color: #4A4A4A;
                            text-transform: uppercase;
                            line-height: 12px;
                            font-weight: 300;
                            padding-left: 2px;
                        }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box p {
                        color: #000;
                        margin: 0px;
                        padding: 7px 0px;
                    }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 8px 0px;
                        columns: 2;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 5px 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a {
                                position: relative;
                                display: inline-block;
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 500;
                                color: #044EA3;
                                margin: 0px;
                                padding: 0px 0px 0px 15px;
                                white-space: nowrap;
                                max-width: 100%;
                                text-overflow: ellipsis;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:hover {
                                    color: #F18432;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:before {
                                    content: '';
                                    position: absolute;
                                    left: 1px;
                                    top: 8px;
                                    width: 6px;
                                    height: 6px;
                                    border-top: solid 1px #F18432;
                                    border-right: solid 1px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                        display: flex;
                        margin: 0px;
                        padding: 25px 0px;
                        align-items: flex-start;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                            padding: 0px 80px 0px 0px;
                            margin: 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item {
                                position: relative;
                                display: block;
                                margin: 0px;
                                padding: 0px;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder {
                                    position: absolute;
                                    top: 0px;
                                    right: -5px;
                                    width: 16px;
                                    height: 16px;
                                    overflow: hidden;
                                    margin: 0px;
                                    padding: 0px;
                                    border: 0px;
                                    background-color: transparent;
                                    cursor: pointer;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder:focus {
                                        outline-width: 0px;
                                        outline-color: transparent;
                                        outline-style: none;
                                        -webkit-appearance: none;
                                    }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                                    display: block;
                                    width: 36px;
                                    height: 36px;
                                    overflow: hidden;
                                    padding: 0px;
                                    margin: 0px;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 6px 0px 0px 0px;
                                    font-size: 12px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 1px 0px 1px 0px;
                                    font-size: 16px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt b {
                                        font-weight: 500;
                                    }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt span {
                                        display: none;
                                        font-weight: 500;
                                        padding-right: 4px;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol:last-child {
                                padding-right: 0px;
                            }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                        display: flex;
                        margin: 0px 0px 0px 0px;
                        padding: 10px 0px 0px 0px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol {
                            position: relative;
                            margin: 0px;
                            padding: 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                                position: relative;
                                display: inline-block;
                                padding: 0px 50px 0px 15px;
                                color: #fff;
                                background-color: #F18432;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 15px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #fff;
                                    border-right: solid 2px #fff;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover {
                                    color: #fff;
                                    background-color: #044EA3;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover:before {
                                        border-top: solid 2px #fff;
                                        border-right: solid 2px #fff;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                                display: inline-block;
                                padding: 0px 40px 0px 15px;
                                color: #F18432;
                                background-color: transparent;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 16px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #F18432;
                                    border-right: solid 2px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover {
                                    color: #044EA3;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover:before {
                                        border-top: solid 2px #044EA3;
                                        border-right: solid 2px #044EA3;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                                padding-right: 30px;
                            }

@media all and (max-width: 1274px) {
    .allRouteMapSection .twoCols {
        height: 500px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 600px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 500px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -350px;
                    width: 600px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -330px;
                        margin-left: -110px;
                        width: 720px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 600px);
            height: 100%;
        }
}

@media all and (max-width: 1149px) {
    .allRouteMapSection .twoCols {
        height: 450px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 550px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 550px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -360px;
                        margin-left: -100px;
                        width: 620px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 500px);
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                top: 30px;
                right: 30px;
                width: 16px;
                height: 16px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                    width: 16px;
                    height: 16px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 0px 60px 0px 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                        width: 26px;
                        height: 26px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon svg {
                            width: 26px;
                            height: 26px;
                        }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                        padding: 4px 0px 0px 0px;
                        font-size: 10px;
                        line-height: 14px;
                    }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                        font-size: 14px;
                        line-height: 14px;
                    }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                        top: 14px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 17px;
                    }
}

@media all and (max-width: 991px) {
    .allRouteMapSection .twoCols {
        height: 450px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 450px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 500px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -375px;
                        margin-left: -90px;
                        width: 600px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 450px);
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: unset;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                    padding: 2px 0px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 14px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 14px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 14px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding-right: 10px;
                }
}

@media all and (max-width: 879px) {
    .allRouteMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 100%;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 400px;
                border-bottom: 1px solid #D4D4D4;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    width: 600px;
                    margin: 0px auto;
                    margin-top: -360px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        width: 600px;
                        margin: 0px auto;
                        margin-top: -360px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 30px;
                    padding-bottom: 80px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 600px) {
    .allRouteMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder {
            height: 270px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                width: 414px;
                margin-top: -460px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-7, .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-6 {
                    transform: scale(1.3);
                    transform-origin: 1% 1%;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    width: 414px;
                    margin-top: -460px;
                }

        .allRouteMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 25px;
                    padding-bottom: 80px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 450px) {
    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
        margin-left: -60px;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
            margin-left: -60px;
        }

    .allRouteMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
            max-width: 614px;
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }
}

@media all and (max-width: 374px) {
    .allRouteMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 15px 40px 0px 0px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                flex-direction: column;
                margin-top: 15px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding: 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child a.btnWithArrow {
                        display: block;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child {
                    padding: 15px 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow {
                        display: block;
                        border: 1px solid #F18432;
                        line-height: 38px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow:before {
                            top: 29px;
                        }
}

.sailingScheduleListSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
    text-align: center;
}

    .sailingScheduleListSection .allItems {
        display: block;
        margin: 0px auto;
        padding: 5px;
        overflow: hidden;
        max-width: 800px;
        text-align: left;
    }

        .sailingScheduleListSection .allItems .item {
            position: relative;
            display: block;
            margin: 15px 0px;
            padding: 15px;
            overflow: hidden;
            border: 1px solid #F7F7F7;
            background-color: #fff;
            border-radius: 6px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

            .sailingScheduleListSection .allItems .item .boxContent {
                display: flex;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .sailingScheduleListSection .allItems .item .boxContent .iCol {
                    width: 60px;
                }

                    .sailingScheduleListSection .allItems .item .boxContent .iCol svg {
                        display: block;
                        width: 50px;
                        height: 50px;
                        overflow: hidden;
                    }

                        .sailingScheduleListSection .allItems .item .boxContent .iCol svg .cls-1 {
                            fill: #4A4A4A;
                        }

                .sailingScheduleListSection .allItems .item .boxContent .dCol {
                    width: calc(100% - 50px);
                    padding-left: 10px;
                }

                    .sailingScheduleListSection .allItems .item .boxContent .dCol p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        color: #044EA3;
                        font-weight: 700;
                        font-size: 16px;
                        line-height: 20px;
                        white-space: nowrap;
                    }

                    .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat {
                        display: flex;
                        padding: 0px 0px 0px 0px;
                        flex-wrap: wrap;
                    }

                        .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData {
                            flex: 1;
                            padding: 5px 20px 5px 0px;
                        }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .label {
                                display: block;
                                font-size: 12px;
                                line-height: 12px;
                                text-transform: uppercase;
                                margin: 0px;
                                padding: 0px;
                                color: #959595;
                                white-space: nowrap;
                            }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time {
                                display: block;
                                font-size: 18px;
                                line-height: 18px;
                                font-weight: 700;
                                margin: 0px;
                                padding: 0px;
                                color: #000;
                                white-space: nowrap;
                            }

                                .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time a {
                                    color: #F18432;
                                    font-weight: 500;
                                }

                                    .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time a:hover {
                                        color: #044EA3;
                                    }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .loc {
                                display: block;
                                font-size: 12px;
                                line-height: 12px;
                                margin: 0px;
                                padding: 0px;
                                color: #959595;
                                white-space: nowrap;
                            }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData:last-child {
                                padding-right: 0px;
                            }

            .sailingScheduleListSection .allItems .item:hover {
                border: 1px solid #D4D4D4;
                background-color: #FAFCFF;
                transition: all 0.3s ease;
            }

@media all and (max-width: 1149px) {
    .sailingScheduleListSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .sailingScheduleListSection {
        display: block !important;
    }
}

.sailingScheduleSliderSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    text-align: center;
}

    .sailingScheduleSliderSection .carousel {
        display: block;
        margin: 0px auto;
        padding: 0px;
        max-width: 1000px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 30px;
    }

        .sailingScheduleSliderSection .carousel .carousel-inner {
            padding-bottom: 50px;
        }

            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols {
                display: flex;
                overflow: hidden;
            }

                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item {
                    flex: 1;
                    align-items: flex-start;
                    border-right: 1px solid #D4D4D4;
                    padding: 0px 15px;
                    overflow: hidden;
                }

                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        overflow: hidden;
                        align-items: flex-start;
                    }

                        .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol {
                            width: 60px;
                        }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg {
                                display: block;
                                width: 50px;
                                height: 50px;
                                overflow: hidden;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg .cls-1 {
                                    fill: #4A4A4A;
                                }

                        .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol {
                            width: calc(100% - 50px);
                            padding-left: 10px;
                        }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                color: #044EA3;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 20px;
                                white-space: nowrap;
                            }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival {
                                display: flex;
                                margin: 0px;
                                padding: 10px 0px;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData {
                                    flex: 1;
                                    padding-right: 20px;
                                }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .label {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        text-transform: uppercase;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .time {
                                        display: block;
                                        font-size: 18px;
                                        line-height: 18px;
                                        font-weight: 700;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #000;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .loc {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData:last-child {
                                        padding-right: 0px;
                                    }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur {
                                display: block;
                                font-size: 18px;
                                line-height: 18px;
                                font-weight: 700;
                                margin: 0px;
                                padding: 0px;
                                color: #000;
                                white-space: nowrap;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur span {
                                    display: block;
                                    font-size: 12px;
                                    line-height: 12px;
                                    text-transform: uppercase;
                                    margin: 0px;
                                    padding: 0px;
                                    color: #959595;
                                    white-space: nowrap;
                                }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp {
                                display: inline-block;
                                font-size: 13px;
                                line-height: 20px;
                                font-weight: 500;
                                color: #F18432;
                                border: 1px solid #F18432;
                                border-radius: 20px;
                                margin-top: 15px;
                                padding: 2px 10px;
                                overflow: hidden;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp:hover {
                                    color: #fff;
                                    background-color: #F18432;
                                }

                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item:last-child {
                        border-right: 0px solid #D4D4D4;
                    }

        .sailingScheduleSliderSection .carousel .carousel-indicators {
            margin-top: 0px;
            margin-bottom: 0px;
        }

            .sailingScheduleSliderSection .carousel .carousel-indicators li {
                background-color: #F18432;
                opacity: 1;
                border: 1px solid #D4D4D4;
                width: 15px;
                height: 15px;
                border-radius: 15px;
                overflow: hidden;
                margin-right: 8px;
                margin-left: 8px;
            }

                .sailingScheduleSliderSection .carousel .carousel-indicators li.active {
                    background-color: #fff;
                }

@media all and (max-width: 1149px) {
    .sailingScheduleSliderSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .sailingScheduleSliderSection {
        display: none;
    }
}

.unitTypeSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    background-color: #044EA3;
    color: #fff;
    overflow: hidden;
}

    .unitTypeSection h2 {
        text-transform: uppercase;
    }

    .unitTypeSection p a {
        color: #fff;
        text-decoration: underline;
        font-weight: 700;
    }

        .unitTypeSection p a:hover {
            font-weight: 700;
            text-decoration: none;
        }

    .unitTypeSection .btnRow {
        display: block;
        margin: 0px;
        padding: 15px 0px 0px 0px;
        text-align: center;
        overflow: hidden;
    }

    .unitTypeSection .sixColData {
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
    }

        .unitTypeSection .sixColData .eachCol {
            flex: 1;
            padding: 0px;
        }

            .unitTypeSection .sixColData .eachCol .icon {
                display: block;
                margin: 0px;
                padding: 0px;
            }

                .unitTypeSection .sixColData .eachCol .icon img {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

            .unitTypeSection .sixColData .eachCol ul {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px 15px 0px 0px;
                list-style: none;
                overflow: hidden;
            }

                .unitTypeSection .sixColData .eachCol ul li {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    line-height: 14px;
                    font-weight: 500;
                    text-transform: uppercase;
                    opacity: 0.5;
                    padding: 6px 0px 6px 24px;
                }

                    .unitTypeSection .sixColData .eachCol ul li span {
                        display: block;
                        padding: 2px 0px 0px 0px;
                        font-size: 12px;
                        line-height: 12px;
                        font-weight: 300;
                        text-transform: none;
                        white-space: nowrap;
                    }

                    .unitTypeSection .sixColData .eachCol ul li:before {
                        position: absolute;
                        top: 12px;
                        left: 2px;
                        content: '';
                        width: 14px;
                        height: 1px;
                        background-color: #fff;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .unitTypeSection .sixColData .eachCol ul li:after {
                        position: absolute;
                        top: 12px;
                        left: 2px;
                        content: '';
                        width: 14px;
                        height: 1px;
                        background-color: #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                    .unitTypeSection .sixColData .eachCol ul li.yes {
                        opacity: 1;
                    }

                        .unitTypeSection .sixColData .eachCol ul li.yes:before {
                            position: absolute;
                            top: 3px;
                            left: 0px;
                            content: "";
                            color: #fff;
                            margin-left: 3px;
                            margin-top: 4px;
                            width: 12px;
                            height: 6px;
                            border-bottom: solid 1px #fff;
                            border-left: solid 1px #fff;
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            background-color: transparent;
                        }

                        .unitTypeSection .sixColData .eachCol ul li.yes:after {
                            display: none;
                        }

@media all and (max-width: 1199px) {
    .unitTypeSection .sixColData .eachCol {
        padding-top: 15px;
        padding-bottom: 15px;
        flex: 33%;
    }

        .unitTypeSection .sixColData .eachCol:first-child {
            padding-top: 0px;
        }

        .unitTypeSection .sixColData .eachCol:last-child {
            padding-bottom: 0px;
        }
}

@media all and (max-width: 750px) {
    .unitTypeSection .sixColData .eachCol {
        flex: 50%;
    }

        .unitTypeSection .sixColData .eachCol ul {
            padding-right: 5px;
        }

            .unitTypeSection .sixColData .eachCol ul li span {
                white-space: normal;
            }
}

@media all and (max-width: 1149px) {
    .unitTypeSection {
        padding: 30px 30px;
    }
}

.fastTrackSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackSection .columnsTwo {
        display: flex;
        padding: 0px;
        margin: 0px;
        background-color: #D4D4D4;
    }

        .fastTrackSection .columnsTwo .txtCol {
            width: 33%;
            background-color: #fff;
            padding: 50px;
            margin: 0px;
            overflow: hidden;
        }

            .fastTrackSection .columnsTwo .txtCol h2 {
                display: block;
                color: #044EA3;
                text-transform: uppercase;
                padding: 0px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol h3 {
                display: block;
                padding: 15px 0px 0px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol p {
                display: block;
                padding: 8px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol ul {
                list-style: none;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

                .fastTrackSection .columnsTwo .txtCol ul li {
                    display: block;
                    position: relative;
                    padding: 6px 0px 6px 15px;
                }

                    .fastTrackSection .columnsTwo .txtCol ul li b, .fastTrackSection .columnsTwo .txtCol ul li strong {
                        font-weight: 500;
                    }

                    .fastTrackSection .columnsTwo .txtCol ul li a {
                        display: inline-block;
                        color: #F18432;
                        text-decoration: underline;
                        font-weight: 500;
                    }

                        .fastTrackSection .columnsTwo .txtCol ul li a:hover {
                            color: #044EA3;
                            text-decoration: none;
                        }

                    .fastTrackSection .columnsTwo .txtCol ul li::before {
                        position: absolute;
                        top: 13px;
                        left: 0px;
                        content: "";
                        color: #fff;
                        font-weight: bold;
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        border-radius: 6px;
                        border: 2px solid #044EA3;
                        margin-left: 0px;
                    }

            .fastTrackSection .columnsTwo .txtCol .extraContent {
                display: none;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                transition: all 0.3s ease;
            }

        .fastTrackSection .columnsTwo .imgCol {
            width: calc(100% - 33%);
        }

@media all and (max-width: 1149px) {
    .fastTrackSection .columnsTwo .txtCol {
        padding: 30px 30px;
    }

        .fastTrackSection .columnsTwo .txtCol ul li {
            font-size: 14px;
            line-height: 20px;
        }

            .fastTrackSection .columnsTwo .txtCol ul li:before {
                top: 11px;
            }
}

@media all and (max-width: 991px) {
    .fastTrackSection .columnsTwo .txtCol {
        width: 50%;
    }

    .fastTrackSection .columnsTwo .imgCol {
        width: 50%;
    }
}

.fastTrackSection .columnsTwo.more .txtCol {
    width: 60%;
}

    .fastTrackSection .columnsTwo.more .txtCol .extraContent {
        padding-bottom: 10px;
    }

.fastTrackSection .columnsTwo.more .imgCol {
    width: 40%;
}

@media all and (max-width: 767px) {
    .fastTrackSection .columnsTwo,
    .fastTrackSection .columnsTwo.more {
        flex-direction: column-reverse;
    }

        .fastTrackSection .columnsTwo .txtCol,
        .fastTrackSection .columnsTwo.more .txtCol {
            width: 100%;
        }

        .fastTrackSection .columnsTwo .imgCol,
        .fastTrackSection .columnsTwo.more .imgCol {
            width: 100%;
            height: 200px;
        }
}

.fastTrackTabSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackTabSection .columnsTwo {
        display: flex;
        padding: 0px;
        margin: 0px;
        background-color: #D4D4D4;
        overflow: hidden;
    }

        .fastTrackTabSection .columnsTwo .conCol {
            flex: 1;
            padding: 50px 50px;
            background-color: #fff;
        }

            .fastTrackTabSection .columnsTwo .conCol .navRow {
                display: flex;
                margin: 0px;
                padding: 0px 0px 15px 0px;
            }

                .fastTrackTabSection .columnsTwo .conCol .navRow a {
                    font-size: 18px;
                    line-height: 26px;
                    font-weight: 700;
                    color: #F18432;
                    text-transform: uppercase;
                    border-bottom: 4px solid transparent;
                    margin-right: 30px;
                }

                    .fastTrackTabSection .columnsTwo .conCol .navRow a:last-child {
                        margin-right: 0px;
                    }

                    .fastTrackTabSection .columnsTwo .conCol .navRow a.selected {
                        color: #4A4A4A;
                        border-bottom: 4px solid #4A4A4A;
                    }

@media all and (max-width: 410px) {
    .fastTrackTabSection .columnsTwo .conCol .navRow {
        flex-direction: column;
    }

        .fastTrackTabSection .columnsTwo .conCol .navRow a {
            margin-top: 10px;
            margin-bottom: 5px;
            margin-right: 0px;
        }
}

.fastTrackTabSection .columnsTwo .conCol .tabContents {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent p {
            display: block;
            padding: 8px 0px;
        }

        .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul {
            list-style: none;
            padding: 0px 0px 0px 0px;
            margin: 0px;
        }

            .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li {
                display: block;
                position: relative;
                padding: 4px 0px 4px 15px;
            }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li b, .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li strong {
                    font-weight: 500;
                }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li a {
                    display: inline-block;
                    color: #F18432;
                    text-decoration: underline;
                    font-weight: 500;
                }

                    .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li::before {
                    position: absolute;
                    top: 12px;
                    left: 0px;
                    content: "";
                    color: #fff;
                    font-weight: bold;
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 6px;
                    border: 2px solid #044EA3;
                    margin-left: 0px;
                }

.fastTrackTabSection .columnsTwo .imgCol {
    flex: 1;
    padding: 50px 50px;
}

@media all and (max-width: 1149px) {
    .fastTrackTabSection .columnsTwo .conCol {
        flex: 1;
        padding: 40px 30px;
        background-color: #fff;
    }

    .fastTrackTabSection .columnsTwo .imgCol {
        flex: 1;
        padding: 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .fastTrackTabSection .columnsTwo .conCol {
        flex: unset;
        width: 60%;
        padding: 40px 30px;
        background-color: #fff;
    }

    .fastTrackTabSection .columnsTwo .imgCol {
        flex: unset;
        width: 40%;
        padding: 50px 50px;
    }
}

@media all and (max-width: 767px) {
    .fastTrackTabSection .columnsTwo {
        flex-direction: column;
    }

        .fastTrackTabSection .columnsTwo .conCol {
            flex: 1;
            width: unset;
        }

        .fastTrackTabSection .columnsTwo .imgCol {
            flex: 1;
            width: unset;
            padding: 100px 50px;
        }
}

.driverServicesSection {
    display: block;
    margin: 0px;
    padding: 50px 100px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

    .driverServicesSection .contentBox {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .driverServicesSection .contentBox .textRow {
            display: block;
            margin: 0px auto;
            padding: 0px 0px 15px 0px;
            width: 80%;
            overflow: hidden;
            text-align: center;
        }

            .driverServicesSection .contentBox .textRow h2 {
                color: #044EA3;
            }

        .driverServicesSection .contentBox .fourIcons {
            max-width: 800px;
            margin: 0px auto;
        }

        .driverServicesSection .contentBox .row .iconText {
            display: block;
            text-align: center;
            padding: 0px 0px 5px 0px;
        }

            .driverServicesSection .contentBox .row .iconText .icon {
                display: block;
                width: 100px;
                height: 100px;
                margin: 0px auto;
            }

                .driverServicesSection .contentBox .row .iconText .icon img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

@media all and (max-width: 991px) {
    .driverServicesSection .contentBox .row .iconText .icon {
        width: 60px;
        height: 60px;
    }
}

.driverServicesSection .contentBox .row .iconText .text {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #044EA3;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.driverServicesSection .contentBox .colorBox {
    display: flex;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 1000px;
    padding: 20px 30px;
    overflow: hidden;
    color: #fff;
    background-color: #8E52A0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

    .driverServicesSection .contentBox .colorBox .iconCol {
        width: 200px;
    }

        .driverServicesSection .contentBox .colorBox .iconCol img {
            max-width: 56px;
        }

        .driverServicesSection .contentBox .colorBox .iconCol h3 {
            display: block;
            padding: 5px 0px 0px 0px;
        }

    .driverServicesSection .contentBox .colorBox .textCol {
        width: calc(100% - 200px);
        padding-left: 30px;
    }

        .driverServicesSection .contentBox .colorBox .textCol p {
            display: block;
            padding: 0px 0px 6px 0px;
            font-size: 14px;
            line-height: 18px;
        }

            .driverServicesSection .contentBox .colorBox .textCol p b, .driverServicesSection .contentBox .colorBox .textCol p strong {
                font-weight: 700;
            }

            .driverServicesSection .contentBox .colorBox .textCol p.smlTxt {
                font-size: 12px;
                line-height: 14px;
            }

@media all and (max-width: 1149px) {
    .driverServicesSection {
        padding: 50px 30px;
    }
}

@media all and (max-width: 991px) {
    .driverServicesSection .contentBox .textRow {
        width: unset;
    }
}

@media all and (max-width: 767px) {
    .driverServicesSection .contentBox .colorBox {
        flex-direction: column;
        padding: 15px 15px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

        .driverServicesSection .contentBox .colorBox .iconCol {
            width: unset;
            text-align: center;
        }

        .driverServicesSection .contentBox .colorBox .textCol {
            width: unset;
            padding-left: 0px;
            text-align: center;
        }

            .driverServicesSection .contentBox .colorBox .textCol p {
                text-align: center;
                padding-top: 10px;
            }
}

@media all and (max-width: 559px) {
    .driverServicesSection {
        padding: 40px 30px;
    }

        .driverServicesSection .contentBox .textRow {
            text-align: left;
        }
}

.portInfoSection {
    display: block;
    margin: 0px;
    padding: 30px 0px;
    overflow: hidden;
    background-color: #DBE8F6;
}

    .portInfoSection .twoCards {
        display: flex;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
        max-width: 1200px;
    }

        .portInfoSection .twoCards .col {
            padding: 30px 30px;
        }

            .portInfoSection .twoCards .col .cardBox {
                display: flex;
                padding: 0px;
                margin: 0px;
                overflow: hidden;
                background-color: #fff;
                border-radius: 6px;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            }

            .portInfoSection .twoCards .col .mapCol {
                width: 200px;
                border-right: 1px solid #D4D4D4;
                margin: 0px;
                padding: 0px;
            }

                .portInfoSection .twoCards .col .mapCol iframe {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

            .portInfoSection .twoCards .col .txtCol {
                width: calc(100% - 200px);
                padding: 20px;
            }

                .portInfoSection .twoCards .col .txtCol h3 {
                    text-transform: uppercase;
                    padding: 0px;
                }

                .portInfoSection .twoCards .col .txtCol p {
                    display: block;
                    padding: 6px 0px;
                    font-size: 14px;
                    line-height: 18px;
                }

                    .portInfoSection .twoCards .col .txtCol p a {
                        color: #F18432;
                        font-weight: 500;
                    }

                    .portInfoSection .twoCards .col .txtCol p:last-child {
                        padding-bottom: 0px;
                    }

@media all and (max-width: 1149px) {
    .portInfoSection .twoCards .col .cardBox {
        flex-direction: column;
    }

        .portInfoSection .twoCards .col .cardBox .mapCol, .portInfoSection .twoCards .col .cardBox .txtCol {
            width: 100%;
            border: 0px;
        }
}

@media all and (max-width: 991px) {
    .portInfoSection .twoCards {
        flex-direction: column;
        max-width: 500px;
    }

        .portInfoSection .twoCards .col:first-child {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .portInfoSection .twoCards .col:last-child {
            padding-bottom: 0px;
        }
}

.fleetInfoSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #D4D4D4;
}

    .fleetInfoSection .imageColAcordianCol {
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .fleetInfoSection .imageColAcordianCol .imgCol {
            margin: 0px;
            padding: 0px;
            width: calc(100% - 500px);
            overflow: hidden;
        }

            .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
                display: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 100%;
                min-height: 500px;
            }

                .fleetInfoSection .imageColAcordianCol .imgCol .imgBG.show {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 100%;
                    height: 100%;
                }

        .fleetInfoSection .imageColAcordianCol .acordianCol {
            width: 500px;
            padding: 0px;
            overflow: hidden;
            background-color: #fff;
        }

            .fleetInfoSection .imageColAcordianCol .acordianCol h2 {
                display: block;
                margin: 0px;
                padding: 30px 15px 15px 15px;
                text-transform: uppercase;
                overflow: hidden;
                border-bottom: 1px solid #D4D4D4;
                color: #044EA3;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    border: 0px;
                    border-radius: 0px;
                    border-bottom: 1px solid #D4D4D4;
                }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button {
                        display: block;
                        width: 100%;
                        margin: 0px;
                        padding: 0px 15px;
                        font-size: 16px;
                        line-height: 46px;
                        font-weight: 700;
                        color: #F18432;
                        text-decoration: none;
                        border: 0px;
                        background-color: #fff;
                        text-align: left;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button:focus, .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button:active {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                            color: #F18432 !important;
                            background-color: #fff !important;
                            border: 0px solid #fff !important;
                            box-shadow: none !important;
                        }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse {
                        padding: 0px;
                        margin: 0px;
                        display: none;
                        overflow: hidden;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
                            display: block;
                            margin: 0px;
                            padding: 0px 50px 15px 15px;
                            overflow: hidden;
                        }

                            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder p {
                                display: block;
                                margin: 0px;
                                padding: 6px 0px;
                            }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show {
                            padding: 0px;
                            margin: 0px;
                            display: block;
                            overflow: hidden;
                        }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        overflow: hidden;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
                            display: block;
                            margin: 0px;
                            padding: 0px 50px 15px 15px;
                            overflow: hidden;
                        }

                            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder p {
                                display: block;
                                margin: 0px;
                                padding: 6px 0px;
                            }

@media all and (max-width: 1149px) {
    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
        padding-right: 30px;
    }

    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
        padding-right: 30px;
    }

    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show .contentHolder {
        padding-right: 30px;
    }
}

@media all and (max-width: 991px) {
    .fleetInfoSection .imageColAcordianCol {
        flex-direction: column-reverse;
    }

        .fleetInfoSection .imageColAcordianCol .imgCol {
            width: 100%;
        }

            .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
                min-height: 400px;
            }

        .fleetInfoSection .imageColAcordianCol .acordianCol {
            width: 100%;
        }

            .fleetInfoSection .imageColAcordianCol .acordianCol h2 {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }
}

@media all and (max-width: 767px) {
    .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
        min-height: 250px;
    }
}

.contactBubble {
    position: fixed;
    z-index: 100;
    bottom: 30px;
    right: 30px;
    padding: 0px;
    transition: all 0.3s ease;
    background-color: #F18432;
    border: 4px solid #fff;
    border-radius: 100px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

    .contactBubble .btn-float {
        position: relative;
        display: block;
        padding: 12px 18px;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        font-weight: 700;
        overflow: hidden;
    }

    .contactBubble .formBox {
        display: block;
        overflow: hidden;
        padding: 0px;
        width: 66px;
        height: 1px;
        transition: all 0.3s ease;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

        .contactBubble .formBox .fieldHolder {
            display: block;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .fieldHolder input {
                display: block;
                width: 100%;
                padding: 0px 10px;
                color: #000;
                font-size: 16px;
                line-height: 38px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
            }

                .contactBubble .formBox .fieldHolder input:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder textarea {
                display: block;
                width: 100%;
                height: 120px;
                padding: 10px 10px;
                color: #000;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
                resize: none;
            }

                .contactBubble .formBox .fieldHolder textarea:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder .error {
                display: none;
                font-size: 12px;
                line-height: 14px;
                font-weight: 500;
                padding: 2px 0px;
                overflow: hidden;
                color: #fff;
            }

        .contactBubble .formBox .buttonHolder {
            display: flex;
            border-top: 1px solid #fff;
            margin: 5px -15px 0px -15px;
            padding: 0px 0px 0px 0px;
            background-color: #F18432;
            border-radius: 0px 0px 7px 7px;
            overflow: hidden;
        }

            .contactBubble .formBox .buttonHolder button {
                flex: 1;
                text-align: center;
                border: 0px solid transparent;
                padding: 0px;
                font-size: 16px;
                line-height: 40px;
                font-weight: 700;
                text-transform: uppercase;
                color: #fff;
                background-color: #F18432;
                overflow: hidden;
            }

                .contactBubble .formBox .buttonHolder button:first-child {
                    border-right: 1px solid #fff;
                }

        .contactBubble .formBox .afterForm {
            display: block;
            margin: 0px;
            padding: 0px 0px 15px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .afterForm p {
                display: block;
                margin: 0px;
                padding: 6px 0px;
                font-size: 16px;
                line-height: 20px;
                color: #fff;
                text-align: center;
            }

    .contactBubble.open {
        border-radius: 10px;
        background-color: #044EA3;
        transition: all 0.3s ease;
    }

        .contactBubble.open .btn-float {
            position: relative;
            padding: 20px;
        }

            .contactBubble.open .btn-float::before {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: #fff;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .contactBubble.open .btn-float::after {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .contactBubble.open .formBox {
            display: block;
            overflow: hidden;
            padding: 15px 15px 0px 15px;
            width: 260px;
            height: auto;
            transition: all 0.3s ease;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

.notfoundSection {
    display: block;
    margin: 0px;
    padding: 100px 50px;
    overflow: hidden;
    text-align: center;
}

    .notfoundSection h1 {
        padding: 0px;
        margin: 0px;
        font-size: 10vw !important;
        font-weight: 900 !important;
        line-height: normal !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: #044EA3;
    }

        .notfoundSection h1:before,
        .notfoundSection h1:after {
            position: absolute;
            content: '';
        }

        .notfoundSection h1:before {
            z-index: -2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: inherit;
        }

        .notfoundSection h1:after {
            position: absolute;
            z-index: -1;
            top: .125em;
            right: .125em;
            bottom: .125em;
            left: .125em;
            background-color: #000;
        }

    .notfoundSection h1 {
        background-attachment: fixed;
    }

    .notfoundSection h2 {
        padding-top: 25px;
        color: #F18432;
    }

@media all and (max-width: 991px) {
    .notfoundSection {
        padding: 30px 30px;
    }

        .notfoundSection h1 {
            font-size: 20vw !important;
        }
}

/*# sourceMappingURL=styles.css.map */

/*Brexit helpCenter page*/

.searchStickyRow {
    position: -webkit-sticky;
    /* Safari */
    position: fixed;
    background-color: var(--clr-blue);
    overflow: hidden;
    top: 0px;
    width: 100%;
    z-index: 901;
    padding: 10px 50px;
}

    .searchStickyRow .colTwo {
        display: flex;
        align-items: center;
    }

        .searchStickyRow .colTwo .ltCol {
            width: calc(100% - 80px);
        }

            .searchStickyRow .colTwo .ltCol p {
                color: var(--clr-white);
                background-color: var(--clr-blue);
                padding: 0px;
                margin: 0px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

        .searchStickyRow .colTwo .rtCol {
            display: flex;
            width: 80px;
        }

            .searchStickyRow .colTwo .rtCol a {
                width: 50%;
            }

                .searchStickyRow .colTwo .rtCol a svg.icoArrDown,
                .searchStickyRow .colTwo .rtCol a svg.icoArrUp {
                    display: block;
                    margin: 0px auto;
                    width: 30px;
                    height: 30px;
                }

                    .searchStickyRow .colTwo .rtCol a svg.icoArrDown .cls-1,
                    .searchStickyRow .colTwo .rtCol a svg.icoArrUp .cls-1 {
                        fill: var(--clr-white);
                        stroke: var(--clr-white);
                    }

                    .searchStickyRow .colTwo .rtCol a svg.icoArrDown .cls-2, .searchStickyRow .colTwo .rtCol a svg.icoArrDown .cls-4,
                    .searchStickyRow .colTwo .rtCol a svg.icoArrUp .cls-2,
                    .searchStickyRow .colTwo .rtCol a svg.icoArrUp .cls-4 {
                        fill: none;
                    }

                    .searchStickyRow .colTwo .rtCol a svg.icoArrDown .cls-2,
                    .searchStickyRow .colTwo .rtCol a svg.icoArrUp .cls-2 {
                        stroke: var(--clr-blue);
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 2px;
                    }

                    .searchStickyRow .colTwo .rtCol a svg.icoArrDown .cls-3,
                    .searchStickyRow .colTwo .rtCol a svg.icoArrUp .cls-3 {
                        stroke: none;
                    }

    .searchStickyRow + header + nav.mouseDevice {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 50px;
    }

    .searchStickyRow + header + nav.touchDevice {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 50px;
    }

@media all and (max-width: 1149px) {
    .searchStickyRow {
        padding: 10px 30px;
    }

        .searchStickyRow + header {
            position: -webkit-sticky;
            /* Safari */
            position: sticky;
            top: 50px;
        }
}

.brexitHelpSectionHeaderText {
    display: block;
    margin: 0px auto;
    background-color: var(--clr-white);
    max-width: 900px;
    padding: 15px;
    margin-top: -30px;
    overflow: hidden;
}

    .brexitHelpSectionHeaderText h1 {
        display: block;
        margin: 0px;
        padding: 0px 0px 10px 0px;
        text-align: center;
        text-transform: uppercase;
        color: var(--clr-blue);
        font-size: 32px;
        line-height: 36px;
    }

    .brexitHelpSectionHeaderText p {
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        color: var(--clr-gray-darker);
        font-size: 14px;
        line-height: 18px;
    }

.pageHeaderSectionCenter {
    display: block;
    background-color: var(--clr-blue);
    padding: 30px 15px 60px 15px;
    overflow: hidden;
}

    .pageHeaderSectionCenter svg.bigIconSupport {
        display: block;
        margin: 0px auto;
        width: 180px;
        height: 180px;
    }

        .pageHeaderSectionCenter svg.bigIconSupport .cls-1 {
            fill: var(--clr-white);
        }


.searchBrexitSection {
    display: block;
    margin: 0px;
    padding: 25px 30px 100px 30px;
    overflow: hidden;
}

    .searchBrexitSection .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
    }

        .searchBrexitSection .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid var(--clr-gray);
            border-radius: 100px;
            background-color: var(--clr-gray-light);
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: var(--clr-black);
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .searchBrexitSection .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .searchBrexitSection .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }


@font-face {
    font-family: 'bebas_neue_pro_bold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ivypresto_headline_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/ivypresto headline regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/ivyprestoheadline-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_semibold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.ttf') format('truetype');
}

:root {
    --clr-white: #fff;
    --clr-black: #000;
    --clr-blue: #044EA3;
    --clr-blue-light: #DBE8F6;
    --clr-blue-lightest: #FAFCFF;
    --clr-orange: #F18432;
    --clr-purple: #8E52A0;
    --clr-green: #85C656;
    --clr-yellow: #FFE300;
    --clr-red: #BC111A;
    --clr-gray-darkest: #4A4A4A;
    --clr-gray-darker: #959595;
    --clr-gray: #D4D4D4;
    --clr-gray-light: #F7F7F7;
}

* {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pptelegraf_regular' !important;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

    a:hover {
        text-decoration: none;
        transition: all 0.3s ease;
    }

html {
    margin: 0px;
    padding: 0px;
}

    html body {
        margin: 0px;
        padding: 0px;
        background-color: #F7F7F7;
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

        html body .page {
            position: relative;
            display: block;
            margin: 0px auto;
            padding: 0px;
            min-height: 100vh;
            background-color: #fff;
            max-width: 1400px;
            opacity: 1;
            transition: all 0.3s ease;
        }

            html body .page .appSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

            html body .page .allSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

                html body .page .allSectionArea h1 {
                    font-size: 28px;
                    line-height: 32px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea h2 {
                    font-size: 26px;
                    line-height: 30px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea h3 {
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .allSectionArea p {
                    font-size: 16px;
                    line-height: 22px;
                    /*font-weight: 300;*/
                    margin: 0px;
                }

@media all and (max-width: 1274px) {
    html body .page .allSectionArea h1 {
        font-size: 27px;
        line-height: 31px;
    }

    html body .page .allSectionArea h2 {
        font-size: 25px;
        line-height: 29px;
    }

    html body .page .allSectionArea h3 {
        font-size: 19px;
        line-height: 23px;
    }

    html body .page .allSectionArea p {
        font-size: 15px;
        line-height: 21px;
    }
}

@media all and (max-width: 1149px) {
    html body .page .allSectionArea h1 {
        font-size: 26px;
        line-height: 30px;
    }

    html body .page .allSectionArea h2 {
        font-size: 24px;
        line-height: 28px;
    }

    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media all and (max-width: 360px) {
    html body .page .allSectionArea h1 {
        font-size: 22px;
        line-height: 26px;
    }

    html body .page .allSectionArea h2 {
        font-size: 20px;
        line-height: 24px;
    }

    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

html body .page .btn-primary {
    display: inline-block;
    padding: 0px 20px;
    color: #fff;
    background-color: #F18432;
    border-radius: 10px;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    white-space: nowrap;
}

    html body .page .btn-primary:hover {
        color: #F18432;
        background-color: #fff;
        border: 2px solid #F18432;
    }

    html body .page .btn-primary:focus, html body .page .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #F18432 !important;
        background-color: #fff !important;
        border: 2px solid #F18432 !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary {
    display: inline-block;
    padding: 0px 20px;
    color: #F18432;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #F18432;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    white-space: nowrap;
}

    html body .page .btn-secondary:hover {
        color: #fff;
        background-color: #F18432;
        border: 2px solid #fff;
    }

    html body .page .btn-secondary:focus, html body .page .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #fff !important;
        background-color: #F18432 !important;
        border: 2px solid #fff !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary-small {
    display: inline-block;
    padding: 1px 15px 0px 15px;
    color: #F18432;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #F18432;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}

    html body .page .btn-secondary-small:hover {
        color: #fff;
        background-color: #F18432;
        border: 1px solid #fff;
    }

    html body .page .btn-secondary-small:focus, html body .page .btn-secondary-small:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: #fff !important;
        background-color: #F18432 !important;
        border: 1px solid #fff !important;
        box-shadow: none !important;
    }

html body.noScroll {
    overflow: hidden;
    background-color: #000;
}

    html body.noScroll .page {
        transition: all 0.3s ease;
    }

svg.routeMap {
    display: block;
    width: 820px;
    height: 1330px;
    overflow: hidden;
    background-color: #FAFCFF;
    transition: all 0.3s ease;
}

    svg.routeMap .cls-1 {
        fill: transparent;
    }

    svg.routeMap .cls-4 {
        fill: #fff;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        svg.routeMap .cls-4:hover {
            fill: #044EA3;
            stroke: #F18432;
            transition: all 0.3s ease;
        }

    svg.routeMap .cls-2 {
        fill: #DBE8F6;
    }

    svg.routeMap .cls-3, svg.routeMap .cls-7 {
        fill: none;
    }

    svg.routeMap .cls-3, svg.routeMap .cls-4 {
        stroke: #044EA3;
    }

    svg.routeMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.routeMap .cls-4 {
        stroke-width: 6px;
    }

    svg.routeMap .cls-5 {
        fill: #000;
        font-size: 16px;
        font-family: 'ivypresto_headline_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.routeMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.routeMap .cls-6 {
        stroke: none;
    }

    svg.routeMap path[id^='Path-'] {
        opacity: 0;
        transition: all 1s ease;
    }

    svg.routeMap .dotText .cls-5 {
        opacity: 0;
        transition: all 0.3s ease;
    }

    svg.routeMap .dotText:hover .cls-5 {
        opacity: 1;
        transition: all 0.3s ease;
    }

svg.sailingMap {
    display: block;
    width: 730px;
    height: 500px;
    overflow: hidden;
}

    svg.sailingMap .cls-1, svg.sailingMap .cls-3 {
        fill: none;
    }

    svg.sailingMap .cls-2 {
        fill: #DBE8F6;
        stroke: #DBE8F6;
        opacity: 0.8;
    }

    svg.sailingMap .cls-3, svg.sailingMap .cls-4 {
        stroke: #044EA3;
    }

    svg.sailingMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.sailingMap .cls-4 {
        fill: #fff;
        stroke-width: 6px;
    }

    svg.sailingMap .cls-5 {
        fill: #000;
        font-size: 16px;
        font-family: 'pptelegraf_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.sailingMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.sailingMap .cls-6 {
        stroke: none;
    }

svg.iconMenuMobile {
    display: block;
    width: 122px;
    height: 122px;
    overflow: hidden;
}

    svg.iconMenuMobile .cls-1, svg.iconMenuMobile .cls-2 {
        fill: none;
    }

    svg.iconMenuMobile .cls-2 {
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 4px;
    }

svg.iconHome {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.iconHome .cls-1, svg.iconHome .cls-2 {
        fill: none;
    }

    svg.iconHome .cls-3, svg.iconHome .cls-4 {
        stroke: none;
    }

    svg.iconHome .cls-4 {
        fill: #044EA3;
    }

svg.iconClose {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    svg.iconClose .cls-1, svg.iconClose .cls-2 {
        fill: none;
    }

    svg.iconClose .cls-2 {
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 2px;
    }

svg.iconTruckFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconTruckFront .cls-1 {
        fill-rule: evenodd;
    }

svg.iconTimeSpeed {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

svg.iconShipFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconShipFront .cls-1 {
        stroke: #FAFCFF;
        stroke-width: 0.5px;
    }

svg.iconHelp {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

    svg.iconHelp .cls-1 {
        fill: #F18432;
        stroke: #F18432;
    }

svg.aNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.aNews .cls-1 {
        fill: none;
    }

    svg.aNews .cls-2 {
        fill: #4A4A4A;
        stroke: #fff;
    }

svg.sNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.sNews .cls-1 {
        fill: none;
    }

    svg.sNews .cls-2 {
        fill: #4A4A4A;
        stroke: #fff;
        stroke-width: 0.5px;
    }

svg.gNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.gNews .cls-1 {
        fill: none;
    }

    svg.gNews .cls-2 {
        fill: #4A4A4A;
    }

svg.bNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.bNews .cls-1 {
        fill: none;
    }

    svg.bNews .cls-2 {
        fill: #4A4A4A;
    }

svg.newsNavArrow {
    display: block;
    width: 50px;
    height: 70px;
    overflow: hidden;
}

    svg.newsNavArrow .cls-1, svg.newsNavArrow .cls-2 {
        fill: none;
    }

    svg.newsNavArrow .cls-2 {
        stroke: #fff;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.5px;
    }

svg.iconQuote {
    display: block;
    width: 130px;
    height: 110px;
    overflow: hidden;
}

    svg.iconQuote .cls-1 {
        fill: #fff;
        stroke: #D4D4D4;
    }

svg.twitterLogo {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 80px;
    height: 65px;
    overflow: hidden;
}

    svg.twitterLogo .cls-1 {
        fill: #044EA3;
    }

svg.iconArwBothWays {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 15px;
    overflow: hidden;
}

    svg.iconArwBothWays .cls-1 {
        fill: #D4D4D4;
    }

svg.iconProfile {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 25px;
    overflow: hidden;
}

    svg.iconProfile .cls-1 {
        fill: #F18432;
        fill-rule: evenodd;
    }

svg.searchIcon {
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

    svg.searchIcon .cls-1 {
        fill: none;
    }

    svg.searchIcon .cls-2 {
        fill: #F18432;
    }

svg.searchClose {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.searchClose .cls-1 {
        fill: none;
        stroke: #F18432;
        stroke-linecap: round;
        stroke-width: 2px;
    }

header {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

    header .brandRow {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        header .brandRow .colLogo {
            margin: 0px;
            padding: 0px;
            min-width: 231px;
            width: 231px;
            max-width: 231px;
        }

            header .brandRow .colLogo a {
                display: block;
                margin: 0px 0px 0px 50px;
                padding: 60px 0px;
                width: 135px;
                height: 64px;
                overflow: hidden;
                background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                background-size: contain;
            }

        header .brandRow .colOptions {
            margin: 0px;
            padding: 0px;
            text-align: right;
            width: calc(100% - 231px);
        }

            header .brandRow .colOptions .threeCols {
                display: flex;
                direction: rtl;
                margin: 0px;
                padding: 0px;
                align-items: center;
            }

                header .brandRow .colOptions .threeCols .mMenuCol {
                    direction: ltr;
                    margin: 0px;
                    padding: 0px;
                    margin-left: 15px;
                    display: none;
                }

                    header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                        position: relative;
                    }

                        header .brandRow .colOptions .threeCols .mMenuCol .menuMobile::before {
                            content: attr(data-name);
                            position: absolute;
                            top: 36px;
                            right: 60px;
                            font-size: 10px;
                            line-height: 10px;
                            color: #000;
                            text-transform: uppercase;
                        }

                header .brandRow .colOptions .threeCols .btnCol {
                    direction: ltr;
                    margin: 0px 50px 0px 15px;
                    padding: 0px;
                }

                header .brandRow .colOptions .threeCols .langCol {
                    direction: ltr;
                    margin: 0px 15px;
                    padding: 0px;
                }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary {
                        position: relative;
                        background-color: #fff;
                        border: 1px solid #F7F7F7;
                        font-size: 16px;
                        line-height: 40px;
                        font-weight: 500;
                        color: #000;
                        padding: 0px 15px;
                        margin: 0px;
                        transition: all 0.3s ease;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:hover {
                            border: 1px solid #D4D4D4;
                            transition: all 0.3s ease;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.img img {
                            width: 30px;
                            height: 20px;
                            object-fit: cover;
                            margin-right: 8px;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.txt {
                            padding-right: 15px;
                            font-weight: 500;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:focus {
                            box-shadow: none;
                        }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-toggle::after {
                        display: inline-block;
                        content: '';
                        width: 8px;
                        height: 8px;
                        border-top: solid 2px #F18432;
                        border-right: solid 2px #F18432;
                        -webkit-transform: rotate(135deg);
                        transform: rotate(135deg);
                        border-left: unset;
                        vertical-align: .2em;
                    }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: #fff;
                        padding: 0px;
                        overflow: hidden;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 16px;
                            line-height: 40px;
                            color: #000;
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: #fff;
                            transition: all 0.3s ease;
                        }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.img img {
                                width: 28px;
                                height: 18px;
                                object-fit: cover;
                                margin-right: 8px;
                                border: 1px solid #F7F7F7;
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.txt {
                                font-weight: 500;
                                padding-right: 20px;
                                transition: all 0.3s ease;
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: #044EA3;
                                transition: all 0.3s ease;
                            }

                                header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover span.txt {
                                    color: #fff;
                                    transition: all 0.3s ease;
                                }

                    header .brandRow .colOptions .threeCols .langCol.measure {
                        margin-left: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.measure .dropdown .btn-secondary {
                            border-radius: 0px 10px 10px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.currency {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.currency .dropdown .btn-secondary {
                            border-radius: 0px 0px 0px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.language {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.language .dropdown .btn-secondary {
                            border-radius: 10px 0px 0px 10px;
                        }

                header .brandRow .colOptions .threeCols .searchCol {
                    margin: 0px;
                    direction: ltr;
                }

                    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
                        position: relative;
                        max-width: 400px;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                        overflow: hidden;
                        border: 0px solid #F7F7F7;
                        border-radius: 6px;
                        background-color: #F7F7F7;
                    }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol .searchIcon .cls-2 {
                                fill: #D4D4D4;
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol {
                            width: calc(100% - 166px);
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input {
                                display: block;
                                margin: 0px;
                                padding: 0px 10px 0px 0px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: #000;
                                font-weight: 500;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol {
                            width: 82px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button {
                                display: block;
                                margin: 0px;
                                padding: 0px 15px 0px 5px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: #F18432;
                                text-transform: uppercase;
                                font-weight: 700;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol .closeBtn {
                                display: block;
                                padding: 12px;
                                background-color: transparent;
                                border-radius: 0px 6px 6px 0px;
                                overflow: hidden;
                                cursor: pointer;
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .fieldCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .sBtnCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .closeCol {
                            display: none;
                        }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon {
                            background-color: #fff;
                            cursor: pointer;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon .cls-2 {
                                fill: #F18432;
                            }

@media all and (max-width: 1149px) {
    header .brandRow .colLogo {
        min-width: 140px;
        width: 140px;
        max-width: 140px;
    }

        header .brandRow .colLogo a {
            display: block;
            margin: 0px 0px 0px 30px;
            padding: 40px 0px;
            width: 84px;
            height: 40px;
        }

    header .brandRow .colOptions {
        width: calc(100% - 140px);
    }

        header .brandRow .colOptions .threeCols .mMenuCol {
            display: block;
        }

            header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                width: 80px;
                height: 80px;
            }

                header .brandRow .colOptions .threeCols .mMenuCol .menuMobile svg.iconMenuMobile {
                    width: 80px;
                    height: 80px;
                }

        header .brandRow .colOptions .threeCols .btnCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .langCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .searchCol {
            margin-right: 15px;
        }
}

@media all and (max-width: 599px) {
    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
        position: absolute;
        top: 80px;
        left: 0px;
        right: 0px;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        border-radius: 0px;
        max-width: 100%;
    }

        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide {
            position: relative;
            left: unset;
            right: unset;
            top: unset;
            border-top: 0px solid #D4D4D4;
            border-bottom: 0px solid #D4D4D4;
            border-radius: 0px;
        }
}

@media all and (max-width: 1149px) {
    header {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 0;
        border-bottom: 1px solid #D4D4D4;
        z-index: 800;
    }
}

nav.touchDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: #fff;
    border-bottom: 1px solid #D4D4D4;
    z-index: 900;
}

    nav.touchDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.touchDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.touchDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.touchDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: #044EA3;
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.touchDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.touchDevice .cols ul li a:hover {
                        color: #F18432;
                    }

                    nav.touchDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.touchDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px #044EA3;
                            border-right: solid 2px #044EA3;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.touchDevice .cols ul li ul.subMenu {
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: #044EA3;
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.touchDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.touchDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li a:hover {
                                background-color: #F18432;
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: #F18432;
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.touchDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.touchDevice .cols ul li.active a {
                    color: #000;
                }

                    nav.touchDevice .cols ul li.active a svg .cls-4 {
                        fill: #000;
                    }

                    nav.touchDevice .cols ul li.active a:hover {
                        color: #000;
                    }

                nav.touchDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.touchDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.touchDevice .cols:last-child {
            text-align: right;
        }

            nav.touchDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.touchDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.touchDevice .cols:last-child ul li:first-child a {
                padding: 0px 5px 0px 5px;
            }

nav.mouseDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: #fff;
    border-bottom: 1px solid #D4D4D4;
    z-index: 900;
}

    nav.mouseDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.mouseDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.mouseDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.mouseDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: #044EA3;
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.mouseDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.mouseDevice .cols ul li a:hover {
                        color: #F18432;
                    }

                    nav.mouseDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.mouseDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px #044EA3;
                            border-right: solid 2px #044EA3;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.mouseDevice .cols ul li ul.subMenu {
                    z-index: 10;
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: #044EA3;
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.mouseDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.mouseDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li a:hover {
                                background-color: #F18432;
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: #fff;
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: #F18432;
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.mouseDevice .cols ul li:hover ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.active a {
                    color: #000;
                }

                    nav.mouseDevice .cols ul li.active a svg .cls-4 {
                        fill: #000;
                    }

                    nav.mouseDevice .cols ul li.active a:hover {
                        color: #000;
                    }

                nav.mouseDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.mouseDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.mouseDevice .cols:last-child {
            text-align: right;
        }

            nav.mouseDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.mouseDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.mouseDevice .cols:last-child ul li:first-child a {
                padding: 0px 20px 0px 5px;
            }

@media all and (max-width: 1149px) {
    nav.touchDevice {
        display: none;
    }

    nav.mouseDevice {
        display: none;
    }
}

footer {
    position: relative;
    display: block;
    margin: 0px;
    padding: 50px;
    overflow: hidden;
    border-top: 6px solid #044EA3;
}

    footer .firstThreeCols {
        display: flex;
    }

        footer .firstThreeCols .levelOneCol {
            width: calc(100% - 440px);
            margin: 0px;
            padding: 0px;
        }

            footer .firstThreeCols .levelOneCol .rowOne {
                display: flex;
            }

                footer .firstThreeCols .levelOneCol .rowOne .levelTwoCol {
                    flex: 1;
                }

            footer .firstThreeCols .levelOneCol ul {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                list-style: none;
            }

                footer .firstThreeCols .levelOneCol ul li {
                    display: block;
                    padding: 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                    footer .firstThreeCols .levelOneCol ul li a {
                        display: inline-block;
                        color: #044EA3;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 300;
                        white-space: nowrap;
                    }

                        footer .firstThreeCols .levelOneCol ul li a:hover {
                            color: #F18432;
                        }

                    footer .firstThreeCols .levelOneCol ul li:first-child a {
                        font-weight: 500;
                    }

                footer .firstThreeCols .levelOneCol ul + ul {
                    padding-top: 15px;
                }

            footer .firstThreeCols .levelOneCol .rowTwo {
                display: flex;
                margin-top: 20px;
                border-top: 1px solid #D4D4D4;
                padding-top: 20px;
            }

                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol {
                    flex: 1;
                }

                    footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p {
                        display: block;
                        text-transform: uppercase;
                        color: #044EA3;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 14px;
                        padding-right: 30px;
                    }

                        footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span {
                            font-size: 13px;
                            line-height: 15px;
                            display: block;
                            text-transform: none;
                            color: #4A4A4A;
                            font-weight: 300 !important;
                        }

                            footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a {
                                color: #F18432;
                            }

                                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a:hover {
                                    color: #044EA3;
                                }

            footer .firstThreeCols .levelOneCol:first-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:first-child .logo {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 135px;
                    height: 64px;
                    overflow: hidden;
                    background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                    background-size: contain;
                }

                footer .firstThreeCols .levelOneCol:first-child p.smlTxt {
                    display: block;
                    margin: 0px;
                    padding: 7px 0px;
                    font-size: 12px;
                    line-height: 14px;
                    color: #959595;
                    font-weight: 300;
                    margin-bottom: 10px;
                }

                footer .firstThreeCols .levelOneCol:first-child ul li:first-child a {
                    font-weight: 300;
                }

                footer .firstThreeCols .levelOneCol:first-child .rowSmIcons {
                    display: block;
                    margin: 0px;
                    padding: 15px 0px;
                }

                    footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a {
                        display: block;
                        float: left;
                        width: 30px;
                        height: 30px;
                        overflow: hidden;
                        margin-right: 15px;
                    }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a img {
                            display: block;
                            width: 30px;
                            height: 30px;
                            overflow: hidden;
                        }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a:last-child {
                            margin-right: 0px;
                        }

            footer .firstThreeCols .levelOneCol:last-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:last-child h3 {
                    font-size: 18px;
                    line-height: 22px;
                    text-transform: uppercase;
                    color: #959595;
                }

                footer .firstThreeCols .levelOneCol:last-child .imgLinks {
                    display: block;
                    width: 180px;
                    height: 51px;
                    margin: 15px auto 0px 0px;
                }

                    footer .firstThreeCols .levelOneCol:last-child .imgLinks img {
                        display: block;
                        width: 180px;
                        height: 51px;
                    }

@media all and (max-width: 1149px) {
    footer {
        padding: 30px;
    }
}

@media all and (max-width: 1029px) {
    footer .firstThreeCols .levelOneCol:nth-of-type(2n) {
        display: none;
    }

    footer .firstThreeCols .levelOneCol:first-child,
    footer .firstThreeCols .levelOneCol:last-child {
        width: 50%;
    }
}

@media all and (max-width: 449px) {
    footer .firstThreeCols {
        flex-direction: column-reverse;
    }

        footer .firstThreeCols .levelOneCol:first-child,
        footer .firstThreeCols .levelOneCol:last-child {
            width: 100%;
        }

        footer .firstThreeCols .levelOneCol:last-child {
            padding-bottom: 30px;
        }
}

.mobileMenu {
    position: fixed;
    z-index: 9001;
    top: 0px;
    right: -340px;
    bottom: 0px;
    width: 320px;
    background-color: #044EA3;
    overflow: hidden;
    transition: 0.3s ease;
    -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

    .mobileMenu a.closeMenu {
        position: absolute;
        z-index: 9002;
        right: 20px;
        top: 20px;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }

        .mobileMenu a.closeMenu svg {
            display: block;
            width: 18px;
            height: 18px;
        }

    .mobileMenu .titleRow {
        display: block;
        margin: 0px;
        padding: 20px 20px 10px 20px;
        text-align: center;
        background-color: #fff;
        overflow: hidden;
    }

        .mobileMenu .titleRow a.logo {
            display: inline-block;
            margin: 0px auto;
            padding: 0px;
            overflow: hidden;
        }

            .mobileMenu .titleRow a.logo img {
                display: block;
                width: 90px;
            }

    .mobileMenu .contentArea {
        display: block;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100% - 85px);
    }

        .mobileMenu .contentArea ul {
            display: block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .mobileMenu .contentArea ul li {
                display: block;
                margin: 0px;
                padding: 0px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            }

                .mobileMenu .contentArea ul li a {
                    position: relative;
                    display: block;
                    margin: 0px;
                    padding: 0px 20px;
                    color: #fff;
                    font-size: 16px;
                    line-height: 48px;
                    font-weight: 500;
                }

                    .mobileMenu .contentArea ul li a .imageAndText {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        align-items: center;
                    }

                        .mobileMenu .contentArea ul li a .imageAndText span.img {
                            width: 38px;
                            overflow: hidden;
                            padding-right: 8px;
                        }

                            .mobileMenu .contentArea ul li a .imageAndText span.img img {
                                width: 30px;
                            }

                        .mobileMenu .contentArea ul li a .imageAndText span.txt {
                            font-weight: 500;
                            overflow: hidden;
                        }

                    .mobileMenu .contentArea ul li a:before {
                        content: '';
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        width: 10px;
                        height: 10px;
                        border-top: solid 1px #fff;
                        border-right: solid 1px #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        opacity: 0.5;
                    }

                .mobileMenu .contentArea ul li ul {
                    display: none;
                }

                .mobileMenu .contentArea ul li.hSeparator {
                    height: 6px;
                    background-color: rgba(0, 0, 0, 0.2);
                    border-bottom: 0px solid transparent;
                }

                .mobileMenu .contentArea ul li.showSubMenu {
                    background-color: #fff;
                    border-top: 1px solid #D4D4D4;
                }

                    .mobileMenu .contentArea ul li.showSubMenu a {
                        color: #F18432;
                    }

                        .mobileMenu .contentArea ul li.showSubMenu a:before {
                            top: 17px;
                            border-color: #F18432;
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                    .mobileMenu .contentArea ul li.showSubMenu.show a:before {
                        top: 20px;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .mobileMenu .contentArea ul li.showSubMenu.show ul {
                        display: block;
                    }

                        .mobileMenu .contentArea ul li.showSubMenu.show ul li {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.1);
                            padding: 0px 25px;
                        }

                            .mobileMenu .contentArea ul li.showSubMenu.show ul li a:before {
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

    .mobileMenu.show {
        right: 0px;
        transition: 0.3s ease;
    }

.formGroup {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
}

    .formGroup .form-control {
        position: relative;
        display: block;
        width: 100%;
        margin: 0px;
        padding: 4px 10px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        color: #000;
        background-color: #fff;
        height: unset;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 3px;
        border: 1px solid #D4D4D4;
        min-height: 50px;
    }

        .formGroup .form-control:hover {
            border: 1px solid #959595;
        }

        .formGroup .form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
        }

    .formGroup input[type=text].form-control,
    .formGroup input[type=date].form-control {
        padding: 0px 15px 0px 15px;
        line-height: 48px;
        border-radius: 3px;
    }

        .formGroup input[type=text].form-control:focus,
        .formGroup input[type=date].form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            box-shadow: none;
        }

    .formGroup select.form-control {
        padding: 0px 45px 0px 15px;
        line-height: 48px;
    }

        .formGroup select.form-control:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            box-shadow: none;
        }

        .formGroup select.form-control + svg.svgBg {
            position: absolute;
            top: 1px;
            right: 1px;
            display: block;
            width: 48px;
            height: 48px;
            overflow: hidden;
            pointer-events: none;
            background-color: transparent;
            border-radius: 0px 3px 3px 0px;
        }

            .formGroup select.form-control + svg.svgBg .cls-1, .formGroup select.form-control + svg.svgBg .cls-2 {
                fill: none;
            }

            .formGroup select.form-control + svg.svgBg .cls-2 {
                stroke: #F18432;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 2px;
            }

    .formGroup .btn-interchange {
        display: block;
        margin: 0px 0px 0px 8px;
        padding: 0px;
        overflow: hidden;
        width: 50px;
        height: 50px;
        border-radius: 3px;
        border: 1px solid #D4D4D4;
        background-color: #fff;
    }

        .formGroup .btn-interchange svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0px;
            padding: 0px;
        }

            .formGroup .btn-interchange svg .cls-1 {
                fill: none;
            }

            .formGroup .btn-interchange svg .cls-2 {
                fill: #F18432;
            }

        .formGroup .btn-interchange:hover {
            border: 1px solid #959595;
        }

        .formGroup .btn-interchange:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
        }

    .formGroup .btn-calendar {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        overflow: hidden;
        width: 58px;
        height: 50px;
        border-radius: 0px 3px 3px 0px;
        border: 1px solid #D4D4D4;
        background-color: #fff;
        border-left: 0px;
    }

        .formGroup .btn-calendar svg {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0px;
            padding: 0px 0px 0px 8px;
        }

            .formGroup .btn-calendar svg .cls-1 {
                fill: none;
            }

            .formGroup .btn-calendar svg .cls-2 {
                fill: #F18432;
            }

        .formGroup .btn-calendar:hover {
            border: 1px solid #959595;
            border-left: 0px;
        }

        .formGroup .btn-calendar:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            border: 1px solid #959595;
            border-left: 0px;
            box-shadow: none;
        }

    .formGroup .fieldAndBtn {
        position: relative;
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .formGroup .fieldAndBtn .fieldCol {
            position: relative;
            margin: 0px;
            padding: 0px;
            width: calc(100% - 58px);
        }

            .formGroup .fieldAndBtn .fieldCol input[type=date].form-control {
                border-radius: 3px 0px 0px 3px;
                border-right: 0px;
            }

            .formGroup .fieldAndBtn .fieldCol input[type=text].form-control {
                border-radius: 3px 0px 0px 3px;
                border-right: 0px;
            }

        .formGroup .fieldAndBtn .icnBtnCol {
            position: relative;
            width: 58px;
            margin: 0px;
            padding: 0px;
        }

.navSecondarySection,
.navSecondarySection.touchDevice,
.navSecondarySection.mouseDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 56px;
    display: block;
    margin: 0px;
    padding: 0px 50px;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 2;
}

    .navSecondarySection ul,
    .navSecondarySection.touchDevice ul,
    .navSecondarySection.mouseDevice ul {
        display: flex;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        list-style: none;
        flex-wrap: wrap;
    }

        .navSecondarySection ul li,
        .navSecondarySection.touchDevice ul li,
        .navSecondarySection.mouseDevice ul li {
            margin: 0px;
            padding: 0px 15px;
        }

            .navSecondarySection ul li a,
            .navSecondarySection.touchDevice ul li a,
            .navSecondarySection.mouseDevice ul li a {
                display: block;
                padding: 10px 0px;
                white-space: nowrap;
                font-size: 16px;
                line-height: 38px;
                font-weight: 700;
                color: #F18432;
                text-transform: uppercase;
            }

                .navSecondarySection ul li a:hover,
                .navSecondarySection.touchDevice ul li a:hover,
                .navSecondarySection.mouseDevice ul li a:hover {
                    color: #044EA3;
                }

            .navSecondarySection ul li:first-child,
            .navSecondarySection.touchDevice ul li:first-child,
            .navSecondarySection.mouseDevice ul li:first-child {
                padding-left: 0px;
            }

            .navSecondarySection ul li:last-child,
            .navSecondarySection.touchDevice ul li:last-child,
            .navSecondarySection.mouseDevice ul li:last-child {
                padding-right: 0px;
            }

@media all and (max-width: 1149px) {
    .navSecondarySection {
        padding: 0px 30px;
        top: 80px;
    }

        .navSecondarySection ul li {
            padding: 0px 10px;
        }

            .navSecondarySection ul li a {
                padding: 6px 0px;
                font-size: 15px;
                line-height: 38px;
                font-weight: 500;
            }

            .navSecondarySection ul li:first-child {
                padding-left: 0px;
            }

            .navSecondarySection ul li:last-child {
                padding-right: 0px;
            }
}

@media all and (max-width: 991px) {
    .navSecondarySection {
        display: none;
    }

        .navSecondarySection + .sailingScheduleTextSection {
            position: relative;
            margin-top: -50px;
            z-index: 2;
        }
}

@media (max-width: 576px) {
    .navSecondarySection,
    .navSecondarySection.touchDevice,
    .navSecondarySection.mouseDevice {
        position: static;
        /* Safari */
        position: static;
        top: 56px;
        display: block;
        margin: 0px;
        padding: 0px 50px;
        overflow: hidden;
        background-color: #fff;
        border-top: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        margin-top: -1px;
        margin-bottom: -1px;
        z-index: 2;
    }
}

.routeMapSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    z-index: 1;
}

    .routeMapSection .mobileInfo {
        display: none;
        background-color: #FAFCFF;
        border-bottom: 1px solid #D4D4D4;
        text-align: center;
        margin: 0px;
        padding: 6px 30px;
    }

@media all and (max-width: 879px) {
    .routeMapSection .mobileInfo {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }
}

.routeMapSection .twoCols {
    display: flex;
    flex: 1;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
    height: 600px;
}

    .routeMapSection .twoCols .mapCol {
        width: 700px;
        overflow: hidden;
        height: 100%;
    }

        .routeMapSection .twoCols .mapCol .mapHolder {
            position: relative;
            display: block;
            height: 600px;
            overflow: hidden;
        }

            .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                margin-top: -300px;
                margin-left: -5vw;
                width: 700px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-'] {
                    opacity: 0.5;
                    transition: all 0.5s ease;
                    cursor: pointer;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-']:hover, .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-']:focus {
                        opacity: 1;
                        stroke: #F18432;
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4 {
                    fill: #fff;
                    stroke: #044EA3;
                    cursor: default;
                    transition: all 0.3s ease;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4:hover {
                        fill: #fff;
                        stroke: #044EA3;
                        cursor: default;
                        transition: all 0.3s ease;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap text.cls-5 {
                    opacity: 1;
                }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-3 {
                    stroke-width: 4px;
                    stroke-dasharray: 5000;
                }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Path-Dover-Calais {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Calais .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais #Dover .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Path-Tilbury-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Tilbury .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Path-Liverpool-Dublin {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Liverpool .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin #Dublin .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Path-Larne-Cairnryan {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Larne .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan #Cairnryan .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Tilbury .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Path-Teesport-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Teesport .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Path-Teesport-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Teesport .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Path-Hull-Europoort {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Hull .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort #Europoort .cls-5 {
                        opacity: 1;
                    }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    margin-top: -270px;
                    margin-left: -120px;
                    width: 820px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Path-Hull-Zeebrugge {
                        opacity: 1;
                        transition: all 0.5s ease;
                        stroke: #F18432;
                    }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-4,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-4 {
                        stroke: #F18432;
                    }

                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-4:hover,
                        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-4:hover {
                            stroke: #F18432;
                        }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Hull .cls-5,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge #Zeebrugge .cls-5 {
                        opacity: 1;
                    }

    .routeMapSection .twoCols .contentCol {
        width: calc(100% - 700px);
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents {
            display: block;
            margin: 0px;
            padding: 0px;
            height: 100%;
            overflow: hidden;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                position: relative;
                display: flex;
                height: 100%;
                max-height: 100%;
                overflow: hidden;
                align-items: center;
                padding-right: 50px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    position: absolute;
                    top: 50px;
                    right: 60px;
                    width: 20px;
                    height: 20px;
                    overflow: hidden;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                        display: block;
                        width: 18px;
                        height: 18px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    display: block;
                    margin: 0px;
                    border: 0px solid #D4D4D4;
                    padding: 15px 0px 15px 30px;
                    padding-bottom: 60px;
                    flex: 1;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box h1 {
                        color: #044EA3;
                        margin: 0px;
                        padding: 0px 30px 0px 0px;
                        text-transform: uppercase;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box h1 span {
                            display: block;
                            font-size: 12px;
                            color: #4A4A4A;
                            text-transform: uppercase;
                            line-height: 12px;
                            font-weight: 300;
                            padding-left: 2px;
                        }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box p {
                        color: #000;
                        margin: 0px;
                        padding: 7px 0px;
                    }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 8px 0px;
                        columns: 2;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 5px 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a {
                                position: relative;
                                display: inline-block;
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 500;
                                color: #044EA3;
                                margin: 0px;
                                padding: 0px 0px 0px 15px;
                                white-space: nowrap;
                                max-width: 100%;
                                text-overflow: ellipsis;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:hover, .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:focus {
                                    color: #F18432;
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:before {
                                    content: '';
                                    position: absolute;
                                    left: 1px;
                                    top: 8px;
                                    width: 6px;
                                    height: 6px;
                                    border-top: solid 1px #F18432;
                                    border-right: solid 1px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                        display: flex;
                        margin: 0px;
                        padding: 25px 0px;
                        align-items: flex-start;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                            padding: 0px 80px 0px 0px;
                            margin: 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item {
                                position: relative;
                                display: block;
                                margin: 0px;
                                padding: 0px;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder {
                                    position: absolute;
                                    top: 0px;
                                    right: -5px;
                                    width: 16px;
                                    height: 16px;
                                    overflow: hidden;
                                    margin: 0px;
                                    padding: 0px;
                                    border: 0px;
                                    background-color: transparent;
                                    cursor: pointer;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder:focus {
                                        outline-width: 0px;
                                        outline-color: transparent;
                                        outline-style: none;
                                        -webkit-appearance: none;
                                    }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                                    display: block;
                                    width: 36px;
                                    height: 36px;
                                    overflow: hidden;
                                    padding: 0px;
                                    margin: 0px;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 6px 0px 0px 0px;
                                    font-size: 12px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 1px 0px 1px 0px;
                                    font-size: 16px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt b {
                                        font-weight: 500;
                                    }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt span {
                                        display: none;
                                        font-weight: 500;
                                        padding-right: 4px;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol:last-child {
                                padding-right: 0px;
                            }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                        display: flex;
                        margin: 0px 0px 0px 0px;
                        padding: 10px 0px 0px 0px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol {
                            position: relative;
                            margin: 0px;
                            padding: 0px;
                        }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                                position: relative;
                                display: inline-block;
                                padding: 0px 50px 0px 15px;
                                color: #fff;
                                background-color: #F18432;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 15px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #fff;
                                    border-right: solid 2px #fff;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover {
                                    color: #fff;
                                    background-color: #044EA3;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover:before {
                                        border-top: solid 2px #fff;
                                        border-right: solid 2px #fff;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                                display: inline-block;
                                padding: 0px 40px 0px 15px;
                                color: #F18432;
                                background-color: transparent;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 16px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #F18432;
                                    border-right: solid 2px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover {
                                    color: #044EA3;
                                }

                                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover:before {
                                        border-top: solid 2px #044EA3;
                                        border-right: solid 2px #044EA3;
                                    }

                            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                                padding-right: 30px;
                            }

@media all and (max-width: 1274px) {
    .routeMapSection .twoCols {
        height: 500px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 600px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 500px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -350px;
                    width: 600px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -330px;
                        margin-left: -110px;
                        width: 720px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 600px);
            height: 100%;
        }
}

@media all and (max-width: 1149px) {
    .routeMapSection .twoCols {
        height: 450px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 550px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 550px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -360px;
                        margin-left: -100px;
                        width: 620px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 500px);
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                top: 30px;
                right: 30px;
                width: 16px;
                height: 16px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                    width: 16px;
                    height: 16px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 0px 60px 0px 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                        width: 26px;
                        height: 26px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon svg {
                            width: 26px;
                            height: 26px;
                        }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                        padding: 4px 0px 0px 0px;
                        font-size: 10px;
                        line-height: 14px;
                    }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                        font-size: 14px;
                        line-height: 14px;
                    }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                        top: 14px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 17px;
                    }
}

@media all and (max-width: 991px) {
    .routeMapSection .twoCols {
        height: 450px;
    }

        .routeMapSection .twoCols .mapCol {
            width: 450px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 500px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -375px;
                        margin-left: -90px;
                        width: 600px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: calc(100% - 450px);
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: unset;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                    padding: 2px 0px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 14px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 14px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 14px;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding-right: 10px;
                }
}

@media all and (max-width: 879px) {
    .routeMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .routeMapSection .twoCols .mapCol {
            width: 100%;
        }

            .routeMapSection .twoCols .mapCol .mapHolder {
                height: 400px;
                border-bottom: 1px solid #D4D4D4;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    width: 600px;
                    margin: 0px auto;
                    margin-top: -360px;
                }

                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        width: 600px;
                        margin: 0px auto;
                        margin-top: -360px;
                    }

        .routeMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 30px;
                    padding-bottom: 80px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 600px) {
    .routeMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .routeMapSection .twoCols .mapCol .mapHolder {
            height: 270px;
        }

            .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                width: 414px;
                margin-top: -460px;
            }

                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    width: 414px;
                    margin-top: -460px;
                }

        .routeMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 25px;
                    padding-bottom: 80px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 450px) {
    .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap {
        margin-left: -60px;
    }

        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
        .routeMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
            margin-left: -60px;
        }

    .routeMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
            max-width: 614px;
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }
}

@media all and (max-width: 374px) {
    .routeMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .routeMapSection .twoCols .contentCol .allContents .contentBox .box {
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 15px 40px 0px 0px;
                }

            .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                flex-direction: column;
                margin-top: 15px;
            }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding: 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child a.btnWithArrow {
                        display: block;
                    }

                .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child {
                    padding: 15px 0px;
                }

                    .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow {
                        display: block;
                        border: 1px solid #F18432;
                        line-height: 38px;
                    }

                        .routeMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow:before {
                            top: 29px;
                        }
}

.newsBox {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    height: 0px;
    z-index: 1;
}

    .newsBox .boxContent {
        position: absolute;
        top: -50px;
        left: 0px;
        right: 0px;
        height: 100px;
        background-color: #8E52A0;
        margin: 0px 100px;
        border-radius: 3px;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
    }

        .newsBox .boxContent .colContentNav {
            display: flex;
            margin: 0px;
            padding: 15px;
            align-items: center;
            overflow: hidden;
        }

            .newsBox .boxContent .colContentNav .colContent {
                width: calc(100% - 100px);
            }

                .newsBox .boxContent .colContentNav .colContent .allItems {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    height: 70px;
                    overflow: hidden;
                }

                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem {
                        display: flex;
                        height: 100%;
                        align-items: center;
                    }

                        .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon {
                            width: 70px;
                            height: 70px;
                            overflow: hidden;
                            margin: 0px;
                            padding: 0px;
                        }

                            .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg {
                                width: 70px;
                                height: 70px;
                                overflow: hidden;
                                margin: 0px;
                                padding: 0px;
                            }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.aNews .cls-2 {
                                    fill: #fff;
                                    stroke: #8E52A0;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.bNews .cls-2 {
                                    fill: #fff;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.gNews .cls-2 {
                                    fill: #fff;
                                }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon svg.sNews .cls-2 {
                                    fill: #fff;
                                    stroke: #8E52A0;
                                }

                        .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent {
                            width: calc(100% - 70px);
                            padding: 0px 15px;
                            max-height: 70px;
                        }

                            .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                font-weight: 300;
                                line-height: 17px;
                                color: #fff;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                -webkit-line-clamp: 2;
                                -webkit-box-orient: vertical;
                            }

                                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a {
                                    display: block;
                                    font-weight: 300;
                                    color: #fff;
                                }

                                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a span {
                                        display: block;
                                        font-weight: 700;
                                    }

                                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a:hover span {
                                        text-decoration: underline;
                                    }

            .newsBox .boxContent .colContentNav .colNav {
                width: 100px;
                display: flex;
                align-items: center;
            }

                .newsBox .boxContent .colContentNav .colNav a {
                    width: 50px;
                }

                    .newsBox .boxContent .colContentNav .colNav a:first-child {
                        transform: rotate(-180deg);
                    }

                    .newsBox .boxContent .colContentNav .colNav a.disable {
                        opacity: 0.3;
                    }

@media all and (max-width: 1149px) {
    .newsBox .boxContent {
        margin: 0px 50px;
    }
}

@media all and (max-width: 559px) {
    .newsBox .boxContent {
        margin: 0px 30px;
    }

        .newsBox .boxContent .colContentNav {
            padding: 15px 0px;
        }

            .newsBox .boxContent .colContentNav .colContent {
                width: calc(100% - 80px);
            }

                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .icon {
                    display: none;
                }

                .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent {
                    width: 100%;
                }

                    .newsBox .boxContent .colContentNav .colContent .allItems .eachItem .textContent p a {
                        line-height: 17px;
                    }

            .newsBox .boxContent .colContentNav .colNav {
                width: 80px;
            }

                .newsBox .boxContent .colContentNav .colNav a svg {
                    width: 100%;
                }
}

.newsBox + section {
    padding-top: 80px;
}

    .newsBox + section .colorOverlay {
        margin-top: -80px;
        padding-top: 80px;
    }

.homeAboutSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 0px;
    overflow: hidden;
    background-size: cover;
    background-attachment: fixed;
    z-index: 0;
}

    .homeAboutSection .colorOverlay {
        display: block;
        margin: 0px;
        padding: 50px 100px 50px 100px;
        overflow: hidden;
        background-color: rgba(4, 78, 163, 0.7);
    }

        .homeAboutSection .colorOverlay .contentBox {
            display: block;
            margin: 0px;
            padding: 30px 0px 0px 0px;
            overflow: hidden;
        }

            .homeAboutSection .colorOverlay .contentBox .row div {
                color: #fff;
            }

                .homeAboutSection .colorOverlay .contentBox .row div p {
                    text-shadow: 0px 0px 8px #000;
                    padding: 7px 0px;
                }

                    .homeAboutSection .colorOverlay .contentBox .row div p:first-child {
                        padding-top: 0px;
                    }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes {
                display: table;
                margin: 0px auto;
                padding: 0px;
                overflow: hidden;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
                    display: table-cell;
                    table-layout: fixed;
                    padding: 30px 15px 15px 15px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        overflow: hidden;
                        width: 130px;
                        border: 1px solid #fff;
                        border-radius: 10px;
                        text-align: center;
                    }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                            position: relative;
                            display: block;
                            padding: 20px 5px 20px 5px;
                            font-size: 36px;
                            line-height: 36px;
                            font-weight: 700;
                            color: #fff;
                            transition: all 0.3s ease;
                        }

                            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                                position: absolute;
                                display: block;
                                left: 0px;
                                right: 0px;
                                top: 52px;
                                font-size: 12px;
                                line-height: 12px;
                                font-weight: 300;
                                text-transform: uppercase;
                            }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                            display: block;
                            padding: 8px 15px;
                            font-size: 14px;
                            line-height: 16px;
                            font-weight: 700;
                            background-color: #F18432;
                            color: #fff;
                            transition: all 0.3s ease;
                        }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox:hover .number {
                            background-color: #F18432;
                            transition: all 0.3s ease;
                        }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox:hover .text {
                            background-color: #044EA3;
                            transition: all 0.3s ease;
                        }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol:first-child {
                        padding-left: 0px;
                    }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol:last-child {
                        padding-right: 0px;
                    }

@media all and (max-width: 1149px) {
    .homeAboutSection .colorOverlay {
        padding: 50px 50px 50px 50px;
    }
}

.twoAccTypeSectionNew {
    display: block;
    margin: 0px;
    padding: 30px 30px;
    overflow: hidden;
    background-color: var(--clr-blue-lightest);
}

    .twoAccTypeSectionNew .twoColumns {
        display: flex;
        margin: 0px;
        padding: 20px 0px;
    }

        .twoAccTypeSectionNew .twoColumns .column {
            width: 50%;
            margin: 0px;
            padding: 30px;
            background-color: var(--clr-white);
            border-radius: 8px;
            -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
            margin: 50px;
        }

            .twoAccTypeSectionNew .twoColumns .column h3 {
                display: block;
                margin: 0px;
                padding: 12px 15px;
                color: var(--clr-white);
                text-align: center;
                background-color: var(--clr-blue);
                border-radius: 6px;
                margin-top: -56px;
                margin-bottom: 20px;
            }

            .twoAccTypeSectionNew .twoColumns .column .bulletContent {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px 0px 15px 0px;
                overflow: hidden;
            }

                .twoAccTypeSectionNew .twoColumns .column .bulletContent ul {
                    position: relative;
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                    list-style: none;
                }

                    .twoAccTypeSectionNew .twoColumns .column .bulletContent ul li {
                        position: relative;
                        display: block;
                        margin: 0px;
                        padding: 12px 0px 0px 25px;
                        overflow: hidden;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 400;
                    }

                        .twoAccTypeSectionNew .twoColumns .column .bulletContent ul li:before {
                            content: "";
                            color: var(--clr-blue);
                            position: absolute;
                            left: 0px;
                            margin-left: 3px;
                            margin-top: 4px;
                            width: 14px;
                            height: 8px;
                            border-bottom: solid 2px var(--clr-blue);
                            border-left: solid 2px var(--clr-blue);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

            .twoAccTypeSectionNew .twoColumns .column .twoButtonsCol {
                display: flex;
                margin: 0px;
                padding: 15px 0px 0px 0px;
                overflow: hidden;
                align-items: center;
            }

                .twoAccTypeSectionNew .twoColumns .column .twoButtonsCol .btnCol {
                    padding-right: 15px;
                }

            .twoAccTypeSectionNew .twoColumns .column:last-child .bulletContent ul li:before {
                color: var(--clr-orange);
                border-bottom: solid 2px var(--clr-orange);
                border-left: solid 2px var(--clr-orange);
            }

@media all and (max-width: 1149px) {
    .twoAccTypeSectionNew .twoColumns {
        padding: 15px 0px;
    }

        .twoAccTypeSectionNew .twoColumns .column {
            padding: 20px;
            margin: 30px;
        }

            .twoAccTypeSectionNew .twoColumns .column h3 {
                margin-top: -42px;
                margin-bottom: 15px;
            }

            .twoAccTypeSectionNew .twoColumns .column .bulletContent ul li {
                font-size: 14px;
                line-height: 18px;
            }
}

@media all and (max-width: 991px) {
    .twoAccTypeSectionNew .twoColumns {
        flex-direction: column;
    }

        .twoAccTypeSectionNew .twoColumns .column {
            width: unset;
        }
}

@media all and (max-width: 767px) {
    .twoAccTypeSectionNew .twoColumns {
        padding-top: 0px;
    }

        .twoAccTypeSectionNew .twoColumns .column {
            margin: 0px;
            margin-top: 60px;
        }

            .twoAccTypeSectionNew .twoColumns .column:first-child {
                margin-top: 25px;
            }
}


@media all and (max-width: 559px) {
    .homeAboutSection .colorOverlay {
        padding: 50px 30px 50px 30px;
    }

        .homeAboutSection .colorOverlay .contentBox {
            padding-top: 10px;
        }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
                padding: 20px 7px 15px 7px;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                    width: 100px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                        padding: 15px 5px 15px 5px;
                        font-size: 26px;
                        line-height: 26px;
                    }

                        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                            top: 37px;
                        }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                        font-size: 12px;
                        line-height: 14px;
                        padding: 6px 5px;
                    }
}

@media all and (max-width: 390px) {
    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes {
        display: block;
    }

        .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol {
            display: block;
            padding: 10px 0px;
        }

            .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox {
                display: flex;
                margin: 0px;
                width: 100%;
            }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number {
                    width: 65px;
                    padding: 15px 5px 15px 5px;
                    font-size: 26px;
                    line-height: 26px;
                }

                    .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .number .subTxt {
                        top: 37px;
                    }

                .homeAboutSection .colorOverlay .contentBox .threeInfoBoxes .infoCol .infoBox .text {
                    width: calc(100% - 65px);
                    font-size: 14px;
                    line-height: 26px;
                    padding: 15px 5px 15px 10px;
                    text-align: left;
                }
}

.homeShippingServices {
    display: block;
    margin: 0px;
    padding: 50px 100px;
    overflow: hidden;
}

    .homeShippingServices .contentBox {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .homeShippingServices .contentBox .textRow {
            display: block;
            margin: 0px auto;
            padding: 0px 0px 15px 0px;
            width: 80%;
            overflow: hidden;
            text-align: center;
        }

            .homeShippingServices .contentBox .textRow h2 {
                color: #044EA3;
            }

        .homeShippingServices .contentBox .row .iconText {
            display: block;
            text-align: center;
            padding: 15px 0px;
        }

            .homeShippingServices .contentBox .row .iconText .icon {
                display: block;
                width: 80px;
                height: 80px;
                margin: 0px auto;
            }

                .homeShippingServices .contentBox .row .iconText .icon img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

@media all and (max-width: 991px) {
    .homeShippingServices .contentBox .row .iconText .icon {
        width: 60px;
        height: 60px;
    }
}

.homeShippingServices .contentBox .row .iconText .text {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #044EA3;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.homeShippingServices .contentBox .row .iconText:hover .text {
    color: #F18432;
    transition: all 0.3s ease;
}

.homeShippingServices .contentBox .row + .textRow {
    padding-top: 15px;
}

@media all and (max-width: 1149px) {
    .homeShippingServices {
        padding: 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .homeShippingServices .contentBox .textRow {
        width: unset;
    }
}

@media all and (max-width: 559px) {
    .homeShippingServices {
        padding: 40px 30px;
    }

        .homeShippingServices .contentBox .textRow {
            text-align: left;
        }
}

.threeColumnBoxSection {
    display: flex;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #D4D4D4;
    overflow: hidden;
}

    .threeColumnBoxSection .column {
        flex: 1;
        margin: 0px;
        padding: 50px 50px;
        border-right: 1px solid #D4D4D4;
    }

        .threeColumnBoxSection .column h3 {
            color: #044EA3;
            text-transform: uppercase;
        }

        .threeColumnBoxSection .column p a {
            color: #F18432;
            font-weight: 700;
        }

        .threeColumnBoxSection .column p + .btn-secondary-small {
            margin-top: 15px;
        }

        .threeColumnBoxSection .column .accordianHolder {
            display: block;
            margin: 0px;
            padding: 15px 0px 15px 0px;
            overflow: hidden;
        }

            .threeColumnBoxSection .column .accordianHolder .eachItem {
                position: relative;
                display: block;
                margin: 0px;
                padding: 6px 0px;
            }

                .threeColumnBoxSection .column .accordianHolder .eachItem .itemTitle {
                    position: relative;
                    display: inline-block;
                    margin: 0px;
                    padding: 2px 0px 0px 22px;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: #F18432;
                }

                    .threeColumnBoxSection .column .accordianHolder .eachItem .itemTitle::before {
                        position: absolute;
                        left: 0px;
                        top: 4px;
                        content: "+";
                        width: 15px;
                        height: 15px;
                        overflow: hidden;
                        border: 1px solid #F18432;
                        border-radius: 16px;
                        font-size: 12px;
                        line-height: 13px;
                        text-align: center;
                    }

                .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails {
                    display: none;
                }

                    .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull {
                        clear: both;
                        display: inline-block;
                        margin: 10px 0px 0px 0px;
                        padding: 6px 5px 6px 10px;
                        background-color: #F7F7F7;
                        border-radius: 3px;
                        overflow: hidden;
                        color: #4A4A4A;
                    }

                        .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull p {
                            display: inline-block;
                            font-size: 12px;
                            line-height: 20px;
                            color: #4A4A4A;
                            margin: 0px;
                            padding: 0px;
                            margin-right: 5px;
                        }

                        .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull .smlBtn {
                            display: inline-block;
                            margin: 0px 5px 0px 0px;
                            padding: 0px 10px;
                            color: #F18432;
                            border: 1px solid #F18432;
                            border-radius: 3px;
                            overflow: hidden;
                            font-size: 12px;
                            line-height: 18px;
                            font-weight: 500;
                            background-color: #fff;
                        }

@media all and (max-width: 410px) {
    .threeColumnBoxSection .column .accordianHolder .eachItem .itemDetails .boxHelpfull p {
        display: block;
        margin-right: 0px;
        padding-right: 3px;
    }
}

.threeColumnBoxSection .column .accordianHolder .eachItem.open .itemTitle::before {
    content: "-";
}

.threeColumnBoxSection .column .accordianHolder .eachItem.open .itemDetails {
    display: block;
    margin: 0px;
    padding: 2px 22px 0px 22px;
    overflow: hidden;
}

.threeColumnBoxSection .column .accordianHolder .eachItem:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.threeColumnBoxSection .column .threeDataCols {
    display: flex;
    margin: 10px 0px;
    padding: 0px;
    align-items: center;
}

    .threeColumnBoxSection .column .threeDataCols .col {
        padding: 0px;
        width: 33%;
    }

        .threeColumnBoxSection .column .threeDataCols .col p {
            padding: 5px 0px;
            text-align: center;
        }

            .threeColumnBoxSection .column .threeDataCols .col p:first-child {
                font-weight: 700;
                border-bottom: 1px solid #D4D4D4;
            }

        .threeColumnBoxSection .column .threeDataCols .col:first-child p {
            text-align: left;
        }

        .threeColumnBoxSection .column .threeDataCols .col:last-child p {
            text-align: right;
        }

.threeColumnBoxSection .column:last-child {
    border-right: 0px solid #D4D4D4 !important;
}

@media all and (max-width: 991px) {
    .threeColumnBoxSection .column {
        padding: 30px 30px;
    }
}

@media all and (max-width: 767px) {
    .threeColumnBoxSection {
        display: block;
    }

        .threeColumnBoxSection .column {
            display: block;
            padding: 30px 30px;
            border-bottom: 1px solid #D4D4D4;
            border-right: 0px solid #D4D4D4;
        }

            .threeColumnBoxSection .column:last-child {
                border-bottom: 0px solid #D4D4D4;
            }
}

.testimonialSection {
    display: block;
    margin: 0px;
    padding: 50px;
    overflow: hidden;
    background-color: #DBE8F6;
}

    .testimonialSection .imageAndContentCols {
        display: flex;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .testimonialSection .imageAndContentCols .imageCol {
            width: 350px;
            background-color: #044EA3;
        }

            .testimonialSection .imageAndContentCols .imageCol img {
                position: relative;
                display: none;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

                .testimonialSection .imageAndContentCols .imageCol img.show {
                    display: block;
                }

        .testimonialSection .imageAndContentCols .contentCol {
            position: relative;
            width: calc(100% - 350px);
            padding: 30px;
            background-color: #FAFCFF;
        }

            .testimonialSection .imageAndContentCols .contentCol .quote {
                position: absolute;
                top: -25px;
                right: 20px;
                width: 130px;
                height: 110px;
                overflow: hidden;
                filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1));
            }

            .testimonialSection .imageAndContentCols .contentCol h2 {
                color: #044EA3;
            }

            .testimonialSection .imageAndContentCols .contentCol h3 {
                position: relative;
                color: #4A4A4A;
                padding: 15px 0px 20px 0px;
                margin-bottom: 10px;
            }

                .testimonialSection .imageAndContentCols .contentCol h3:after {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    content: "";
                    width: 100px;
                    border-bottom: 4px solid #D4D4D4;
                }

            .testimonialSection .imageAndContentCols .contentCol p {
                color: #959595;
                font-size: 14px;
                line-height: 16px;
            }

                .testimonialSection .imageAndContentCols .contentCol p b {
                    display: block;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 700;
                }

            .testimonialSection .imageAndContentCols .contentCol .allTestimonials {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .testimonialSection .imageAndContentCols .contentCol .allTestimonials .eachQuotes {
                    display: none;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                }

                    .testimonialSection .imageAndContentCols .contentCol .allTestimonials .eachQuotes.show {
                        display: block;
                    }

@media all and (max-width: 1149px) {
    .testimonialSection {
        padding: 30px;
    }

        .testimonialSection .imageAndContentCols .contentCol .quote {
            top: -15px;
            width: 100px;
            height: 84px;
        }

            .testimonialSection .imageAndContentCols .contentCol .quote svg {
                width: 100px;
                height: 84px;
            }
}

@media all and (max-width: 799px) {
    .testimonialSection {
        padding: 30px;
    }

        .testimonialSection .imageAndContentCols {
            display: block;
        }

            .testimonialSection .imageAndContentCols .imageCol {
                display: block;
                width: 100%;
                height: 280px;
            }

            .testimonialSection .imageAndContentCols .contentCol {
                display: block;
                width: 100%;
            }

                .testimonialSection .imageAndContentCols .contentCol .quote {
                    top: -35px;
                }
}

.listNewsSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    border-bottom: 1px solid #D4D4D4;
}

    .listNewsSection .eachItem {
        display: flex;
        height: 100%;
        align-items: center;
        border-bottom: 1px solid #D4D4D4;
        padding: 25px 0px;
    }

        .listNewsSection .eachItem .icon {
            overflow: hidden;
            margin: 0px;
            padding: 0px;
        }

            .listNewsSection .eachItem .icon svg {
                width: 70px;
                height: 70px;
                overflow: hidden;
                margin: 0px;
                padding: 0px;
            }

        .listNewsSection .eachItem .textContent {
            width: calc(100% - 70px);
            padding: 0px 15px;
        }

            .listNewsSection .eachItem .textContent p {
                display: block;
                display: -webkit-box;
                margin: 0px;
                padding: 0px;
                font-weight: 300;
                color: #000;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
            }

                .listNewsSection .eachItem .textContent p a {
                    display: block;
                    font-weight: 700;
                    color: #044EA3;
                }

                    .listNewsSection .eachItem .textContent p a:hover {
                        color: #F18432;
                    }

        .listNewsSection .eachItem:first-child {
            padding-top: 0px;
        }

        .listNewsSection .eachItem:last-child {
            border-bottom: 0px solid #D4D4D4;
        }

@media all and (max-width: 1149px) {
    .listNewsSection {
        padding: 30px;
    }

        .listNewsSection .eachItem {
            padding: 15px 0px;
        }
}

@media all and (max-width: 499px) {
    .listNewsSection {
        padding: 30px;
    }

        .listNewsSection .eachItem .icon svg {
            width: 50px;
            height: 50px;
        }

        .listNewsSection .eachItem .icon .textContent {
            width: calc(100% - 50px);
        }
}

.twitterFeedSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    background-color: #FAFCFF;
}

    .twitterFeedSection .logoAndFeedCol {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: flex-start;
    }

        .twitterFeedSection .logoAndFeedCol .logoCol {
            width: 80px;
        }

        .twitterFeedSection .logoAndFeedCol .feedCol {
            width: calc(100% - 80px);
            padding-left: 15px;
        }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading {
                display: block;
                margin: 0px;
                padding: 0px 0px 11px 0px;
                overflow: hidden;
            }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading h2 {
                    display: block;
                    color: #044EA3;
                    padding: 0px;
                    margin: 0px;
                    text-transform: uppercase;
                }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading a {
                    display: inline-block;
                    color: #F18432;
                    font-size: 16px;
                    line-height: 18px;
                    font-weight: 500;
                    text-decoration: underline;
                }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds {
                display: flex;
                margin: 0px;
                padding: 10px 0px 0px 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed {
                    flex: 1;
                    padding: 0px 30px 0px 0px;
                }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                    }

                        .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p a {
                            display: block;
                            color: #044EA3;
                            font-weight: 500;
                        }

                            .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed p a:hover {
                                color: #F18432;
                            }

                    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed:last-child {
                        padding-right: 0px;
                    }

@media all and (max-width: 1149px) {
    .twitterFeedSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds {
        display: block;
        padding-top: 0px;
    }

        .twitterFeedSection .logoAndFeedCol .feedCol .rowFeeds .feed {
            display: block;
            padding: 15px 0px;
        }
}

@media all and (max-width: 499px) {
    .twitterFeedSection .logoAndFeedCol {
        display: block;
    }

        .twitterFeedSection .logoAndFeedCol .logoCol {
            display: block;
            width: unset;
        }

        .twitterFeedSection .logoAndFeedCol .feedCol {
            display: block;
            width: unset;
            padding: 0px;
        }

            .twitterFeedSection .logoAndFeedCol .feedCol .rowHeading {
                padding-top: 15px;
            }
}

.twitterFeedSection.darkBg {
    background-color: #8E52A0;
}

    .twitterFeedSection.darkBg .logoAndFeedCol .logoCol .twitterLogo .cls-1 {
        fill: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowHeading h2 {
        color: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowHeading a {
        color: #fff;
    }

    .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p {
        color: #fff;
    }

        .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p a {
            color: #fff;
            text-decoration: underline;
        }

            .twitterFeedSection.darkBg .logoAndFeedCol .feedCol .rowFeeds .feed p a:hover {
                text-decoration: none;
            }

.pageHeaderSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px 50px;
    overflow: hidden;
    background-color: #044EA3;
    min-height: 300px;
}

    .pageHeaderSection .contentBox {
        position: relative;
        display: flex;
        float: right;
        max-width: 650px;
        padding: 50px 50px;
        background-color: rgba(4, 78, 163, 0.6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        min-height: 300px;
        align-items: center;
    }

        .pageHeaderSection .contentBox h1 {
            color: #fff;
            padding-bottom: 8px;
        }

        .pageHeaderSection .contentBox hr {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            margin: 4px 0px;
            padding: 0px 0px;
        }

        .pageHeaderSection .contentBox p {
            padding: 5px 0px;
            color: #fff;
        }

            .pageHeaderSection .contentBox p a {
                display: inline-block;
                color: #F18432;
                text-decoration: underline;
                font-weight: 700;
            }

                .pageHeaderSection .contentBox p a:hover {
                    color: #F18432;
                    text-decoration: none;
                }

            .pageHeaderSection .contentBox p b, .pageHeaderSection .contentBox p strong {
                font-weight: 700;
            }

@media all and (max-width: 1149px) {
    .pageHeaderSection .contentBox {
        padding: 50px 30px;
        max-width: 550px;
    }
}

@media all and (max-width: 614px) {
    .pageHeaderSection {
        padding: 0px 30px;
        min-height: unset;
    }

        .pageHeaderSection .contentBox {
            display: block;
            padding: 30px 25px;
            max-width: unset;
            min-height: unset;
        }
}

.newsHeadingSection {
    display: block;
    margin: 0px;
    padding: 35px 50px 35px 30px;
    overflow: hidden;
    background-color: #044EA3;
}

    .newsHeadingSection .iconAndHeadingAndButton {
        display: flex;
        align-items: center;
    }

        .newsHeadingSection .iconAndHeadingAndButton .iconCol {
            width: 70px;
        }

            .newsHeadingSection .iconAndHeadingAndButton .iconCol svg {
                width: 70px;
                height: 70px;
                overflow: hidden;
                margin: 0px;
                padding: 0px;
            }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.aNews .cls-2 {
                    fill: #fff;
                    stroke: #044EA3;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.bNews .cls-2 {
                    fill: #fff;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.gNews .cls-2 {
                    fill: #fff;
                }

                .newsHeadingSection .iconAndHeadingAndButton .iconCol svg.sNews .cls-2 {
                    fill: #fff;
                    stroke: #044EA3;
                }

        .newsHeadingSection .iconAndHeadingAndButton .textCol {
            width: calc(100% - 170px);
            padding-right: 15px;
            padding-left: 15px;
            color: #fff;
        }

        .newsHeadingSection .iconAndHeadingAndButton .linkCol {
            width: 100px;
            text-align: right;
        }

            .newsHeadingSection .iconAndHeadingAndButton .linkCol a {
                display: inline-block;
                font-size: 12px;
                line-height: 20px;
                border: 1px solid #fff;
                padding: 4px 15px;
                border-radius: 6px;
                color: #fff;
                font-weight: 500;
            }

@media all and (max-width: 1149px) {
    .newsHeadingSection {
        padding: 30px 30px 30px 15px;
    }
}

@media all and (max-width: 767px) {
    .newsHeadingSection {
        padding-top: 20px;
    }

        .newsHeadingSection .iconAndHeadingAndButton {
            display: block;
        }

            .newsHeadingSection .iconAndHeadingAndButton .iconCol {
                width: unset;
            }

            .newsHeadingSection .iconAndHeadingAndButton .textCol {
                width: unset;
                padding-right: 0px;
            }

            .newsHeadingSection .iconAndHeadingAndButton .linkCol {
                width: unset;
                text-align: left;
                padding-left: 15px;
                padding-top: 15px;
            }
}

.verticalTabLikeSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .verticalTabLikeSection .colsNavAndContent {
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav {
            width: 270px;
            padding: 0px;
        }

            .verticalTabLikeSection .colsNavAndContent .colNav ul {
                display: block;
                margin: 0px;
                padding: 30px 0px 100px 0px;
                border-right: 1px solid #D4D4D4;
                list-style: none;
            }

                .verticalTabLikeSection .colsNavAndContent .colNav ul li {
                    display: block;
                    padding: 4px 15px;
                    margin: 0px;
                    background-color: #fff;
                }

                    .verticalTabLikeSection .colsNavAndContent .colNav ul li a {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px;
                        font-size: 16px;
                        line-height: 38px;
                        font-weight: 700;
                        color: #F18432;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colNav ul li a:hover {
                            color: #044EA3;
                        }

                    .verticalTabLikeSection .colsNavAndContent .colNav ul li.active {
                        border-top: 1px solid #D4D4D4;
                        margin-right: -1px;
                        border-bottom: 1px solid #D4D4D4;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colNav ul li.active a {
                            color: #000;
                        }

        .verticalTabLikeSection .colsNavAndContent .colContent {
            width: calc(100% - 270px);
            padding: 5px 0px 15px 30px;
        }

            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder {
                    display: block;
                    margin: 0px;
                    padding: 15px 0px 0px 0px;
                    overflow: hidden;
                }

                    .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem {
                        position: relative;
                        display: block;
                        margin: 0px;
                        padding: 10px 0px;
                        border-bottom: 1px solid #D4D4D4;
                    }

                        .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemTitle {
                            position: relative;
                            display: inline-block;
                            margin: 0px;
                            padding: 2px 0px 0px 22px;
                            font-size: 16px;
                            line-height: 20px;
                            font-weight: 500;
                            color: #F18432;
                        }

                            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemTitle::before {
                                position: absolute;
                                left: 0px;
                                top: 4px;
                                content: "+";
                                width: 15px;
                                height: 15px;
                                overflow: hidden;
                                border: 1px solid #F18432;
                                border-radius: 16px;
                                font-size: 12px;
                                line-height: 13px;
                                text-align: center;
                            }

                        .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails {
                            display: none;
                        }

                            .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull {
                                clear: both;
                                display: inline-block;
                                margin: 10px 0px 0px 0px;
                                padding: 6px 5px 6px 10px;
                                background-color: #F7F7F7;
                                border-radius: 3px;
                                overflow: hidden;
                                color: #4A4A4A;
                            }

                                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull p {
                                    display: inline-block;
                                    font-size: 12px;
                                    line-height: 20px;
                                    color: #4A4A4A;
                                    margin: 0px;
                                    padding: 0px;
                                    margin-right: 5px;
                                }

                                .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull .smlBtn {
                                    display: inline-block;
                                    margin: 0px 5px 0px 0px;
                                    padding: 0px 10px;
                                    color: #F18432;
                                    border: 1px solid #F18432;
                                    border-radius: 3px;
                                    overflow: hidden;
                                    font-size: 12px;
                                    line-height: 18px;
                                    font-weight: 500;
                                    background-color: #fff;
                                }

@media all and (max-width: 410px) {
    .verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem .itemDetails .boxHelpfull p {
        display: block;
        margin-right: 0px;
        padding-right: 3px;
    }
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem.open .itemTitle::before {
    content: "-";
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem.open .itemDetails {
    display: block;
    margin: 0px;
    padding: 6px 22px 0px 22px;
    overflow: hidden;
}

.verticalTabLikeSection .colsNavAndContent .colContent .tabcontent .accordianHolder .eachItem:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.verticalTabLikeSection .colsNavAndContent .colContent .icon {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent .icon img {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

.verticalTabLikeSection .colsNavAndContent .colContent h2 {
    color: #044EA3;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.verticalTabLikeSection .colsNavAndContent .colContent p {
    padding: 8px 0px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent p b, .verticalTabLikeSection .colsNavAndContent .colContent p strong {
        font-weight: 500;
    }

    .verticalTabLikeSection .colsNavAndContent .colContent p a {
        display: inline-block;
        color: #F18432;
        text-decoration: underline;
        font-weight: 500;
    }

        .verticalTabLikeSection .colsNavAndContent .colContent p a:hover {
            color: #044EA3;
            text-decoration: none;
        }

.verticalTabLikeSection .colsNavAndContent .colContent hr {
    margin: 15px 0px;
}

.verticalTabLikeSection .colsNavAndContent .colContent ul {
    list-style: none;
    padding: 15px 15px;
    margin: 0px;
}

    .verticalTabLikeSection .colsNavAndContent .colContent ul li {
        display: block;
        position: relative;
        padding: 6px 0px 6px 15px;
        /*word-wrap: break-all;
        word-break: break-all;*/
    }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li b, .verticalTabLikeSection .colsNavAndContent .colContent ul li strong {
            font-weight: 500;
        }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li a {
            display: inline-block;
            color: #F18432;
            text-decoration: underline;
            font-weight: 500;
            word-wrap: break-all;
            word-break: break-all;
        }

            .verticalTabLikeSection .colsNavAndContent .colContent ul li a:hover {
                color: #044EA3;
                text-decoration: none;
            }

        .verticalTabLikeSection .colsNavAndContent .colContent ul li::before {
            position: absolute;
            top: 13px;
            left: 0px;
            content: "";
            color: #fff;
            font-weight: bold;
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 6px;
            border: 2px solid #044EA3;
            margin-left: 0px;
        }

@media all and (max-width: 1149px) {
    .verticalTabLikeSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .verticalTabLikeSection .colsNavAndContent .colNav {
        width: 200px;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav ul li {
            display: block;
            padding: 2px 10px;
        }

    .verticalTabLikeSection .colsNavAndContent .colContent {
        width: calc(100% - 200px);
    }
}

@media all and (max-width: 649px) {
    .verticalTabLikeSection .colsNavAndContent {
        display: block;
    }

        .verticalTabLikeSection .colsNavAndContent .colNav {
            display: block;
            width: unset;
        }

            .verticalTabLikeSection .colsNavAndContent .colNav ul {
                padding: 0px;
                border: 0px;
            }

                .verticalTabLikeSection .colsNavAndContent .colNav ul li {
                    display: block;
                    padding: 2px 0px;
                }

        .verticalTabLikeSection .colsNavAndContent .colContent {
            padding: 0px;
            padding-top: 25px;
            display: block;
            width: unset;
        }
}

.searchFaqSection {
    display: block;
    margin: 0px;
    padding: 25px 30px;
    overflow: hidden;
    border-bottom: 1px solid #D4D4D4;
}

    .searchFaqSection .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
    }

        .searchFaqSection .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid #D4D4D4;
            border-radius: 100px;
            background-color: #F7F7F7;
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #000;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .searchFaqSection .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .searchFaqSection .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }

.routeSelectorSection {
    display: block;
    margin: 0px;
    padding: 25px 30px;
    border-bottom: 1px solid #D4D4D4;
}

    .routeSelectorSection p {
        display: block;
        text-align: center;
        font-size: 12px !important;
        line-height: 12px !important;
        text-transform: uppercase;
        color: #959595;
        margin: 0px;
        padding: 0px 0px 5px 0px;
    }

    .routeSelectorSection .routeDropdown {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px auto;
        padding: 0px;
    }

        .routeSelectorSection .routeDropdown button {
            display: flex;
            margin: 0px;
            padding: 0px 25px 0 15px;
            overflow: hidden;
            width: 100%;
            border: 1px solid #F7F7F7;
            border-radius: 6px;
            background-color: #fff;
            align-items: center;
            transition: all 0.3s ease;
        }

            .routeSelectorSection .routeDropdown button:hover {
                border: 1px solid #D4D4D4;
                transition: all 0.3s ease;
            }

            .routeSelectorSection .routeDropdown button .arw {
                width: 15px;
            }

                .routeSelectorSection .routeDropdown button .arw svg {
                    width: 15px;
                }

            .routeSelectorSection .routeDropdown button .txt {
                width: calc(100% - 25px);
                font-size: 16px;
                line-height: 40px;
                font-weight: 500;
                color: #F18432;
                text-transform: uppercase;
                text-align: center;
            }

@media all and (max-width: 375px) {
    .routeSelectorSection .routeDropdown button .txt {
        font-size: 14px;
    }
}

.routeSelectorSection .routeDropdown button:focus {
    outline-width: 0px;
    outline-color: transparent;
    outline-style: none;
    -webkit-appearance: none;
}

.routeSelectorSection .routeDropdown button::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 15px;
    width: 8px;
    height: 8px;
    border-top: solid 2px #F18432;
    border-right: solid 2px #F18432;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.routeSelectorSection .routeDropdown .dropdown-menu {
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        padding: 0px 5px;
        border-bottom: 1px solid #D4D4D4;
        overflow: hidden;
    }

        .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .arw {
            width: 15px;
        }

            .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .arw svg {
                width: 15px;
            }

        .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .txt {
            width: calc(100% - 25px);
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #F18432;
            text-transform: uppercase;
            text-align: center;
            transition: all 0.3s ease;
        }

@media all and (max-width: 375px) {
    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item .txt {
        font-size: 14px;
    }
}

.routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:hover {
    background-color: #044EA3;
}

    .routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:hover .txt {
        color: #fff;
        transition: all 0.3s ease;
    }

.routeSelectorSection .routeDropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px solid #D4D4D4;
}

.bafContentSection {
    display: block;
    margin: 0px;
    padding: 40px 30px;
    overflow: hidden;
}

    .bafContentSection .threeDataCols {
        display: flex;
        max-width: 600px;
        margin: 0px auto;
        padding: 0px;
        align-items: center;
    }

        .bafContentSection .threeDataCols .col {
            width: 200px;
        }

            .bafContentSection .threeDataCols .col p {
                padding: 5px 0px;
                text-align: center;
            }

                .bafContentSection .threeDataCols .col p:first-child {
                    font-weight: 700;
                    border-bottom: 1px solid #D4D4D4;
                }

            .bafContentSection .threeDataCols .col:first-child p {
                text-align: left;
            }

            .bafContentSection .threeDataCols .col:last-child p {
                text-align: right;
            }

@media all and (max-width: 545px) {
    .bafContentSection .threeDataCols {
        display: block;
    }

        .bafContentSection .threeDataCols .col {
            display: block;
            padding: 15px 0px;
            width: unset;
        }

            .bafContentSection .threeDataCols .col p {
                text-align: center !important;
            }
}

.generalTemplateSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .generalTemplateSection .contentArea {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .generalTemplateSection .contentArea .row {
            padding-top: 10px;
            padding-bottom: 10px;
        }

            .generalTemplateSection .contentArea .row .col-12.col-md-6 ul {
                padding-left: 0px;
            }

        .generalTemplateSection .contentArea h1 {
            color: #044EA3;
            text-transform: uppercase;
        }

        .generalTemplateSection .contentArea .termsprivacy h1 {
            color: #044EA3;
            text-transform: uppercase;
            padding-bottom: 20px;
        }

        .generalTemplateSection .contentArea .termsprivacy h2 {
            color: #044EA3;
            text-transform: uppercase;
            padding-bottom: 5px;
            padding-top: 20px;
        }

        .generalTemplateSection .contentArea .termsprivacy h3 {
            color: #000;
            text-transform: uppercase;
            padding-bottom: 5px;
            padding-top: 20px;
        }

        .generalTemplateSection .contentArea p {
            padding: 8px 0px;
        }

            .generalTemplateSection .contentArea p b, .generalTemplateSection .contentArea p strong {
                font-weight: 500;
            }

            .generalTemplateSection .contentArea p a {
                display: inline-block;
                color: #F18432;
                text-decoration: underline;
                font-weight: 500;
            }

                .generalTemplateSection .contentArea p a:hover {
                    color: #044EA3;
                    text-decoration: none;
                }

        .generalTemplateSection .contentArea hr {
            margin: 30px 0px;
        }

        .generalTemplateSection .contentArea ul {
            list-style: none;
            padding: 15px 15px;
            margin: 0px;
        }

            .generalTemplateSection .contentArea ul li {
                display: block;
                position: relative;
                padding: 6px 0px 6px 15px;
                word-wrap: break-all;
                word-break: break-all;
            }

                .generalTemplateSection .contentArea ul li b, .generalTemplateSection .contentArea ul li strong {
                    font-weight: 500;
                }

                .generalTemplateSection .contentArea ul li a {
                    display: inline-block;
                    color: #F18432;
                    text-decoration: underline;
                    font-weight: 500;
                    word-wrap: break-all;
                    word-break: break-all;
                }

                    .generalTemplateSection .contentArea ul li a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

                .generalTemplateSection .contentArea ul li::before {
                    position: absolute;
                    top: 13px;
                    left: 0px;
                    content: "";
                    color: #fff;
                    font-weight: bold;
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 6px;
                    border: 2px solid #044EA3;
                    margin-left: 0px;
                }

@media all and (max-width: 1149px) {
    .generalTemplateSection {
        padding: 30px 30px;
    }
}

.contactListSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    border-top: 1px solid #D4D4D4;
}

    .contactListSection .row .searchFieldHolder {
        position: relative;
        display: block;
        max-width: 320px;
        margin: 0px;
        margin-top: 15px;
        padding: 0px;
        overflow: hidden;
    }

        .contactListSection .row .searchFieldHolder input {
            display: block;
            width: 100%;
            margin: 0px;
            padding: 0px 15px 0px 40px;
            border: 1px solid #D4D4D4;
            border-radius: 100px;
            background-color: #F7F7F7;
            background-image: url("../../svgs/search-icon-bg.svg");
            background-repeat: no-repeat;
            background-position: left center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            color: #000;
            -moz-appearance: none;
            -webkit-appearance: none;
        }

            .contactListSection .row .searchFieldHolder input:focus {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
            }

        .contactListSection .row .searchFieldHolder img.clear {
            position: absolute;
            top: 5px;
            right: 10px;
            display: block;
            width: 30px;
            height: 30px;
            z-index: 1;
        }

    .contactListSection .listBoxes {
        display: block;
        margin: 0px;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
    }

        .contactListSection .listBoxes .allBoxes {
            display: flex;
            flex-wrap: wrap;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .contactListSection .listBoxes .allBoxes .eachBox {
                width: calc(100% / 3);
                padding: 5px;
            }

                .contactListSection .listBoxes .allBoxes .eachBox .borderBox {
                    position: relative;
                    display: block;
                    border: 1px solid #D4D4D4;
                    border-radius: 6px;
                    background-color: #fff;
                    overflow: hidden;
                    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    height: 100%;
                    padding: 20px;
                }

                    .contactListSection .listBoxes .allBoxes .eachBox .borderBox h3 {
                        color: #044EA3;
                        text-transform: uppercase;
                        padding-bottom: 10px;
                    }

                        .contactListSection .listBoxes .allBoxes .eachBox .borderBox h3:after {
                            position: absolute;
                            top: 15px;
                            right: 15px;
                            content: attr(data-name);
                            font-size: 12px;
                            line-height: 12px;
                            color: #959595;
                        }

                    .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul {
                        display: block;
                        list-style: none;
                        padding: 0px 0px;
                        margin: 0px;
                    }

                        .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li {
                            display: block;
                            position: relative;
                            padding: 4px 0px 4px 0px;
                            font-weight: 300;
                            font-size: 14px;
                            line-height: 16px;
                        }

                            .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li b, .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li strong {
                                font-weight: 700;
                            }

                            .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li a {
                                display: inline-block;
                                color: #F18432;
                                font-size: 14px;
                                line-height: 16px;
                                font-weight: 500;
                                word-wrap: break-all;
                                word-break: break-all;
                            }

                                .contactListSection .listBoxes .allBoxes .eachBox .borderBox ul li a:hover {
                                    color: #044EA3;
                                }

@media all and (max-width: 1169px) {
    .contactListSection .listBoxes .allBoxes .eachBox {
        width: calc(100% / 2);
    }
}

@media all and (max-width: 749px) {
    .contactListSection .listBoxes .allBoxes .eachBox {
        width: 100%;
    }
}

@media all and (max-width: 1149px) {
    .contactListSection {
        padding: 30px 30px;
    }
}

.textVideoSection {
    position: relative;
    display: block;
    padding: 50px 50px;
    margin: 0px;
}

    .textVideoSection .txtVidCols {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 0px;
    }

        .textVideoSection .txtVidCols .txtCol {
            position: relative;
            width: 50%;
            padding-right: 30px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                position: absolute;
                top: -165px;
                display: block;
                margin: 0px;
                padding: 0px;
                width: 130px;
                transform: rotate(-10deg);
                z-index: 1;
            }

                .textVideoSection .txtVidCols .txtCol .badge img {
                    display: block;
                    width: 100%;
                    object-fit: contain;
                }

            .textVideoSection .txtVidCols .txtCol h2 {
                color: #044EA3;
                margin: 0px;
                padding: 0px 0px 0px 0px;
                text-transform: uppercase;
            }

            .textVideoSection .txtVidCols .txtCol p {
                display: block;
                padding: 6px 0px;
            }

        .textVideoSection .txtVidCols .vidCol {
            width: 50%;
        }

            .textVideoSection .txtVidCols .vidCol .video-container {
                display: block;
                position: relative;
                padding-bottom: 51.65%;
                padding-top: 30px;
                height: 0;
                overflow: hidden;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                border-radius: 3px;
            }

                .textVideoSection .txtVidCols .vidCol .video-container iframe, .textVideoSection .txtVidCols .vidCol .video-container object, .textVideoSection .txtVidCols .vidCol .video-container embed {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

@media all and (max-width: 1159px) {
    .textVideoSection .txtVidCols {
        flex-direction: column;
    }

        .textVideoSection .txtVidCols .txtCol {
            width: 100%;
            text-align: center;
            padding: 15px 0px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                top: -80px;
                width: 100px;
            }

        .textVideoSection .txtVidCols .vidCol {
            width: 100%;
            overflow: hidden;
            padding: 15px 15px;
            max-width: 600px;
            margin: 0px auto;
        }
}

@media all and (max-width: 1149px) {
    .textVideoSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 714px) {
    .textVideoSection {
        padding: 30px 0px;
    }

        .textVideoSection .txtVidCols .txtCol {
            padding-top: 0px;
            padding-left: 30px;
            padding-right: 30px;
        }

            .textVideoSection .txtVidCols .txtCol .badge {
                position: relative;
                top: unset;
                width: 100px;
                margin: 0px auto;
                margin-bottom: 15px;
                margin-top: -50px;
            }

        .textVideoSection .txtVidCols .vidCol {
            padding: 15px 30px;
        }
}

.threeDataSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 10px 30px 50px 30px;
    overflow: hidden;
}

    .threeDataSection h3 {
        position: relative;
        display: block;
        margin: 0px auto !important;
        max-width: 800px;
        padding: 25px 30px;
        color: #044EA3 !important;
        font-size: 32px !important;
        line-height: 38px !important;
        /*font-weight: 300 !important;*/
        font-weight: 400 !important;
        text-align: center !important;
    }

        .threeDataSection h3::after {
            position: absolute;
            bottom: 0px;
            left: 50%;
            content: "";
            width: 280px;
            height: 1px;
            margin-left: -140px;
            border-top: 1px solid #D4D4D4;
        }

        .threeDataSection h3::before {
            position: absolute;
            top: 0px;
            left: 50%;
            content: "";
            width: 280px;
            height: 1px;
            margin-left: -140px;
            border-top: 1px solid #D4D4D4;
        }

    .threeDataSection .threeDataCols {
        position: relative;
        display: flex;
        max-width: 800px;
        margin: 0px auto;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
        align-items: flex-start;
    }

        .threeDataSection .threeDataCols .dataCol {
            width: calc(100% / 3);
            padding: 0px 15px;
            font-size: 40px;
            line-height: 40px;
            font-weight: 700;
            text-align: center;
            color: #F18432;
        }

            .threeDataSection .threeDataCols .dataCol span {
                position: relative;
                display: block;
                font-size: 14px;
                line-height: 16px;
                font-weight: 500;
                color: #000;
                padding: 12px 0px 0px 0px;
                margin: 0px auto;
                margin-top: 5px;
                max-width: 90px;
                text-transform: uppercase;
                transition: all 0.3s ease;
            }

                .threeDataSection .threeDataCols .dataCol span::before {
                    position: absolute;
                    top: 0px;
                    left: 50%;
                    content: "";
                    width: 100px;
                    height: 1px;
                    margin-left: -50px;
                    border-top: 4px solid #D4D4D4;
                    transition: all 0.3s ease;
                }

            .threeDataSection .threeDataCols .dataCol:hover {
                color: #044EA3;
            }

                .threeDataSection .threeDataCols .dataCol:hover span {
                    color: #F18432;
                    transition: all 0.3s ease;
                }

                    .threeDataSection .threeDataCols .dataCol:hover span::before {
                        border-top: 4px solid #959595;
                        transition: all 0.3s ease;
                    }

@media all and (max-width: 599px) {
    .threeDataSection h3 {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .threeDataSection .threeDataCols .dataCol {
        font-size: 30px;
        line-height: 30px;
    }

        .threeDataSection .threeDataCols .dataCol span {
            font-size: 12px;
            line-height: 12px;
        }
}

@media all and (max-width: 400px) {
    .threeDataSection h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .threeDataSection .threeDataCols {
        flex-direction: column;
    }

        .threeDataSection .threeDataCols .dataCol {
            width: 100%;
            padding-top: 20px;
        }
}

.imageThenContentSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    min-height: 200px;
    background-color: #044EA3;
}

    .imageThenContentSection .contentBox {
        float: right;
        min-width: 320px;
        max-width: 500px;
        min-height: 200px;
        overflow: hidden;
        background-color: #044EA3;
        padding: 50px 100px 50px 50px;
        color: #fff;
    }

        .imageThenContentSection .contentBox h2 {
            padding: 0px;
        }

        .imageThenContentSection .contentBox h3 {
            font-weight: 500 !important;
        }

        .imageThenContentSection .contentBox p {
            padding: 8px 0px;
        }

        .imageThenContentSection .contentBox .btn-primary {
            margin-top: 10px;
            border-color: #F18432;
        }

            .imageThenContentSection .contentBox .btn-primary:hover {
                border-color: #fff;
            }

@media all and (max-width: 1149px) {
    .imageThenContentSection .contentBox {
        padding: 50px 70px 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .imageThenContentSection {
        padding-top: 300px;
    }

        .imageThenContentSection .contentBox {
            float: none;
            display: block;
            padding: 30px 30px 30px 30px;
        }
}

.filterPeopleSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    border-bottom: 1px solid #D4D4D4;
}

    .filterPeopleSection .twoRows {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .filterPeopleSection .twoRows .searchesRow {
            display: block;
            max-width: 320px;
            margin: 0px auto;
            padding: 0px;
        }

            .filterPeopleSection .twoRows .searchesRow .searchFieldHolder {
                position: relative;
                display: block;
                width: 100%;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .filterPeopleSection .twoRows .searchesRow .searchFieldHolder input {
                    display: block;
                    width: 100%;
                    margin: 0px;
                    padding: 0px 15px 0px 40px;
                    border: 1px solid #D4D4D4;
                    border-radius: 100px;
                    background-color: #F7F7F7;
                    background-image: url("../../svgs/search-icon-bg.svg");
                    background-repeat: no-repeat;
                    background-position: left center;
                    font-size: 16px;
                    line-height: 40px;
                    font-weight: 500;
                    color: #000;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                }

                    .filterPeopleSection .twoRows .searchesRow .searchFieldHolder input:focus {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .filterPeopleSection .twoRows .searchesRow .searchFieldHolder img.clear {
                    position: absolute;
                    top: 5px;
                    right: 10px;
                    display: block;
                    width: 30px;
                    height: 30px;
                    z-index: 1;
                }

        .filterPeopleSection .twoRows .atozRow {
            display: block;
            margin: 0px;
            padding: 20px 0px 0px 0px;
            text-align: center;
        }

            .filterPeopleSection .twoRows .atozRow ul {
                display: inline-block;
                margin: 0px auto;
                padding: 0px;
                list-style: none;
            }

                .filterPeopleSection .twoRows .atozRow ul li {
                    display: inline-block;
                    margin: 0px;
                    padding: 2px;
                }

                    .filterPeopleSection .twoRows .atozRow ul li a {
                        display: block;
                        font-size: 12px;
                        line-height: 12px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #044EA3;
                        padding: 6px 4px;
                        border: 1px solid #F7F7F7;
                        border-radius: 3px;
                        width: 26px;
                        text-align: center;
                    }

                        .filterPeopleSection .twoRows .atozRow ul li a:hover {
                            color: #F18432;
                            border: 1px solid #D4D4D4;
                        }

                    .filterPeopleSection .twoRows .atozRow ul li:first-child a {
                        width: unset;
                        padding: 6px 8px;
                    }

                    .filterPeopleSection .twoRows .atozRow ul li.selected a {
                        color: #fff;
                        background-color: #4A4A4A;
                    }

@media all and (max-width: 1149px) {
    .filterPeopleSection {
        padding: 30px 30px;
    }
}

.listPeopleSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .listPeopleSection .contentBoxes {
        display: block;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

        .listPeopleSection .contentBoxes .listBoxes {
            display: flex;
            flex-wrap: wrap;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .listPeopleSection .contentBoxes .listBoxes .eachBox {
                width: calc(100% / 3);
                padding: 5px;
            }

                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox {
                    position: relative;
                    display: block;
                    border: 1px solid #D4D4D4;
                    border-radius: 6px;
                    background-color: #fff;
                    overflow: hidden;
                    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
                    height: 100%;
                    padding: 20px;
                }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .iconBio {
                        position: absolute;
                        right: 15px;
                        top: 10px;
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        width: 30px;
                        height: 25px;
                        overflow: hidden;
                        cursor: pointer;
                    }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .iconBio:focus {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                            box-shadow: none !important;
                        }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox h3 {
                        color: #044EA3;
                        text-transform: uppercase;
                        padding-bottom: 10px;
                    }

                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                    }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol {
                            width: 60px;
                        }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol .picture {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                width: 60px;
                                height: 60px;
                                overflow: hidden;
                                background-color: #044EA3;
                                text-align: center;
                                color: #fff;
                                border-radius: 100px;
                                line-height: 60px;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .picCol .picture img {
                                    display: block;
                                    margin: 0px;
                                    padding: 0px;
                                    width: 60px;
                                    height: 60px;
                                    overflow: hidden;
                                    object-fit: cover;
                                }

                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol {
                            width: calc(100% - 60px);
                            padding-left: 10px;
                        }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol p {
                                display: block;
                                margin: 0px;
                                padding: 0px 0px 10px 0px;
                                font-size: 16px;
                                line-height: 20px;
                                font-weight: 700;
                                color: #000;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol p span {
                                    display: block;
                                    font-size: 12px;
                                    line-height: 12px;
                                    color: #4A4A4A;
                                    font-weight: 300;
                                }

                            .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul {
                                display: block;
                                list-style: none;
                                padding: 0px 0px;
                                margin: 0px;
                            }

                                .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li {
                                    display: block;
                                    position: relative;
                                    padding: 4px 0px 4px 0px;
                                    font-weight: 300;
                                    font-size: 14px;
                                    line-height: 16px;
                                }

                                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li b, .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li strong {
                                        font-weight: 700;
                                    }

                                    .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li a {
                                        display: inline-block;
                                        color: #F18432;
                                        font-size: 14px;
                                        line-height: 16px;
                                        font-weight: 500;
                                        word-wrap: break-all;
                                        word-break: break-all;
                                    }

                                        .listPeopleSection .contentBoxes .listBoxes .eachBox .borderBox .picTextCols .txtCol ul li a:hover {
                                            color: #044EA3;
                                        }

@media all and (max-width: 1200px) {
    .listPeopleSection .contentBoxes .listBoxes .eachBox {
        width: calc(100% / 2);
    }
}

@media all and (max-width: 749px) {
    .listPeopleSection .contentBoxes .listBoxes .eachBox {
        width: 100%;
    }
}

@media all and (max-width: 1149px) {
    .listPeopleSection {
        padding: 30px 30px;
    }
}

.twoAccTypeSection {
    display: block;
    margin: 0px;
    padding: 30px 30px;
    overflow: hidden;
    background-color: #FAFCFF;
}

    .twoAccTypeSection .twoColumns {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
        overflow: hidden;
    }

        .twoAccTypeSection .twoColumns .column {
            margin: 0px;
            padding: 50px 50px;
            flex: 1;
        }

            .twoAccTypeSection .twoColumns .column .contentBox {
                display: block;
                margin: 0px;
                padding: 0px;
                padding-right: 30px;
            }

                .twoAccTypeSection .twoColumns .column .contentBox h3 {
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 0px 0px;
                    color: #044EA3;
                }

                .twoAccTypeSection .twoColumns .column .contentBox p {
                    display: block;
                    margin: 0px;
                    padding: 8px 0px;
                }

                .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol {
                    display: flex;
                    padding-top: 15px;
                }

                    .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol {
                        flex: 1;
                        margin: 0px;
                        padding: 0px;
                    }

                        .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol p {
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 6px 2px;
                            font-size: 12px;
                            line-height: 12px;
                            color: #959595;
                            text-transform: uppercase;
                        }

                        .twoAccTypeSection .twoColumns .column .contentBox .twoButtonsCol .btnCol:first-child {
                            padding-right: 15px;
                        }

            .twoAccTypeSection .twoColumns .column:last-child {
                flex: 1;
            }

                .twoAccTypeSection .twoColumns .column:last-child .contentBox {
                    padding: 30px;
                    background-color: #fff;
                    border-radius: 8px;
                    overflow: hidden;
                    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
                }

@media all and (max-width: 1149px) {
    .twoAccTypeSection .twoColumns .column {
        margin: 0px;
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .twoAccTypeSection .twoColumns .column {
        margin: 0px;
        padding: 15px 15px;
    }
}

@media all and (max-width: 891px) {
    .twoAccTypeSection .twoColumns {
        flex-direction: column;
    }

        .twoAccTypeSection .twoColumns .column {
            max-width: 500px;
            margin: 0px auto;
            padding: 0px;
        }

            .twoAccTypeSection .twoColumns .column:last-child {
                padding-top: 40px;
            }

                .twoAccTypeSection .twoColumns .column:last-child .contentBox {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    border: 1px solid #D4D4D4;
                    padding: 20px;
                }
}

.allRoutesSection {
    position: relative;
    display: block;
    margin: 0px 0px 0px 0px;
    margin-top: -80px;
    padding: 0px 40px 50px 40px;
    z-index: 2;
}

    .allRoutesSection .allBoxes {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 0px;
    }

        .allRoutesSection .allBoxes .routeBox {
            width: calc(33% - 20px);
            margin: 10px;
            padding: 15px;
            overflow: hidden;
            border-radius: 6px;
            background-color: #044EA3;
            box-sizing: border-box;
            transition: all 0.3s ease;
            min-height: 150px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        }

            .allRoutesSection .allBoxes .routeBox .rowOne {
                display: flex;
            }

                .allRoutesSection .allBoxes .routeBox .rowOne .iconCol {
                    width: 130px;
                    padding-top: 10px;
                    padding-bottom: 0px;
                    transition: all 0.3s ease;
                }

                    .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 {
                        display: block;
                        margin: 5px 0px;
                        margin-top: 10px;
                        font-size: 20px;
                        line-height: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: #fff;
                    }

                        .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 span.sml {
                            display: block;
                            font-size: 10px;
                            line-height: 10px;
                        }

                        .allRoutesSection .allBoxes .routeBox .rowOne .iconCol h3 span.thin {
                            display: block;
                            font-size: 20px;
                            line-height: 20px;
                            font-weight: 500;
                        }

                .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
                    width: calc(100% - 130px);
                    padding-top: 55px;
                }

                    .allRoutesSection .allBoxes .routeBox .rowOne .servCol p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 16px;
                        line-height: 16px;
                        text-transform: uppercase;
                        font-weight: 500;
                        color: #fff;
                    }

                    .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                        position: relative;
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 4px 0px;
                        column-count: 2;
                        column-gap: 0px;
                        overflow: hidden;
                    }

                        .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 0px 15px;
                            font-size: 12px;
                            line-height: 17px;
                            font-weight: 300;
                            color: #fff;
                            /*white-space: nowrap;*/
                        }

                            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul li:before {
                                position: absolute;
                                top: 1px;
                                left: 0px;
                                content: "";
                                color: #fff;
                                margin-left: 3px;
                                margin-top: 4px;
                                width: 8px;
                                height: 4px;
                                border-bottom: solid 1px #fff;
                                border-left: solid 1px #fff;
                                -webkit-transform: rotate(-45deg);
                                transform: rotate(-45deg);
                                background-color: transparent;
                            }

            .allRoutesSection .allBoxes .routeBox .threeColRow {
                display: flex;
                margin: 0px;
                padding: 15px 0px;
                overflow: hidden;
            }

                .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol {
                    padding-right: 30px;
                }

                    .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a {
                        display: block;
                        font-size: 12px;
                        line-height: 12px;
                        color: #fff;
                    }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p span, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a span {
                            display: block;
                            font-size: 16px;
                            line-height: 16px;
                            font-weight: 500;
                            padding: 2px 0px 0px 0px;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol p:focus, .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a:focus {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a span {
                            cursor: pointer;
                            text-decoration: underline;
                        }

                        .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol a:hover span {
                            text-decoration: none;
                        }

                    .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol:last-child {
                        padding-right: 0px;
                    }

            .allRoutesSection .allBoxes .routeBox .btnsRow {
                display: flex;
                margin: 0px;
                padding: 10px 0px 0px 0px;
                align-items: center;
            }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol .txtLink {
                    display: inline-block;
                    margin: 0px;
                    padding: 4px 0px;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 500;
                    color: #fff;
                    text-decoration: underline;
                }

                    .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol .txtLink:hover {
                        text-decoration: none;
                    }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol:last-child {
                    padding-left: 30px;
                }

            .allRoutesSection .allBoxes .routeBox:hover {
                background-color: #F18432;
                transition: all 0.3s ease;
            }

                .allRoutesSection .allBoxes .routeBox:hover .rowOne {
                    display: flex;
                }

                    .allRoutesSection .allBoxes .routeBox:hover .rowOne .iconCol {
                        padding-top: 0px;
                        padding-bottom: 10px;
                        transition: all 0.3s ease;
                    }

@media all and (max-width: 1329px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(50% - 20px);
    }
}

@media all and (max-width: 1149px) {
    .allRoutesSection {
        padding: 30px 15px;
    }
}

@media all and (max-width: 991px) {
    .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
        padding-top: 10px;
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
            column-count: 1;
        }
}

@media all and (max-width: 767px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(100% - 20px);
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
            padding-top: 45px;
        }

            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                column-count: 2;
            }
}

@media all and (max-width: 484px) {
    .allRoutesSection .allBoxes .routeBox {
        width: calc(100% - 20px);
    }

        .allRoutesSection .allBoxes .routeBox .rowOne .servCol {
            padding-top: 10px;
        }

            .allRoutesSection .allBoxes .routeBox .rowOne .servCol ul {
                column-count: 1;
            }

        .allRoutesSection .allBoxes .routeBox .threeColRow {
            padding: 0px;
            padding-bottom: 15px;
            flex-direction: column;
        }

            .allRoutesSection .allBoxes .routeBox .threeColRow .txtCol {
                padding-top: 15px;
            }

        .allRoutesSection .allBoxes .routeBox .btnsRow {
            flex-direction: column;
        }

            .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol {
                width: 100%;
                text-align: center;
            }

                .allRoutesSection .allBoxes .routeBox .btnsRow .linkCol:last-child {
                    padding-top: 15px;
                    padding-left: 0px;
                    text-align: center;
                }
}

.sailingScheduleTextSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    border-top: 1px solid #D4D4D4;
    background-color: #FAFCFF;
}

    .sailingScheduleTextSection .headingRow {
        display: block;
        margin: 0px;
        padding: 0px 0px 15px 0px;
        overflow: hidden;
    }

        .sailingScheduleTextSection .headingRow h2 {
            color: #044EA3;
            text-transform: uppercase;
            margin: 0px;
            padding: 0px;
        }

    .sailingScheduleTextSection .navTabs {
        display: block;
        padding: 0px 0px 30px 0px;
        margin: 0px;
        list-style: none;
    }

        .sailingScheduleTextSection .navTabs li {
            display: inline-block;
            padding-right: 50px;
        }

            .sailingScheduleTextSection .navTabs li a {
                display: inline-block;
                font-size: 18px;
                line-height: 26px;
                font-weight: 700;
                color: #F18432;
                text-transform: uppercase;
                border-bottom: 4px solid transparent;
            }

                .sailingScheduleTextSection .navTabs li a:hover {
                    border-bottom: 4px solid #F18432;
                }

            .sailingScheduleTextSection .navTabs li:last-child {
                padding-right: 0px;
            }

            .sailingScheduleTextSection .navTabs li.selected a {
                color: #4A4A4A;
                border-bottom: 4px solid #4A4A4A;
            }

    .sailingScheduleTextSection .ssContentArea {
        display: flex;
        padding: 0px;
        margin: 0px;
        align-items: flex-start;
        overflow: hidden;
    }

        .sailingScheduleTextSection .ssContentArea .smlCol {
            width: 290px;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleTextSection .ssContentArea .smlCol h3 {
                color: #044EA3;
                padding: 0px 0px 10px 0px;
                margin: 0px;
                text-transform: uppercase;
                font-size: 16px;
                line-height: 18px;
            }

            .sailingScheduleTextSection .ssContentArea .smlCol p {
                color: #4A4A4A;
                padding: 7px 0px 7px 0px;
                margin: 0px;
                font-size: 13px;
                line-height: 15px;
            }

                .sailingScheduleTextSection .ssContentArea .smlCol p b {
                    display: block;
                    font-weight: 500;
                }

                .sailingScheduleTextSection .ssContentArea .smlCol p.colour {
                    color: #044EA3;
                }

                    .sailingScheduleTextSection .ssContentArea .smlCol p.colour b {
                        display: inline-block;
                        font-weight: 500;
                    }

        .sailingScheduleTextSection .ssContentArea .bigCol {
            width: calc(100% - 290px);
            padding: 0px 0px 0px 30px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleTextSection .ssContentArea .bigCol h3 {
                color: #044EA3;
                padding: 0px 0px 0px 0px;
                margin: 0px;
                text-transform: none;
                font-size: 16px;
                line-height: 18px;
                font-weight: 500;
            }

            .sailingScheduleTextSection .ssContentArea .bigCol p {
                color: #4A4A4A;
                padding: 7px 0px 7px 0px;
                margin: 0px;
                font-size: 13px;
                line-height: 15px;
            }

                .sailingScheduleTextSection .ssContentArea .bigCol p b {
                    display: block;
                    font-weight: 500;
                }

                .sailingScheduleTextSection .ssContentArea .bigCol p.colour {
                    color: #044EA3;
                }

                    .sailingScheduleTextSection .ssContentArea .bigCol p.colour b {
                        display: inline-block;
                        font-weight: 500;
                    }

            .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols {
                display: flex;
                margin: 0px;
                padding: 15px 0px 0px 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol {
                    width: 50%;
                    padding: 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol h3 {
                        font-weight: 700;
                    }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table {
                        width: 100%;
                        border: 0px;
                        font-size: 14px;
                        line-height: 20px;
                        color: #000;
                    }

                        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table thead tr th {
                            width: 25%;
                            font-weight: 700;
                            padding: 5px 5px 5px 0px;
                        }

                        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol table tbody tr td {
                            width: 25%;
                            font-weight: 500;
                            padding: 3px 5px 3px 0px;
                            color: #4A4A4A;
                        }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:first-child {
                        padding-right: 30px;
                        border-right: 1px solid #D4D4D4;
                    }

                    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:last-child {
                        padding-left: 30px;
                    }

@media all and (max-width: 991px) {
    .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols {
        padding: 0px;
        flex-direction: column;
    }

        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:first-child,
        .sailingScheduleTextSection .ssContentArea .bigCol .twoTableCols .tableCol:last-child {
            width: 100%;
            padding: 15px 0px 0px 0px;
            border: 0px;
        }
}

@media all and (max-width: 767px) {
    .sailingScheduleTextSection .ssContentArea {
        flex-direction: column;
    }

        .sailingScheduleTextSection .ssContentArea .smlCol,
        .sailingScheduleTextSection .ssContentArea .bigCol {
            width: 100%;
            padding: 15px 0px;
        }

    .sailingScheduleTextSection .navTabs {
        padding-bottom: 10px;
    }

        .sailingScheduleTextSection .navTabs li {
            display: block;
        }

            .sailingScheduleTextSection .navTabs li:last-child {
                padding-top: 10px;
            }
}

@media all and (max-width: 1149px) {
    .sailingScheduleTextSection {
        padding: 30px;
    }
}

.sailingScheduleFilter {
    position: relative;
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #D4D4D4;
}

    .sailingScheduleFilter .toggleBtn {
        position: absolute;
        top: 32px;
        right: 50px;
        margin: 0px;
        padding: 0px;
        color: #F18432;
        border: 2px solid #F18432;
        border-radius: 6px;
        overflow: hidden;
    }

        .sailingScheduleFilter .toggleBtn span {
            display: block;
            font-weight: 700;
            font-size: 14px;
            line-height: 32px;
            font-weight: 700;
            padding: 0px 10px;
        }

    .sailingScheduleFilter .rangeHolder {
        display: block;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
        max-width: 500px;
        text-align: center;
    }

        .sailingScheduleFilter .rangeHolder p {
            display: block;
            margin: 0px;
            padding: 0px 0px 4px 0px;
            text-align: center;
            font-size: 12px !important;
            line-height: 12px !important;
            font-weight: 700 !important;
            text-transform: uppercase;
            color: #D4D4D4;
        }

        .sailingScheduleFilter .rangeHolder .rangeSlider {
            display: block;
            margin: 0px auto;
            padding: 0px;
        }

@media all and (max-width: 1149px) {
    .sailingScheduleFilter {
        padding: 30px 30px;
    }

        .sailingScheduleFilter .toggleBtn {
            right: 30px;
        }
}

@media all and (max-width: 991px) {
    .sailingScheduleFilter .toggleBtn {
        display: none;
    }
}

.sailingScheduleHeader {
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    min-height: 200px;
}

    .sailingScheduleHeader .mapAndForm {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        .sailingScheduleHeader .mapAndForm .mapCol {
            width: 60%;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }

            .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap {
                display: block;
            }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap path[id^='Path-'] {
                    opacity: 0.5 !important;
                    transition: all 1s ease;
                    stroke-width: 4px;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap .cld-4 {
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap #Path-Larne-Cairnryan {
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #EllipseDover.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #EllipseCalais.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.doverCalais #Path-Dover-Calais {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #EllipseLarne.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #EllipseCairnryan.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.larneCairnryan #Path-Larne-Cairnryan {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #EllipseDublin.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #EllipseLiverpool.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.dublinLiverpool #Path-Dublin-Liverpool {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #EllipseHull.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullZeebrugge #Path-Hull-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #EllipseTeesport.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportZeebrugge #Path-Teesport-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #EllipseTilbury.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #EllipseZeebrugge.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.tilburyZeebrugge #Path-Tilbury-Zeebrugge {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #EllipsHull.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #EllipseEuropoort.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.hullEuropoort #Path-Hull-Europoort {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #EllipsTeesport.cls-4, .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #EllipseEuropoort.cls-4 {
                    stroke: #F18432;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Dover-Calais,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Tilbury-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Hull-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Zeebrugge,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Hull-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Europoort,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Dublin-Liverpool,
                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Larne-Cairnryan {
                    opacity: 0;
                    transition: all 0.3s ease;
                }

                .sailingScheduleHeader .mapAndForm .mapCol svg.sailingMap.teesportEuropoort #Path-Teesport-Europoort {
                    opacity: 1 !important;
                    transition: all 0.3s ease;
                    stroke: #F18432;
                }

        .sailingScheduleHeader .mapAndForm .formCol {
            width: 40%;
            padding: 0px;
            margin: 0px;
        }

            .sailingScheduleHeader .mapAndForm .formCol .formBox {
                display: block;
                padding: 50px;
                margin: 0px auto;
                max-width: 420px;
            }

                .sailingScheduleHeader .mapAndForm .formCol .formBox h1 {
                    color: #044EA3;
                    text-transform: uppercase;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox p.red {
                    color: red;
                    font-size: 13px;
                    line-height: 15px;
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 5px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .routesHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .dateHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

                .sailingScheduleHeader .mapAndForm .formCol .formBox .btnHolder {
                    display: block;
                    margin: 0px 0px;
                    padding: 8px 0px;
                }

@media all and (max-width: 1149px) {
    .sailingScheduleHeader .mapAndForm .formCol .formBox {
        display: block;
        padding: 30px;
        margin: 0px auto;
    }
}

@media all and (max-width: 767px) {
    .sailingScheduleHeader .mapAndForm {
        flex-direction: column;
    }

        .sailingScheduleHeader .mapAndForm .mapCol {
            width: 100%;
            border-bottom: 1px solid #D4D4D4;
        }

            .sailingScheduleHeader .mapAndForm .mapCol svg {
                display: block;
                width: 100%;
                height: 100%;
            }

        .sailingScheduleHeader .mapAndForm .formCol {
            width: 100%;
            padding: 30px;
        }

            .sailingScheduleHeader .mapAndForm .formCol .formBox {
                padding: 0px;
            }
}

.imagebgTextboxSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 80px 50px;
    overflow: hidden;
    background-color: #044EA3;
}

    .imagebgTextboxSection .whiteBox {
        display: block;
        float: right;
        margin: 0px auto;
        max-width: 500px;
        padding: 50px;
        background-color: #fff;
        border-radius: 6px;
        overflow: hidden;
    }

        .imagebgTextboxSection .whiteBox h2 {
            display: block;
            text-transform: uppercase;
            padding-bottom: 15px;
            color: #044EA3;
        }

        .imagebgTextboxSection .whiteBox p {
            padding: 7px 0px;
        }

@media all and (max-width: 767px) {
    .imagebgTextboxSection {
        padding: 80px 30px;
    }

        .imagebgTextboxSection .whiteBox {
            padding: 30px;
        }
}

.feeedbackSection {
    display: block;
    margin: 0px;
    padding: 0px 0px;
    background-color: #044EA3;
    overflow: hidden;
}

    .feeedbackSection .colorOverlay {
        display: block;
        margin: 0px;
        padding: 50px 50px;
        background-color: rgba(4, 78, 163, 0.8);
        overflow: hidden;
    }

    .feeedbackSection .contentTwoCols {
        display: flex;
        margin: 0px auto;
        max-width: 500px;
        padding: 0px;
        overflow: hidden;
        align-items: center;
    }

        .feeedbackSection .contentTwoCols .icnCol {
            width: 100px;
            padding-right: 20px;
        }

            .feeedbackSection .contentTwoCols .icnCol img {
                display: block;
                max-width: 80px;
            }

        .feeedbackSection .contentTwoCols .txtCol {
            width: calc(100% - 100px);
        }

            .feeedbackSection .contentTwoCols .txtCol h2 {
                display: block;
                margin: 0px;
                padding: 0px;
                color: #fff;
                text-transform: uppercase;
            }

            .feeedbackSection .contentTwoCols .txtCol h3 {
                margin: 0px;
                padding: 5px 0px 15px 0px;
                color: #fff;
                font-weight: 500;
            }

@media all and (max-width: 600px) {
    .feeedbackSection .colorOverlay {
        margin: 0px;
        padding: 50px 30px;
    }

    .feeedbackSection .contentTwoCols {
        flex-direction: column;
    }

        .feeedbackSection .contentTwoCols .icnCol {
            padding-right: 0px;
            padding-bottom: 15px;
            width: 100%;
        }

            .feeedbackSection .contentTwoCols .icnCol img {
                max-width: 60px;
                margin: 0px auto;
            }

        .feeedbackSection .contentTwoCols .txtCol {
            padding-right: 0px;
            padding-bottom: 15px;
            width: 100%;
            text-align: center;
        }
}

.allRouteMapSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-bottom: 1px solid #D4D4D4;
    z-index: 1;
}

    .allRouteMapSection .mobileInfo {
        display: none;
        background-color: #FAFCFF;
        border-bottom: 1px solid #D4D4D4;
        text-align: center;
        margin: 0px;
        padding: 6px 30px;
    }

@media all and (max-width: 879px) {
    .allRouteMapSection .mobileInfo {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
    }
}

.allRouteMapSection .twoCols {
    display: flex;
    flex: 1;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
    height: 600px;
}

    .allRouteMapSection .twoCols .mapCol {
        width: 700px;
        overflow: hidden;
        height: 100%;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder {
            position: relative;
            display: block;
            height: 600px;
            overflow: hidden;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                margin-top: -300px;
                margin-left: -5vw;
                width: 700px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap path[id^='Path-'] {
                    opacity: 0.5 !important;
                    transition: all 1s ease;
                    stroke-width: 4px;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-5 {
                    opacity: 1 !important;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-4:hover {
                    fill: #fff;
                    stroke: #044EA3;
                    cursor: default;
                }

    .allRouteMapSection .twoCols .contentCol {
        width: calc(100% - 700px);
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents {
            display: block;
            margin: 0px;
            padding: 0px;
            height: 100%;
            overflow: hidden;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                position: relative;
                display: flex;
                height: 100%;
                max-height: 100%;
                overflow: hidden;
                align-items: center;
                padding-right: 50px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    position: absolute;
                    top: 50px;
                    right: 60px;
                    width: 20px;
                    height: 20px;
                    overflow: hidden;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                        display: block;
                        width: 18px;
                        height: 18px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    display: block;
                    margin: 0px;
                    border: 0px solid #D4D4D4;
                    padding: 15px 0px 15px 30px;
                    padding-bottom: 60px;
                    flex: 1;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box h1 {
                        color: #044EA3;
                        margin: 0px;
                        padding: 0px 30px 0px 0px;
                        text-transform: uppercase;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box h1 span {
                            display: block;
                            font-size: 12px;
                            color: #4A4A4A;
                            text-transform: uppercase;
                            line-height: 12px;
                            font-weight: 300;
                            padding-left: 2px;
                        }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box p {
                        color: #000;
                        margin: 0px;
                        padding: 7px 0px;
                    }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        display: block;
                        list-style: none;
                        margin: 0px;
                        padding: 8px 0px;
                        columns: 2;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 5px 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a {
                                position: relative;
                                display: inline-block;
                                font-size: 16px;
                                line-height: 22px;
                                font-weight: 500;
                                color: #044EA3;
                                margin: 0px;
                                padding: 0px 0px 0px 15px;
                                white-space: nowrap;
                                max-width: 100%;
                                text-overflow: ellipsis;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:hover {
                                    color: #F18432;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li a:before {
                                    content: '';
                                    position: absolute;
                                    left: 1px;
                                    top: 8px;
                                    width: 6px;
                                    height: 6px;
                                    border-top: solid 1px #F18432;
                                    border-right: solid 1px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                        display: flex;
                        margin: 0px;
                        padding: 25px 0px;
                        align-items: flex-start;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                            padding: 0px 80px 0px 0px;
                            margin: 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item {
                                position: relative;
                                display: block;
                                margin: 0px;
                                padding: 0px;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder {
                                    position: absolute;
                                    top: 0px;
                                    right: -5px;
                                    width: 16px;
                                    height: 16px;
                                    overflow: hidden;
                                    margin: 0px;
                                    padding: 0px;
                                    border: 0px;
                                    background-color: transparent;
                                    cursor: pointer;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .iconHelpHolder:focus {
                                        outline-width: 0px;
                                        outline-color: transparent;
                                        outline-style: none;
                                        -webkit-appearance: none;
                                    }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                                    display: block;
                                    width: 36px;
                                    height: 36px;
                                    overflow: hidden;
                                    padding: 0px;
                                    margin: 0px;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 6px 0px 0px 0px;
                                    font-size: 12px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                                    display: block;
                                    margin: 0px;
                                    padding: 1px 0px 1px 0px;
                                    font-size: 16px;
                                    line-height: 16px;
                                    font-weight: 300;
                                    color: #000;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt b {
                                        font-weight: 500;
                                    }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt span {
                                        display: none;
                                        font-weight: 500;
                                        padding-right: 4px;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol:last-child {
                                padding-right: 0px;
                            }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                        display: flex;
                        margin: 0px 0px 0px 0px;
                        padding: 10px 0px 0px 0px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol {
                            position: relative;
                            margin: 0px;
                            padding: 0px;
                        }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                                position: relative;
                                display: inline-block;
                                padding: 0px 50px 0px 15px;
                                color: #fff;
                                background-color: #F18432;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 15px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #fff;
                                    border-right: solid 2px #fff;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover {
                                    color: #fff;
                                    background-color: #044EA3;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:hover:before {
                                        border-top: solid 2px #fff;
                                        border-right: solid 2px #fff;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                                display: inline-block;
                                padding: 0px 40px 0px 15px;
                                color: #F18432;
                                background-color: transparent;
                                border-radius: 10px;
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 42px;
                                white-space: nowrap;
                            }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                                    content: '';
                                    position: absolute;
                                    right: 20px;
                                    top: 16px;
                                    width: 10px;
                                    height: 10px;
                                    border-top: solid 2px #F18432;
                                    border-right: solid 2px #F18432;
                                    -webkit-transform: rotate(45deg);
                                    transform: rotate(45deg);
                                }

                                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover {
                                    color: #044EA3;
                                }

                                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:hover:before {
                                        border-top: solid 2px #044EA3;
                                        border-right: solid 2px #044EA3;
                                    }

                            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                                padding-right: 30px;
                            }

@media all and (max-width: 1274px) {
    .allRouteMapSection .twoCols {
        height: 500px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 600px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 500px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -350px;
                    width: 600px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -330px;
                        margin-left: -110px;
                        width: 720px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 600px);
            height: 100%;
        }
}

@media all and (max-width: 1149px) {
    .allRouteMapSection .twoCols {
        height: 450px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 550px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 550px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -360px;
                        margin-left: -100px;
                        width: 620px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 500px);
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                top: 30px;
                right: 30px;
                width: 16px;
                height: 16px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back svg {
                    width: 16px;
                    height: 16px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 0px 60px 0px 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon {
                        width: 26px;
                        height: 26px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .icon svg {
                            width: 26px;
                            height: 26px;
                        }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .smlTxt {
                        padding: 4px 0px 0px 0px;
                        font-size: 10px;
                        line-height: 14px;
                    }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol .item .bigTxt {
                        font-size: 14px;
                        line-height: 14px;
                    }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow:before {
                        top: 14px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 15px;
                    line-height: 40px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 17px;
                    }
}

@media all and (max-width: 991px) {
    .allRouteMapSection .twoCols {
        height: 450px;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 450px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 450px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    margin-top: -380px;
                    width: 500px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        margin-top: -375px;
                        margin-left: -90px;
                        width: 600px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: calc(100% - 450px);
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: unset;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes li {
                    padding: 2px 0px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnWithArrow {
                    font-size: 14px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow {
                    font-size: 14px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol .btnOnlyTxtArrow:before {
                        top: 14px;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding-right: 10px;
                }
}

@media all and (max-width: 879px) {
    .allRouteMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .allRouteMapSection .twoCols .mapCol {
            width: 100%;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder {
                height: 400px;
                border-bottom: 1px solid #D4D4D4;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                    width: 600px;
                    margin: 0px auto;
                    margin-top: -360px;
                }

                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                        width: 600px;
                        margin: 0px auto;
                        margin-top: -360px;
                    }

        .allRouteMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 30px;
                    padding-bottom: 80px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 600px) {
    .allRouteMapSection .twoCols {
        height: unset;
        flex-direction: column;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder {
            height: 270px;
        }

            .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
                width: 414px;
                margin-top: -460px;
            }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-7, .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap .cls-6 {
                    transform: scale(1.3);
                    transform-origin: 1% 1%;
                }

                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
                .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
                    width: 414px;
                    margin-top: -460px;
                }

        .allRouteMapSection .twoCols .contentCol {
            width: 100%;
            height: 100%;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox {
                padding: 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox a.back {
                    right: 25px;
                }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
                    max-width: 614px;
                    margin: 0px auto;
                    padding: 25px;
                    padding-bottom: 80px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                        padding: 4px 0px;
                        columns: 2;
                    }
}

@media all and (max-width: 450px) {
    .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap {
        margin-left: -60px;
    }

        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.doverCalais,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.liverpoolDublin,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.larneCairnryan,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.tilburyZeebrugge,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportZeebrugge,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.teesportEuropoort,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullEuropoort,
        .allRouteMapSection .twoCols .mapCol .mapHolder svg.routeMap.hullZeebrugge {
            margin-left: -60px;
        }

    .allRouteMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
            max-width: 614px;
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }
}

@media all and (max-width: 374px) {
    .allRouteMapSection .twoCols .contentCol {
        width: 100%;
        height: 100%;
    }

        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box {
            margin: 0px auto;
            padding: 25px;
            padding-bottom: 80px;
        }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box ul.listRoutes {
                padding: 4px 0px;
                columns: 1;
            }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText {
                padding: 15px 0px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .threeIconsText .itemCol {
                    padding: 15px 40px 0px 0px;
                }

            .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks {
                flex-direction: column;
                margin-top: 15px;
            }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child {
                    padding: 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:first-child a.btnWithArrow {
                        display: block;
                    }

                .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child {
                    padding: 15px 0px;
                }

                    .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow {
                        display: block;
                        border: 1px solid #F18432;
                        line-height: 38px;
                    }

                        .allRouteMapSection .twoCols .contentCol .allContents .contentBox .box .twoLinks .linkCol:last-child a.btnOnlyTxtArrow:before {
                            top: 29px;
                        }
}

.sailingScheduleListSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
    text-align: center;
}

    .sailingScheduleListSection .allItems {
        display: block;
        margin: 0px auto;
        padding: 5px;
        overflow: hidden;
        max-width: 800px;
        text-align: left;
    }

        .sailingScheduleListSection .allItems .item {
            position: relative;
            display: block;
            margin: 15px 0px;
            padding: 15px;
            overflow: hidden;
            border: 1px solid #F7F7F7;
            background-color: #fff;
            border-radius: 6px;
            -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

            .sailingScheduleListSection .allItems .item .boxContent {
                display: flex;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                align-items: flex-start;
            }

                .sailingScheduleListSection .allItems .item .boxContent .iCol {
                    width: 60px;
                }

                    .sailingScheduleListSection .allItems .item .boxContent .iCol svg {
                        display: block;
                        width: 50px;
                        height: 50px;
                        overflow: hidden;
                    }

                        .sailingScheduleListSection .allItems .item .boxContent .iCol svg .cls-1 {
                            fill: #4A4A4A;
                        }

                .sailingScheduleListSection .allItems .item .boxContent .dCol {
                    width: calc(100% - 50px);
                    padding-left: 10px;
                }

                    .sailingScheduleListSection .allItems .item .boxContent .dCol p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        color: #044EA3;
                        font-weight: 700;
                        font-size: 16px;
                        line-height: 20px;
                        white-space: nowrap;
                    }

                    .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat {
                        display: flex;
                        padding: 0px 0px 0px 0px;
                        flex-wrap: wrap;
                    }

                        .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData {
                            flex: 1;
                            padding: 5px 20px 5px 0px;
                        }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .label {
                                display: block;
                                font-size: 12px;
                                line-height: 12px;
                                text-transform: uppercase;
                                margin: 0px;
                                padding: 0px;
                                color: #959595;
                                white-space: nowrap;
                            }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time {
                                display: block;
                                font-size: 18px;
                                line-height: 18px;
                                font-weight: 700;
                                margin: 0px;
                                padding: 0px;
                                color: #000;
                                white-space: nowrap;
                            }

                                .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time a {
                                    color: #F18432;
                                    font-weight: 500;
                                }

                                    .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .time a:hover {
                                        color: #044EA3;
                                    }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData .loc {
                                display: block;
                                font-size: 12px;
                                line-height: 12px;
                                margin: 0px;
                                padding: 0px;
                                color: #959595;
                                white-space: nowrap;
                            }

                            .sailingScheduleListSection .allItems .item .boxContent .dCol .depArvDurStat .tData:last-child {
                                padding-right: 0px;
                            }

            .sailingScheduleListSection .allItems .item:hover {
                border: 1px solid #D4D4D4;
                background-color: #FAFCFF;
                transition: all 0.3s ease;
            }

@media all and (max-width: 1149px) {
    .sailingScheduleListSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .sailingScheduleListSection {
        display: block !important;
    }
}

.sailingScheduleSliderSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
    text-align: center;
}

    .sailingScheduleSliderSection .carousel {
        display: block;
        margin: 0px auto;
        padding: 0px;
        max-width: 1000px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 30px;
    }

        .sailingScheduleSliderSection .carousel .carousel-inner {
            padding-bottom: 50px;
        }

            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols {
                display: flex;
                overflow: hidden;
            }

                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item {
                    flex: 1;
                    align-items: flex-start;
                    border-right: 1px solid #D4D4D4;
                    padding: 0px 15px;
                    overflow: hidden;
                }

                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        overflow: hidden;
                        align-items: flex-start;
                    }

                        .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol {
                            width: 60px;
                        }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg {
                                display: block;
                                width: 50px;
                                height: 50px;
                                overflow: hidden;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg .cls-1 {
                                    fill: #4A4A4A;
                                }

                        .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol {
                            width: calc(100% - 50px);
                            padding-left: 10px;
                        }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                color: #044EA3;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 20px;
                                white-space: nowrap;
                            }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival {
                                display: flex;
                                margin: 0px;
                                padding: 10px 0px;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData {
                                    flex: 1;
                                    padding-right: 20px;
                                }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .label {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        text-transform: uppercase;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .time {
                                        display: block;
                                        font-size: 18px;
                                        line-height: 18px;
                                        font-weight: 700;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #000;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .loc {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData:last-child {
                                        padding-right: 0px;
                                    }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur {
                                display: block;
                                font-size: 18px;
                                line-height: 18px;
                                font-weight: 700;
                                margin: 0px;
                                padding: 0px;
                                color: #000;
                                white-space: nowrap;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur span {
                                    display: block;
                                    font-size: 12px;
                                    line-height: 12px;
                                    text-transform: uppercase;
                                    margin: 0px;
                                    padding: 0px;
                                    color: #959595;
                                    white-space: nowrap;
                                }

                            .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp {
                                display: inline-block;
                                font-size: 13px;
                                line-height: 20px;
                                font-weight: 500;
                                color: #F18432;
                                border: 1px solid #F18432;
                                border-radius: 20px;
                                margin-top: 15px;
                                padding: 2px 10px;
                                overflow: hidden;
                            }

                                .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp:hover {
                                    color: #fff;
                                    background-color: #F18432;
                                }

                    .sailingScheduleSliderSection .carousel .carousel-inner .carousel-item .threeItemsCols .item:last-child {
                        border-right: 0px solid #D4D4D4;
                    }

        .sailingScheduleSliderSection .carousel .carousel-indicators {
            margin-top: 0px;
            margin-bottom: 0px;
        }

            .sailingScheduleSliderSection .carousel .carousel-indicators li {
                background-color: #F18432;
                opacity: 1;
                border: 1px solid #D4D4D4;
                width: 15px;
                height: 15px;
                border-radius: 15px;
                overflow: hidden;
                margin-right: 8px;
                margin-left: 8px;
            }

                .sailingScheduleSliderSection .carousel .carousel-indicators li.active {
                    background-color: #fff;
                }

@media all and (max-width: 1149px) {
    .sailingScheduleSliderSection {
        padding: 30px 30px;
    }
}

@media all and (max-width: 991px) {
    .sailingScheduleSliderSection {
        display: none;
    }
}

.unitTypeSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    background-color: #044EA3;
    color: #fff;
    overflow: hidden;
}

    .unitTypeSection h2 {
        text-transform: uppercase;
    }

    .unitTypeSection p a {
        color: #fff;
        text-decoration: underline;
        font-weight: 700;
    }

        .unitTypeSection p a:hover {
            font-weight: 700;
            text-decoration: none;
        }

    .unitTypeSection .btnRow {
        display: block;
        margin: 0px;
        padding: 15px 0px 0px 0px;
        text-align: center;
        overflow: hidden;
    }

    .unitTypeSection .sixColData {
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 25px 0px 0px 0px;
        overflow: hidden;
    }

        .unitTypeSection .sixColData .eachCol {
            flex: 1;
            padding: 0px;
        }

            .unitTypeSection .sixColData .eachCol .icon {
                display: block;
                margin: 0px;
                padding: 0px;
            }

                .unitTypeSection .sixColData .eachCol .icon img {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

            .unitTypeSection .sixColData .eachCol ul {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px 15px 0px 0px;
                list-style: none;
                overflow: hidden;
            }

                .unitTypeSection .sixColData .eachCol ul li {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    line-height: 14px;
                    font-weight: 500;
                    text-transform: uppercase;
                    opacity: 0.5;
                    padding: 6px 0px 6px 24px;
                }

                    .unitTypeSection .sixColData .eachCol ul li span {
                        display: block;
                        padding: 2px 0px 0px 0px;
                        font-size: 12px;
                        line-height: 12px;
                        font-weight: 300;
                        text-transform: none;
                        white-space: nowrap;
                    }

                    .unitTypeSection .sixColData .eachCol ul li:before {
                        position: absolute;
                        top: 12px;
                        left: 2px;
                        content: '';
                        width: 14px;
                        height: 1px;
                        background-color: #fff;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .unitTypeSection .sixColData .eachCol ul li:after {
                        position: absolute;
                        top: 12px;
                        left: 2px;
                        content: '';
                        width: 14px;
                        height: 1px;
                        background-color: #fff;
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                    .unitTypeSection .sixColData .eachCol ul li.yes {
                        opacity: 1;
                    }

                        .unitTypeSection .sixColData .eachCol ul li.yes:before {
                            position: absolute;
                            top: 3px;
                            left: 0px;
                            content: "";
                            color: #fff;
                            margin-left: 3px;
                            margin-top: 4px;
                            width: 12px;
                            height: 6px;
                            border-bottom: solid 1px #fff;
                            border-left: solid 1px #fff;
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                            background-color: transparent;
                        }

                        .unitTypeSection .sixColData .eachCol ul li.yes:after {
                            display: none;
                        }

@media all and (max-width: 1199px) {
    .unitTypeSection .sixColData .eachCol {
        padding-top: 15px;
        padding-bottom: 15px;
        flex: 33%;
    }

        .unitTypeSection .sixColData .eachCol:first-child {
            padding-top: 0px;
        }

        .unitTypeSection .sixColData .eachCol:last-child {
            padding-bottom: 0px;
        }
}

@media all and (max-width: 750px) {
    .unitTypeSection .sixColData .eachCol {
        flex: 50%;
    }

        .unitTypeSection .sixColData .eachCol ul {
            padding-right: 5px;
        }

            .unitTypeSection .sixColData .eachCol ul li span {
                white-space: normal;
            }
}

@media all and (max-width: 1149px) {
    .unitTypeSection {
        padding: 30px 30px;
    }
}

.fastTrackSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackSection .columnsTwo {
        display: flex;
        padding: 0px;
        margin: 0px;
        background-color: #D4D4D4;
    }

        .fastTrackSection .columnsTwo .txtCol {
            width: 33%;
            background-color: #fff;
            padding: 50px;
            margin: 0px;
            overflow: hidden;
        }

            .fastTrackSection .columnsTwo .txtCol h2 {
                display: block;
                color: #044EA3;
                text-transform: uppercase;
                padding: 0px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol h3 {
                display: block;
                padding: 15px 0px 0px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol p {
                display: block;
                padding: 8px 0px;
            }

            .fastTrackSection .columnsTwo .txtCol ul {
                list-style: none;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

                .fastTrackSection .columnsTwo .txtCol ul li {
                    display: block;
                    position: relative;
                    padding: 6px 0px 6px 15px;
                }

                    .fastTrackSection .columnsTwo .txtCol ul li b, .fastTrackSection .columnsTwo .txtCol ul li strong {
                        font-weight: 500;
                    }

                    .fastTrackSection .columnsTwo .txtCol ul li a {
                        display: inline-block;
                        color: #F18432;
                        text-decoration: underline;
                        font-weight: 500;
                    }

                        .fastTrackSection .columnsTwo .txtCol ul li a:hover {
                            color: #044EA3;
                            text-decoration: none;
                        }

                    .fastTrackSection .columnsTwo .txtCol ul li::before {
                        position: absolute;
                        top: 13px;
                        left: 0px;
                        content: "";
                        color: #fff;
                        font-weight: bold;
                        display: inline-block;
                        width: 8px;
                        height: 8px;
                        border-radius: 6px;
                        border: 2px solid #044EA3;
                        margin-left: 0px;
                    }

            .fastTrackSection .columnsTwo .txtCol .extraContent {
                display: none;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                transition: all 0.3s ease;
            }

        .fastTrackSection .columnsTwo .imgCol {
            width: calc(100% - 33%);
        }

@media all and (max-width: 1149px) {
    .fastTrackSection .columnsTwo .txtCol {
        padding: 30px 30px;
    }

        .fastTrackSection .columnsTwo .txtCol ul li {
            font-size: 14px;
            line-height: 20px;
        }

            .fastTrackSection .columnsTwo .txtCol ul li:before {
                top: 11px;
            }
}

@media all and (max-width: 991px) {
    .fastTrackSection .columnsTwo .txtCol {
        width: 50%;
    }

    .fastTrackSection .columnsTwo .imgCol {
        width: 50%;
    }
}

.fastTrackSection .columnsTwo.more .txtCol {
    width: 60%;
}

    .fastTrackSection .columnsTwo.more .txtCol .extraContent {
        padding-bottom: 10px;
    }

.fastTrackSection .columnsTwo.more .imgCol {
    width: 40%;
}

@media all and (max-width: 767px) {
    .fastTrackSection .columnsTwo,
    .fastTrackSection .columnsTwo.more {
        flex-direction: column-reverse;
    }

        .fastTrackSection .columnsTwo .txtCol,
        .fastTrackSection .columnsTwo.more .txtCol {
            width: 100%;
        }

        .fastTrackSection .columnsTwo .imgCol,
        .fastTrackSection .columnsTwo.more .imgCol {
            width: 100%;
            height: 200px;
        }
}

.fastTrackTabSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackTabSection .columnsTwo {
        display: flex;
        padding: 0px;
        margin: 0px;
        background-color: #D4D4D4;
        overflow: hidden;
    }

        .fastTrackTabSection .columnsTwo .conCol {
            flex: 1;
            padding: 50px 50px;
            background-color: #fff;
        }

            .fastTrackTabSection .columnsTwo .conCol .navRow {
                display: flex;
                margin: 0px;
                padding: 0px 0px 15px 0px;
            }

                .fastTrackTabSection .columnsTwo .conCol .navRow a {
                    font-size: 18px;
                    line-height: 26px;
                    font-weight: 700;
                    color: #F18432;
                    text-transform: uppercase;
                    border-bottom: 4px solid transparent;
                    margin-right: 30px;
                }

                    .fastTrackTabSection .columnsTwo .conCol .navRow a:last-child {
                        margin-right: 0px;
                    }

                    .fastTrackTabSection .columnsTwo .conCol .navRow a.selected {
                        color: #4A4A4A;
                        border-bottom: 4px solid #4A4A4A;
                    }

@media all and (max-width: 410px) {
    .fastTrackTabSection .columnsTwo .conCol .navRow {
        flex-direction: column;
    }

        .fastTrackTabSection .columnsTwo .conCol .navRow a {
            margin-top: 10px;
            margin-bottom: 5px;
            margin-right: 0px;
        }
}

.fastTrackTabSection .columnsTwo .conCol .tabContents {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent p {
            display: block;
            padding: 8px 0px;
        }

        .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul {
            list-style: none;
            padding: 0px 0px 0px 0px;
            margin: 0px;
        }

            .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li {
                display: block;
                position: relative;
                padding: 4px 0px 4px 15px;
            }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li b, .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li strong {
                    font-weight: 500;
                }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li a {
                    display: inline-block;
                    color: #F18432;
                    text-decoration: underline;
                    font-weight: 500;
                }

                    .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li a:hover {
                        color: #044EA3;
                        text-decoration: none;
                    }

                .fastTrackTabSection .columnsTwo .conCol .tabContents .eachContent ul li::before {
                    position: absolute;
                    top: 12px;
                    left: 0px;
                    content: "";
                    color: #fff;
                    font-weight: bold;
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 6px;
                    border: 2px solid #044EA3;
                    margin-left: 0px;
                }

.fastTrackTabSection .columnsTwo .imgCol {
    flex: 1;
    padding: 50px 50px;
}

@media all and (max-width: 1149px) {
    .fastTrackTabSection .columnsTwo .conCol {
        flex: 1;
        padding: 40px 30px;
        background-color: #fff;
    }

    .fastTrackTabSection .columnsTwo .imgCol {
        flex: 1;
        padding: 50px 50px;
    }
}

@media all and (max-width: 991px) {
    .fastTrackTabSection .columnsTwo .conCol {
        flex: unset;
        width: 60%;
        padding: 40px 30px;
        background-color: #fff;
    }

    .fastTrackTabSection .columnsTwo .imgCol {
        flex: unset;
        width: 40%;
        padding: 50px 50px;
    }
}

@media all and (max-width: 767px) {
    .fastTrackTabSection .columnsTwo {
        flex-direction: column;
    }

        .fastTrackTabSection .columnsTwo .conCol {
            flex: 1;
            width: unset;
        }

        .fastTrackTabSection .columnsTwo .imgCol {
            flex: 1;
            width: unset;
            padding: 100px 50px;
        }
}

.driverServicesSection {
    display: block;
    margin: 0px;
    padding: 50px 100px;
    overflow: hidden;
    background-color: #FAFCFF;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
}

    .driverServicesSection .contentBox {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .driverServicesSection .contentBox .textRow {
            display: block;
            margin: 0px auto;
            padding: 0px 0px 15px 0px;
            width: 80%;
            overflow: hidden;
            text-align: center;
        }

            .driverServicesSection .contentBox .textRow h2 {
                color: #044EA3;
            }

        .driverServicesSection .contentBox .fourIcons {
            max-width: 800px;
            margin: 0px auto;
        }

        .driverServicesSection .contentBox .row .iconText {
            display: block;
            text-align: center;
            padding: 0px 0px 5px 0px;
        }

            .driverServicesSection .contentBox .row .iconText .icon {
                display: block;
                width: 100px;
                height: 100px;
                margin: 0px auto;
            }

                .driverServicesSection .contentBox .row .iconText .icon img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

@media all and (max-width: 991px) {
    .driverServicesSection .contentBox .row .iconText .icon {
        width: 60px;
        height: 60px;
    }
}

.driverServicesSection .contentBox .row .iconText .text {
    display: block;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    color: #044EA3;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.driverServicesSection .contentBox .colorBox {
    display: flex;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 10px;
    max-width: 1000px;
    padding: 20px 30px;
    overflow: hidden;
    color: #fff;
    background-color: #8E52A0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

    .driverServicesSection .contentBox .colorBox .iconCol {
        width: 200px;
    }

        .driverServicesSection .contentBox .colorBox .iconCol img {
            max-width: 56px;
        }

        .driverServicesSection .contentBox .colorBox .iconCol h3 {
            display: block;
            padding: 5px 0px 0px 0px;
        }

    .driverServicesSection .contentBox .colorBox .textCol {
        width: calc(100% - 200px);
        padding-left: 30px;
    }

        .driverServicesSection .contentBox .colorBox .textCol p {
            display: block;
            padding: 0px 0px 6px 0px;
            font-size: 14px;
            line-height: 18px;
        }

            .driverServicesSection .contentBox .colorBox .textCol p b, .driverServicesSection .contentBox .colorBox .textCol p strong {
                font-weight: 700;
            }

            .driverServicesSection .contentBox .colorBox .textCol p.smlTxt {
                font-size: 12px;
                line-height: 14px;
            }

@media all and (max-width: 1149px) {
    .driverServicesSection {
        padding: 50px 30px;
    }
}

@media all and (max-width: 991px) {
    .driverServicesSection .contentBox .textRow {
        width: unset;
    }
}

@media all and (max-width: 767px) {
    .driverServicesSection .contentBox .colorBox {
        flex-direction: column;
        padding: 15px 15px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    }

        .driverServicesSection .contentBox .colorBox .iconCol {
            width: unset;
            text-align: center;
        }

        .driverServicesSection .contentBox .colorBox .textCol {
            width: unset;
            padding-left: 0px;
            text-align: center;
        }

            .driverServicesSection .contentBox .colorBox .textCol p {
                text-align: center;
                padding-top: 10px;
            }
}

@media all and (max-width: 559px) {
    .driverServicesSection {
        padding: 40px 30px;
    }

        .driverServicesSection .contentBox .textRow {
            text-align: left;
        }
}

.portInfoSection {
    display: block;
    margin: 0px;
    padding: 30px 0px;
    overflow: hidden;
    background-color: #DBE8F6;
}

    .portInfoSection .twoCards {
        display: flex;
        margin: 0px auto;
        padding: 0px;
        overflow: hidden;
        max-width: 1200px;
    }

        .portInfoSection .twoCards .col {
            padding: 30px 30px;
        }

            .portInfoSection .twoCards .col .cardBox {
                display: flex;
                padding: 0px;
                margin: 0px;
                overflow: hidden;
                background-color: #fff;
                border-radius: 6px;
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            }

            .portInfoSection .twoCards .col .mapCol {
                width: 200px;
                border-right: 1px solid #D4D4D4;
                margin: 0px;
                padding: 0px;
            }

                .portInfoSection .twoCards .col .mapCol iframe {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

            .portInfoSection .twoCards .col .txtCol {
                width: calc(100% - 200px);
                padding: 20px;
            }

                .portInfoSection .twoCards .col .txtCol h3 {
                    text-transform: uppercase;
                    padding: 0px;
                }

                .portInfoSection .twoCards .col .txtCol p {
                    display: block;
                    padding: 6px 0px;
                    font-size: 14px;
                    line-height: 18px;
                }

                    .portInfoSection .twoCards .col .txtCol p a {
                        color: #F18432;
                        font-weight: 500;
                    }

                    .portInfoSection .twoCards .col .txtCol p:last-child {
                        padding-bottom: 0px;
                    }

@media all and (max-width: 1149px) {
    .portInfoSection .twoCards .col .cardBox {
        flex-direction: column;
    }

        .portInfoSection .twoCards .col .cardBox .mapCol, .portInfoSection .twoCards .col .cardBox .txtCol {
            width: 100%;
            border: 0px;
        }
}

@media all and (max-width: 991px) {
    .portInfoSection .twoCards {
        flex-direction: column;
        max-width: 500px;
    }

        .portInfoSection .twoCards .col:first-child {
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .portInfoSection .twoCards .col:last-child {
            padding-bottom: 0px;
        }
}

.fleetInfoSection {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background-color: #D4D4D4;
}

    .fleetInfoSection .imageColAcordianCol {
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .fleetInfoSection .imageColAcordianCol .imgCol {
            margin: 0px;
            padding: 0px;
            width: calc(100% - 500px);
            overflow: hidden;
        }

            .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
                display: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 100%;
                min-height: 500px;
            }

                .fleetInfoSection .imageColAcordianCol .imgCol .imgBG.show {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 100%;
                    height: 100%;
                }

        .fleetInfoSection .imageColAcordianCol .acordianCol {
            width: 500px;
            padding: 0px;
            overflow: hidden;
            background-color: #fff;
        }

            .fleetInfoSection .imageColAcordianCol .acordianCol h2 {
                display: block;
                margin: 0px;
                padding: 30px 15px 15px 15px;
                text-transform: uppercase;
                overflow: hidden;
                border-bottom: 1px solid #D4D4D4;
                color: #044EA3;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    border: 0px;
                    border-radius: 0px;
                    border-bottom: 1px solid #D4D4D4;
                }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button {
                        display: block;
                        width: 100%;
                        margin: 0px;
                        padding: 0px 15px;
                        font-size: 16px;
                        line-height: 46px;
                        font-weight: 700;
                        color: #F18432;
                        text-decoration: none;
                        border: 0px;
                        background-color: #fff;
                        text-align: left;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button:focus, .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button:active {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                            color: #F18432 !important;
                            background-color: #fff !important;
                            border: 0px solid #fff !important;
                            box-shadow: none !important;
                        }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse {
                        padding: 0px;
                        margin: 0px;
                        display: none;
                        overflow: hidden;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
                            display: block;
                            margin: 0px;
                            padding: 0px 50px 15px 15px;
                            overflow: hidden;
                        }

                            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder p {
                                display: block;
                                margin: 0px;
                                padding: 6px 0px;
                            }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show {
                            padding: 0px;
                            margin: 0px;
                            display: block;
                            overflow: hidden;
                        }

                    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        overflow: hidden;
                    }

                        .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
                            display: block;
                            margin: 0px;
                            padding: 0px 50px 15px 15px;
                            overflow: hidden;
                        }

                            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder p {
                                display: block;
                                margin: 0px;
                                padding: 6px 0px;
                            }

@media all and (max-width: 1149px) {
    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
        padding-right: 30px;
    }

    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
        padding-right: 30px;
    }

    .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show .contentHolder {
        padding-right: 30px;
    }
}

@media all and (max-width: 991px) {
    .fleetInfoSection .imageColAcordianCol {
        flex-direction: column-reverse;
    }

        .fleetInfoSection .imageColAcordianCol .imgCol {
            width: 100%;
        }

            .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
                min-height: 400px;
            }

        .fleetInfoSection .imageColAcordianCol .acordianCol {
            width: 100%;
        }

            .fleetInfoSection .imageColAcordianCol .acordianCol h2 {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card button {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapsing .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }

            .fleetInfoSection .imageColAcordianCol .acordianCol .accordion .card .collapse.show .contentHolder {
                padding-right: 30px;
                padding-left: 30px;
            }
}

@media all and (max-width: 767px) {
    .fleetInfoSection .imageColAcordianCol .imgCol .imgBG {
        min-height: 250px;
    }
}

.contactBubble {
    position: fixed;
    z-index: 100;
    bottom: 30px;
    right: 30px;
    padding: 0px;
    transition: all 0.3s ease;
    background-color: #F18432;
    border: 4px solid #fff;
    border-radius: 100px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

    .contactBubble .btn-float {
        position: relative;
        display: block;
        padding: 12px 18px;
        color: #fff;
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        font-weight: 700;
        overflow: hidden;
    }

    .contactBubble .formBox {
        display: block;
        overflow: hidden;
        padding: 0px;
        width: 66px;
        height: 1px;
        transition: all 0.3s ease;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

        .contactBubble .formBox .fieldHolder {
            display: block;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .fieldHolder input {
                display: block;
                width: 100%;
                padding: 0px 10px;
                color: #000;
                font-size: 16px;
                line-height: 38px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
            }

                .contactBubble .formBox .fieldHolder input:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder textarea {
                display: block;
                width: 100%;
                height: 120px;
                padding: 10px 10px;
                color: #000;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
                resize: none;
            }

                .contactBubble .formBox .fieldHolder textarea:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder .error {
                display: none;
                font-size: 12px;
                line-height: 14px;
                font-weight: 500;
                padding: 2px 0px;
                overflow: hidden;
                color: #fff;
            }

        .contactBubble .formBox .buttonHolder {
            display: flex;
            border-top: 1px solid #fff;
            margin: 5px -15px 0px -15px;
            padding: 0px 0px 0px 0px;
            background-color: #F18432;
            border-radius: 0px 0px 7px 7px;
            overflow: hidden;
        }

            .contactBubble .formBox .buttonHolder button {
                flex: 1;
                text-align: center;
                border: 0px solid transparent;
                padding: 0px;
                font-size: 16px;
                line-height: 40px;
                font-weight: 700;
                text-transform: uppercase;
                color: #fff;
                background-color: #F18432;
                overflow: hidden;
            }

                .contactBubble .formBox .buttonHolder button:first-child {
                    border-right: 1px solid #fff;
                }

        .contactBubble .formBox .afterForm {
            display: block;
            margin: 0px;
            padding: 0px 0px 15px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .afterForm p {
                display: block;
                margin: 0px;
                padding: 6px 0px;
                font-size: 16px;
                line-height: 20px;
                color: #fff;
                text-align: center;
            }

    .contactBubble.open {
        border-radius: 10px;
        background-color: #044EA3;
        transition: all 0.3s ease;
    }

        .contactBubble.open .btn-float {
            position: relative;
            padding: 20px;
        }

            .contactBubble.open .btn-float::before {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: #fff;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .contactBubble.open .btn-float::after {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: #fff;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .contactBubble.open .formBox {
            display: block;
            overflow: hidden;
            padding: 15px 15px 0px 15px;
            width: 260px;
            height: auto;
            transition: all 0.3s ease;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

.notfoundSection {
    display: block;
    margin: 0px;
    padding: 100px 50px;
    overflow: hidden;
    text-align: center;
}

    .notfoundSection h1 {
        padding: 0px;
        margin: 0px;
        font-size: 10vw !important;
        font-weight: 900 !important;
        line-height: normal !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: #044EA3;
    }

        .notfoundSection h1:before,
        .notfoundSection h1:after {
            position: absolute;
            content: '';
        }

        .notfoundSection h1:before {
            z-index: -2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: inherit;
        }

        .notfoundSection h1:after {
            position: absolute;
            z-index: -1;
            top: .125em;
            right: .125em;
            bottom: .125em;
            left: .125em;
            background-color: #000;
        }

    .notfoundSection h1 {
        background-attachment: fixed;
    }

    .notfoundSection h2 {
        padding-top: 25px;
        color: #F18432;
    }

@media all and (max-width: 991px) {
    .notfoundSection {
        padding: 30px 30px;
    }

        .notfoundSection h1 {
            font-size: 20vw !important;
        }
}

.creditCustomerTittleBanner {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100px;
    background: var(--unnamed-color-044ea3) 0% 0% no-repeat padding-box;
    background: #044EA3 0% 0% no-repeat padding-box;
    opacity: 1;
}

.creditCustomerTittle {
    top: 214px;
    left: 310px;
    width: 374px;
    height: 29px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-29) var(--unnamed-font-family-museo-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal normal 24px/29px pptelegraf_regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

    .creditCustomerTittle p {
        padding-left: 10%;
        padding-top: 10%;
    }

.creditCustomerbuttonsection {
    padding-top: 3%;
    padding-bottom: 3%;
    padding-left: 40%;
}

@media only screen and (min-width: 769px) {
    .creditUserApplicationForm .form-control::-webkit-input-placeholder {
        font-size: 1vw;
        word-wrap: break-word;
    }
    /* WebKit, Blink, Edge */
    .creditUserApplicationForm .form-control:-moz-placeholder {
        font-size: 1vw;
        word-wrap: break-word;
    }
    /* Mozilla Firefox 4 to 18 */
    .creditUserApplicationForm .form-control::-moz-placeholder {
        font-size: 1vw;
        word-wrap: break-word;
    }
    /* Mozilla Firefox 19+ */
    .creditUserApplicationForm .form-control:-ms-input-placeholder {
        word-wrap: break-word;
        font-size: 1vw;
    }
    /* Internet Explorer 10-11 */
    .creditUserApplicationForm .form-control:-ms-input-placeholder {
        word-wrap: break-word;
        font-size: 1vw;
    }
}

.credituserhome {
    margin-left: 0%;
}

    .credituserhome .credituserhomeheading {
        width: 100%;
        height: 70px;
        background: #044EA3 0% 0% no-repeat padding-box;
    }
/*# sourceMappingURL=styles.css.map */

@font-face {
    font-family: 'bebas_neue_pro_bold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/bebas neue pro bold.ttf') format('truetype');
}

@font-face {
    font-family: 'ivypresto_headline_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/ivypresto headline regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/ivyprestoheadline-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_regular';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'pptelegraf_semibold';
    src: url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.otf') format('opentype'), url('../../../../assets/freightweb/styles/css/dpworld/pptelegraf-semibold.ttf') format('truetype');
}

:root {
    --clr-white: #fff;
    --clr-black: #000;
    --clr-blue: #044EA3;
    --clr-blue-light: #DBE8F6;
    --clr-blue-lightest: #FAFCFF;
    --clr-orange: #F18432;
    --clr-purple: #8E52A0;
    --clr-green: #85C656;
    --clr-yellow: #FFE300;
    --clr-yellow-light: #FFFBDE;
    --clr-red: #BC111A;
    --clr-gray-darkest: #4A4A4A;
    --clr-gray-darker: #959595;
    --clr-gray: #D4D4D4;
    --clr-gray-light: #F7F7F7;
}

* {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pptelegraf_regular', sans-serif !important;
    font-weight: 300;
}

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

    a:hover {
        text-decoration: none;
        transition: all 0.3s ease;
    }

html {
    margin: 0px;
    padding: 0px;
}

    html body {
        margin: 0px;
        padding: 0px;
        background-color: var(--clr-gray-light);
        -webkit-overflow-scrolling: touch;
        overflow: auto;
    }

        html body .page {
            position: relative;
            display: block;
            margin: 0px auto;
            padding: 0px;
            min-height: 100vh;
            background-color: var(--clr-white);
            max-width: 1400px;
            opacity: 1;
            transition: all 0.3s ease;
        }

            html body .page .appSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

            html body .page .appSectionArea,
            html body .page .allSectionArea {
                position: relative;
                display: block;
                margin: 0px;
                padding: 0px;
                min-height: 100px;
            }

                html body .page .appSectionArea h1,
                html body .page .allSectionArea h1 {
                    font-size: 28px;
                    line-height: 32px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .appSectionArea h2,
                html body .page .allSectionArea h2 {
                    font-size: 26px;
                    line-height: 30px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .appSectionArea h3,
                html body .page .allSectionArea h3 {
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                    margin: 0px;
                }

                html body .page .appSectionArea p,
                html body .page .allSectionArea p {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 300;
                    margin: 0px;
                }

@media all and (max-width: 1274px) {
    html body .page .appSectionArea h1,
    html body .page .allSectionArea h1 {
        font-size: 27px;
        line-height: 31px;
    }

    html body .page .appSectionArea h2,
    html body .page .allSectionArea h2 {
        font-size: 25px;
        line-height: 29px;
    }

    html body .page .appSectionArea h3,
    html body .page .allSectionArea h3 {
        font-size: 19px;
        line-height: 23px;
    }

    html body .page .appSectionArea p,
    html body .page .allSectionArea p {
        font-size: 15px;
        line-height: 21px;
    }
}

@media all and (max-width: 1149px) {
    html body .page .appSectionArea h1,
    html body .page .allSectionArea h1 {
        font-size: 26px;
        line-height: 30px;
    }

    html body .page .appSectionArea h2,
    html body .page .allSectionArea h2 {
        font-size: 24px;
        line-height: 28px;
    }

    html body .page .appSectionArea h3,
    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .appSectionArea p,
    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media all and (max-width: 360px) {
    html body .page .appSectionArea h1,
    html body .page .allSectionArea h1 {
        font-size: 22px;
        line-height: 26px;
    }

    html body .page .appSectionArea h2,
    html body .page .allSectionArea h2 {
        font-size: 20px;
        line-height: 24px;
    }

    html body .page .appSectionArea h3,
    html body .page .allSectionArea h3 {
        font-size: 18px;
        line-height: 22px;
    }

    html body .page .appSectionArea p,
    html body .page .allSectionArea p {
        font-size: 14px;
        line-height: 20px;
    }
}

html body .page .btn-primary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-white);
    background-color: var(--clr-orange);
    border-radius: 10px;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    white-space: nowrap;
}

    html body .page .btn-primary:hover {
        color: var(--clr-orange);
        background-color: var(--clr-white);
        border: 2px solid var(--clr-orange);
    }

    html body .page .btn-primary:focus, html body .page .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-orange) !important;
        background-color: var(--clr-white) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 10px;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    white-space: nowrap;
}

    html body .page .btn-secondary:hover {
        color: var(--clr-white);
        background-color: var(--clr-orange);
        border: 2px solid var(--clr-orange);
    }

    html body .page .btn-secondary:focus, html body .page .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-white) !important;
        background-color: var(--clr-orange) !important;
        border: 2px solid var(--clr-white) !important;
        box-shadow: none !important;
    }

html body .page .btn-secondary-small {
    display: inline-block;
    padding: 1px 15px 0px 15px;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 6px;
    border: 1px solid var(--clr-orange);
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}

    html body .page .btn-secondary-small:hover {
        color: var(--clr-white);
        background-color: var(--clr-orange);
        border: 1px solid var(--clr-white);
    }

    html body .page .btn-secondary-small:focus, html body .page .btn-secondary-small:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-white) !important;
        background-color: var(--clr-orange) !important;
        border: 1px solid var(--clr-white) !important;
        box-shadow: none !important;
    }

html body .page .btn-text {
    display: inline-block;
    padding: 0px 15px;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 10px;
    border: 2px solid var(--clr-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    white-space: nowrap;
}

    html body .page .btn-text:hover {
        color: var(--clr-blue);
        background-color: var(--clr-white);
        border: 2px solid var(--clr-white);
    }

    html body .page .btn-text:focus, html body .page .btn-text:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-blue) !important;
        background-color: var(--clr-white) !important;
        border: 2px solid var(--clr-white) !important;
        box-shadow: none !important;
    }

html body.noScroll {
    overflow: hidden;
    background-color: var(--clr-black);
}

    html body.noScroll .page {
        opacity: 0.5;
        transition: all 0.3s ease;
    }

html body.noScrollTwo {
    overflow: hidden;
    background-color: var(--clr-gray-light);
}

    html body.noScrollTwo .page {
        opacity: 0.5;
        transition: all 0.3s ease;
        pointer-events: none;
    }

svg.routeMap {
    display: block;
    width: 820px;
    height: 1330px;
    overflow: hidden;
    background-color: var(--clr-blue-lightest);
    transition: all 0.3s ease;
}

    svg.routeMap .cls-1 {
        fill: transparent;
    }

    svg.routeMap .cls-4 {
        fill: var(--clr-white);
        cursor: pointer;
        transition: all 0.3s ease;
    }

        svg.routeMap .cls-4:hover {
            fill: var(--clr-blue);
            stroke: var(--clr-orange);
            transition: all 0.3s ease;
        }

    svg.routeMap .cls-2 {
        fill: var(--clr-blue-light);
    }

    svg.routeMap .cls-3, svg.routeMap .cls-7 {
        fill: none;
    }

    svg.routeMap .cls-3, svg.routeMap .cls-4 {
        stroke: var(--clr-blue);
    }

    svg.routeMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.routeMap .cls-4 {
        stroke-width: 6px;
    }

    svg.routeMap .cls-5 {
        fill: var(--clr-black);
        font-size: 16px;
        font-family: 'pptelegraf_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.routeMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.routeMap .cls-6 {
        stroke: none;
    }

    svg.routeMap path[id^='Path-'] {
        opacity: 0;
        transition: all 1s ease;
    }

    svg.routeMap .dotText .cls-5 {
        opacity: 0;
        transition: all 0.3s ease;
    }

    svg.routeMap .dotText:hover .cls-5 {
        opacity: 1;
        transition: all 0.3s ease;
    }

svg.sailingMap {
    display: block;
    width: 730px;
    height: 500px;
    overflow: hidden;
}

    svg.sailingMap .cls-1, svg.sailingMap .cls-3 {
        fill: none;
    }

    svg.sailingMap .cls-2 {
        fill: var(--clr-blue-light);
        stroke: var(--clr-blue-light);
        opacity: 0.8;
    }

    svg.sailingMap .cls-3, svg.sailingMap .cls-4 {
        stroke: var(--clr-blue);
    }

    svg.sailingMap .cls-3 {
        stroke-width: 2px;
        stroke-dasharray: 5000;
    }

    svg.sailingMap .cls-4 {
        fill: var(--clr-white);
        stroke-width: 6px;
    }

    svg.sailingMap .cls-5 {
        fill: var(--clr-black);
        font-size: 16px;
        font-family: 'ivypresto_headline_regular', sans-serif !important;
        font-weight: 700 !important;
        pointer-events: none;
    }

        svg.sailingMap .cls-5 tspan {
            font-weight: 700 !important;
            cursor: default;
            pointer-events: none;
        }

    svg.sailingMap .cls-6 {
        stroke: none;
    }

svg.iconMenuMobile {
    display: block;
    width: 122px;
    height: 122px;
    overflow: hidden;
}

    svg.iconMenuMobile .cls-1, svg.iconMenuMobile .cls-2 {
        fill: none;
    }

    svg.iconMenuMobile .cls-2 {
        stroke: var(--clr-orange);
        stroke-linecap: round;
        stroke-width: 4px;
    }

svg.iconHome {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.iconHome .cls-1, svg.iconHome .cls-2 {
        fill: none;
    }

    svg.iconHome .cls-3, svg.iconHome .cls-4 {
        stroke: none;
    }

    svg.iconHome .cls-4 {
        fill: var(--clr-blue);
    }

svg.iconClose {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    svg.iconClose .cls-1, svg.iconClose .cls-2 {
        fill: none;
    }

    svg.iconClose .cls-2 {
        stroke: var(--clr-orange);
        stroke-linecap: round;
        stroke-width: 2px;
    }

svg.iconTruckFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconTruckFront .cls-1 {
        fill-rule: evenodd;
    }

svg.iconTimeSpeed {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

svg.iconShipFront {
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
}

    svg.iconShipFront .cls-1 {
        stroke: var(--clr-blue-lightest);
        stroke-width: 0.5px;
    }

svg.iconHelp {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
}

    svg.iconHelp .cls-1 {
        fill: var(--clr-orange);
        stroke: var(--clr-orange);
    }

svg.aNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.aNews .cls-1 {
        fill: none;
    }

    svg.aNews .cls-2 {
        fill: var(--clr-gray-darkest);
        stroke: var(--clr-white);
    }

svg.sNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.sNews .cls-1 {
        fill: none;
    }

    svg.sNews .cls-2 {
        fill: var(--clr-gray-darkest);
        stroke: var(--clr-white);
        stroke-width: 0.5px;
    }

svg.gNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.gNews .cls-1 {
        fill: none;
    }

    svg.gNews .cls-2 {
        fill: var(--clr-gray-darkest);
    }

svg.bNews {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

    svg.bNews .cls-1 {
        fill: none;
    }

    svg.bNews .cls-2 {
        fill: var(--clr-gray-darkest);
    }

svg.newsNavArrow {
    display: block;
    width: 50px;
    height: 70px;
    overflow: hidden;
}

    svg.newsNavArrow .cls-1, svg.newsNavArrow .cls-2 {
        fill: none;
    }

    svg.newsNavArrow .cls-2 {
        stroke: var(--clr-white);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 1.5px;
    }

svg.iconQuote {
    display: block;
    width: 130px;
    height: 110px;
    overflow: hidden;
}

    svg.iconQuote .cls-1 {
        fill: var(--clr-white);
        stroke: var(--clr-gray);
    }

svg.twitterLogo {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 80px;
    height: 65px;
    overflow: hidden;
}

    svg.twitterLogo .cls-1 {
        fill: var(--clr-blue);
    }

svg.iconArwBothWays {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 15px;
    overflow: hidden;
}

    svg.iconArwBothWays .cls-1 {
        fill: var(--clr-gray);
    }

svg.iconProfile {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 25px;
    overflow: hidden;
}

    svg.iconProfile .cls-1 {
        fill: var(--clr-orange);
        fill-rule: evenodd;
    }

svg.searchIcon {
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

    svg.searchIcon .cls-1 {
        fill: none;
    }

    svg.searchIcon .cls-2 {
        fill: var(--clr-orange);
    }

svg.searchClose {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.searchClose .cls-1 {
        fill: none;
        stroke: var(--clr-orange);
        stroke-linecap: round;
        stroke-width: 2px;
    }

svg.iconArrowSwitch {
    display: block;
    width: 43px;
    height: 24px;
    overflow: hidden;
}

    svg.iconArrowSwitch .cls-1 {
        fill: none;
    }

    svg.iconArrowSwitch .cls-2 {
        fill: var(--clr-blue);
    }

svg.dateArrowLeft {
    display: block;
    width: 35px;
    height: 45px;
    overflow: hidden;
}

    svg.dateArrowLeft .cls-1, svg.dateArrowLeft .cls-2 {
        fill: none;
    }

    svg.dateArrowLeft .cls-2 {
        stroke: var(--clr-white);
        stroke-width: 2px;
    }

svg.dateArrowRight {
    display: block;
    width: 35px;
    height: 45px;
    overflow: hidden;
    transform: rotate(180deg);
}

    svg.dateArrowRight .cls-1, svg.dateArrowRight .cls-2 {
        fill: none;
    }

    svg.dateArrowRight .cls-2 {
        stroke: var(--clr-white);
        stroke-width: 2px;
    }

svg.searchIconButton {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    svg.searchIconButton .cls-1 {
        fill: var(--clr-orange);
    }

svg.iconFunnel {
    display: block;
    width: 23px;
    height: 22px;
    overflow: hidden;
}

    svg.iconFunnel .cls-1 {
        fill: var(--clr-orange);
    }

header {
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: var(--clr-white);
}

    header .brandRow {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        header .brandRow .colLogo {
            margin: 0px;
            padding: 0px;
            min-width: 231px;
            width: 231px;
            max-width: 231px;
        }

            header .brandRow .colLogo a {
                display: block;
                margin: 0px 0px 0px 50px;
                padding: 60px 0px;
                width: 135px;
                height: 64px;
                overflow: hidden;
                background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                background-size: contain;
            }

        header .brandRow .colOptions {
            margin: 0px;
            padding: 0px;
            text-align: right;
            width: calc(100% - 231px);
        }

            header .brandRow .colOptions .threeCols {
                display: flex;
                direction: rtl;
                margin: 0px;
                padding: 0px;
                align-items: center;
            }

                header .brandRow .colOptions .threeCols .mMenuCol {
                    direction: ltr;
                    margin: 0px;
                    padding: 0px;
                    margin-left: 15px;
                    display: none;
                }

                    header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                        position: relative;
                    }

                        header .brandRow .colOptions .threeCols .mMenuCol .menuMobile::before {
                            content: attr(data-name);
                            position: absolute;
                            top: 36px;
                            right: 60px;
                            font-size: 10px;
                            line-height: 10px;
                            color: var(--clr-black);
                            text-transform: uppercase;
                        }

                header .brandRow .colOptions .threeCols .btnCol {
                    direction: ltr;
                    margin: 0px 50px 0px 15px;
                    padding: 0px;
                }

                header .brandRow .colOptions .threeCols .langCol {
                    direction: ltr;
                    margin: 0px 15px;
                    padding: 0px;
                }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary {
                        position: relative;
                        background-color: var(--clr-white);
                        border: 1px solid var(--clr-gray-light);
                        font-size: 16px;
                        line-height: 40px;
                        font-weight: 500;
                        color: var(--clr-black);
                        padding: 0px 15px;
                        margin: 0px;
                        transition: all 0.3s ease;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:hover {
                            border: 1px solid var(--clr-gray);
                            transition: all 0.3s ease;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.img img {
                            width: 30px;
                            height: 20px;
                            object-fit: cover;
                            margin-right: 8px;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary span.txt {
                            padding-right: 15px;
                            font-weight: 500;
                        }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .btn-secondary:focus {
                            box-shadow: none;
                        }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-toggle::after {
                        display: inline-block;
                        content: '';
                        width: 8px;
                        height: 8px;
                        border-top: solid 2px var(--clr-orange);
                        border-right: solid 2px var(--clr-orange);
                        -webkit-transform: rotate(135deg);
                        transform: rotate(135deg);
                        border-left: unset;
                        vertical-align: .2em;
                    }

                    header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: var(--clr-white);
                        padding: 0px;
                        overflow: hidden;
                    }

                        header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 16px;
                            line-height: 40px;
                            color: var(--clr-black);
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: var(--clr-white);
                            transition: all 0.3s ease;
                        }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.img img {
                                width: 28px;
                                height: 18px;
                                object-fit: cover;
                                margin-right: 8px;
                                border: 1px solid var(--clr-gray-light);
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item span.txt {
                                font-weight: 500;
                                padding-right: 20px;
                                transition: all 0.3s ease;
                            }

                            header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: var(--clr-blue);
                                transition: all 0.3s ease;
                            }

                                header .brandRow .colOptions .threeCols .langCol .dropdown .dropdown-menu.show .dropdown-item:hover span.txt {
                                    color: var(--clr-white);
                                    transition: all 0.3s ease;
                                }

                    header .brandRow .colOptions .threeCols .langCol.measure {
                        margin-left: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.measure .dropdown .btn-secondary {
                            border-radius: 0px 10px 10px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.currency {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.currency .dropdown .btn-secondary {
                            border-radius: 0px 0px 0px 0px;
                        }

                    header .brandRow .colOptions .threeCols .langCol.language {
                        margin-left: 0px;
                        margin-right: 0px;
                    }

                        header .brandRow .colOptions .threeCols .langCol.language .dropdown .btn-secondary {
                            border-radius: 10px 0px 0px 10px;
                        }

                header .brandRow .colOptions .threeCols .searchCol {
                    margin: 0px;
                    direction: ltr;
                }

                    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
                        position: relative;
                        max-width: 400px;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                        overflow: hidden;
                        border: 0px solid var(--clr-gray-light);
                        border-radius: 6px;
                        background-color: var(--clr-gray-light);
                    }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .iconCol .searchIcon .cls-2 {
                                fill: var(--clr-gray);
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol {
                            width: calc(100% - 166px);
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input {
                                display: block;
                                margin: 0px;
                                padding: 0px 10px 0px 0px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: var(--clr-black);
                                font-weight: 500;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .fieldCol input:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol {
                            width: 82px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button {
                                display: block;
                                margin: 0px;
                                padding: 0px 15px 0px 5px;
                                border: 0px solid transparent;
                                font-size: 16px;
                                line-height: 42px;
                                color: var(--clr-orange);
                                text-transform: uppercase;
                                font-weight: 700;
                                background-color: transparent;
                            }

                                header .brandRow .colOptions .threeCols .searchCol .searchDivRow .sBtnCol button:focus {
                                    outline-width: 0px;
                                    outline-color: transparent;
                                    outline-style: none;
                                    -webkit-appearance: none;
                                    box-shadow: none !important;
                                }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol {
                            width: 42px;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow .closeCol .closeBtn {
                                display: block;
                                padding: 12px;
                                background-color: transparent;
                                border-radius: 0px 6px 6px 0px;
                                overflow: hidden;
                                cursor: pointer;
                            }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .fieldCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .sBtnCol, header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .closeCol {
                            display: none;
                        }

                        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon {
                            background-color: var(--clr-white);
                            cursor: pointer;
                        }

                            header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide .iconCol .searchIcon .cls-2 {
                                fill: var(--clr-orange);
                            }

@media all and (max-width: 1149px) {
    header .brandRow .colLogo {
        min-width: 140px;
        width: 140px;
        max-width: 140px;
    }

        header .brandRow .colLogo a {
            display: block;
            margin: 0px 0px 0px 30px;
            padding: 40px 0px;
            width: 84px;
            height: 40px;
        }

    header .brandRow .colOptions {
        width: calc(100% - 140px);
    }

        header .brandRow .colOptions .threeCols .mMenuCol {
            display: block;
        }

            header .brandRow .colOptions .threeCols .mMenuCol .menuMobile {
                width: 80px;
                height: 80px;
            }

                header .brandRow .colOptions .threeCols .mMenuCol .menuMobile svg.iconMenuMobile {
                    width: 80px;
                    height: 80px;
                }

        header .brandRow .colOptions .threeCols .btnCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .langCol {
            display: none;
        }

        header .brandRow .colOptions .threeCols .searchCol {
            margin-right: 15px;
        }
}

@media all and (max-width: 599px) {
    header .brandRow .colOptions .threeCols .searchCol .searchDivRow {
        position: absolute;
        top: 80px;
        left: 0px;
        right: 0px;
        border-top: 1px solid var(--clr-gray);
        border-bottom: 1px solid var(--clr-gray);
        border-radius: 0px;
        max-width: 100%;
    }

        header .brandRow .colOptions .threeCols .searchCol .searchDivRow.hide {
            position: relative;
            left: unset;
            right: unset;
            top: unset;
            border-top: 0px solid var(--clr-gray);
            border-bottom: 0px solid var(--clr-gray);
            border-radius: 0px;
        }
}

@media all and (max-width: 1149px) {
    header {
        position: -webkit-sticky;
        /* Safari */
        position: sticky;
        top: 0;
        border-bottom: 1px solid var(--clr-gray);
        z-index: 800;
    }
}

nav.touchDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: var(--clr-white);
    border-bottom: 1px solid var(--clr-gray);
    z-index: 900;
}

    nav.touchDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.touchDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.touchDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.touchDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: var(--clr-blue);
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.touchDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.touchDevice .cols ul li a:hover {
                        color: var(--clr-orange);
                    }

                    nav.touchDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.touchDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px var(--clr-blue);
                            border-right: solid 2px var(--clr-blue);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.touchDevice .cols ul li ul.subMenu {
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: var(--clr-blue);
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.touchDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.touchDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li a:hover {
                                background-color: var(--clr-orange);
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.touchDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: var(--clr-orange);
                            }

                        nav.touchDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.touchDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.touchDevice .cols ul li.active a {
                    color: var(--clr-black);
                }

                    nav.touchDevice .cols ul li.active a svg .cls-4 {
                        fill: var(--clr-black);
                    }

                    nav.touchDevice .cols ul li.active a:hover {
                        color: var(--clr-black);
                    }

                nav.touchDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.touchDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.touchDevice .cols:last-child {
            text-align: right;
        }

            nav.touchDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.touchDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.touchDevice .cols:last-child ul li:first-child a {
                padding: 0px 5px 0px 5px;
            }

nav.mouseDevice {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
    display: table;
    width: 100%;
    margin: 0px;
    padding: 0px 50px;
    background-color: var(--clr-white);
    border-bottom: 1px solid var(--clr-gray);
    z-index: 900;
}

    nav.mouseDevice .cols {
        display: table-cell;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
    }

        nav.mouseDevice .cols ul {
            display: inline-block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            nav.mouseDevice .cols ul li {
                position: relative;
                display: inline-block;
                margin: 0px 5px 0px 0px;
            }

                nav.mouseDevice .cols ul li a {
                    position: relative;
                    display: block;
                    font-size: 16px;
                    line-height: 56px;
                    font-weight: 700;
                    color: var(--clr-blue);
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    nav.mouseDevice .cols ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    nav.mouseDevice .cols ul li a:hover {
                        color: var(--clr-orange);
                    }

                    nav.mouseDevice .cols ul li a.hasSubMenu {
                        padding-right: 20px;
                    }

                        nav.mouseDevice .cols ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 5px;
                            top: 21px;
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px var(--clr-blue);
                            border-right: solid 2px var(--clr-blue);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                nav.mouseDevice .cols ul li ul.subMenu {
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: var(--clr-blue);
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                }

                    nav.mouseDevice .cols ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        nav.mouseDevice .cols ul li ul.subMenu li a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li a:hover {
                                background-color: var(--clr-orange);
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:first-child a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            nav.mouseDevice .cols ul li ul.subMenu li:first-child a:hover {
                                background-color: var(--clr-orange);
                            }

                        nav.mouseDevice .cols ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                nav.mouseDevice .cols ul li:hover ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                nav.mouseDevice .cols ul li.active a {
                    color: var(--clr-black);
                }

                    nav.mouseDevice .cols ul li.active a svg .cls-4 {
                        fill: var(--clr-black);
                    }

                    nav.mouseDevice .cols ul li.active a:hover {
                        color: var(--clr-black);
                    }

                nav.mouseDevice .cols ul li:last-child {
                    margin-right: 0px;
                }

                nav.mouseDevice .cols ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

        nav.mouseDevice .cols:last-child {
            text-align: right;
        }

            nav.mouseDevice .cols:last-child ul li a {
                font-weight: 500;
            }

            nav.mouseDevice .cols:last-child ul li ul.subMenu {
                right: 0px;
            }

            nav.mouseDevice .cols:last-child ul li:first-child a {
                padding: 0px 20px 0px 5px;
            }

@media all and (max-width: 1149px) {
    nav.touchDevice {
        display: none;
    }

    nav.mouseDevice {
        display: none;
    }
}

footer {
    position: relative;
    display: block;
    margin: 0px;
    padding: 50px;
    overflow: hidden;
    border-top: 6px solid var(--clr-blue);
}

    footer .firstThreeCols {
        display: flex;
    }

        footer .firstThreeCols .levelOneCol {
            width: calc(100% - 440px);
            margin: 0px;
            padding: 0px;
        }

            footer .firstThreeCols .levelOneCol .rowOne {
                display: flex;
            }

                footer .firstThreeCols .levelOneCol .rowOne .levelTwoCol {
                    flex: 1;
                }

            footer .firstThreeCols .levelOneCol ul {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
                list-style: none;
            }

                footer .firstThreeCols .levelOneCol ul li {
                    display: block;
                    padding: 0px;
                    margin: 0px;
                    overflow: hidden;
                }

                    footer .firstThreeCols .levelOneCol ul li a {
                        display: inline-block;
                        color: var(--clr-blue);
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 300;
                        white-space: nowrap;
                    }

                        footer .firstThreeCols .levelOneCol ul li a:hover {
                            color: var(--clr-orange);
                        }

                    footer .firstThreeCols .levelOneCol ul li:first-child a {
                        font-weight: 500;
                    }

                footer .firstThreeCols .levelOneCol ul + ul {
                    padding-top: 15px;
                }

            footer .firstThreeCols .levelOneCol .rowTwo {
                display: flex;
                margin-top: 20px;
                border-top: 1px solid var(--clr-gray);
                padding-top: 20px;
            }

                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol {
                    flex: 1;
                }

                    footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p {
                        display: block;
                        text-transform: uppercase;
                        color: var(--clr-blue);
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 14px;
                        padding-right: 30px;
                    }

                        footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span {
                            font-size: 13px;
                            line-height: 15px;
                            display: block;
                            text-transform: none;
                            color: var(--clr-gray-darkest);
                        }

                            footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a {
                                color: var(--clr-orange);
                            }

                                footer .firstThreeCols .levelOneCol .rowTwo .levelTwoCol p span a:hover {
                                    color: var(--clr-blue);
                                }

            footer .firstThreeCols .levelOneCol:first-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:first-child .logo {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 135px;
                    height: 64px;
                    overflow: hidden;
                    background: url("../../svgs/logo-poferries.svg") center center no-repeat;
                    background-size: contain;
                }

                footer .firstThreeCols .levelOneCol:first-child p.smlTxt {
                    display: block;
                    margin: 0px;
                    padding: 7px 0px;
                    font-size: 12px;
                    line-height: 14px;
                    color: var(--clr-gray-darker);
                    font-weight: 300;
                    margin-bottom: 10px;
                }

                footer .firstThreeCols .levelOneCol:first-child ul li:first-child a {
                    font-weight: 300;
                }

                footer .firstThreeCols .levelOneCol:first-child .rowSmIcons {
                    display: block;
                    margin: 0px;
                    padding: 15px 0px;
                }

                    footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a {
                        display: block;
                        float: left;
                        width: 30px;
                        height: 30px;
                        overflow: hidden;
                        margin-right: 15px;
                    }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a img {
                            display: block;
                            width: 30px;
                            height: 30px;
                            overflow: hidden;
                        }

                        footer .firstThreeCols .levelOneCol:first-child .rowSmIcons a:last-child {
                            margin-right: 0px;
                        }

            footer .firstThreeCols .levelOneCol:last-child {
                width: 220px;
            }

                footer .firstThreeCols .levelOneCol:last-child h3 {
                    font-size: 18px;
                    line-height: 22px;
                    text-transform: uppercase;
                    color: var(--clr-gray-darker);
                }

                footer .firstThreeCols .levelOneCol:last-child .imgLinks {
                    display: block;
                    width: 180px;
                    height: 51px;
                    margin: 15px auto 0px 0px;
                }

                    footer .firstThreeCols .levelOneCol:last-child .imgLinks img {
                        display: block;
                        width: 180px;
                        height: 51px;
                    }

@media all and (max-width: 1149px) {
    footer {
        padding: 30px;
    }
}

@media all and (max-width: 1029px) {
    footer .firstThreeCols .levelOneCol:nth-of-type(2n) {
        display: none;
    }

    footer .firstThreeCols .levelOneCol:first-child,
    footer .firstThreeCols .levelOneCol:last-child {
        width: 50%;
    }
}

@media all and (max-width: 449px) {
    footer .firstThreeCols {
        flex-direction: column-reverse;
    }

        footer .firstThreeCols .levelOneCol:first-child,
        footer .firstThreeCols .levelOneCol:last-child {
            width: 100%;
        }

        footer .firstThreeCols .levelOneCol:last-child {
            padding-bottom: 30px;
        }
}

.mobileMenu {
    position: fixed;
    z-index: 9001;
    top: 0px;
    right: -340px;
    bottom: 0px;
    width: 320px;
    background-color: var(--clr-blue);
    overflow: hidden;
    transition: 0.3s ease;
    -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

    .mobileMenu a.closeMenu {
        position: absolute;
        z-index: 9002;
        right: 20px;
        top: 20px;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }

        .mobileMenu a.closeMenu svg {
            display: block;
            width: 18px;
            height: 18px;
        }

    .mobileMenu .titleRow {
        display: block;
        margin: 0px;
        padding: 20px 20px 10px 20px;
        text-align: center;
        background-color: var(--clr-white);
        overflow: hidden;
    }

        .mobileMenu .titleRow a.logo {
            display: inline-block;
            margin: 0px auto;
            padding: 0px;
            overflow: hidden;
        }

            .mobileMenu .titleRow a.logo img {
                display: block;
                width: 90px;
            }

    .mobileMenu .contentArea {
        display: block;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: calc(100% - 85px);
    }

        .mobileMenu .contentArea ul {
            display: block;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

            .mobileMenu .contentArea ul li {
                display: block;
                margin: 0px;
                padding: 0px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            }

                .mobileMenu .contentArea ul li a {
                    position: relative;
                    display: block;
                    margin: 0px;
                    padding: 0px 20px;
                    color: var(--clr-white);
                    font-size: 16px;
                    line-height: 48px;
                    font-weight: 500;
                }

                    .mobileMenu .contentArea ul li a .imageAndText {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        align-items: center;
                    }

                        .mobileMenu .contentArea ul li a .imageAndText span.img {
                            width: 38px;
                            overflow: hidden;
                            padding-right: 8px;
                        }

                            .mobileMenu .contentArea ul li a .imageAndText span.img img {
                                width: 30px;
                            }

                        .mobileMenu .contentArea ul li a .imageAndText span.txt {
                            font-weight: 500;
                            overflow: hidden;
                        }

                    .mobileMenu .contentArea ul li a:before {
                        content: '';
                        position: absolute;
                        right: 20px;
                        top: 20px;
                        width: 10px;
                        height: 10px;
                        border-top: solid 1px var(--clr-white);
                        border-right: solid 1px var(--clr-white);
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        opacity: 0.5;
                    }

                .mobileMenu .contentArea ul li ul {
                    display: none;
                }

                .mobileMenu .contentArea ul li.hSeparator {
                    height: 6px;
                    background-color: rgba(0, 0, 0, 0.2);
                    border-bottom: 0px solid transparent;
                }

                .mobileMenu .contentArea ul li.showSubMenu {
                    background-color: var(--clr-white);
                    border-top: 1px solid var(--clr-gray);
                }

                    .mobileMenu .contentArea ul li.showSubMenu a {
                        color: var(--clr-orange);
                    }

                        .mobileMenu .contentArea ul li.showSubMenu a:before {
                            top: 17px;
                            border-color: var(--clr-orange);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                    .mobileMenu .contentArea ul li.showSubMenu.show a:before {
                        top: 20px;
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .mobileMenu .contentArea ul li.showSubMenu.show ul {
                        display: block;
                    }

                        .mobileMenu .contentArea ul li.showSubMenu.show ul li {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.1);
                            padding: 0px 25px;
                        }

                            .mobileMenu .contentArea ul li.showSubMenu.show ul li a:before {
                                -webkit-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

    .mobileMenu.show {
        right: 0px;
        transition: 0.3s ease;
    }

.loginFormSection {
    display: block;
    margin: 0px;
    padding: 30px 30px;
    overflow: hidden;
}

    .loginFormSection form {
        display: block;
        margin: 0px auto;
        padding: 10px;
        overflow: hidden;
        max-width: 350px;
    }

        .loginFormSection form h1 {
            display: block;
            margin: 0px;
            padding: 0px 0px 15px 0px;
            font-size: 24px;
            line-height: 30px;
            color: var(--clr-blue);
            font-weight: 700;
            text-transform: uppercase;
        }

        .loginFormSection form p {
            font-size: 14px !important;
            line-height: 18px !important;
            padding: 0px 0px 15px 0px !important;
            color: var(--clr-black) !important;
        }

        .loginFormSection form .form-group {
            position: relative;
        }

            .loginFormSection form .form-group input[type="password"] + div.svgBg {
                position: absolute;
                right: 1px;
                display: block;
                width: 36px;
                height: 36px;
                overflow: hidden;
                background-color: transparent;
                border-radius: 0px 3px 3px 0px;
                margin-top: -37px;
            }

                .loginFormSection form .form-group input[type="password"] + div.svgBg svg {
                    display: block;
                    width: 36px;
                    height: 36px;
                    overflow: hidden;
                    cursor: pointer;
                }

                    .loginFormSection form .form-group input[type="password"] + div.svgBg svg .cls-1 {
                        fill: none;
                    }

                    .loginFormSection form .form-group input[type="password"] + div.svgBg svg .cls-3 {
                        fill: var(--clr-orange);
                    }

                    .loginFormSection form .form-group input[type="password"] + div.svgBg svg.showPassword {
                        display: block;
                    }

                    .loginFormSection form .form-group input[type="password"] + div.svgBg svg.hidePassword {
                        display: none;
                    }

        .loginFormSection form .formGroup input.form-control:-internal-autofill-selected {
            background-color: var(--clr-white) !important;
        }

        .loginFormSection form .formGroup input:focus,
        .loginFormSection form .formGroup select:focus,
        .loginFormSection form .formGroup textarea:focus,
        .loginFormSection form .formGroup button:focus {
            outline: none !important;
            border: 1px solid var(--clr-gray) !important;
        }

        .loginFormSection form .twoButtonRow {
            display: flex;
            flex: 1;
            align-items: center;
            border-bottom: 1px dotted var(--clr-gray);
            padding-bottom: 25px;
        }

            .loginFormSection form .twoButtonRow .ltButton {
                width: 50%;
            }

                .loginFormSection form .twoButtonRow .ltButton button {
                    display: block;
                    padding: 0px 20px;
                    color: var(--clr-white);
                    background-color: var(--clr-orange);
                    border-radius: 6px;
                    border: 1px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                }

            .loginFormSection form .twoButtonRow .rtButton {
                width: 50%;
                text-align: right;
            }

                .loginFormSection form .twoButtonRow .rtButton .buttonSecondary {
                    display: inline-block;
                    padding: 0px 20px;
                    color: var(--clr-orange);
                    background-color: var(--clr-white);
                    border-radius: 6px;
                    border: 1px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                }

        .loginFormSection form .noBottomBorder {
            border-bottom: 0px dotted var(--clr-gray);
        }

        .loginFormSection form .textLinks {
            display: block;
            padding: 15px 0px 15px 0px;
            margin: 0px;
            overflow: hidden;
        }

            .loginFormSection form .textLinks p {
                display: block;
                margin: 0px;
                padding: 8px 0px;
                overflow: hidden;
            }

                .loginFormSection form .textLinks p a {
                    display: inline-block;
                    margin: 0px;
                    padding: 0px;
                    color: var(--clr-blue);
                    text-decoration: none;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                }

                    .loginFormSection form .textLinks p a:hover {
                        color: var(--clr-orange);
                        text-decoration: none;
                    }

.pageHeadingTextSection {
    display: block;
    margin: 0px;
    padding: 25px 50px;
    background-color: var(--clr-blue);
}

    .pageHeadingTextSection h1 {
        display: block;
        color: var(--clr-white);
        text-transform: uppercase;
        margin: 0px;
        padding: 0px;
        font-size: 28px;
        line-height: 32px;
        font-weight: 700;
    }

@media all and (max-width: 1274px) {
    .pageHeadingTextSection h1 {
        font-size: 27px;
        line-height: 31px;
    }
}

@media all and (max-width: 1149px) {
    .pageHeadingTextSection h1 {
        font-size: 26px;
        line-height: 30px;
    }
}

@media all and (max-width: 360px) {
    .pageHeadingTextSection h1 {
        font-size: 22px;
        line-height: 26px;
    }
}

@media all and (max-width: 1149px) {
    .pageHeadingTextSection {
        padding: 20px 30px;
    }
}

.fullPageForm {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: auto;
}

    .fullPageForm form {
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .fullPageForm form h2 {
            display: block;
            margin: 0px;
            padding: 0px 0px 15px 0px;
            color: var(--clr-black);
            text-transform: uppercase;
        }

        .fullPageForm form h3 {
            display: block;
            margin: 0px;
            padding: 0px;
            color: var(--clr-black);
            text-transform: uppercase;
            line-height: 34px;
        }

        .fullPageForm form h4 {
            display: block;
            color: var(--clr-gray-darkest);
            padding: 20px 0px 10px 0px;
            margin: 0px;
            font-size: 18px;
            line-height: 22px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .fullPageForm form .returnBlock {
            display: block;
            margin: 15px 0px 25px 0px;
            padding: 25px 0px 10px 0px;
            border-top: 1px solid var(--clr-gray);
            border-bottom: 1px solid var(--clr-gray);
            overflow: hidden;
        }

        .fullPageForm form .form-group {
            position: relative;
        }

            .fullPageForm form .form-group .multiSelectDD {
                display: block;
                padding: 0px;
                margin: 0px;
            }

                .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group {
                    display: block;
                }

                    .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center {
                        text-align: left !important;
                        background: unset !important;
                    }

                        .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center .multiselect-selected-text {
                            font-size: 1rem;
                            font-weight: 400;
                            line-height: 1.5;
                            color: #6D757D;
                            display: block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                    .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .dropdown-toggle::after {
                        display: none;
                    }

                    .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show {
                        right: 0px;
                        padding: 5px;
                    }

                        .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all {
                            padding: 10px 10px;
                        }

                        .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item {
                            padding: 6px 10px;
                        }

                            .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item .form-check .form-check-label {
                                font-weight: 500;
                            }

                            .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all.active,
                            .fullPageForm form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item.active {
                                background-color: var(--clr-blue);
                            }

                .fullPageForm form .form-group .multiSelectDD + div.svgBg {
                    position: absolute;
                    top: unset;
                    right: 1px;
                    display: block;
                    width: 36px;
                    height: 36px;
                    overflow: hidden;
                    pointer-events: none;
                    background-color: transparent;
                    border-radius: 0px 3px 3px 0px;
                    margin-top: -37px;
                }

                    .fullPageForm form .form-group .multiSelectDD + div.svgBg svg {
                        display: block;
                        width: 36px;
                        height: 36px;
                        overflow: hidden;
                    }

                        .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .cls-1, .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                            fill: none;
                        }

                        .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                            stroke: var(--clr-orange);
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            stroke-width: 2px;
                        }

                        .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .pathCalendar {
                            fill: var(--clr-orange);
                        }

                        .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .clock {
                            fill: none;
                            stroke: var(--clr-orange);
                            stroke-linejoin: round;
                            stroke-width: 1px;
                        }

            .fullPageForm form .form-group .labelText {
                display: block;
                margin: 0px;
                padding: 0px 0px 4px 0px;
                font-size: 14px;
                line-height: 16px;
                font-weight: 600;
                color: var(--clr-gray-darker);
            }

            .fullPageForm form .form-group a.iconHelp {
                position: absolute;
                right: 0px;
                top: 0px;
                width: 16px;
                height: 16px;
                overflow: hidden;
            }

                .fullPageForm form .form-group a.iconHelp svg.iconHelp16 {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                    width: 14px;
                    height: 14px;
                    overflow: hidden;
                }

                    .fullPageForm form .form-group a.iconHelp svg.iconHelp16 .cls-1 {
                        fill: var(--clr-blue);
                    }

            .fullPageForm form .form-group .dateField {
                display: block;
                margin: 0px;
                padding: 0px;
            }

            .fullPageForm form .form-group label.checkBoxStyled {
                position: relative;
                display: inline-block;
                padding: 0px 0px 0px 25px;
                margin: 0px;
                font-size: 14px;
                line-height: 18px;
                font-weight: 400;
                color: var(--clr-black);
            }

                .fullPageForm form .form-group label.checkBoxStyled a {
                    text-decoration: underline;
                    color: var(--clr-blue);
                    font-weight: 400;
                    font-size: inherit;
                }

                    .fullPageForm form .form-group label.checkBoxStyled a:hover {
                        color: var(--clr-orange);
                    }

                .fullPageForm form .form-group label.checkBoxStyled input[type=checkbox] {
                    position: absolute;
                    opacity: 0;
                    cursor: pointer;
                    height: 0;
                    width: 0;
                }

                .fullPageForm form .form-group label.checkBoxStyled .alterCheckmark {
                    position: absolute;
                    top: -2px;
                    left: 0;
                    height: 19px;
                    width: 19px;
                    background-color: var(--clr-white);
                    border: 2px solid var(--clr-orange);
                    border-radius: 2px;
                    overflow: hidden;
                    cursor: pointer;
                }

            .fullPageForm form .form-group label.checkBoxStyledTwo .alterCheckmark {
                position: absolute;
                top: -2px;
                left: 0;
                height: 19px;
                width: 19px;
                background-color: var(--clr-white);
                border: 2px solid var(--clr-orange);
                border-radius: 2px;
                overflow: hidden;
                cursor: pointer;
            }

            .fullPageForm form .form-group label.checkBoxStyled .checkmark {
                position: absolute;
                top: -2px;
                left: 0;
                height: 19px;
                width: 19px;
                background-color: var(--clr-white);
                border: 2px solid var(--clr-orange);
                border-radius: 2px;
                overflow: hidden;
                cursor: pointer;
            }

                .fullPageForm form .form-group label.checkBoxStyled .checkmark:after {
                    content: "";
                    position: absolute;
                    display: none;
                    left: 4px;
                    top: 1px;
                    width: 6px;
                    height: 10px;
                    border: solid var(--clr-orange);
                    border-width: 0 2px 2px 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

            .fullPageForm form .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
                display: block;
            }

            .fullPageForm form .form-group label.checkBoxStyledTwo {
                position: relative;
                display: block;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 2px 0px;
                font-size: 14px;
                line-height: 18px;
                font-weight: 600;
                color: var(--clr-gray-darker);
            }

                .fullPageForm form .form-group label.checkBoxStyledTwo input[type=checkbox] {
                    position: absolute;
                    opacity: 0;
                    cursor: pointer;
                    height: 0;
                    width: 0;
                }

                .fullPageForm form .form-group label.checkBoxStyledTwo .checkmark {
                    position: absolute;
                    top: -2px;
                    left: 0;
                    height: 19px;
                    width: 19px;
                    background-color: var(--clr-white);
                    border: 2px solid var(--clr-orange);
                    border-radius: 2px;
                    overflow: hidden;
                    cursor: pointer;
                }

                    .fullPageForm form .form-group label.checkBoxStyledTwo .checkmark:after {
                        content: "";
                        position: absolute;
                        display: none;
                        left: 4px;
                        top: 1px;
                        width: 6px;
                        height: 10px;
                        border: solid var(--clr-orange);
                        border-width: 0 2px 2px 0;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

                .fullPageForm form .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
                    display: block;
                }

            .fullPageForm form .form-group .sidebyside {
                position: relative;
                display: flex;
                padding: 0px;
                margin: 0px;
            }

                .fullPageForm form .form-group .sidebyside .smlWidth {
                    position: relative;
                    width: 35%;
                    padding: 0px;
                    margin: 0px;
                }

                .fullPageForm form .form-group .sidebyside .bigWidth {
                    position: relative;
                    width: 65%;
                    padding: 0px;
                    margin: 0px;
                    padding-left: 15px;
                }

            .fullPageForm form .form-group .sidebysideTwo {
                position: relative;
                display: flex;
                padding: 0px;
                margin: 0px;
            }

                .fullPageForm form .form-group .sidebysideTwo .bigWidth {
                    position: relative;
                    width: calc(100% - 42px);
                    padding: 0px;
                    margin: 0px;
                    padding-right: 15px;
                }

                .fullPageForm form .form-group .sidebysideTwo .smlWidth {
                    position: relative;
                    width: 42px;
                    padding: 0px;
                    margin: 0px;
                }

                    .fullPageForm form .form-group .sidebysideTwo .smlWidth .btn-secondary {
                        border: 1px solid var(--clr-orange);
                        border-radius: .25rem;
                        padding: 0px 10px;
                        font-size: 16px;
                        line-height: 36px;
                    }

                    .fullPageForm form .form-group .sidebysideTwo .smlWidth .btn-icon {
                        border: 1px solid var(--clr-orange);
                        border-radius: .25rem;
                        padding: 8px 10px;
                        font-size: 16px;
                        line-height: 36px;
                        background-color: var(--clr-white);
                    }

            .fullPageForm form .form-group .sidebysideThree {
                position: relative;
                display: flex;
                padding: 0px;
                margin: 0px;
            }

                .fullPageForm form .form-group .sidebysideThree .bigWidth {
                    position: relative;
                    width: calc(100% - 80px);
                    padding: 9px 15px;
                    margin: 0px;
                    border: 1px solid var(--clr-gray);
                    border-right: 0px solid var(--clr-gray);
                    border-radius: .25rem 0px 0px .25rem;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 18px;
                    color: var(--clr-black);
                }

                    .fullPageForm form .form-group .sidebysideThree .bigWidth span {
                        display: block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-weight: 400;
                        white-space: nowrap;
                    }

                .fullPageForm form .form-group .sidebysideThree .smlWidth {
                    position: relative;
                    width: 80px;
                    padding: 0px;
                    margin: 0px;
                }

                    .fullPageForm form .form-group .sidebysideThree .smlWidth .form-control {
                        border-radius: 0px .25rem .25rem 0px;
                    }

            .fullPageForm form .form-group .fieldWithText {
                position: relative;
                display: flex;
                margin: 0px;
                padding: 0px;
                align-items: center;
                width: 100%;
            }

                .fullPageForm form .form-group .fieldWithText .fieldDiv {
                    position: relative;
                    padding: 0px;
                    margin: 0px;
                    flex: 2 auto;
                }

                    .fullPageForm form .form-group .fieldWithText .fieldDiv .form-control {
                        border-radius: .25rem 0px 0px .25rem;
                    }

                .fullPageForm form .form-group .fieldWithText .textDiv {
                    position: relative;
                    padding: 0px 10px;
                    margin: 0px;
                    border: 1px solid var(--clr-gray);
                    background-color: var(--clr-white);
                    border-radius: 0px .25rem .25rem 0px;
                    font-size: 1rem;
                    line-height: 36px;
                    font-weight: 400;
                    color: var(--clr-gray-darkest);
                    border-left: 0px;
                    text-align: center;
                    white-space: nowrap;
                    flex: 2 auto;
                }

            .fullPageForm form .form-group select.form-control {
                position: relative;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
            }

            .fullPageForm form .form-group .form-control + div.svgBg {
                position: absolute;
                top: unset;
                right: 1px;
                display: block;
                width: 36px;
                height: 36px;
                overflow: hidden;
                pointer-events: none;
                background-color: transparent;
                border-radius: 0px 3px 3px 0px;
                margin-top: -37px;
            }

                .fullPageForm form .form-group .form-control + div.svgBg svg {
                    display: block;
                    width: 36px;
                    height: 36px;
                    overflow: hidden;
                }

                    .fullPageForm form .form-group .form-control + div.svgBg svg .cls-1, .fullPageForm form .form-group .form-control + div.svgBg svg .cls-2 {
                        fill: none;
                    }

                    .fullPageForm form .form-group .form-control + div.svgBg svg .cls-2 {
                        stroke: var(--clr-orange);
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 2px;
                    }

                    .fullPageForm form .form-group .form-control + div.svgBg svg .pathCalendar {
                        fill: var(--clr-orange);
                    }

                    .fullPageForm form .form-group .form-control + div.svgBg svg .clock {
                        fill: none;
                        stroke: var(--clr-orange);
                        stroke-linejoin: round;
                        stroke-width: 1px;
                    }

            .fullPageForm form .form-group.maxWidth {
                max-width: 350px;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .fullPageForm form .form-group.maxWidthTwo {
                max-width: 260px;
                margin: 0px auto;
                margin-top: 10px;
                margin-bottom: 10px;
            }

        .fullPageForm form .btn-primary {
            display: inline-block;
            padding: 0px 16px !important;
            color: var(--clr-white);
            background-color: var(--clr-orange);
            border-radius: 6px !important;
            border: 2px solid var(--clr-orange);
            font-size: 16px;
            font-weight: 700;
            line-height: 36px !important;
            white-space: nowrap;
            text-transform: uppercase;
        }

            .fullPageForm form .btn-primary:hover {
                color: var(--clr-orange);
                background-color: var(--clr-white);
                border: 2px solid var(--clr-orange);
            }

            .fullPageForm form .btn-primary:focus, .fullPageForm form .btn-primary:active {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
                color: var(--clr-orange) !important;
                background-color: var(--clr-white) !important;
                border: 2px solid var(--clr-orange) !important;
                box-shadow: none !important;
            }

        .fullPageForm form .btn-secondary {
            display: inline-block;
            padding: 0px 16px !important;
            color: var(--clr-orange);
            background-color: var(--clr-white);
            border-radius: 6px !important;
            border: 2px solid var(--clr-orange);
            font-size: 16px;
            font-weight: 700;
            line-height: 36px !important;
            white-space: nowrap;
            margin-left: 10px;
            text-transform: uppercase;
        }

            .fullPageForm form .btn-secondary:hover {
                color: var(--clr-white);
                background-color: var(--clr-orange);
                border: 2px solid var(--clr-orange);
            }

            .fullPageForm form .btn-secondary:focus, .fullPageForm form .btn-secondary:active {
                outline-width: 0px;
                outline-color: transparent;
                outline-style: none;
                -webkit-appearance: none;
                color: var(--clr-white) !important;
                background-color: var(--clr-orange) !important;
                border: 2px solid var(--clr-orange) !important;
                box-shadow: none !important;
            }

        .fullPageForm form .smlWidth .btn-secondary {
            margin-left: 0px;
            padding: 0px 10px !important;
        }

@media all and (max-width: 1149px) {
    .fullPageForm {
        padding: 30px 30px;
    }
}

.thankyouSection {
    display: block;
    margin: 0px;
    padding: 100px 30px;
    overflow: hidden;
    background-color: var(--clr-blue-lightest);
    text-align: center;
}

    .thankyouSection h2 {
        text-align: center;
        color: var(--clr-blue);
    }

    .thankyouSection p {
        text-align: center;
        color: var(--clr-black);
    }

.ccAccountBand {
    display: block;
    margin: 0px;
    padding: 0px 0px;
    background-color: var(--clr-blue);
    overflow: hidden;
}

    .ccAccountBand .band {
        position: relative;
        display: block;
        margin: 0px;
        padding: 20px 50px;
    }

        .ccAccountBand .band .twoCol {
            display: flex;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .ccAccountBand .band .twoCol .colLeft {
                width: calc(100% - 250px);
                padding-right: 15px;
            }

                .ccAccountBand .band .twoCol .colLeft a {
                    position: relative;
                    display: inline-block;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                    color: var(--clr-white);
                    text-decoration: none;
                    padding: 7px 0px;
                    word-break: break-all;
                }

                    .ccAccountBand .band .twoCol .colLeft a span {
                        display: inline-block;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 600;
                        text-decoration: none;
                        padding-right: 20px;
                        word-break: break-all;
                    }

                    .ccAccountBand .band .twoCol .colLeft a:after {
                        content: '';
                        position: absolute;
                        right: 2px;
                        top: 10px;
                        width: 8px;
                        height: 8px;
                        border-top: solid 1px var(--clr-white);
                        border-right: solid 1px var(--clr-white);
                        -webkit-transform: rotate(135deg);
                        transform: rotate(135deg);
                    }

            .ccAccountBand .band .twoCol .colRight {
                width: 250px;
            }

                .ccAccountBand .band .twoCol .colRight .searchFieldHolder {
                    position: relative;
                    display: block;
                    max-width: 250px;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                }

                    .ccAccountBand .band .twoCol .colRight .searchFieldHolder input {
                        display: block;
                        width: 100%;
                        margin: 0px;
                        padding: 6px 15px 6px 40px;
                        border: 1px solid rgba(0, 0, 0, 0.5);
                        border-radius: 100px;
                        background-color: rgba(0, 0, 0, 0.3);
                        background-image: url("../../svgs/search-icon-bg.svg");
                        background-repeat: no-repeat;
                        background-position: left center;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 500;
                        color: var(--clr-white);
                        -moz-appearance: none;
                        -webkit-appearance: none;
                    }

                        .ccAccountBand .band .twoCol .colRight .searchFieldHolder input:focus {
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            -webkit-appearance: none;
                        }

                    .ccAccountBand .band .twoCol .colRight .searchFieldHolder img.clear {
                        position: absolute;
                        top: 2px;
                        right: 5px;
                        display: block;
                        width: 30px;
                        height: 30px;
                        z-index: 1;
                    }

    .ccAccountBand .bandSelection {
        position: relative;
        margin: 0px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 20px 50px;
        overflow: hidden;
    }

        .ccAccountBand .bandSelection ul {
            display: block;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            column-count: 3;
            column-gap: 10px;
        }

            .ccAccountBand .bandSelection ul li {
                position: relative;
                display: block;
                margin: 0px;
                padding: 5px 10px 5px 25px;
                overflow: hidden;
            }

                .ccAccountBand .bandSelection ul li a {
                    position: relative;
                    display: inline-block;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                    color: var(--clr-white);
                    text-decoration: none;
                    padding: 7px 0px;
                }

                .ccAccountBand .bandSelection ul li.selected:before {
                    position: absolute;
                    content: "";
                    left: 0px;
                    top: 13px;
                    color: var(--clr-white);
                    position: absolute;
                    margin-left: 3px;
                    margin-top: 4px;
                    width: 12px;
                    height: 6px;
                    border-bottom: solid 2px var(--clr-white);
                    border-left: solid 2px var(--clr-white);
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

@media all and (max-width: 767px) {
    .ccAccountBand .bandSelection ul {
        column-count: 2;
    }
}

@media all and (max-width: 567px) {
    .ccAccountBand .bandSelection ul {
        column-count: unset;
    }
}

@media all and (max-width: 1149px) {
    .ccAccountBand .band {
        padding: 15px 30px;
    }

    .ccAccountBand .bandSelection {
        padding: 15px 30px;
    }
}

@media all and (max-width: 767px) {
    .ccAccountBand .band .twoCol {
        flex-direction: column;
    }

        .ccAccountBand .band .twoCol .colLeft {
            width: unset;
            padding-right: 0px;
        }

        .ccAccountBand .band .twoCol .colRight {
            width: unset;
        }

            .ccAccountBand .band .twoCol .colRight .searchFieldHolder {
                padding-top: 10px;
            }
}

.ccDashboardData {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccDashboardData .headingSwitch {
        display: flex;
        margin: 0px;
        padding: 0px 0px 15px 0px;
        overflow: hidden;
        align-items: center;
    }

        .ccDashboardData .headingSwitch .headingHolder {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            width: calc(100% - 200px);
        }

            .ccDashboardData .headingSwitch .headingHolder h2 {
                display: block;
                margin: 0px;
                padding: 0px;
                color: var(--clr-black);
                text-transform: uppercase;
                line-height: 34px;
            }

        .ccDashboardData .headingSwitch .switchHolder {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            width: 200px;
        }

            .ccDashboardData .headingSwitch .switchHolder .from-group {
                display: block;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup {
                    display: flex;
                    flex-flow: row nowrap;
                    margin: 0px;
                    padding: 0px;
                }

                    .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup label {
                        border: 1px solid var(--clr-orange);
                        text-align: center;
                        font-size: 14px;
                        line-height: 22px;
                        font-weight: 500;
                        color: var(--clr-orange);
                        padding: 5px 5px;
                        margin: 0px 0px 0px 0px;
                        cursor: pointer;
                        flex: 1;
                        background-color: var(--clr-white);
                    }

                        .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup label:nth-child(2) {
                            border-radius: 4px 0px 0px 4px;
                        }

                        .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup label:last-child {
                            border-radius: 0px 4px 4px 0px;
                        }

                    .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup input[type=radio] {
                        display: none;
                    }

                        .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup input[type=radio]:checked + label {
                            background-color: var(--clr-orange);
                            color: var(--clr-white);
                        }

                    .ccDashboardData .headingSwitch .switchHolder .from-group .radioGroup input[disabled] + label {
                        color: var(--clr-orange);
                        border: 1px solid var(--clr-orange);
                    }

@media all and (max-width: 499px) {
    .ccDashboardData .headingSwitch {
        flex-direction: column;
    }

        .ccDashboardData .headingSwitch .headingHolder {
            width: 100%;
            padding-bottom: 8px;
        }

        .ccDashboardData .headingSwitch .switchHolder {
            width: 100%;
        }
}

.ccDashboardData .columnsTwo {
    position: relative;
    display: flex;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
}

    .ccDashboardData .columnsTwo .btnCol {
        position: relative;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        width: 33%;
    }

        .ccDashboardData .columnsTwo .btnCol a {
            position: relative;
            display: flex;
            border: 1px solid var(--clr-orange);
            background-color: var(--clr-white);
            border-radius: 8px;
            overflow: hidden;
            padding: 10px 15px;
            align-items: center;
            text-decoration: none;
        }

            .ccDashboardData .columnsTwo .btnCol a svg.iconBoat {
                width: 32px;
                height: 32px;
                overflow: hidden;
            }

                .ccDashboardData .columnsTwo .btnCol a svg.iconBoat .cls-1 {
                    fill: var(--clr-orange);
                }

            .ccDashboardData .columnsTwo .btnCol a span {
                position: relative;
                width: calc(100% - 32px);
                padding: 6px 15px 6px 15px;
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                color: var(--clr-orange);
                text-decoration: none;
            }

                .ccDashboardData .columnsTwo .btnCol a span:after {
                    content: '';
                    position: absolute;
                    right: 5px;
                    top: 10px;
                    width: 10px;
                    height: 10px;
                    border-top: solid 2px var(--clr-orange);
                    border-right: solid 2px var(--clr-orange);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

    .ccDashboardData .columnsTwo .dataCol {
        width: calc(100% - 33%);
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        display: flex;
    }

        .ccDashboardData .columnsTwo .dataCol .eachData {
            display: flex;
            padding: 10px;
            border: 1px solid var(--clr-gray);
            border-radius: 8px;
            overflow: hidden;
            width: calc(100% / 4);
            margin-left: 15px;
        }

            .ccDashboardData .columnsTwo .dataCol .eachData .number {
                font-size: 32px;
                line-height: 32px;
                font-weight: 500;
                color: var(--clr-blue);
            }

            .ccDashboardData .columnsTwo .dataCol .eachData .text {
                font-size: 14px;
                line-height: 16px;
                font-weight: 400;
                color: var(--clr-gray-darker);
                padding-left: 10px;
                padding-right: 5px;
            }

@media all and (max-width: 1149px) {
    .ccDashboardData {
        padding: 20px 30px;
    }

        .ccDashboardData .columnsTwo {
            flex-wrap: wrap;
        }

            .ccDashboardData .columnsTwo .btnCol {
                width: 100%;
            }

            .ccDashboardData .columnsTwo .dataCol {
                width: 100%;
                padding-top: 15px;
            }

                .ccDashboardData .columnsTwo .dataCol .eachData:first-child {
                    margin-left: 0px;
                }
}

@media all and (max-width: 767px) {
    .ccDashboardData .columnsTwo .dataCol {
        flex-wrap: wrap;
        margin-left: -2px;
        margin-right: -2px;
    }

        .ccDashboardData .columnsTwo .dataCol .eachData {
            width: calc((100% / 2) - 4px);
            margin: 2px;
        }

            .ccDashboardData .columnsTwo .dataCol .eachData:first-child {
                margin-left: 2px;
            }
}

@media all and (max-width: 499px) {
    .ccDashboardData .columnsTwo .dataCol {
        margin-left: 0px;
        margin-right: 0px;
    }

        .ccDashboardData .columnsTwo .dataCol .eachData {
            width: 100%;
            margin: 0px;
            margin-top: 2px;
            margin-bottom: 2px;
        }

            .ccDashboardData .columnsTwo .dataCol .eachData:first-child {
                margin-left: 0px;
            }
}

.ccListGrid {
    display: block;
    padding: 30px 50px;
    margin: 0px;
    overflow: hidden;
}

    .ccListGrid h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
    }

    .ccListGrid h3 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
    }

    .ccListGrid .headingSearchFilter {
        display: flex;
        padding: 10px 0px 0px 0px;
        margin: 0px;
        align-items: center;
    }

        .ccListGrid .headingSearchFilter .txtCol {
            width: calc(100% - 318px);
            padding: 4px 0px;
        }

        .ccListGrid .headingSearchFilter .srhCol {
            width: 265px;
            padding: 0px 15px;
        }

            .ccListGrid .headingSearchFilter .srhCol .searchHolder {
                position: relative;
                display: block;
                max-width: 250px;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .ccListGrid .headingSearchFilter .srhCol .searchHolder input {
                    display: block;
                    width: 100%;
                    margin: 0px;
                    padding: 8px 15px 8px 40px;
                    border: 1px solid var(--clr-gray);
                    border-radius: 6px;
                    background-color: var(--clr-white);
                    background-image: url("../../svgs/search-icon-bg.svg");
                    background-repeat: no-repeat;
                    background-position: left center;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: var(--clr-black);
                    -moz-appearance: none;
                    -webkit-appearance: none;
                }

                    .ccListGrid .headingSearchFilter .srhCol .searchHolder input:focus {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .ccListGrid .headingSearchFilter .srhCol .searchHolder img.clear {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    display: block;
                    width: 30px;
                    height: 30px;
                    z-index: 1;
                }

        .ccListGrid .headingSearchFilter .btnCol {
            width: 53px;
        }

            .ccListGrid .headingSearchFilter .btnCol a.filterBtn {
                display: flex;
                margin: 0px;
                padding: 6px 15px;
                border: 1px solid var(--clr-orange);
                border-radius: 6px;
                text-decoration: none;
            }

                .ccListGrid .headingSearchFilter .btnCol a.filterBtn svg.iconFilter {
                    display: inline-block;
                    width: 24px;
                    height: 22px;
                    overflow: hidden;
                }

                    .ccListGrid .headingSearchFilter .btnCol a.filterBtn svg.iconFilter .cls-1 {
                        fill: var(--clr-orange);
                    }

                .ccListGrid .headingSearchFilter .btnCol a.filterBtn span {
                    color: var(--clr-orange);
                    text-decoration: none;
                    padding-left: 10px;
                    font-size: 16px;
                    font-weight: 500;
                }

            .ccListGrid .headingSearchFilter .btnCol a.filterBtnOnly {
                display: flex;
                margin: 0px;
                padding: 6px 15px;
                border: 1px solid var(--clr-orange);
                border-radius: 6px;
                text-decoration: none;
            }

                .ccListGrid .headingSearchFilter .btnCol a.filterBtnOnly svg.iconFilter {
                    display: inline-block;
                    width: 24px;
                    height: 22px;
                    overflow: hidden;
                }

                    .ccListGrid .headingSearchFilter .btnCol a.filterBtnOnly svg.iconFilter .cls-1 {
                        fill: var(--clr-orange);
                    }

                .ccListGrid .headingSearchFilter .btnCol a.filterBtnOnly span {
                    display: none;
                }

@media all and (max-width: 767px) {
    .ccListGrid .headingSearchFilter {
        flex-wrap: wrap;
    }

        .ccListGrid .headingSearchFilter .txtCol {
            width: 100%;
        }

        .ccListGrid .headingSearchFilter .srhCol {
            padding: 10px 15px 10px 0px;
        }

            .ccListGrid .headingSearchFilter .srhCol .searchHolder {
                max-width: unset;
            }

        .ccListGrid .headingSearchFilter .btnCol a.filterBtn {
            max-width: 126px;
        }
}

@media all and (max-width: 455px) {
    .ccListGrid .headingSearchFilter {
        flex-wrap: unset;
        flex-wrap: wrap;
    }

        .ccListGrid .headingSearchFilter .txtCol {
            width: 100%;
        }

        .ccListGrid .headingSearchFilter .srhCol {
            width: calc(100% - 63px);
            padding: 10px 10px 10px 0px;
        }

        .ccListGrid .headingSearchFilter .btnCol {
            width: unset;
        }
}

.ccListGrid .dataSet {
    display: block;
    margin: 0px;
    padding: 10px 0px;
}

    .ccListGrid .dataSet .eachItem {
        position: relative;
        display: block;
        margin: 15px 0px;
        padding: 8px 5px;
        border: 1px solid var(--clr-gray);
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--clr-white);
        transition: all 0.3s ease;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    }

        .ccListGrid .dataSet .eachItem .blockBooking {
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            width: 12px;
            background-color: var(--clr-yellow);
            overflow: hidden;
        }

        .ccListGrid .dataSet .eachItem .threeDivs {
            display: flex;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            align-items: center;
        }

            .ccListGrid .dataSet .eachItem .threeDivs .route {
                width: 250px;
                padding-left: 5px;
                cursor: pointer;
            }

                .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv {
                    display: flex;
                    align-items: center;
                }

                    .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol {
                        padding-left: 15px;
                    }

                        .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol .viewField {
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 0px 0px;
                            overflow: hidden;
                        }

                            .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol .viewField label {
                                display: block;
                                margin: 0px;
                                padding: 0px 0px 0px 0px;
                                overflow: hidden;
                                color: var(--clr-blue);
                                font-size: 14px;
                                line-height: 16px;
                                font-weight: 400;
                                transition: all 0.3s ease;
                            }

                            .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol .viewField .data {
                                display: block;
                                margin: 0px;
                                padding: 0px 0px 0px 0px;
                                overflow: hidden;
                                color: var(--clr-blue);
                                font-size: 16px;
                                line-height: 20px;
                                font-weight: 600;
                                transition: all 0.3s ease;
                            }

                    .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .shape {
                        padding-left: 15px;
                    }

                        .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .shape svg.shapeRoute {
                            width: 34px;
                            height: 12px;
                            margin: 0px;
                            padding: 0px;
                            overflow: hidden;
                        }

                            .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .shape svg.shapeRoute .cls-1 {
                                fill: var(--clr-blue);
                                transition: all 0.3s ease;
                            }

            .ccListGrid .dataSet .eachItem .threeDivs .dataSet {
                width: calc(100% - 410px);
                padding-left: 5px;
                cursor: pointer;
            }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol {
                    display: flex;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                    align-items: center;
                }

                    .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol {
                        padding: 0px 10px;
                    }

                        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol .eachLine {
                            display: block;
                            margin: 0px;
                            padding: 2px 0px;
                            font-size: 14px;
                            line-height: 16px;
                            font-weight: 300;
                            color: var(--clr-black);
                            transition: all 0.3s ease;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }

                            .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol .eachLine span {
                                font-weight: 400;
                            }

                        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.oneCol {
                            min-width: 250px;
                            max-width: 250px;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.twoCol {
                            min-width: 150px;
                            max-width: 150px;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.threeCol {
                            min-width: 300px;
                            max-width: 300px;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.fourCol {
                            min-width: 100px;
                            max-width: 100px;
                        }

            .ccListGrid .dataSet .eachItem .threeDivs .options {
                width: 160px;
                padding-left: 5px;
                padding-right: 5px;
            }

                .ccListGrid .dataSet .eachItem .threeDivs .options a {
                    float: left;
                    overflow: hidden;
                    margin: 0px 7px;
                }

                    .ccListGrid .dataSet .eachItem .threeDivs .options a svg {
                        display: block;
                        width: 18px;
                        height: 18px;
                        margin: 0px auto;
                        padding: 0px;
                        overflow: hidden;
                    }

                        .ccListGrid .dataSet .eachItem .threeDivs .options a svg.iconEdit .cls-1, .ccListGrid .dataSet .eachItem .threeDivs .options a svg.iconEdit .cls-2 {
                            fill: none;
                            stroke: var(--clr-orange);
                            stroke-linecap: round;
                            stroke-miterlimit: 10;
                            stroke-width: 2px;
                            transition: all 0.3s ease;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .options a svg.iconEdit .cls-1 {
                            stroke-linejoin: round;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .options a svg.iconCancel .cls-1,
                        .ccListGrid .dataSet .eachItem .threeDivs .options a svg.iconCopy .cls-1 {
                            fill: var(--clr-orange);
                            transition: all 0.3s ease;
                        }

                        .ccListGrid .dataSet .eachItem .threeDivs .options a svg.infoViewIcon .cls-1 {
                            fill: var(--clr-orange);
                            transition: all 0.3s ease;
                        }

                    .ccListGrid .dataSet .eachItem .threeDivs .options a span {
                        display: none;
                    }

        .ccListGrid .dataSet .eachItem:hover {
            background-color: var(--clr-blue);
            transition: all 0.3s ease;
            color: var(--clr-white);
        }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .route .threeColDiv .txtCol .viewField label {
                color: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .route .threeColDiv .txtCol .viewField .data {
                color: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .route .threeColDiv .shape {
                padding-left: 15px;
            }

                .ccListGrid .dataSet .eachItem:hover .threeDivs .route .threeColDiv .shape svg.shapeRoute {
                    width: 34px;
                    height: 12px;
                    margin: 0px;
                    padding: 0px;
                    overflow: hidden;
                }

                    .ccListGrid .dataSet .eachItem:hover .threeDivs .route .threeColDiv .shape svg.shapeRoute .cls-1 {
                        fill: var(--clr-white);
                        transition: all 0.3s ease;
                    }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .dataSet .dataThreeCol .dataCol .eachLine {
                color: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .options a svg.iconEdit .cls-1, .ccListGrid .dataSet .eachItem:hover .threeDivs .options a svg.iconEdit .cls-2 {
                stroke: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .options a svg.iconCancel .cls-1,
            .ccListGrid .dataSet .eachItem:hover .threeDivs .options a svg.iconCopy .cls-1 {
                fill: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .options a svg.infoViewIcon .cls-1 {
                fill: var(--clr-white);
                transition: all 0.3s ease;
            }

            .ccListGrid .dataSet .eachItem:hover .threeDivs .options a span {
                color: var(--clr-white);
                text-decoration: none;
                transition: all 0.3s ease;
            }

    .ccListGrid .dataSet .emptyArea {
        display: block;
        margin: 15px 0px;
        padding: 8px 15px;
        border: 1px solid var(--clr-gray);
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--clr-white);
        transition: all 0.3s ease;
    }

        .ccListGrid .dataSet .emptyArea p {
            display: block;
            margin: 0px;
            padding: 0px;
            font-size: 14px;
            line-height: 18px;
            color: var(--clr-black);
        }

.ccListGrid .btn-primary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-white);
    background-color: var(--clr-orange);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    text-transform: uppercase;
}

    .ccListGrid .btn-primary:hover {
        color: var(--clr-orange);
        background-color: var(--clr-white);
        border: 2px solid var(--clr-orange);
    }

    .ccListGrid .btn-primary:focus, .ccListGrid .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-orange) !important;
        background-color: var(--clr-white) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccListGrid .btn-secondary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    margin-left: 15px;
    text-transform: uppercase;
}

    .ccListGrid .btn-secondary:hover {
        color: var(--clr-white);
        background-color: var(--clr-orange);
        border: 2px solid var(--clr-orange);
    }

    .ccListGrid .btn-secondary:focus, .ccListGrid .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-white) !important;
        background-color: var(--clr-orange) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccListGrid.error h2,
.ccListGrid.error h3,
.ccListGrid.error p {
    color: var(--clr-red);
}

.ccListGrid.error .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol .viewField label {
    color: var(--clr-red);
}

.ccListGrid.error .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol .viewField .data {
    color: var(--clr-red);
}

.ccListGrid.error .dataSet .eachItem .threeDivs .route .threeColDiv .shape svg.shapeRoute .cls-1 {
    fill: var(--clr-red);
}

.ccListGrid.error .dataSet .eachItem .threeDivs .dataSet {
    width: calc(100% - 540px);
}

    .ccListGrid.error .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol .eachLine {
        color: var(--clr-red);
    }

.ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList {
    width: 180px;
    padding-right: 15px;
}

    .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group {
        position: relative;
        display: block;
        margin: 0px;
        padding: 0px;
    }

        .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group a.iconHelp {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 16px;
            height: 16px;
            overflow: hidden;
        }

            .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group a.iconHelp svg.iconHelp16 {
                display: block;
                margin: 0px;
                padding: 0px;
                width: 14px;
                height: 14px;
                overflow: hidden;
            }

                .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group a.iconHelp svg.iconHelp16 .cls-1 {
                    fill: var(--clr-blue);
                    transition: all 0.3s ease;
                }

        .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group label.checkBoxStyled {
            position: relative;
            display: block;
            padding: 0px 0px 0px 25px;
            margin: 0px;
            font-size: 14px;
            line-height: 18px;
            font-weight: 400;
            color: var(--clr-black);
            transition: all 0.3s ease;
        }

            .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group label.checkBoxStyled input[type=checkbox] {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                height: 0;
                width: 0;
            }

            .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group label.checkBoxStyled .checkmark {
                position: absolute;
                top: -2px;
                left: 0;
                height: 19px;
                width: 19px;
                background-color: var(--clr-white);
                border: 2px solid var(--clr-orange);
                border-radius: 2px;
                overflow: hidden;
                cursor: pointer;
                transition: all 0.3s ease;
            }

                .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group label.checkBoxStyled .checkmark:after {
                    content: "";
                    position: absolute;
                    display: none;
                    left: 4px;
                    top: 1px;
                    width: 6px;
                    height: 10px;
                    border: solid var(--clr-orange);
                    border-width: 0 2px 2px 0;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                    transition: all 0.3s ease;
                }

            .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
                display: block;
            }

.ccListGrid.error .dataSet .eachItem .threeDivs .options {
    width: 110px;
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .route .threeColDiv .txtCol .viewField label {
    color: var(--clr-white);
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .route .threeColDiv .txtCol .viewField .data {
    color: var(--clr-white);
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .route .threeColDiv .shape svg.shapeRoute .cls-1 {
    fill: var(--clr-white);
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .dataSet .dataThreeCol .dataCol .eachLine {
    color: var(--clr-white);
    transition: all 0.3s ease;
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group a.iconHelp svg.iconHelp16 .cls-1 {
    fill: var(--clr-white);
    transition: all 0.3s ease;
}

.ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group label.checkBoxStyled {
    position: relative;
    display: block;
    padding: 0px 0px 0px 25px;
    margin: 0px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--clr-white);
    transition: all 0.3s ease;
}

    .ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group label.checkBoxStyled input[type=checkbox] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group label.checkBoxStyled .checkmark {
        position: absolute;
        top: -2px;
        left: 0;
        height: 19px;
        width: 19px;
        background-color: var(--clr-blue);
        border: 2px solid var(--clr-white);
        border-radius: 2px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group label.checkBoxStyled .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 4px;
            top: 1px;
            width: 6px;
            height: 10px;
            border: solid var(--clr-white);
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            transition: all 0.3s ease;
        }

    .ccListGrid.error .dataSet .eachItem:hover .threeDivs .colWaitList .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
        display: block;
    }

@media all and (max-width: 1294px) {
    .ccListGrid {
        padding: 20px 30px;
    }

        .ccListGrid .dataSet .eachItem {
            padding: 15px 5px;
        }

            .ccListGrid .dataSet .eachItem .threeDivs {
                flex-direction: column;
            }

                .ccListGrid .dataSet .eachItem .threeDivs .route {
                    width: 100%;
                }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet {
                    width: 100%;
                }

                .ccListGrid .dataSet .eachItem .threeDivs .options {
                    width: 100%;
                }

        .ccListGrid.error {
            padding: 20px 30px;
        }

            .ccListGrid.error .dataSet .eachItem {
                padding: 15px 5px;
            }

                .ccListGrid.error .dataSet .eachItem .threeDivs {
                    flex-direction: column;
                }

                    .ccListGrid.error .dataSet .eachItem .threeDivs .route {
                        width: 100%;
                    }

                    .ccListGrid.error .dataSet .eachItem .threeDivs .dataSet {
                        width: 100%;
                    }

                    .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList {
                        width: 100%;
                        padding: 10px 15px;
                    }

                        .ccListGrid.error .dataSet .eachItem .threeDivs .colWaitList .form-group {
                            max-width: 180px;
                            padding-bottom: 10px;
                        }

                    .ccListGrid.error .dataSet .eachItem .threeDivs .options {
                        width: 100%;
                    }
}

@media all and (max-width: 860px) {
    .ccListGrid .dataSet .eachItem .threeDivs {
        flex-direction: column;
    }

        .ccListGrid .dataSet .eachItem .threeDivs .route .threeColDiv .txtCol:first-child {
            padding-left: 10px;
        }

        .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol {
            flex-direction: column;
        }

            .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol {
                width: 100%;
            }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.oneCol {
                    min-width: unset;
                    max-width: unset;
                }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.twoCol {
                    min-width: unset;
                    max-width: unset;
                }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.threeCol {
                    min-width: unset;
                    max-width: unset;
                }

                .ccListGrid .dataSet .eachItem .threeDivs .dataSet .dataThreeCol .dataCol.fourCol {
                    min-width: unset;
                    max-width: unset;
                }
}

.overlayRtPanel {
    position: fixed;
    right: -330px;
    top: 0px;
    bottom: 0px;
    width: 320px;
    background-color: var(--clr-white);
    border-right: 1px solid var(--clr-gray);
    z-index: 900;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

    .overlayRtPanel form {
        display: block;
        margin: 0px;
        padding: 0px;
        height: 100%;
        overflow: hidden;
    }

        .overlayRtPanel form .panelHeader {
            display: flex;
            margin: 0px;
            padding: 0px;
            border-bottom: 1px solid var(--clr-gray);
        }

            .overlayRtPanel form .panelHeader .txt {
                width: calc(100% - 36px);
            }

                .overlayRtPanel form .panelHeader .txt h2 {
                    display: block;
                    margin: 0px;
                    padding: 7px 15px;
                    font-size: 18px;
                    line-height: 22px;
                    font-weight: 700;
                    color: var(--clr-black);
                    text-transform: uppercase;
                }

            .overlayRtPanel form .panelHeader .cls {
                width: 36px;
                height: 36px;
                overflow: hidden;
            }

                .overlayRtPanel form .panelHeader .cls .close.icon {
                    color: var(--clr-orange);
                    position: absolute;
                    margin-top: 0;
                    margin-left: 0;
                    width: 36px;
                    height: 36px;
                    opacity: 1;
                }

                    .overlayRtPanel form .panelHeader .cls .close.icon:before {
                        content: '';
                        position: absolute;
                        top: 17px;
                        left: 8px;
                        width: 21px;
                        height: 2px;
                        background-color: var(--clr-orange);
                        -webkit-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }

                    .overlayRtPanel form .panelHeader .cls .close.icon:after {
                        content: '';
                        position: absolute;
                        top: 17px;
                        left: 8px;
                        width: 21px;
                        height: 2px;
                        background-color: var(--clr-orange);
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

        .overlayRtPanel form .panelButtons {
            display: flex;
            margin: 0px;
            padding: 10px 15px;
            border-top: 1px solid var(--clr-gray);
        }

            .overlayRtPanel form .panelButtons .btnColOne {
                width: 50%;
                text-align: left;
            }

                .overlayRtPanel form .panelButtons .btnColOne .btn-primary {
                    display: inline-block;
                    padding: 0px 30px;
                    color: var(--clr-white);
                    background-color: var(--clr-orange);
                    border-radius: 6px;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                    text-transform: uppercase;
                }

                    .overlayRtPanel form .panelButtons .btnColOne .btn-primary:hover {
                        color: var(--clr-orange);
                        background-color: var(--clr-white);
                        border: 2px solid var(--clr-orange);
                    }

                    .overlayRtPanel form .panelButtons .btnColOne .btn-primary:focus, .overlayRtPanel form .panelButtons .btnColOne .btn-primary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-orange) !important;
                        background-color: var(--clr-white) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

            .overlayRtPanel form .panelButtons .btnColTwo {
                width: 50%;
                text-align: right;
            }

                .overlayRtPanel form .panelButtons .btnColTwo .btn-secondary {
                    display: inline-block;
                    padding: 0px 30px;
                    color: var(--clr-orange);
                    background-color: var(--clr-white);
                    border-radius: 6px;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                    text-transform: uppercase;
                }

                    .overlayRtPanel form .panelButtons .btnColTwo .btn-secondary:hover {
                        color: var(--clr-white);
                        background-color: var(--clr-orange);
                        border: 2px solid var(--clr-orange);
                    }

                    .overlayRtPanel form .panelButtons .btnColTwo .btn-secondary:focus, .overlayRtPanel form .panelButtons .btnColTwo .btn-secondary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-white) !important;
                        background-color: var(--clr-orange) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

        .overlayRtPanel form ::-webkit-scrollbar {
            width: 10px;
            background-color: var(--clr-gray-light);
            border-left: 1px solid transparent;
        }

        .overlayRtPanel form ::-webkit-scrollbar-thumb {
            border-radius: 0px;
            background-color: var(--clr-blue);
            border: 0px solid var(--clr-gray-light);
            border-right: 0px solid var(--clr-gray-light);
            max-width: 230px;
            max-height: 230px;
        }

            .overlayRtPanel form ::-webkit-scrollbar-thumb:hover {
                background-color: var(--clr-blue);
            }

        .overlayRtPanel form ::-webkit-scrollbar-track {
            background-color: transparent;
        }

        .overlayRtPanel form .panelContent {
            display: block;
            height: calc(100% - 100px);
            overflow-x: hidden;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
        }

            .overlayRtPanel form .panelContent .contentHolder {
                display: block;
                margin: 0px;
                padding: 15px;
                min-height: 100%;
            }

                .overlayRtPanel form .panelContent .contentHolder .form-group {
                    position: relative;
                }

                    .overlayRtPanel form .panelContent .contentHolder .form-group .labelText {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 2px 0px;
                        font-size: 14px;
                        line-height: 16px;
                        font-weight: 600;
                        color: var(--clr-gray-darker);
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group .labelText .redStar {
                            position: absolute;
                            color: var(--clr-red);
                            font-weight: 700;
                            padding-left: 5px;
                            padding-top: 2px;
                            font-size: 15px;
                            line-height: 15px;
                        }

                    .overlayRtPanel form .panelContent .contentHolder .form-group p {
                        margin-top: 0;
                        margin-bottom: 1rem;
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group p.labelTextBold {
                            font-weight: bolder;
                        }

                    .overlayRtPanel form .panelContent .contentHolder .form-group a.iconHelp {
                        position: absolute;
                        right: 0px;
                        top: 0px;
                        width: 16px;
                        height: 16px;
                        overflow: hidden;
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group a.iconHelp svg.iconHelp16 {
                            display: block;
                            margin: 0px;
                            padding: 0px;
                            width: 14px;
                            height: 14px;
                            overflow: hidden;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group a.iconHelp svg.iconHelp16 .cls-1 {
                                fill: var(--clr-blue);
                            }

                    .overlayRtPanel form .panelContent .contentHolder .form-group .dateField {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                    }

                    .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled {
                        position: relative;
                        display: block;
                        padding: 0px 0px 0px 30px;
                        margin: 0px;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;
                        color: var(--clr-black);
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled a {
                            text-decoration: underline;
                            color: var(--clr-blue);
                            font-weight: 400;
                            font-size: inherit;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled a:hover {
                                color: var(--clr-orange);
                            }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled input[type=checkbox] {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            height: 0;
                            width: 0;
                        }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled .checkmark {
                            position: absolute;
                            top: 0;
                            left: 0;
                            height: 20px;
                            width: 20px;
                            background-color: var(--clr-white);
                            border: 2px solid var(--clr-orange);
                            border-radius: 2px;
                            overflow: hidden;
                            cursor: pointer;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled .checkmark:after {
                                content: "";
                                position: absolute;
                                display: none;
                                left: 5px;
                                top: 2px;
                                width: 6px;
                                height: 10px;
                                border: solid var(--clr-orange);
                                border-width: 0 2px 2px 0;
                                -webkit-transform: rotate(45deg);
                                -ms-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
                            display: block;
                        }

                    .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyledTwo {
                        position: relative;
                        display: block;
                        padding: 0px 0px 0px 25px;
                        margin: 0px 0px 2px 0px;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 600;
                        color: var(--clr-gray-darker);
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyledTwo input[type=checkbox] {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            height: 0;
                            width: 0;
                        }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyledTwo .checkmark {
                            position: absolute;
                            top: -2px;
                            left: 0;
                            height: 20px;
                            width: 20px;
                            background-color: var(--clr-white);
                            border: 2px solid var(--clr-orange);
                            border-radius: 2px;
                            overflow: hidden;
                            cursor: pointer;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyledTwo .checkmark:after {
                                content: "";
                                position: absolute;
                                display: none;
                                left: 5px;
                                top: 2px;
                                width: 6px;
                                height: 10px;
                                border: solid var(--clr-orange);
                                border-width: 0 2px 2px 0;
                                -webkit-transform: rotate(45deg);
                                -ms-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

                        .overlayRtPanel form .panelContent .contentHolder .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
                            display: block;
                        }

                    .overlayRtPanel form .panelContent .contentHolder .form-group .fieldWithText {
                        position: relative;
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        align-items: center;
                        width: 100%;
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group .fieldWithText .fieldDiv {
                            position: relative;
                            padding: 0px;
                            margin: 0px;
                            flex: 2 auto;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group .fieldWithText .fieldDiv .form-control {
                                border-radius: .25rem 0px 0px .25rem;
                            }

                        .overlayRtPanel form .panelContent .contentHolder .form-group .fieldWithText .textDiv {
                            position: relative;
                            padding: 0px 10px;
                            margin: 0px;
                            border: 1px solid var(--clr-gray);
                            background-color: var(--clr-white);
                            border-radius: 0px .25rem .25rem 0px;
                            font-size: 1rem;
                            line-height: 36px;
                            font-weight: 400;
                            color: var(--clr-gray-darkest);
                            border-left: 0px;
                            white-space: nowrap;
                            flex: 2 auto;
                            text-align: center;
                        }

                    .overlayRtPanel form .panelContent .contentHolder .form-group select.form-control {
                        position: relative;
                        appearance: none;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                    }

                    .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg {
                        position: absolute;
                        right: 1px;
                        display: block;
                        width: 36px;
                        height: 36px;
                        overflow: hidden;
                        pointer-events: none;
                        background-color: transparent;
                        border-radius: 0px 3px 3px 0px;
                        margin-top: -37px;
                    }

                        .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg {
                            display: block;
                            width: 36px;
                            height: 36px;
                            overflow: hidden;
                        }

                            .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg .cls-1, .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg .cls-2 {
                                fill: none;
                            }

                            .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg .cls-2 {
                                stroke: var(--clr-orange);
                                stroke-linecap: round;
                                stroke-linejoin: round;
                                stroke-width: 2px;
                            }

                            .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg .pathCalendar {
                                fill: var(--clr-orange);
                            }

                            .overlayRtPanel form .panelContent .contentHolder .form-group .form-control + div.svgBg svg .clock {
                                fill: none;
                                stroke: var(--clr-orange);
                                stroke-linejoin: round;
                                stroke-width: 1px;
                            }

                .overlayRtPanel form .panelContent .contentHolder .dataSideBySide {
                    display: flex;
                    margin: 0px;
                    padding: 0px;
                }

                    .overlayRtPanel form .panelContent .contentHolder .dataSideBySide .eachData {
                        width: 50%;
                    }

                        .overlayRtPanel form .panelContent .contentHolder .dataSideBySide .eachData:first-child {
                            padding-right: 8px;
                        }

                        .overlayRtPanel form .panelContent .contentHolder .dataSideBySide .eachData:last-child {
                            padding-left: 8px;
                        }

                .overlayRtPanel form .panelContent .contentHolder .viewField {
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 15px 0px;
                    overflow: hidden;
                }

                    .overlayRtPanel form .panelContent .contentHolder .viewField label {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 0px 0px;
                        overflow: hidden;
                        color: var(--clr-gray-darkest);
                        font-size: 14px;
                        line-height: 16px;
                        font-weight: 400;
                    }

                    .overlayRtPanel form .panelContent .contentHolder .viewField .data {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 0px 0px;
                        overflow: hidden;
                        color: var(--clr-black);
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 400;
                    }

    .overlayRtPanel.open {
        right: 0px;
        transition: all 0.3s ease;
    }


.overlayPanel {
    display: none;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 990;
    padding: 10px;
}

    .overlayPanel .popUpBox {
        max-width: 400px;
        min-height: 100px;
        margin: 0px auto;
        margin-top: 10%;
        padding: 25px;
        background-color: var(--clr-white);
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }

        .overlayPanel .popUpBox p {
            display: block;
            margin: 0px;
            padding: 0px;
            color: var(--clr-black);
            font-size: 16px;
            line-height: 22px;
            font-weight: 600;
            text-align: center;
        }

        .overlayPanel .popUpBox .twoButtons {
            display: flex;
            margin: 0px;
            padding: 15px 0px 0px 0px;
        }

            .overlayPanel .popUpBox .twoButtons .btnColOne {
                width: 50%;
                text-align: right;
                padding-right: 10px;
            }

                .overlayPanel .popUpBox .twoButtons .btnColOne .btn-primary {
                    display: inline-block;
                    padding: 0px 30px;
                    color: var(--clr-white);
                    background-color: var(--clr-orange);
                    border-radius: 10px;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                    text-transform: uppercase;
                }

                    .overlayPanel .popUpBox .twoButtons .btnColOne .btn-primary:hover {
                        color: var(--clr-orange);
                        background-color: var(--clr-white);
                        border: 2px solid var(--clr-orange);
                    }

                    .overlayPanel .popUpBox .twoButtons .btnColOne .btn-primary:focus, .overlayPanel .popUpBox .twoButtons .btnColOne .btn-primary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-orange) !important;
                        background-color: var(--clr-white) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

            .overlayPanel .popUpBox .twoButtons .btnColTwo {
                width: 50%;
                text-align: left;
                padding-left: 10px;
            }

                .overlayPanel .popUpBox .twoButtons .btnColTwo .btn-secondary {
                    display: inline-block;
                    padding: 0px 30px;
                    color: var(--clr-orange);
                    background-color: var(--clr-white);
                    border-radius: 10px;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 38px;
                    white-space: nowrap;
                    text-transform: uppercase;
                }

                    .overlayPanel .popUpBox .twoButtons .btnColTwo .btn-secondary:hover {
                        color: var(--clr-white);
                        background-color: var(--clr-orange);
                        border: 2px solid var(--clr-orange);
                    }

                    .overlayPanel .popUpBox .twoButtons .btnColTwo .btn-secondary:focus, .overlayPanel .popUpBox .twoButtons .btnColTwo .btn-secondary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-white) !important;
                        background-color: var(--clr-orange) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

    .overlayPanel.open {
        display: block;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
    }

.pagination {
    display: block;
    margin: 15px 0px;
    padding: 0px;
    overflow: hidden;
}

    .pagination ul {
        display: block;
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .pagination ul li {
            float: left;
            margin-right: 6px;
            padding: 0px;
        }

            .pagination ul li a {
                display: block;
                margin: 0px;
                padding: 6px 10px;
                font-size: 14px;
                line-height: 14px;
                color: var(--clr-orange);
                text-decoration: none;
                border: 1px solid var(--clr-orange);
                border-radius: 4px;
            }

                .pagination ul li a.selected {
                    color: var(--clr-white);
                    border: 1px solid var(--clr-blue);
                    background-color: var(--clr-blue);
                }

.ccProfileSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccProfileSection h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
    }

    .ccProfileSection .threeColDivs {
        display: flex;
        margin: 0px;
        padding: 15px 0px 15px 0px;
        overflow: hidden;
    }

        .ccProfileSection .threeColDivs .columns {
            width: 33%;
            border-right: 1px solid var(--clr-gray);
            margin: 0px;
            padding: 0px 30px 0px 30px;
        }

            .ccProfileSection .threeColDivs .columns h3 {
                display: block;
                margin: 0px;
                padding: 0px 0px 20px 0px;
                color: var(--clr-black);
            }

            .ccProfileSection .threeColDivs .columns .viewField {
                display: block;
                margin: 0px;
                padding: 0px 0px 15px 0px;
                overflow: hidden;
            }

                .ccProfileSection .threeColDivs .columns .viewField label {
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 0px 0px;
                    overflow: hidden;
                    color: var(--clr-gray-darkest);
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: 400;
                }

                .ccProfileSection .threeColDivs .columns .viewField .data {
                    display: block;
                    margin: 0px;
                    padding: 0px 0px 0px 0px;
                    overflow: hidden;
                    color: var(--clr-black);
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                }

            .ccProfileSection .threeColDivs .columns:first-child {
                padding-left: 0px;
            }

            .ccProfileSection .threeColDivs .columns:last-child {
                padding-right: 0px;
                border-right: 0px solid var(--clr-gray);
            }

@media all and (max-width: 991px) {
    .ccProfileSection .threeColDivs {
        flex-direction: column;
    }

        .ccProfileSection .threeColDivs .columns {
            width: 100%;
            border-top: 1px solid var(--clr-gray);
            border-right: 0px solid var(--clr-gray);
            padding: 30px 0px 30px 0px;
        }

            .ccProfileSection .threeColDivs .columns:first-child {
                border-top: 0px solid var(--clr-gray);
                padding: 0px 0px 30px 0px;
            }

            .ccProfileSection .threeColDivs .columns:last-child {
                padding: 30px 0px 0px 0px;
            }
}

@media all and (max-width: 1149px) {
    .ccProfileSection {
        padding: 30px 30px;
    }
}

.ccBlockBookingFilter {
    display: block;
    margin: 0px;
    padding: 20px 50px;
    background-color: var(--clr-yellow-light);
    overflow: hidden;
}

    .ccBlockBookingFilter .twoCol {
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
    }

        .ccBlockBookingFilter .twoCol .headingCol {
            width: 30%;
            padding: 0px;
            margin: 0px;
        }

        .ccBlockBookingFilter .twoCol .fieldsCol {
            width: 70%;
            padding: 0px 0px 0px 15px;
            margin: 0px;
            border-left: 1px solid var(--clr-gray);
        }

            .ccBlockBookingFilter .twoCol .fieldsCol p {
                display: block;
                margin: 0px;
                padding: 0px 0px 5px 0px;
                color: var(--clr-black);
                font-weight: 600;
            }

            .ccBlockBookingFilter .twoCol .fieldsCol .form-group {
                position: relative;
                margin-bottom: 0px;
            }

                .ccBlockBookingFilter .twoCol .fieldsCol .form-group .dateField {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

                    .ccBlockBookingFilter .twoCol .fieldsCol .form-group .dateField input.form-control {
                        position: relative;
                        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                        -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                    }

                        .ccBlockBookingFilter .twoCol .fieldsCol .form-group .dateField input.form-control:focus {
                            outline: none !important;
                            border-color: var(--clr-gray) !important;
                            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                            -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                            -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                        }

                .ccBlockBookingFilter .twoCol .fieldsCol .form-group select.form-control {
                    position: relative;
                    appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
                    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                }

                    .ccBlockBookingFilter .twoCol .fieldsCol .form-group select.form-control:focus {
                        outline: none !important;
                        border-color: var(--clr-gray) !important;
                        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                        -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                    }

                .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg {
                    position: absolute;
                    top: unset;
                    right: 1px;
                    display: block;
                    width: 36px;
                    height: 36px;
                    overflow: hidden;
                    pointer-events: none;
                    background-color: transparent;
                    border-radius: 0px 3px 3px 0px;
                    margin-top: -37px;
                }

                    .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg {
                        display: block;
                        width: 36px;
                        height: 36px;
                        overflow: hidden;
                    }

                        .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-1, .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-2 {
                            fill: none;
                        }

                        .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-2 {
                            stroke: var(--clr-orange);
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            stroke-width: 2px;
                        }

                        .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .pathCalendar {
                            fill: var(--clr-orange);
                        }

                        .ccBlockBookingFilter .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .clock {
                            fill: none;
                            stroke: var(--clr-orange);
                            stroke-linejoin: round;
                            stroke-width: 1px;
                        }

@media all and (max-width: 1149px) {
    .ccBlockBookingFilter {
        padding: 15px 30px;
    }

        .ccBlockBookingFilter .twoCol {
            flex-direction: column;
        }

            .ccBlockBookingFilter .twoCol .headingCol {
                width: 100%;
            }

                .ccBlockBookingFilter .twoCol .headingCol br {
                    display: none;
                }

            .ccBlockBookingFilter .twoCol .fieldsCol {
                width: 100%;
                padding: 0px 0px 0px 0px;
                border-left: 0px solid var(--clr-gray);
            }
}

@media all and (max-width: 767px) {
    .ccBlockBookingFilter .twoCol .fieldsCol .row .col-md-4 .form-group {
        margin-bottom: 15px;
    }

    .ccBlockBookingFilter .twoCol .fieldsCol .row .col-md-4:last-child .form-group {
        margin-bottom: 0px;
    }
}

.ccBlockBookingForms {
    display: block;
    margin: 0px;
    padding: 20px 50px;
    background-color: var(--clr-white);
    overflow: hidden;
}

    .ccBlockBookingForms h3 {
        display: block;
        margin: 0px;
        padding: 10px 0px 5px 0px;
    }

    .ccBlockBookingForms .eachBlock {
        position: relative;
        display: block;
        margin: 15px 0px;
        padding: 15px;
        overflow: hidden;
        background-color: var(--clr-white);
        border: 1px solid var(--clr-gray);
        border-radius: 8px;
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
    }

        .ccBlockBookingForms .eachBlock .twoCol {
            display: flex;
            margin: 0px;
            padding: 0px;
        }

            .ccBlockBookingForms .eachBlock .twoCol .infoCol {
                width: 29.5%;
                padding: 0px;
                margin: 0px;
            }

                .ccBlockBookingForms .eachBlock .twoCol .infoCol .route {
                    display: block;
                    padding: 0px 0px 6px 0px;
                }

                    .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv {
                        display: flex;
                        align-items: center;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .txtCol {
                            padding-left: 15px;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .txtCol .viewField {
                                display: block;
                                margin: 0px;
                                padding: 0px 0px 0px 0px;
                                overflow: hidden;
                            }

                                .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .txtCol .viewField label {
                                    display: block;
                                    margin: 0px;
                                    padding: 0px 0px 0px 0px;
                                    overflow: hidden;
                                    color: var(--clr-blue);
                                    font-size: 14px;
                                    line-height: 16px;
                                    font-weight: 400;
                                    transition: all 0.3s ease;
                                }

                                .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .txtCol .viewField .data {
                                    display: block;
                                    margin: 0px;
                                    padding: 0px 0px 0px 0px;
                                    overflow: hidden;
                                    color: var(--clr-blue);
                                    font-size: 16px;
                                    line-height: 20px;
                                    font-weight: 600;
                                    transition: all 0.3s ease;
                                }

                            .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .txtCol:first-child {
                                padding-left: 0px;
                            }

                        .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .shape {
                            padding-left: 15px;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .shape svg.shapeRoute {
                                width: 34px;
                                height: 12px;
                                margin: 0px;
                                padding: 0px;
                                overflow: hidden;
                            }

                                .ccBlockBookingForms .eachBlock .twoCol .infoCol .route .threeColDiv .shape svg.shapeRoute .cls-1 {
                                    fill: var(--clr-blue);
                                    transition: all 0.3s ease;
                                }

                .ccBlockBookingForms .eachBlock .twoCol .infoCol p {
                    display: block;
                    margin: 4px 0px;
                    font-size: 14px;
                    line-height: 18px;
                }

                    .ccBlockBookingForms .eachBlock .twoCol .infoCol p span {
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 18px;
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .infoCol p:last-child {
                        margin-bottom: 0px;
                    }

            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol {
                width: 70.5%;
                padding: 0px 0px 0px 15px;
                margin: 0px;
                border-left: 1px solid var(--clr-gray);
            }

                .ccBlockBookingForms .eachBlock .twoCol .fieldsCol h4 {
                    text-align: center;
                    padding: 30px 0px;
                }

                .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group {
                    position: relative;
                }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .labelText {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 4px 0px;
                        font-size: 12px;
                        line-height: 16px;
                        font-weight: 600;
                        color: var(--clr-gray-darker);
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group a.iconHelp {
                        position: absolute;
                        right: 0px;
                        top: 0px;
                        width: 16px;
                        height: 16px;
                        overflow: hidden;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group a.iconHelp svg.iconHelp16 {
                            display: block;
                            margin: 0px;
                            padding: 0px;
                            width: 14px;
                            height: 14px;
                            overflow: hidden;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group a.iconHelp svg.iconHelp16 .cls-1 {
                                fill: var(--clr-blue);
                            }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .dateField {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled {
                        position: relative;
                        display: block;
                        padding: 0px 0px 0px 25px;
                        margin: 0px;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 400;
                        color: var(--clr-black);
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled a {
                            text-decoration: underline;
                            color: var(--clr-blue);
                            font-weight: 400;
                            font-size: inherit;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled a:hover {
                                color: var(--clr-orange);
                            }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled input[type=checkbox] {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            height: 0;
                            width: 0;
                        }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled .checkmark {
                            position: absolute;
                            top: -2px;
                            left: 0;
                            height: 19px;
                            width: 19px;
                            background-color: var(--clr-white);
                            border: 2px solid var(--clr-orange);
                            border-radius: 2px;
                            overflow: hidden;
                            cursor: pointer;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled .checkmark:after {
                                content: "";
                                position: absolute;
                                display: none;
                                left: 4px;
                                top: 1px;
                                width: 6px;
                                height: 10px;
                                border: solid var(--clr-orange);
                                border-width: 0 2px 2px 0;
                                -webkit-transform: rotate(45deg);
                                -ms-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
                            display: block;
                        }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyledTwo {
                        position: relative;
                        display: block;
                        padding: 0px 0px 0px 25px;
                        margin: 0px 0px 2px 0px;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 600;
                        color: var(--clr-gray-darker);
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyledTwo input[type=checkbox] {
                            position: absolute;
                            opacity: 0;
                            cursor: pointer;
                            height: 0;
                            width: 0;
                        }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyledTwo .checkmark {
                            position: absolute;
                            top: -2px;
                            left: 0;
                            height: 19px;
                            width: 19px;
                            background-color: var(--clr-white);
                            border: 2px solid var(--clr-orange);
                            border-radius: 2px;
                            overflow: hidden;
                            cursor: pointer;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyledTwo .checkmark:after {
                                content: "";
                                position: absolute;
                                display: none;
                                left: 4px;
                                top: 1px;
                                width: 6px;
                                height: 10px;
                                border: solid var(--clr-orange);
                                border-width: 0 2px 2px 0;
                                -webkit-transform: rotate(45deg);
                                -ms-transform: rotate(45deg);
                                transform: rotate(45deg);
                            }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
                            display: block;
                        }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebyside {
                        position: relative;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebyside .smlWidth {
                            position: relative;
                            width: 35%;
                            padding: 0px;
                            margin: 0px;
                        }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebyside .bigWidth {
                            position: relative;
                            width: 65%;
                            padding: 0px;
                            margin: 0px;
                            padding-left: 15px;
                        }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideTwo {
                        position: relative;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideTwo .bigWidth {
                            position: relative;
                            width: calc(100% - 135px);
                            padding: 0px;
                            margin: 0px;
                            padding-right: 15px;
                        }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideTwo .smlWidth {
                            position: relative;
                            width: 135px;
                            padding: 0px;
                            margin: 0px;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideTwo .smlWidth .btn-secondary {
                                border: 1px solid var(--clr-orange);
                                border-radius: .25rem;
                                padding: 0px 10px;
                                font-size: 16px;
                                line-height: 36px;
                            }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideThree {
                        position: relative;
                        display: flex;
                        padding: 0px;
                        margin: 0px;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideThree .bigWidth {
                            position: relative;
                            width: calc(100% - 80px);
                            padding: 9px 15px;
                            margin: 0px;
                            border: 1px solid var(--clr-gray);
                            border-right: 0px solid var(--clr-gray);
                            border-radius: .25rem 0px 0px .25rem;
                            font-size: 16px;
                            font-weight: 400;
                            line-height: 18px;
                            color: var(--clr-black);
                        }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideThree .smlWidth {
                            position: relative;
                            width: 80px;
                            padding: 0px;
                            margin: 0px;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .sidebysideThree .smlWidth .form-control {
                                border-radius: 0px .25rem .25rem 0px;
                            }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .fieldWithText {
                        position: relative;
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        align-items: center;
                        width: 100%;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .fieldWithText .fieldDiv {
                            position: relative;
                            padding: 0px;
                            margin: 0px;
                            flex: 2 auto;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .fieldWithText .fieldDiv .form-control {
                                border-radius: .25rem 0px 0px .25rem;
                            }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .fieldWithText .textDiv {
                            position: relative;
                            padding: 0px 10px;
                            margin: 0px;
                            border: 1px solid var(--clr-gray);
                            background-color: var(--clr-white);
                            border-radius: 0px .25rem .25rem 0px;
                            font-size: 1rem;
                            line-height: 36px;
                            font-weight: 400;
                            color: var(--clr-gray-darkest);
                            border-left: 0px;
                            flex: 2 auto;
                            text-align: center;
                            white-space: nowrap;
                        }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group select.form-control {
                        position: relative;
                        appearance: none;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg {
                        position: absolute;
                        top: unset;
                        right: 1px;
                        display: block;
                        width: 36px;
                        height: 36px;
                        overflow: hidden;
                        pointer-events: none;
                        background-color: transparent;
                        border-radius: 0px 3px 3px 0px;
                        margin-top: -37px;
                    }

                        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg {
                            display: block;
                            width: 36px;
                            height: 36px;
                            overflow: hidden;
                        }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-1, .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-2 {
                                fill: none;
                            }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .cls-2 {
                                stroke: var(--clr-orange);
                                stroke-linecap: round;
                                stroke-linejoin: round;
                                stroke-width: 2px;
                            }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .pathCalendar {
                                fill: var(--clr-orange);
                            }

                            .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group .form-control + div.svgBg svg .clock {
                                fill: none;
                                stroke: var(--clr-orange);
                                stroke-linejoin: round;
                                stroke-width: 1px;
                            }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group.topMargin {
                        margin-top: 31px;
                    }

                .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-primary {
                    display: inline-block;
                    margin-top: 5px;
                    padding: 0px 16px !important;
                    color: var(--clr-white);
                    background-color: var(--clr-orange);
                    border-radius: 6px !important;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 36px !important;
                    white-space: nowrap;
                    text-transform: uppercase;
                }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-primary:hover {
                        color: var(--clr-orange);
                        background-color: var(--clr-white);
                        border: 2px solid var(--clr-orange);
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-primary:focus, .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-primary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-orange) !important;
                        background-color: var(--clr-white) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

                .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-secondary {
                    display: inline-block;
                    margin-top: 5px;
                    padding: 0px 16px !important;
                    color: var(--clr-orange);
                    background-color: var(--clr-white);
                    border-radius: 6px !important;
                    border: 2px solid var(--clr-orange);
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 36px !important;
                    white-space: nowrap;
                    margin-left: 10px;
                    text-transform: uppercase;
                }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-secondary:hover {
                        color: var(--clr-white);
                        background-color: var(--clr-orange);
                        border: 2px solid var(--clr-orange);
                    }

                    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-secondary:focus, .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .btn-secondary:active {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                        color: var(--clr-white) !important;
                        background-color: var(--clr-orange) !important;
                        border: 2px solid var(--clr-orange) !important;
                        box-shadow: none !important;
                    }

@media all and (max-width: 1149px) {
    .ccBlockBookingForms .eachBlock .twoCol {
        flex-direction: column;
    }

        .ccBlockBookingForms .eachBlock .twoCol .infoCol {
            width: 100%;
            padding-bottom: 20px;
        }

        .ccBlockBookingForms .eachBlock .twoCol .fieldsCol {
            width: 100%;
            padding: 0px 0px 0px 0px;
            border-left: 0px solid var(--clr-gray);
        }
}

@media all and (max-width: 575px) {
    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group.topMargin {
        margin-top: 5px;
    }
}

.ccBlockBookingForms .eachBlock .processingDiv {
    position: absolute;
    display: none;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(4, 78, 163, 0.3);
}

    .ccBlockBookingForms .eachBlock .processingDiv .loader,
    .ccBlockBookingForms .eachBlock .processingDiv .loader:after {
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .ccBlockBookingForms .eachBlock .processingDiv .loader {
        font-size: 10px;
        position: absolute;
        top: 40%;
        left: 47%;
        text-indent: -9999em;
        border-top: 6px solid rgba(255, 255, 255, 0.6);
        border-right: 6px solid rgba(255, 255, 255, 0.6);
        border-bottom: 6px solid rgba(255, 255, 255, 0.6);
        border-left: 6px solid var(--clr-blue);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation: load8 1.1s infinite linear;
        animation: load8 1.1s infinite linear;
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media all and (max-width: 1149px) {
    .ccBlockBookingForms {
        padding: 15px 30px;
    }
}

.contactBubble {
    position: fixed;
    z-index: 100;
    bottom: 30px;
    right: 30px;
    padding: 0px;
    transition: all 0.3s ease;
    background-color: var(--clr-orange);
    border: 4px solid var(--clr-white);
    border-radius: 100px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

    .contactBubble .btn-float {
        position: relative;
        display: block;
        padding: 12px 18px;
        color: var(--clr-white);
        font-size: 16px;
        line-height: 16px;
        text-transform: uppercase;
        font-weight: 700;
        overflow: hidden;
    }

    .contactBubble .formBox {
        display: block;
        overflow: hidden;
        padding: 0px;
        width: 66px;
        height: 1px;
        transition: all 0.3s ease;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

        .contactBubble .formBox .fieldHolder {
            display: block;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .fieldHolder input {
                display: block;
                width: 100%;
                padding: 0px 10px;
                color: var(--clr-black);
                font-size: 16px;
                line-height: 38px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
            }

                .contactBubble .formBox .fieldHolder input:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder textarea {
                display: block;
                width: 100%;
                height: 120px;
                padding: 10px 10px;
                color: var(--clr-black);
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                border: 0px;
                border-radius: 3px;
                overflow: hidden;
                resize: none;
            }

                .contactBubble .formBox .fieldHolder textarea:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                }

            .contactBubble .formBox .fieldHolder .error {
                display: none;
                font-size: 12px;
                line-height: 14px;
                font-weight: 500;
                padding: 2px 0px;
                overflow: hidden;
                color: var(--clr-white);
            }

        .contactBubble .formBox .buttonHolder {
            display: flex;
            border-top: 1px solid var(--clr-white);
            margin: 5px -15px 0px -15px;
            padding: 0px 0px 0px 0px;
            background-color: var(--clr-orange);
            border-radius: 0px 0px 7px 7px;
            overflow: hidden;
        }

            .contactBubble .formBox .buttonHolder button {
                flex: 1;
                text-align: center;
                border: 0px solid transparent;
                padding: 0px;
                font-size: 16px;
                line-height: 40px;
                font-weight: 700;
                text-transform: uppercase;
                color: var(--clr-white);
                background-color: var(--clr-orange);
                overflow: hidden;
            }

                .contactBubble .formBox .buttonHolder button:first-child {
                    border-right: 1px solid var(--clr-white);
                }

        .contactBubble .formBox .afterForm {
            display: block;
            margin: 0px;
            padding: 0px 0px 15px 0px;
            overflow: hidden;
        }

            .contactBubble .formBox .afterForm p {
                display: block;
                margin: 0px;
                padding: 6px 0px;
                font-size: 16px;
                line-height: 20px;
                color: var(--clr-white);
                text-align: center;
            }

    .contactBubble.open {
        border-radius: 10px;
        background-color: var(--clr-blue);
        transition: all 0.3s ease;
    }

        .contactBubble.open .btn-float {
            position: relative;
            padding: 20px;
        }

            .contactBubble.open .btn-float::before {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: var(--clr-white);
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .contactBubble.open .btn-float::after {
                content: '';
                position: absolute;
                top: 18px;
                right: 10px;
                width: 21px;
                height: 1px;
                background-color: var(--clr-white);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .contactBubble.open .formBox {
            display: block;
            overflow: hidden;
            padding: 15px 15px 0px 15px;
            width: 260px;
            height: auto;
            transition: all 0.3s ease;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
        }

.notfoundSection {
    display: block;
    margin: 0px;
    padding: 100px 50px;
    overflow: hidden;
    text-align: center;
}

    .notfoundSection h1 {
        padding: 0px;
        margin: 0px;
        font-size: 10vw !important;
        font-weight: 900 !important;
        line-height: normal !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        color: var(--clr-blue);
    }

        .notfoundSection h1:before,
        .notfoundSection h1:after {
            position: absolute;
            content: '';
        }

        .notfoundSection h1:before {
            z-index: -2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: inherit;
        }

        .notfoundSection h1:after {
            position: absolute;
            z-index: -1;
            top: .125em;
            right: .125em;
            bottom: .125em;
            left: .125em;
            background-color: #000;
        }

    .notfoundSection h1 {
        background-image: url("../../images/trucksonferry-002.jpg");
        background-attachment: fixed;
    }

    .notfoundSection h2 {
        padding-top: 25px;
        color: var(--clr-orange);
    }

@media all and (max-width: 991px) {
    .notfoundSection {
        padding: 30px 30px;
    }

        .notfoundSection h1 {
            font-size: 20vw !important;
        }
}

/*# sourceMappingURL=cc-styles.css.map */
.ccListGrid .btn-imageRight {
    float: right;
    height: 40px;
    margin-left: 15px;
}

    .ccListGrid .btn-imageRight img {
        display: block;
        height: 40px;
    }

@media all and (max-width: 761px) {
    .ccListGrid .btn-imageRight {
        display: block;
        float: unset;
        height: 40px;
        margin-left: 0px;
        margin-right: 15px;
        margin-top: 15px;
    }

        .ccListGrid .btn-imageRight img {
            display: block;
            height: 40px;
        }
}

.overlayPanel .popUpBox .oneButton {
    display: block;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    text-align: center;
}

    .overlayPanel .popUpBox .oneButton .btn-secondary {
        display: inline-block;
        padding: 0px 30px;
        color: var(--clr-orange);
        background-color: var(--clr-white);
        border-radius: 10px;
        border: 2px solid var(--clr-orange);
        font-size: 16px;
        font-weight: 700;
        line-height: 38px;
        white-space: nowrap;
        text-transform: uppercase;
    }

        .overlayPanel .popUpBox .oneButton .btn-secondary:hover {
            color: var(--clr-white);
            background-color: var(--clr-orange);
            border: 2px solid var(--clr-orange);
        }

        .overlayPanel .popUpBox .oneButton .btn-secondary:focus, .overlayPanel .popUpBox .oneButton .btn-secondary:active {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            color: var(--clr-white) !important;
            background-color: var(--clr-orange) !important;
            border: 2px solid var(--clr-orange) !important;
            box-shadow: none !important;
        }

.overlayPanel .popUpBox .QRPopup {
    display: block;
    margin: 0px;
    padding: 10px 0px;
    color: var(--clr-black);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
}

.ccDashboardDataOne {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccDashboardDataOne .headingSwitch {
        display: flex;
        margin: 0px;
        padding: 0px 0px 15px 0px;
        overflow: hidden;
        align-items: center;
    }

        .ccDashboardDataOne .headingSwitch .headingHolder {
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            width: calc(100% - 200px);
        }

            .ccDashboardDataOne .headingSwitch .headingHolder h2 {
                display: block;
                margin: 0px;
                padding: 0px;
                color: var(--clr-black);
                text-transform: uppercase;
                line-height: 34px;
            }

@media all and (max-width: 499px) {
    .ccDashboardDataOne .headingSwitch {
        flex-direction: column;
    }

        .ccDashboardDataOne .headingSwitch .headingHolder {
            width: 100%;
            padding-bottom: 8px;
        }
}

.ccDashboardDataOne .columnsTwo {
    position: relative;
    display: flex;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
}

    .ccDashboardDataOne .columnsTwo .btnCol {
        position: relative;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        width: 33%;
    }

        .ccDashboardDataOne .columnsTwo .btnCol a {
            position: relative;
            display: flex;
            border: 1px solid var(--clr-orange);
            background-color: var(--clr-white);
            border-radius: 8px;
            overflow: hidden;
            padding: 10px 15px;
            align-items: center;
            text-decoration: none;
        }

            .ccDashboardDataOne .columnsTwo .btnCol a svg.iconBoat {
                width: 32px;
                height: 32px;
                overflow: hidden;
            }

                .ccDashboardDataOne .columnsTwo .btnCol a svg.iconBoat .cls-1 {
                    fill: var(--clr-orange);
                }

            .ccDashboardDataOne .columnsTwo .btnCol a span {
                position: relative;
                width: calc(100% - 32px);
                padding: 6px 15px 6px 15px;
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                color: var(--clr-orange);
                text-decoration: none;
            }

                .ccDashboardDataOne .columnsTwo .btnCol a span:after {
                    content: '';
                    position: absolute;
                    right: 5px;
                    top: 10px;
                    width: 10px;
                    height: 10px;
                    border-top: solid 2px var(--clr-orange);
                    border-right: solid 2px var(--clr-orange);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

    .ccDashboardDataOne .columnsTwo .singleBannerCol {
        width: calc(100% - 33%);
        margin: 0px;
        padding: 0px 0px 0px 30px;
        overflow: hidden;
    }

        .ccDashboardDataOne .columnsTwo .singleBannerCol .bannerLiveSailing {
            display: flex;
            background-color: var(--clr-blue-light);
            margin: 0px;
            padding: 8px 15px 8px 10px;
            border-radius: 6px;
            align-items: center;
            cursor: pointer;
        }

            .ccDashboardDataOne .columnsTwo .singleBannerCol .bannerLiveSailing .qrcode {
                width: 74px;
                padding: 0px 15px 0px 15px;
            }

            .ccDashboardDataOne .columnsTwo .singleBannerCol .bannerLiveSailing .text {
                width: calc(100% - 74px);
                font-size: 18px;
                line-height: 22px;
                color: var(--clr-blue);
                font-weight: 600;
                padding: 0px;
            }

                .ccDashboardDataOne .columnsTwo .singleBannerCol .bannerLiveSailing .text span {
                    display: block;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 400;
                    color: var(--clr-gray-darkest);
                }

@media all and (max-width: 1149px) {
    .ccDashboardDataOne {
        padding: 20px 30px;
    }
}

@media all and (max-width: 991px) {
    .ccDashboardDataOne .columnsTwo {
        flex-wrap: wrap;
    }

        .ccDashboardDataOne .columnsTwo .btnCol {
            width: 100%;
        }

        .ccDashboardDataOne .columnsTwo .singleBannerCol {
            width: 100%;
            padding-left: 0px;
            padding-top: 15px;
        }
}

.ccListGrid .headingSearchFilter .btnColTwo a.downloadBtnOnly {
    display: flex;
    margin: 0px;
    padding: 6px 15px;
    border: 1px solid var(--clr-orange);
    border-radius: 6px;
    text-decoration: none;
}

    .ccListGrid .headingSearchFilter .btnColTwo a.downloadBtnOnly svg.iconDownload {
        display: block;
        width: 22px;
        height: 22px;
        overflow: hidden;
    }

        .ccListGrid .headingSearchFilter .btnColTwo a.downloadBtnOnly svg.iconDownload .cls-1 {
            fill: var(--clr-orange);
            fill-rule: evenodd;
        }

.ccListGrid .headingSearchFilter .btnColTwo {
    width: 68px;
    padding-left: 15px;
}

.overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD {
    display: block;
    padding: 0px;
    margin: 0px;
}

    .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group {
        display: block;
    }

        .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center {
            text-align: left !important;
            background: unset !important;
        }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center .multiselect-selected-text {
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                color: #495057;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .dropdown-toggle::after {
            display: none;
        }

        .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show {
            right: 0px;
            padding: 5px;
            transform: translate3d(0px, 38px, 0px) !important;
        }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all {
                padding: 10px 10px;
            }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item {
                padding: 6px 10px;
            }

                .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item .form-check .form-check-label {
                    font-weight: 500;
                }

                .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all.active,
                .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item.active {
                    background-color: var(--clr-blue);
                }


    .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg {
        position: absolute;
        top: unset;
        right: 1px;
        display: block;
        width: 36px;
        height: 36px;
        overflow: hidden;
        pointer-events: none;
        background-color: transparent;
        border-radius: 0px 3px 3px 0px;
        margin-top: -37px;
    }

        .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg svg {
            display: block;
            width: 36px;
            height: 36px;
            overflow: hidden;
        }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg svg .cls-1, .fullPageForm form .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                fill: none;
            }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                stroke: var(--clr-orange);
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 2px;
                fill: none
            }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg svg .pathCalendar {
                fill: var(--clr-orange);
            }

            .overlayRtPanel form .panelContent .contentHolder .form-group .multiSelectDD + div.svgBg svg .clock {
                fill: none;
                stroke: var(--clr-orange);
                stroke-linejoin: round;
                stroke-width: 1px;
            }


@media all and (max-width: 455px) {

    .ccListGrid .headingSearchFilter .srhCol {
        width: 100%;
        padding: 10px 10px 10px 0px;
    }
}

/*# NewBooking Form */

.ccNewBookingFilter {
    display: block;
    margin: 0px;
    padding: 20px 50px;
    background-color: var(--clr-yellow-light);
    overflow: hidden;
}

    .ccNewBookingFilter .fieldsRow {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }

        .ccNewBookingFilter .fieldsRow .form-group {
            position: relative;
            margin-bottom: 0px;
        }

            .ccNewBookingFilter .fieldsRow .form-group .btn-primary.fieldBtn {
                line-height: 34px;
                border-radius: 4px;
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
            }

            .ccNewBookingFilter .fieldsRow .form-group .labelText {
                display: block;
                margin: 0px;
                padding: 0px 0px 4px 0px;
                font-size: 12px;
                line-height: 16px;
                font-weight: 500;
                color: var(--clr-gray-darker);
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .ccNewBookingFilter .fieldsRow .form-group input[type="text"].form-control {
                position: relative;
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
            }

                .ccNewBookingFilter .fieldsRow .form-group input[type="text"].form-control:focus {
                    outline: none !important;
                    border-color: var(--clr-gray) !important;
                    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                }

            .ccNewBookingFilter .fieldsRow .form-group select.form-control {
                position: relative;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
                -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
            }

                .ccNewBookingFilter .fieldsRow .form-group select.form-control:focus {
                    outline: none !important;
                    border-color: var(--clr-gray) !important;
                    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1) !important;
                }

            .ccNewBookingFilter .fieldsRow .form-group .form-control + div.svgBg {
                position: absolute;
                top: unset;
                right: 1px;
                display: block;
                width: 36px;
                height: 36px;
                overflow: hidden;
                pointer-events: none;
                background-color: transparent;
                border-radius: 0px 3px 3px 0px;
                margin-top: -37px;
            }

                .ccNewBookingFilter .fieldsRow .form-group .form-control + div.svgBg svg {
                    display: block;
                    width: 36px;
                    height: 36px;
                    overflow: hidden;
                }

                    .ccNewBookingFilter .fieldsRow .form-group .form-control + div.svgBg svg .cls-1, .ccNewBookingFilter .fieldsRow .form-group .form-control + div.svgBg svg .cls-2 {
                        fill: none;
                    }

                    .ccNewBookingFilter .fieldsRow .form-group .form-control + div.svgBg svg .cls-2 {
                        stroke: var(--clr-orange);
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 2px;
                    }

@media all and (max-width: 1149px) {
    .ccNewBookingFilter {
        padding: 15px 30px;
    }
}

@media all and (max-width: 767px) {
    .ccNewBookingFilter .fieldsRow .row .col-md-4 .form-group {
        margin-bottom: 15px;
    }

    .ccNewBookingFilter .fieldsRow .row .col-md-4:last-child .form-group {
        margin-bottom: 0px;
    }
}

.ccNewBookingForms {
    display: block;
    margin: 0px;
    padding: 20px 50px;
    background-color: var(--clr-white);
    overflow: hidden;
}

    .ccNewBookingForms form {
        display: block;
        margin: 0px;
        padding: 5px 0px;
        overflow: hidden;
    }

        .ccNewBookingForms form .allBookings {
            display: block;
            margin: 0px;
            padding: 0px 0px;
            overflow: hidden;
        }

    .ccNewBookingForms.formContentArea {
        counter-reset: section;
    }

    .ccNewBookingForms form .allBookings .eachBooking {
        position: relative;
        display: block;
        margin: 15px 0px;
        padding: 0px;
        background-color: var(--clr-white);
        border: 1px solid var(--clr-gray);
        border-radius: 8px;
    }

        .ccNewBookingForms form .allBookings .eachBooking:before {
            counter-increment: section;
            content: counter(section);
            position: absolute;
            background-color: var(--clr-gray-darker);
            color: var(--clr-white);
            border-radius: 4px;
            overflow: hidden;
            padding: 2px 6px;
            line-height: 14px;
            font-size: 10px;
            font-weight: 700;
            margin-left: 15px;
            margin-top: -8px;
        }

        .ccNewBookingForms form .allBookings .eachBooking .twoCol {
            display: flex;
            margin: 0px;
            padding: 0px 5px 0px 15px;
            overflow: hidden;
        }

            .ccNewBookingForms form .allBookings .eachBooking .twoCol .colLt {
                padding: 15px 15px 15px 0px;
                width: 20%;
            }

            .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt {
                width: 80%;
                padding: 15px 0px 35px 5px;
                border-left: 1px solid var(--clr-gray-light);
            }

                .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields {
                    display: flex;
                    margin: 0px;
                    padding: 0px;
                    flex-wrap: wrap;
                }

                    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
                        width: 25%;
                        padding: 0px 10px;
                    }

        .ccNewBookingForms form .allBookings .eachBooking .threeButtonsHolder {
            position: absolute;
            display: flex;
            bottom: 0px;
            right: 0px;
            border-top: 1px solid var(--clr-gray);
            border-left: 1px solid var(--clr-gray);
            overflow: hidden;
            border-radius: 6px 0px 7px 0px;
            cursor: pointer
        }

            .ccNewBookingForms form .allBookings .eachBooking .threeButtonsHolder a {
                font-size: 12px;
                line-height: 33px;
                font-weight: 700;
                color: var(--clr-orange);
                text-decoration: none;
                padding: 0px 20px;
                background-color: var(--clr-white);
                overflow: hidden;
                text-transform: uppercase;
                border-left: 1px solid var(--clr-gray);
            }

                .ccNewBookingForms form .allBookings .eachBooking .threeButtonsHolder a:first-child {
                    border-left: 0px solid var(--clr-gray);
                }

        .ccNewBookingForms form .allBookings .eachBooking:focus-within {
            border: 1px solid var(--clr-gray-darker);
        }

            .ccNewBookingForms form .allBookings .eachBooking:focus-within:before {
                background-color: var(--clr-gray-darkest);
            }

@media all and (max-width: 1149px) {
    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colLt {
        width: 25%;
    }

    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt {
        width: 75%;
    }

        .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
            width: 33%;
        }
}

@media all and (max-width: 951px) {
    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colLt {
        width: 33%;
    }

    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt {
        width: 67%;
    }

        .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
            width: 50%;
        }
}

@media all and (max-width: 791px) {
    .ccNewBookingForms form .allBookings .eachBooking .twoCol {
        flex-direction: column;
        padding: 0px 0px 0px 0px;
    }

        .ccNewBookingForms form .allBookings .eachBooking .twoCol .colLt {
            width: 100%;
            padding: 15px 15px 0px 15px;
        }

        .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt {
            width: 100%;
            border: 0px;
            padding: 0px 0px 35px 6px;
        }

            .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
                width: 33%;
            }
}

@media all and (max-width: 671px) {
    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
        width: 50%;
    }
}

@media all and (max-width: 521px) {
    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .eachField {
        width: 100%;
    }
}

.ccNewBookingForms form .addBookingRow {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .ccNewBookingForms form .addBookingRow a {
        display: inline-block;
        border: 1px solid var(--clr-gray);
        border-radius: 6px;
        overflow: hidden;
        color: var(--clr-orange);
        background-color: var(--clr-white);
        font-size: 30px;
        line-height: 30px;
        font-weight: 900;
        text-decoration: none;
        margin: 0px;
        padding: 0px 8px 4px 8px;
    }

        .ccNewBookingForms form .addBookingRow a:hover {
            border: 1px solid var(--clr-orange);
            color: var(--clr-white);
            background-color: var(--clr-orange);
        }

.ccNewBookingForms form .commonFiledsRow {
    display: block;
    margin: 0px;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
}

.ccNewBookingForms form .form-group {
    position: relative;
}

    .ccNewBookingForms form .form-group select:active,
    .ccNewBookingForms form .form-group select:focus,
    .ccNewBookingForms form .form-group input:focus,
    .ccNewBookingForms form .form-group input:active {
        border: 1px solid var(--clr-gray) !important;
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        box-shadow: none !important;
    }

    .ccNewBookingForms form .form-group .multiSelectDD {
        display: block;
        padding: 0px;
        margin: 0px;
    }

        .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group {
            display: block;
        }

            .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center {
                text-align: left !important;
                background: unset !important;
            }

                .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect.dropdown-toggle.custom-select.text-center .multiselect-selected-text {
                    font-size: 1rem;
                    font-weight: 400;
                    line-height: 1.5;
                    color: #6D757D;
                    display: block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .dropdown-toggle::after {
                display: none;
            }

            .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show {
                right: 0px;
                padding: 5px;
            }

                .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all {
                    padding: 10px 10px;
                }

                .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item {
                    padding: 6px 10px;
                }

                    .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item .form-check .form-check-label {
                        font-weight: 500;
                    }

                    .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .dropdown-item.multiselect-all.active,
                    .ccNewBookingForms form .form-group .multiSelectDD .multiselect-native-select .btn-group .multiselect-container.dropdown-menu.show .multiselect-option.dropdown-item.active {
                        background-color: var(--clr-blue);
                    }

        .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg {
            position: absolute;
            top: unset;
            right: 1px;
            display: block;
            width: 36px;
            height: 36px;
            overflow: hidden;
            pointer-events: none;
            background-color: transparent;
            border-radius: 0px 3px 3px 0px;
            margin-top: -37px;
        }

            .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg {
                display: block;
                width: 36px;
                height: 36px;
                overflow: hidden;
            }

                .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg .cls-1, .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                    fill: none;
                }

                .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg .cls-2 {
                    stroke: var(--clr-orange);
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-width: 2px;
                }

                .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg .pathCalendar {
                    fill: var(--clr-orange);
                }

                .ccNewBookingForms form .form-group .multiSelectDD + div.svgBg svg .clock {
                    fill: none;
                    stroke: var(--clr-orange);
                    stroke-linejoin: round;
                    stroke-width: 1px;
                }

    .ccNewBookingForms form .form-group .labelText {
        display: block;
        margin: 0px;
        padding: 0px 0px 4px 0px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        color: var(--clr-gray-darker);
    }

    .ccNewBookingForms form .form-group a.iconHelp {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 16px;
        height: 16px;
        overflow: hidden;
    }

        .ccNewBookingForms form .form-group a.iconHelp svg.iconHelp16 {
            display: block;
            margin: 0px;
            padding: 0px;
            width: 14px;
            height: 14px;
            overflow: hidden;
        }

            .ccNewBookingForms form .form-group a.iconHelp svg.iconHelp16 .cls-1 {
                fill: var(--clr-blue);
            }

    .ccNewBookingForms form .form-group label.checkBoxStyled + a.iconHelp {
        top: 5px;
    }

    .ccNewBookingForms form .form-group .dateField {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .ccNewBookingForms form .form-group label.checkBoxStyled {
        position: relative;
        display: inline-block;
        padding: 0px 0px 0px 25px;
        margin: 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: var(--clr-black);
    }

        .ccNewBookingForms form .form-group label.checkBoxStyled a {
            text-decoration: underline;
            color: var(--clr-blue);
            font-weight: 400;
            font-size: inherit;
        }

            .ccNewBookingForms form .form-group label.checkBoxStyled a:hover {
                color: var(--clr-orange);
            }

        .ccNewBookingForms form .form-group label.checkBoxStyled input[type=checkbox] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .ccNewBookingForms form .form-group label.checkBoxStyled .checkmark {
            position: absolute;
            top: -2px;
            left: 0;
            height: 19px;
            width: 19px;
            background-color: var(--clr-white);
            border: 2px solid var(--clr-orange);
            border-radius: 2px;
            overflow: hidden;
            cursor: pointer;
        }

            .ccNewBookingForms form .form-group label.checkBoxStyled .checkmark:after {
                content: "";
                position: absolute;
                display: none;
                left: 4px;
                top: 1px;
                width: 6px;
                height: 10px;
                border: solid var(--clr-orange);
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .ccNewBookingForms form .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
            display: block;
        }

    .ccNewBookingForms form .form-group label.checkBoxStyledTwo {
        position: relative;
        display: block;
        padding: 0px 0px 0px 25px;
        margin: 0px 0px 2px 0px;
        font-size: 12px;
        line-height: 19px;
        font-weight: 500;
        color: var(--clr-gray-darker);
    }

        .ccNewBookingForms form .form-group label.checkBoxStyledTwo input[type=checkbox] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .ccNewBookingForms form .form-group label.checkBoxStyledTwo .checkmark {
            position: absolute;
            top: -1px;
            left: 0;
            height: 19px;
            width: 19px;
            background-color: var(--clr-white);
            border: 2px solid var(--clr-orange);
            border-radius: 2px;
            overflow: hidden;
            cursor: pointer;
        }

            .ccNewBookingForms form .form-group label.checkBoxStyledTwo .checkmark:after {
                content: "";
                position: absolute;
                display: none;
                left: 4px;
                top: 1px;
                width: 6px;
                height: 10px;
                border: solid var(--clr-orange);
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .ccNewBookingForms form .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
            display: block;
        }

    .ccNewBookingForms form .form-group .sidebyside {
        position: relative;
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .ccNewBookingForms form .form-group .sidebyside .smlWidth {
            position: relative;
            width: 35%;
            padding: 0px;
            margin: 0px;
        }

        .ccNewBookingForms form .form-group .sidebyside .bigWidth {
            position: relative;
            width: 65%;
            padding: 0px;
            margin: 0px;
            padding-left: 15px;
        }

    .ccNewBookingForms form .form-group .sidebysideTwo {
        position: relative;
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .ccNewBookingForms form .form-group .sidebysideTwo .bigWidth {
            position: relative;
            width: calc(100% - 42px);
            padding: 0px;
            margin: 0px;
            padding-right: 10px;
        }

            .ccNewBookingForms form .form-group .sidebysideTwo .bigWidth .svgBg {
                right: 11px;
            }

        .ccNewBookingForms form .form-group .sidebysideTwo .smlWidth {
            position: relative;
            width: 42px;
            padding: 0px;
            margin: 0px;
        }

            .ccNewBookingForms form .form-group .sidebysideTwo .smlWidth .btn-secondary {
                border: 1px solid var(--clr-orange);
                border-radius: .25rem;
                padding: 0px 10px;
                font-size: 16px;
                line-height: 36px;
            }

            .ccNewBookingForms form .form-group .sidebysideTwo .smlWidth .btn-icon {
                border: 1px solid var(--clr-gray);
                border-radius: .25rem;
                padding: 0px 10px;
                font-size: 16px;
                line-height: 36px;
                background-color: var(--clr-white);
            }

    .ccNewBookingForms form .form-group .sidebysideThree {
        position: relative;
        display: flex;
        padding: 0px;
        margin: 0px;
    }

        .ccNewBookingForms form .form-group .sidebysideThree .bigWidth {
            position: relative;
            width: calc(100% - 80px);
            padding: 9px 15px;
            margin: 0px;
            border: 1px solid var(--clr-gray);
            border-right: 0px solid var(--clr-gray);
            border-radius: .25rem 0px 0px .25rem;
            font-size: 16px;
            font-weight: 400;
            line-height: 18px;
            color: var(--clr-black);
        }

            .ccNewBookingForms form .form-group .sidebysideThree .bigWidth span {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 400;
                white-space: nowrap;
            }

        .ccNewBookingForms form .form-group .sidebysideThree .smlWidth {
            position: relative;
            width: 80px;
            padding: 0px;
            margin: 0px;
        }

            .ccNewBookingForms form .form-group .sidebysideThree .smlWidth .form-control {
                border-radius: 0px .25rem .25rem 0px;
            }

    .ccNewBookingForms form .form-group .fieldWithText {
        position: relative;
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
        width: 100%;
    }

        .ccNewBookingForms form .form-group .fieldWithText .fieldDiv {
            position: relative;
            padding: 0px;
            margin: 0px;
            flex: 2 auto;
        }

            .ccNewBookingForms form .form-group .fieldWithText .fieldDiv .form-control {
                border-radius: .25rem 0px 0px .25rem;
            }

        .ccNewBookingForms form .form-group .fieldWithText .textDiv {
            position: relative;
            padding: 0px 10px;
            margin: 0px;
            border: 1px solid var(--clr-gray);
            background-color: var(--clr-gray-light);
            border-radius: 0px .25rem .25rem 0px;
            font-size: 1rem;
            line-height: 36px;
            font-weight: 400;
            color: var(--clr-gray-darkest);
            border-left: 0px;
            text-align: center;
            white-space: nowrap;
            flex: 2 auto;
        }

    .ccNewBookingForms form .form-group select.form-control {
        position: relative;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .ccNewBookingForms form .form-group .form-control + div.svgBg {
        position: absolute;
        top: unset;
        right: 1px;
        display: block;
        width: 36px;
        height: 36px;
        overflow: hidden;
        pointer-events: none;
        background-color: transparent;
        border-radius: 0px 3px 3px 0px;
        margin-top: -37px;
    }

        .ccNewBookingForms form .form-group .form-control + div.svgBg svg {
            display: block;
            width: 36px;
            height: 36px;
            overflow: hidden;
        }

            .ccNewBookingForms form .form-group .form-control + div.svgBg svg .cls-1, .ccNewBookingForms form .form-group .form-control + div.svgBg svg .cls-2 {
                fill: none;
            }

            .ccNewBookingForms form .form-group .form-control + div.svgBg svg .cls-2 {
                stroke: var(--clr-orange);
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 2px;
            }

            .ccNewBookingForms form .form-group .form-control + div.svgBg svg .pathCalendar {
                fill: var(--clr-orange);
            }

            .ccNewBookingForms form .form-group .form-control + div.svgBg svg .clock {
                fill: none;
                stroke: var(--clr-orange);
                stroke-linejoin: round;
                stroke-width: 1px;
            }

    .ccNewBookingForms form .form-group .fieldFile {
        position: relative;
        display: flex;
        margin: 0px;
        padding: 0px;
        align-items: center;
        width: 100%;
    }

        .ccNewBookingForms form .form-group .fieldFile .file {
            display: none;
        }

        .ccNewBookingForms form .form-group .fieldFile .fieldDiv {
            position: relative;
            padding: 0px;
            margin: 0px;
            flex: 2 auto;
        }

            .ccNewBookingForms form .form-group .fieldFile .fieldDiv .form-control {
                border-radius: .25rem 0px 0px .25rem;
                background-color: var(--clr-white);
            }

            .ccNewBookingForms form .form-group .fieldFile .fieldDiv input:disabled + .form-control {
                background-color: var(--clr-gray-light);
            }

        .ccNewBookingForms form .form-group .fieldFile .textDiv {
            position: relative;
            padding: 0px;
            margin: 0px;
            border-left: 0px;
            text-align: center;
            white-space: nowrap;
            flex: 2 auto;
        }

            .ccNewBookingForms form .form-group .fieldFile .textDiv .btnFile {
                display: block;
                width: 100%;
                margin: 0px;
                padding: 0px 10px;
                overflow: hidden;
                border-radius: 0px .25rem .25rem 0px;
                border: 1px solid var(--clr-gray);
                border-left: 0px;
                color: var(--clr-orange);
                font-size: 1rem;
                font-weight: 500;
                background-color: var(--clr-gray-light);
                line-height: 36px;
            }

                .ccNewBookingForms form .form-group .fieldFile .textDiv .btnFile:focus,
                .ccNewBookingForms form .form-group .fieldFile .textDiv .btnFile:active {
                    border-left: 0px !important;
                }

    .ccNewBookingForms form .form-group.maxWidth {
        max-width: 350px;
        margin: 0px auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ccNewBookingForms form .form-group.maxWidthTwo {
        max-width: 260px;
        margin: 0px auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

.ccNewBookingForms form .btn-primary {
    display: inline-block;
    padding: 0px 16px !important;
    color: var(--clr-white);
    background-color: var(--clr-orange);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    text-transform: uppercase;
}

    .ccNewBookingForms form .btn-primary:hover {
        color: var(--clr-orange);
        background-color: var(--clr-white);
        border: 2px solid var(--clr-orange);
    }

    .ccNewBookingForms form .btn-primary:focus, .ccNewBookingForms form .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-orange) !important;
        background-color: var(--clr-white) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccNewBookingForms form .btn-secondary {
    display: inline-block;
    padding: 0px 16px !important;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    margin-left: 10px;
    text-transform: uppercase;
}

    .ccNewBookingForms form .btn-secondary:hover {
        color: var(--clr-white);
        background-color: var(--clr-orange);
        border: 2px solid var(--clr-orange);
    }

    .ccNewBookingForms form .btn-secondary:focus, .ccNewBookingForms form .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-white) !important;
        background-color: var(--clr-orange) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccNewBookingForms form .smlWidth .btn-secondary {
    margin-left: 0px;
    padding: 0px 10px !important;
}

.ccNewBookingForms form .btn-imageRight {
    float: right;
    height: 40px;
    margin-left: 15px;
}

@media all and (max-width: 1149px) {
    .ccNewBookingForms {
        padding: 15px 30px;
    }
}

svg.iconSwap {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

    svg.iconSwap .cls-1 {
        fill: var(--clr-white);
        opacity: 0;
    }

    svg.iconSwap .cls-2 {
        fill: var(--clr-orange);
    }

.addBookingRow {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .addBookingRow a {
        display: inline-block;
        border: 1px solid var(--clr-gray);
        border-radius: 6px;
        overflow: hidden;
        color: var(--clr-orange);
        background-color: var(--clr-white);
        font-size: 30px;
        line-height: 30px;
        font-weight: 900;
        text-decoration: none;
        margin: 0px;
        padding: 0px 8px 4px 8px;
    }

        .addBookingRow a:hover {
            border: 1px solid var(--clr-orange);
            color: var(--clr-white);
            background-color: var(--clr-orange);
        }

.commonFiledsRow {
    display: block;
    margin: 0px;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
}


    .commonFiledsRow .form-group label.checkBoxStyled {
        position: relative;
        display: inline-block;
        padding: 0px 0px 0px 25px;
        margin: 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        color: var(--clr-black);
    }

        .commonFiledsRow .form-group label.checkBoxStyled a {
            text-decoration: underline;
            color: var(--clr-blue);
            font-weight: 400;
            font-size: inherit;
        }

            .commonFiledsRow .form-group label.checkBoxStyled a:hover {
                color: var(--clr-orange);
            }

        .commonFiledsRow .form-group label.checkBoxStyled input[type=checkbox] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .commonFiledsRow .form-group label.checkBoxStyled .checkmark {
            position: absolute;
            top: -2px;
            left: 0;
            height: 19px;
            width: 19px;
            background-color: var(--clr-white);
            border: 2px solid var(--clr-orange);
            border-radius: 2px;
            overflow: hidden;
            cursor: pointer;
        }

            .commonFiledsRow .form-group label.checkBoxStyled .checkmark:after {
                content: "";
                position: absolute;
                display: none;
                left: 4px;
                top: 1px;
                width: 6px;
                height: 10px;
                border: solid var(--clr-orange);
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .commonFiledsRow .form-group label.checkBoxStyled input:checked ~ .checkmark:after {
            display: block;
        }

    .commonFiledsRow .form-group label.checkBoxStyledTwo {
        position: relative;
        display: block;
        padding: 0px 0px 0px 25px;
        margin: 0px 0px 2px 0px;
        font-size: 12px;
        line-height: 19px;
        font-weight: 500;
        color: var(--clr-gray-darker);
    }

        .commonFiledsRow .form-group label.checkBoxStyledTwo input[type=checkbox] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        .commonFiledsRow .form-group label.checkBoxStyledTwo .checkmark {
            position: absolute;
            top: -1px;
            left: 0;
            height: 19px;
            width: 19px;
            background-color: var(--clr-white);
            border: 2px solid var(--clr-orange);
            border-radius: 2px;
            overflow: hidden;
            cursor: pointer;
        }

            .commonFiledsRow .form-group label.checkBoxStyledTwo .checkmark:after {
                content: "";
                position: absolute;
                display: none;
                left: 4px;
                top: 1px;
                width: 6px;
                height: 10px;
                border: solid var(--clr-orange);
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .commonFiledsRow .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
            display: block;
        }

    .commonFiledsRow .btn-imageRight {
        float: right;
        height: 40px;
        margin-left: 15px;
    }

.formContentArea form .form-group label.checkBoxStyled .alterCheckmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: var(--clr-white);
    border: 2px solid var(--clr-orange);
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}

.formContentArea form .form-group label.checkBoxStyledTwo .alterCheckmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 19px;
    width: 19px;
    background-color: var(--clr-white);
    border: 2px solid var(--clr-orange);
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}

/*New uichanges */

.ccListGridTwo {
    display: block;
    padding: 30px 50px;
    margin: 0px;
    overflow: hidden;
}

    .ccListGridTwo h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
    }

    .ccListGridTwo h3 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
    }

    .ccListGridTwo .headingSearchFilter {
        display: flex;
        padding: 10px 0px 0px 0px;
        margin: 0px;
        align-items: center;
    }

        .ccListGridTwo .headingSearchFilter .txtCol {
            width: calc(100% - 303px);
            padding: 4px 0px;
        }

        .ccListGridTwo .headingSearchFilter .srhCol {
            width: 265px;
            padding: 0px 15px;
        }

            .ccListGridTwo .headingSearchFilter .srhCol .searchHolder {
                position: relative;
                display: block;
                max-width: 250px;
                margin: 0px;
                padding: 0px;
                overflow: hidden;
            }

                .ccListGridTwo .headingSearchFilter .srhCol .searchHolder input {
                    display: block;
                    width: 100%;
                    margin: 0px;
                    padding: 8px 15px 8px 40px;
                    border: 1px solid var(--clr-gray);
                    border-radius: 6px;
                    background-color: var(--clr-white);
                    background-image: url("../../svgs/search-icon-bg.svg");
                    background-repeat: no-repeat;
                    background-position: left center;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 500;
                    color: var(--clr-black);
                    -moz-appearance: none;
                    -webkit-appearance: none;
                }

                    .ccListGridTwo .headingSearchFilter .srhCol .searchHolder input:focus {
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        -webkit-appearance: none;
                    }

                .ccListGridTwo .headingSearchFilter .srhCol .searchHolder img.clear {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    display: block;
                    width: 30px;
                    height: 30px;
                    z-index: 1;
                }

        .ccListGridTwo .headingSearchFilter .btnCol {
            width: 53px;
        }

            .ccListGridTwo .headingSearchFilter .btnCol a.filterBtn {
                display: flex;
                margin: 0px;
                padding: 6px 15px;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                text-decoration: none;
            }

                .ccListGridTwo .headingSearchFilter .btnCol a.filterBtn svg.iconFilter {
                    display: inline-block;
                    width: 24px;
                    height: 22px;
                    overflow: hidden;
                }

                    .ccListGridTwo .headingSearchFilter .btnCol a.filterBtn svg.iconFilter .cls-1 {
                        fill: var(--clr-orange);
                    }

                .ccListGridTwo .headingSearchFilter .btnCol a.filterBtn span {
                    color: var(--clr-orange);
                    text-decoration: none;
                    padding-left: 10px;
                    font-size: 16px;
                    font-weight: 500;
                }

            .ccListGridTwo .headingSearchFilter .btnCol a.filterBtnOnly {
                display: flex;
                margin: 0px;
                padding: 6px 15px;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                text-decoration: none;
            }

                .ccListGridTwo .headingSearchFilter .btnCol a.filterBtnOnly svg.iconFilter {
                    display: inline-block;
                    width: 24px;
                    height: 22px;
                    overflow: hidden;
                }

                    .ccListGridTwo .headingSearchFilter .btnCol a.filterBtnOnly svg.iconFilter .cls-1 {
                        fill: var(--clr-orange);
                    }

                .ccListGridTwo .headingSearchFilter .btnCol a.filterBtnOnly span {
                    display: none;
                }

        .ccListGridTwo .headingSearchFilter .btnColTwo {
            width: 68px;
            padding-left: 15px;
        }

            .ccListGridTwo .headingSearchFilter .btnColTwo a.downloadBtnOnly {
                display: flex;
                margin: 0px;
                padding: 6px 15px;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                text-decoration: none;
            }

                .ccListGridTwo .headingSearchFilter .btnColTwo a.downloadBtnOnly svg.iconDownload {
                    display: block;
                    width: 22px;
                    height: 22px;
                    overflow: hidden;
                }

                    .ccListGridTwo .headingSearchFilter .btnColTwo a.downloadBtnOnly svg.iconDownload .cls-1 {
                        fill: var(--clr-orange);
                        fill-rule: evenodd;
                    }

@media all and (max-width: 767px) {
    .ccListGridTwo .headingSearchFilter {
        flex-wrap: wrap;
    }

        .ccListGridTwo .headingSearchFilter .txtCol {
            width: 100%;
        }

        .ccListGridTwo .headingSearchFilter .srhCol {
            padding: 10px 15px 10px 0px;
        }

            .ccListGridTwo .headingSearchFilter .srhCol .searchHolder {
                max-width: unset;
            }

        .ccListGridTwo .headingSearchFilter .btnCol a.filterBtn {
            max-width: 126px;
        }

        .ccListGridTwo .headingSearchFilter .btnColTwo a.filterBtn {
            max-width: 126px;
        }

        .ccListGridTwo .headingSearchFilter .btnColTwo a.downloadBtnOnly {
            max-width: 126px;
        }
}

@media all and (max-width: 455px) {
    .ccListGridTwo .headingSearchFilter {
        flex-wrap: unset;
        flex-wrap: wrap;
    }

        .ccListGridTwo .headingSearchFilter .txtCol {
            width: 100%;
        }

        .ccListGridTwo .headingSearchFilter .srhCol {
            width: 100%;
            padding: 10px 10px 10px 0px;
        }

        .ccListGridTwo .headingSearchFilter .btnCol {
            width: unset;
        }

        .ccListGridTwo .headingSearchFilter .btnColTwo {
            width: unset;
        }
}

.ccListGridTwo .dataSet {
    display: block;
    margin: 0px;
    padding: 10px 0px;
}

    .ccListGridTwo .dataSet .eachItem {
        position: relative;
        display: block;
        margin: 15px 0px;
        padding: 0px;
        border: 1px solid var(--clr-gray);
        border-radius: 8px;
        overflow: hidden;
        background-color: var(--clr-white);
        transition: all 0.3s ease;
    }


svg.iconActivate {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

    svg.iconActivate .cls-1 {
        fill: var(--clr-white);
    }

    svg.iconActivate .cls-1, svg.iconActivate .cls-2 {
        stroke: var(--clr-orange);
        stroke-width: 2px;
    }

    svg.iconActivate .cls-2, svg.iconActivate .cls-4 {
        fill: none;
    }

    svg.iconActivate .cls-3 {
        stroke: none;
    }

svg.iconDone {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

    svg.iconDone .cls-1 {
        fill: var(--clr-white);
    }

    svg.iconDone .cls-1, svg.iconDone .cls-2 {
        stroke: var(--clr-green);
        stroke-width: 2px;
    }

    svg.iconDone .cls-2, svg.iconDone .cls-4 {
        fill: none;
    }

    svg.iconDone .cls-3 {
        stroke: none;
    }

svg.iconMissing {
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

    svg.iconMissing .cls-1 {
        fill: var(--clr-white);
        stroke: var(--clr-red);
        stroke-width: 2px;
    }

    svg.iconMissing .cls-2 {
        fill: var(--clr-red);
    }

    svg.iconMissing .cls-3 {
        stroke: none;
    }

    svg.iconMissing .cls-4 {
        fill: none;
    }

svg.walletIco {
    display: block;
    width: 47px;
    height: 47px;
    overflow: hidden;
}

    svg.walletIco .cls-1 {
        fill: var(--clr-blue);
    }


header .brandRow .colOptions .threeCols .btnCol {
    direction: ltr;
    margin: 0px 50px 0px 15px;
    padding: 0px;
}

    header .brandRow .colOptions .threeCols .btnCol .btn-profile {
        position: relative;
        display: block;
        margin: 0px;
        padding: 0px 15px 0px 0px;
        border: 0px;
    }

        header .brandRow .colOptions .threeCols .btnCol .btn-profile span.txt {
            display: block;
            background-color: var(--clr-blue);
            color: var(--clr-white);
            width: 42px;
            height: 42px;
            border-radius: 42px;
            overflow: hidden;
            text-align: center;
            padding: 0px 0px;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 42px;
            font-weight: 500;
        }

        header .brandRow .colOptions .threeCols .btnCol .btn-profile:focus,
        header .brandRow .colOptions .threeCols .btnCol .btn-profile:active {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
            box-shadow: none !important;
        }

        header .brandRow .colOptions .threeCols .btnCol .btn-profile::after {
            position: absolute;
            top: 14px;
            right: 0px;
            display: inline-block;
            content: '';
            width: 8px;
            height: 8px;
            border-top: solid 2px var(--clr-orange);
            border-right: solid 2px var(--clr-orange);
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            border-left: unset;
            vertical-align: .2em;
        }

    header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show {
        right: 0px !important;
        left: unset !important;
        font-size: 16px;
        background-color: var(--clr-white);
        padding: 0px;
        overflow: hidden;
        margin: 0px;
        margin-right: -40px;
        margin-top: 5px;
    }

        header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show .dropdown-item {
            font-size: 16px;
            line-height: 40px;
            color: var(--clr-blue);
            padding: 0px 15px;
            margin: 0px;
            background-color: var(--clr-white);
            transition: all 0.3s ease;
            margin-bottom: 3px;
        }

            header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show .dropdown-item span.img img {
                width: 28px;
                height: 18px;
                object-fit: cover;
                margin-right: 8px;
                border: 1px solid var(--clr-gray-light);
            }

            header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show .dropdown-item span.txt {
                font-weight: 500;
                padding-right: 20px;
                transition: all 0.3s ease;
            }

            header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show .dropdown-item:hover {
                background-color: var(--clr-blue);
                transition: all 0.3s ease;
            }

                header .brandRow .colOptions .threeCols .btnCol .dropdown-menu.show .dropdown-item:hover span.txt {
                    color: var(--clr-white);
                    transition: all 0.3s ease;
                }

header .brandRow .colOptions .threeCols .langCol {
    direction: ltr;
    margin: 0px 15px;
    padding: 0px;
}

.ccListGridTwo .dataSet .eachItem:hover {
    border: 1px solid var(--clr-gray-darker);
}

.ccListGridTwo .dataSet .eachItem .threeColumns {
    display: flex;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border-left: 12px solid var(--clr-blue-light);
    flex-wrap: wrap;
}

    .ccListGridTwo .dataSet .eachItem .threeColumns .disabled {
        opacity: 0.3;
        filter: grayscale(100%);
        pointer-events: none;
    }

    .ccListGridTwo .dataSet .eachItem .threeColumns .hideThis {
        display: none !important;
    }

    .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns {
        display: flex;
        padding: 10px;
        overflow: hidden;
        flex-grow: 10;
        flex-shrink: 10;
        flex-basis: 650px;
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoColOne {
            width: 320px;
            overflow: hidden;
            flex-shrink: 1;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoColTwo {
            width: calc(100% - 320px);
            overflow: hidden;
            flex-grow: 10;
            flex-shrink: 10;
            flex-basis: 400px;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet {
            display: block;
            padding: 2px 10px;
        }

            .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .divRoute {
                position: relative;
                display: inline-block;
                margin: 0px;
                padding: 0px 0px 16px 0px;
                color: var(--clr-blue);
                font-size: 22px;
                line-height: 24px;
                font-weight: 600;
                cursor: pointer;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .divRoute span {
                    font-weight: 400;
                }

                .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .divRoute:after {
                    content: '';
                    position: absolute;
                    right: -10px;
                    top: 8px;
                    width: 8px;
                    height: 8px;
                    border-top: solid 2px var(--clr-blue);
                    border-right: solid 2px var(--clr-blue);
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

            .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .eachLine {
                display: block;
                margin: 0px;
                padding: 2px 0px;
                font-size: 14px;
                line-height: 16px;
                font-weight: 300;
                color: var(--clr-black);
                transition: all 0.3s ease;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .eachLine span {
                    font-weight: 400;
                }

                    .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .eachLine span.openViewPanel {
                        color: var(--clr-orange);
                        font-weight: 600;
                        cursor: pointer;
                    }

    .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns {
        position: relative;
        display: flex;
        width: 370px;
        padding: 10px 10px 10px 30px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-left: 1px solid var(--clr-gray);
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms {
            flex: 1;
            width: 175px;
            overflow: hidden;
        }

            .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms a {
                display: flex;
                margin: 0px;
                padding: 0px;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms a span.icon {
                    width: 40px;
                    height: 30px;
                    padding-right: 10px;
                    overflow: hidden;
                }

                .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms a span.text {
                    display: block;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 600;
                    color: var(--clr-orange);
                    text-decoration: none;
                }

            .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms div.status {
                display: block;
                margin: 0px;
                padding: 2px 0px;
                font-size: 14px;
                line-height: 16px;
                font-weight: 300;
                color: var(--clr-black);
                transition: all 0.3s ease;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms div.status span {
                    display: block;
                    font-weight: 400;
                }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colWallet {
            flex: 1;
            width: 175px;
            overflow: hidden;
        }

            .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colWallet a {
                display: flex;
                margin: 0px;
                padding: 0px;
                cursor: pointer;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colWallet a span.icon {
                    width: 40px;
                    height: 30px;
                    padding-right: 10px;
                    overflow: hidden;
                    cursor: pointer;
                }

                .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colWallet a span.text {
                    display: block;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 600;
                    color: var(--clr-orange);
                    text-decoration: none;
                    cursor: pointer;
                }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .helpIcon {
            position: absolute;
            left: 10px;
            top: 10px;
            width: 20px;
            height: 20px;
            overflow: hidden;
            border: 2px solid var(--clr-blue);
            color: var(--clr-blue);
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            border-radius: 15px;
            cursor: pointer;
        }

    .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns {
        display: flex;
        flex-direction: column;
        width: 150px;
        border-left: 1px solid var(--clr-gray);
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol {
            flex: 1;
        }

            .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol a {
                display: flex;
                align-items: center;
                justify-content: left;
                margin-left: 29%;
                height: 100%;
                text-align: center;
                font-size: 12px;
                line-height: 12px;
                font-weight: 600;
                color: var(--clr-orange);
                text-decoration: none;
                text-transform: uppercase;
            }

                .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol a:hover {
                    color: var(--clr-white);
                    background-color: var(--clr-orange);
                }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol2:hover {
            color: var(--clr-white);
            background-color: var(--clr-orange);
            cursor: pointer;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol:first-child {
            border-bottom: 1px solid var(--clr-gray);
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol:last-child {
            border-top: 1px solid var(--clr-gray);
        }

    .ccListGridTwo .dataSet .eachItem .threeColumns.block {
        border-left: 12px solid var(--clr-yellow);
    }

.ccListGridTwo .dataSet .eachItem .blockBooking {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 12px;
    background-color: var(--clr-yellow);
    overflow: hidden;
}

.ccListGridTwo .dataSet .emptyArea {
    display: none;
    margin: 15px 0px;
    padding: 8px 15px;
    border: 1px solid var(--clr-gray);
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--clr-white);
    transition: all 0.3s ease;
}

    .ccListGridTwo .dataSet .emptyArea p {
        display: block;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        line-height: 18px;
        color: var(--clr-black);
    }

.ccListGridTwo .btn-primary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-white);
    background-color: var(--clr-orange);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    text-transform: uppercase;
}

    .ccListGridTwo .btn-primary:hover {
        color: var(--clr-orange);
        background-color: var(--clr-white);
        border: 2px solid var(--clr-orange);
    }

    .ccListGridTwo .btn-primary:focus, .ccListGridTwo .btn-primary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-orange) !important;
        background-color: var(--clr-white) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccListGridTwo .btn-secondary {
    display: inline-block;
    padding: 0px 20px;
    color: var(--clr-orange);
    background-color: var(--clr-white);
    border-radius: 6px !important;
    border: 2px solid var(--clr-orange);
    font-size: 16px;
    font-weight: 700;
    line-height: 36px !important;
    white-space: nowrap;
    margin-left: 15px;
    text-transform: uppercase;
}

    .ccListGridTwo .btn-secondary:hover {
        color: var(--clr-white);
        background-color: var(--clr-orange);
        border: 2px solid var(--clr-orange);
    }

    .ccListGridTwo .btn-secondary:focus, .ccListGridTwo .btn-secondary:active {
        outline-width: 0px;
        outline-color: transparent;
        outline-style: none;
        -webkit-appearance: none;
        color: var(--clr-white) !important;
        background-color: var(--clr-orange) !important;
        border: 2px solid var(--clr-orange) !important;
        box-shadow: none !important;
    }

.ccListGridTwo .btn-imageRight {
    float: right;
    height: 40px;
    margin-left: 15px;
}

    .ccListGridTwo .btn-imageRight img {
        display: block;
        height: 40px;
    }

@media all and (max-width: 761px) {
    .ccListGridTwo .btn-imageRight {
        display: block;
        float: unset;
        height: 40px;
        margin-left: 0px;
        margin-right: 15px;
        margin-top: 15px;
    }

        .ccListGridTwo .btn-imageRight img {
            display: block;
            height: 40px;
        }
}

@media all and (max-width: 1283px) {
    .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns {
        flex-direction: row;
        width: 100%;
        border-left: 0px solid var(--clr-gray);
        border-top: 1px solid var(--clr-gray);
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol {
            border-top: 0px solid var(--clr-gray);
            border-bottom: 0px solid var(--clr-gray);
            border-left: 1px solid var(--clr-gray);
        }

            .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol a {
                line-height: 32px;
            }

            .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol:first-child {
                border-left: 0px solid var(--clr-gray);
                border-bottom: 0px solid var(--clr-gray);
            }

            .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol:last-child {
                border-top: 0px solid var(--clr-gray);
                border-bottom: 0px solid var(--clr-gray);
            }
}

@media all and (max-width: 1149px) {
    .ccListGridTwo {
        padding: 20px 30px;
    }
}

@media all and (max-width: 1093px) {
    .ccListGridTwo .dataSet .eachItem .threeColumns {
        flex-direction: column;
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns {
            flex-grow: unset;
            flex-shrink: unset;
            flex-basis: unset;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns {
            width: 100%;
            border-top: 1px solid var(--clr-gray);
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 20px;
        }
}

@media all and (max-width: 768px) {
    .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns {
        flex-direction: column;
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoColOne {
            width: 100%;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoColTwo {
            width: 100%;
            flex-grow: unset;
            flex-shrink: unset;
            flex-basis: unset;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .divRoute {
            padding-bottom: 3px;
            font-size: 15px;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .infoTwoColumns .infoSet .eachLine {
            margin-left: -10px !important;
            font-size: 13px !important;
            white-space: normal !important;
        }
}

@media all and (max-width: 400px) {
    .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns {
        flex-direction: column;
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colCustoms {
            width: 100%;
        }

        .ccListGridTwo .dataSet .eachItem .threeColumns .actionColumns .colWallet {
            width: 100%;
            padding-top: 20px;
        }
}


.ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label.checkBoxStyledTwo {
    position: relative;
    display: block;
    padding: 0px 0px 0px 25px;
    margin: 10px 0px 2px 0px;
    font-size: 12px;
    line-height: 19px;
    font-weight: 500;
    color: var(--clr-gray-darker);
}

    .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label.checkBoxStyledTwo input[type=checkbox] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label.checkBoxStyledTwo .checkmark {
        position: absolute;
        top: -1px;
        left: 0;
        height: 19px;
        width: 19px;
        background-color: var(--clr-white);
        border: 2px solid var(--clr-orange);
        border-radius: 2px;
        overflow: hidden;
        cursor: pointer;
        margin-left: 5px;
    }

        .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label.checkBoxStyledTwo .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 4px;
            top: 1px;
            width: 6px;
            height: 10px;
            border: solid var(--clr-orange);
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label.checkBoxStyledTwo input:checked ~ .checkmark:after {
        display: block;
    }

.ccListGridTwo .dataSet .eachItem .threeColumns .optionsColumns .optionCol .form-group label p {
    display: flex;
    align-items: center;
    justify-content: left;
    margin-left: 10%;
    height: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: var(--clr-orange);
    text-decoration: none;
    text-transform: uppercase;
}

.trackBookingTile {
    justify-content: center !important;
    margin-left: 0% !important;
    cursor: pointer;
}


@media all and (max-width: 1149px) {
    .rowBannerSection {
        padding: 15px 30px;
    }
}

.commonContentSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .commonContentSection .contentArea {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .commonContentSection .contentArea img.imageresponsive {
            display: block;
            width: 100%;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 15px;
            margin-top: 15px;
        }

@media all and (max-width: 767px) {
    .commonContentSection .contentArea img.imageresponsive {
        max-height: 200px;
        object-fit: cover;
    }
}

.commonContentSection .contentArea p.note {
    display: block;
    margin: 10px 0px 10px 0px;
    padding: 10px 15px;
    background-color: var(--clr-yellow-light);
    border-radius: 6px;
    overflow: hidden;
}

.commonContentSection .contentArea .accordianHolder {
    display: block;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    overflow: hidden;
}

    .commonContentSection .contentArea .accordianHolder .eachItem {
        position: relative;
        display: block;
        margin: 10px 0px 10px 0px;
        padding: 10px 15px;
        border: 1px solid var(--clr-gray);
        border-radius: 6px;
        overflow: hidden;
    }

        .commonContentSection .contentArea .accordianHolder .eachItem .itemTitle {
            position: relative;
            display: inline-block;
            margin: 0px;
            padding: 2px 0px 0px 22px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            color: var(--clr-orange);
        }

            .commonContentSection .contentArea .accordianHolder .eachItem .itemTitle::before {
                position: absolute;
                left: 0px;
                top: 4px;
                content: "+";
                width: 15px;
                height: 15px;
                overflow: hidden;
                border: 1px solid var(--clr-orange);
                border-radius: 16px;
                font-size: 12px;
                line-height: 13px;
                text-align: center;
            }

        .commonContentSection .contentArea .accordianHolder .eachItem .itemDetails {
            display: none;
        }

            .commonContentSection .contentArea .accordianHolder .eachItem .itemDetails ul li {
                word-break: normal;
            }

        .commonContentSection .contentArea .accordianHolder .eachItem.open .itemTitle::before {
            content: "-";
        }

        .commonContentSection .contentArea .accordianHolder .eachItem.open .itemDetails {
            display: block;
            margin: 0px;
            padding: 6px 22px 0px 22px;
            overflow: hidden;
        }

.commonContentSection .contentArea ul.listWithIcons {
    display: block;
    margin: 0px;
    padding: 10px 0px;
    list-style: none;
}

    .commonContentSection .contentArea ul.listWithIcons li {
        float: left;
        width: 50%;
        display: flex;
        padding: 0px 15px 15px 0px;
        align-items: center;
    }

        .commonContentSection .contentArea ul.listWithIcons li span.icon {
            width: 40px;
            height: 40px;
            overflow: hidden;
        }

            .commonContentSection .contentArea ul.listWithIcons li span.icon img {
                display: block;
                width: 40px;
                height: 40px;
            }

        .commonContentSection .contentArea ul.listWithIcons li span.text {
            width: calc(100% - 40px);
            padding-left: 10px;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
            color: var(--clr-black);
            word-break: break-word
        }

        .commonContentSection .contentArea ul.listWithIcons li:before {
            display: none;
        }

@media all and (max-width: 600px) {
    .commonContentSection .contentArea ul.listWithIcons li {
        float: none;
        width: 100%;
    }
}

.commonContentSection .contentArea .row {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .commonContentSection .contentArea .row .col-12.col-md-6 ul {
        padding-left: 0px;
    }

.commonContentSection .contentArea h1 {
    color: var(--clr-blue);
    text-transform: uppercase;
}

.commonContentSection .contentArea .termsprivacy h1 {
    color: var(--clr-blue);
    text-transform: uppercase;
    padding-bottom: 20px;
}

.commonContentSection .contentArea .termsprivacy h2 {
    color: var(--clr-blue);
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 20px;
}

.commonContentSection .contentArea .termsprivacy h3 {
    color: var(--clr-black);
    text-transform: uppercase;
    padding-bottom: 5px;
    padding-top: 20px;
}

.commonContentSection .contentArea p {
    padding: 8px 0px;
}

    .commonContentSection .contentArea p b, .commonContentSection .contentArea p strong {
        font-weight: 500;
    }

    .commonContentSection .contentArea p a {
        display: inline-block;
        color: var(--clr-orange);
        text-decoration: underline;
        font-weight: 500;
    }

        .commonContentSection .contentArea p a:hover {
            color: var(--clr-blue);
            text-decoration: none;
        }

.commonContentSection .contentArea hr {
    margin: 30px 0px;
}

.commonContentSection .contentArea ::-webkit-scrollbar {
    width: 8px;
    background-color: var(--clr-gray-light);
    border-left: 1px solid transparent;
}

.commonContentSection .contentArea ::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: var(--clr-blue);
    border: 0px solid var(--clr-gray-light);
    border-right: 0px solid var(--clr-gray-light);
    max-width: 230px;
    max-height: 230px;
}

    .commonContentSection .contentArea ::-webkit-scrollbar-thumb:hover {
        background-color: var(--clr-blue);
    }

.commonContentSection .contentArea ::-webkit-scrollbar-track {
    background-color: transparent;
}

.commonContentSection .contentArea .tableHolderHscroll {
    display: block;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-x: scroll;
    border: 1px solid var(--clr-gray);
}

    .commonContentSection .contentArea .tableHolderHscroll table.limitTable {
        margin: 0px;
        width: 100%;
        min-width: 1030px;
        border-collapse: collapse;
        font-size: 16px;
        line-height: 20px;
        color: var(--clr-black);
    }

        .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody {
            display: table-row-group;
            vertical-align: middle;
            border-color: inherit;
        }

            .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr {
                display: table-row;
                vertical-align: inherit;
                border-color: inherit;
            }

                .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr th {
                    border: 1px solid var(--clr-gray);
                    text-align: left;
                    vertical-align: top;
                    padding: 5px;
                    width: auto;
                    font-weight: 600;
                }

                    .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr th .RedBoldSmall {
                        color: var(--clr-red);
                        font-weight: 700;
                    }

                    .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr th.First {
                        width: 10%;
                    }

                    .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr th.Route {
                        width: 20%;
                    }

                .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr td {
                    border: 1px solid var(--clr-gray);
                    text-align: left;
                    vertical-align: top;
                    padding: 5px;
                    width: auto;
                    font-weight: 400;
                }

                    .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr td img {
                        width: 18px;
                        height: 18px;
                    }

                    .commonContentSection .contentArea .tableHolderHscroll table.limitTable tbody tr td .RedBoldSmall {
                        color: var(--clr-red);
                        font-weight: 700;
                    }

.commonContentSection .contentArea ul {
    list-style: none;
    padding: 15px 15px;
    margin: 0px;
}

    .commonContentSection .contentArea ul li {
        display: block;
        position: relative;
        padding: 6px 0px 6px 15px;
        word-wrap: break-all;
        word-break: break-all;
    }

        .commonContentSection .contentArea ul li b, .commonContentSection .contentArea ul li strong {
            font-weight: 500;
        }

        .commonContentSection .contentArea ul li a {
            display: inline-block;
            color: var(--clr-orange);
            text-decoration: underline;
            font-weight: 500;
            word-wrap: break-all;
            word-break: break-all;
        }

            .commonContentSection .contentArea ul li a:hover {
                color: var(--clr-blue);
                text-decoration: none;
            }

        .commonContentSection .contentArea ul li .RedBoldSmall {
            color: var(--clr-red);
            font-weight: 700;
        }

        .commonContentSection .contentArea ul li::before {
            position: absolute;
            top: 13px;
            left: 0px;
            content: "";
            color: var(--clr-white);
            font-weight: bold;
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 6px;
            border: 2px solid var(--clr-blue);
            margin-left: 0px;
        }

@media all and (max-width: 1149px) {
    .commonContentSection {
        padding: 30px 30px;
    }
}

.rowFiveIcons {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .rowFiveIcons .iconsFive {
        display: flex;
        margin: 0px -15px;
        padding: 0px;
        overflow: hidden;
        flex-flow: wrap;
    }

        .rowFiveIcons .iconsFive .eachIcn {
            flex: 1;
            padding: 15px;
            margin: 8px 15px;
            overflow: hidden;
            border: 1px solid var(--clr-gray);
            border-radius: 6px;
            min-width: 160px;
        }

            .rowFiveIcons .iconsFive .eachIcn img.icnB {
                display: block;
                width: 80px;
                height: 80px;
                margin: 0px auto;
            }

            .rowFiveIcons .iconsFive .eachIcn img.icnW {
                display: none;
                width: 80px;
                height: 80px;
                margin: 0px auto;
            }

            .rowFiveIcons .iconsFive .eachIcn span.txt {
                display: block;
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                text-decoration: none;
                color: var(--clr-blue);
                text-align: center;
                padding: 10px 15px 10px 15px;
            }

            .rowFiveIcons .iconsFive .eachIcn.selected {
                background-color: var(--clr-blue);
            }

                .rowFiveIcons .iconsFive .eachIcn.selected img.icnW {
                    display: block;
                    width: 80px;
                    height: 80px;
                    margin: 0px auto;
                }

                .rowFiveIcons .iconsFive .eachIcn.selected img.icnB {
                    display: none;
                    width: 80px;
                    height: 80px;
                    margin: 0px auto;
                }

                .rowFiveIcons .iconsFive .eachIcn.selected span.txt {
                    color: var(--clr-white);
                }

@media all and (max-width: 1149px) {
    .rowFiveIcons .iconsFive .eachIcn img.icnB {
        width: 50px;
        height: 50px;
    }

    .rowFiveIcons .iconsFive .eachIcn img.icnW {
        width: 50px;
        height: 50px;
    }

    .rowFiveIcons .iconsFive .eachIcn span.txt {
        font-size: 14px;
        line-height: 18px;
        padding: 6px 10px 6px 10px;
    }
}

@media all and (max-width: 1149px) {
    .threeBoxesRowSection {
        padding: 30px 30px;
    }
}

.rowBannerSection {
    position: relative;
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .rowBannerSection a.banner {
        display: block;
        margin: 0px;
        padding: 15px 20px;
        overflow: hidden;
        border-radius: 6px;
        background-color: var(--clr-purple);
    }

        .rowBannerSection a.banner .twoParts {
            display: flex;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            align-items: center;
        }

            .rowBannerSection a.banner .twoParts .icnPart {
                width: 100px;
            }

                .rowBannerSection a.banner .twoParts .icnPart img {
                    display: block;
                    width: 100px;
                    height: 100px;
                }

            .rowBannerSection a.banner .twoParts .txtPart {
                position: relative;
                width: calc(100% - 100px);
                padding-left: 10px;
            }

                .rowBannerSection a.banner .twoParts .txtPart .title {
                    display: block;
                    margin: 0px;
                    padding: 0px 50px 0px 0px;
                    font-size: 22px;
                    line-height: 26px;
                    font-weight: 700;
                    color: var(--clr-white);
                    text-decoration: none;
                    text-transform: uppercase;
                }

                .rowBannerSection a.banner .twoParts .txtPart .descp {
                    display: block;
                    margin: 0px;
                    padding: 0px 50px 0px 0px;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 500;
                    color: var(--clr-white);
                    text-decoration: none;
                }

@media all and (max-width: 500px) {
    .rowBannerSection a.banner .twoParts .txtPart .descp {
        display: none;
    }
}

.rowBannerSection a.banner .twoParts .txtPart:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-top: solid 2px var(--clr-white);
    border-right: solid 2px var(--clr-white);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media all and (max-width: 1149px) {
    .rowBannerSection {
        padding: 15px 30px;
    }
}

.commonContentSection {
    display: block;
    margin: 0px;
    padding: 50px 50px;
    overflow: hidden;
}

    .commonContentSection .contentArea {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .commonContentSection .contentArea img.imageresponsive {
            display: block;
            width: 100%;
            border-radius: 6px;
            overflow: hidden;
            margin-bottom: 15px;
            margin-top: 15px;
        }

/*Wallet */

.pageHeadingTextSection .searchHolder {
    position: relative;
    float: right;
    max-width: 300px;
    margin: -35px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
}

    .pageHeadingTextSection .searchHolder input {
        display: block;
        width: 100%;
        margin: 0px;
        padding: 8px 15px 8px 40px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 6px;
        background-color: var(--clr-blue);
        background-image: url('../../svgs/search-icon-bg.svg');
        background-repeat: no-repeat;
        background-position: left center;
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        color: var(--clr-white);
        -moz-appearance: none;
        -webkit-appearance: none;
    }

        .pageHeadingTextSection .searchHolder input:focus {
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            -webkit-appearance: none;
        }

    .pageHeadingTextSection .searchHolder img.clear {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        width: 30px;
        height: 30px;
        z-index: 1;
    }

.pageHeadingTextSection .btnRight {
    display: block;
    float: right;
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
    color: var(--clr-white);
    border-radius: 5px;
    overflow: hidden;
    margin: -30px 0px 0px 0px;
    padding: 0px 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

    .pageHeadingTextSection .btnRight:hover {
        border: 1px solid rgba(255, 255, 255, 1);
    }

@media all and (max-width: 1274px) {
    .pageHeadingTextSection h1 {
        font-size: 27px;
        line-height: 31px;
    }
}

@media all and (max-width: 679px) {
    .pageHeadingTextSection .btnRight {
        display: inline-block;
        float: unset;
        margin-top: 10px;
        max-width: unset;
    }
}

@media all and (max-width: 619px) {
    .pageHeadingTextSection .searchHolder {
        display: block;
        float: unset;
        margin-top: 10px;
        max-width: unset;
        width: 100%;
    }
}

.ccWalletCardsSection {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccWalletCardsSection h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
        line-height: 34px;
    }

    .ccWalletCardsSection .allCards {
        display: flex;
        margin: 0px -15px;
        padding: 0px 0px 25px 0px;
        overflow: hidden;
        flex-wrap: wrap;
    }

        .ccWalletCardsSection .allCards .eachCardCol {
            width: calc(100% / 3);
            padding: 15px;
            margin: 0px;
        }

            .ccWalletCardsSection .allCards .eachCardCol a.cardDetails {
                position: relative;
                display: flex;
                min-height: 120px;
                border: 1px solid var(--clr-red);
                border-radius: 6px;
                background-color: var(--clr-white);
                margin: 0px;
                padding: 0px;
                height: 100%;
            }

                .ccWalletCardsSection .allCards .eachCardCol a.cardDetails:hover {
                    border: 1px solid var(--clr-gray-darker);
                }

                .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .icoCol {
                    width: 80px;
                    min-width: 80px;
                    background-color: var(--clr-blue-light);
                    padding: 15px;
                    border-radius: 5px 0px 0px 5px;
                    overflow: hidden;
                }

                .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol {
                    position: relative;
                    width: calc(100% - 80px);
                    padding: 15px;
                    margin: 0px;
                    min-width: 290px;
                    overflow: hidden;
                }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .barcodeArea {
                        display: none;
                    }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .routeLine {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 10px 0px;
                        font-size: 20px;
                        line-height: 24px;
                        color: var(--clr-blue);
                        font-weight: 600;
                    }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .routeLine .slim {
                            font-weight: 400;
                        }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .textLine {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 5px 0px;
                        font-size: 14px;
                        line-height: 18px;
                        color: var(--clr-gray-darkest);
                        font-weight: 400;
                    }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .textLine .data {
                            color: var(--clr-black);
                            font-weight: 600;
                        }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .textLine .openPanelViewBooking {
                            color: var(--clr-orange);
                        }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .textLine:last-child {
                            padding-bottom: 0px;
                            color: var(--clr-red);
                        }

                            .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol .textLine:last-child .data {
                                color: var(--clr-red);
                            }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol:after {
                        content: '';
                        position: absolute;
                        right: 20px;
                        top: 50%;
                        width: 13px;
                        height: 13px;
                        border-top: solid 2px var(--clr-blue);
                        border-right: solid 2px var(--clr-blue);
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                        margin-top: -5px;
                    }

                .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .tickIcon {
                    display: none;
                }

                .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete {
                    border: 1px solid var(--clr-gray);
                }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete:hover {
                        border: 1px solid var(--clr-gray-darker);
                    }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol .barcodeArea {
                        display: block;
                        width: 100%;
                        overflow: hidden;
                        margin: 3px 0px 8px 0px;
                        padding: 15px 10px 10px 10px;
                        border-radius: 4px;
                        background-color: var(--clr-gray-light);
                        text-align: center;
                        color: var(--clr-black);
                        font-size: 50px;
                        line-height: 60px;
                    }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol .textLine:last-child {
                        color: var(--clr-gray);
                    }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol .textLine:last-child .data {
                            color: var(--clr-gray);
                        }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol:after {
                        margin-top: 45px;
                    }

                    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .tickIcon {
                        position: absolute;
                        top: -14px;
                        right: 15px;
                        display: block;
                        width: 28px;
                        height: 28px;
                        overflow: hidden;
                        background-color: var(--clr-green);
                        border-radius: 28px;
                    }

                        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .tickIcon:after {
                            position: absolute;
                            content: "";
                            color: var(--clr-white);
                            margin-left: 8px;
                            margin-top: 9px;
                            width: 12px;
                            height: 6px;
                            border-bottom: solid 2px var(--clr-white);
                            border-left: solid 2px var(--clr-white);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

/*                        .ccWalletCardsSection .carousel {
        display: block;
        margin: 0px auto;
        padding: 0px;
        max-width: 1000px;
        overflow: hidden;
        text-align: left;
        margin-bottom: 30px;
    }

        .ccWalletCardsSection .carousel .carousel-inner {
            padding-bottom: 50px;
        }

            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols {
                display: flex;
                overflow: hidden;
            }

                .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item {
                    flex: 1;
                    align-items: flex-start;
                    border-right: 1px solid #D4D4D4;
                    padding: 0px 15px;
                    overflow: hidden;
                }

                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent {
                        display: flex;
                        margin: 0px;
                        padding: 0px;
                        overflow: hidden;
                        align-items: flex-start;
                    }

                        .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol {
                            width: 60px;
                        }

                            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg {
                                display: block;
                                width: 50px;
                                height: 50px;
                                overflow: hidden;
                            }

                                .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .iCol svg .cls-1 {
                                    fill: #4A4A4A;
                                }

                        .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol {
                            width: calc(100% - 50px);
                            padding-left: 10px;
                        }

                            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p {
                                display: block;
                                margin: 0px;
                                padding: 0px;
                                color: #044EA3;
                                font-weight: 700;
                                font-size: 16px;
                                line-height: 20px;
                                white-space: nowrap;
                            }

                            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival {
                                display: flex;
                                margin: 0px;
                                padding: 10px 0px;
                            }

                                .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData {
                                    flex: 1;
                                    padding-right: 20px;
                                }

                                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .label {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        text-transform: uppercase;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .time {
                                        display: block;
                                        font-size: 18px;
                                        line-height: 18px;
                                        font-weight: 700;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #000;
                                        white-space: nowrap;
                                    }

                                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData .loc {
                                        display: block;
                                        font-size: 12px;
                                        line-height: 12px;
                                        margin: 0px;
                                        padding: 0px;
                                        color: #959595;
                                        white-space: nowrap;
                                    }

                                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol .departureArrival .tData:last-child {
                                        padding-right: 0px;
                                    }

                            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur {
                                display: block;
                                font-size: 18px;
                                line-height: 18px;
                                font-weight: 700;
                                margin: 0px;
                                padding: 0px;
                                color: #000;
                                white-space: nowrap;
                            }

                                .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol p.dur span {
                                    display: block;
                                    font-size: 12px;
                                    line-height: 12px;
                                    text-transform: uppercase;
                                    margin: 0px;
                                    padding: 0px;
                                    color: #959595;
                                    white-space: nowrap;
                                }

                            .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp {
                                display: inline-block;
                                font-size: 13px;
                                line-height: 20px;
                                font-weight: 500;
                                color: #F18432;
                                border: 1px solid #F18432;
                                border-radius: 20px;
                                margin-top: 15px;
                                padding: 2px 10px;
                                overflow: hidden;
                            }

                                .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item .boxContent .dCol a.linkPopUp:hover {
                                    color: #fff;
                                    background-color: #F18432;
                                }

                    .ccWalletCardsSection .carousel .carousel-inner .carousel-item .threeItemsCols .item:last-child {
                        border-right: 0px solid #D4D4D4;
                    }

        .ccWalletCardsSection .carousel .carousel-indicators {
            margin-top: 0px;
            margin-bottom: 0px;
        }

            .ccWalletCardsSection .carousel .carousel-indicators li {
                background-color: #F18432;
                opacity: 1;
                border: 1px solid #D4D4D4;
                width: 15px;
                height: 15px;
                border-radius: 15px;
                overflow: hidden;
                margin-right: 8px;
                margin-left: 8px;
            }

                .ccWalletCardsSection .carousel .carousel-indicators li.active {
                    background-color: #fff;
                }*/
@media all and (max-width: 1275px) {
    .ccWalletCardsSection .allCards .eachCardCol {
        width: calc(100% / 2);
    }
}

@media all and (max-width: 869px) {
    .ccWalletCardsSection .allCards .eachCardCol {
        width: 100%;
    }
}

@media all and (max-width: 479px) {
    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails {
        flex-direction: column;
    }

        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .icoCol {
            width: 100%;
            border-radius: 5px 5px 0px 0px;
        }

            .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .icoCol svg {
                width: 32px;
                height: 32px;
            }

        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails .txtCol {
            min-width: unset;
            width: 100%;
        }

        .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .tickIcon {
            top: 16px;
        }
}

@media all and (max-width: 369px) {
    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol .barcodeArea {
        font-size: 50px;
        line-height: 50px;
    }

    .ccWalletCardsSection .allCards .eachCardCol a.cardDetails.wComplete .txtCol .textLine {
        font-size: 12px;
        line-height: 16px;
    }
}

.ccWalletCardsSection .emptyArea {
    display: none;
    margin: 15px 0px;
    padding: 8px 15px;
    border: 1px solid var(--clr-gray);
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--clr-white);
    transition: all 0.3s ease;
}

    .ccWalletCardsSection .emptyArea p {
        display: block;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        line-height: 18px;
        color: var(--clr-black);
    }

@media all and (max-width: 1149px) {
    .ccWalletCardsSection {
        padding: 20px 30px;
    }
}

.ccWalletCardsSection .error {
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    color: #BC111A;
    font-weight: 400;
}

/*# Wallet*/

/*Wallet info */

.ccPageWarningMessage {
    position: relative;
    display: flex;
    margin: 0px;
    padding: 15px 50px;
    overflow: hidden;
    background-color: var(--clr-yellow-lighter);
    align-items: center;
}

    .ccPageWarningMessage .iconAlert {
        width: 26px;
    }

    .ccPageWarningMessage span {
        width: calc(100% - 26px);
        padding-left: 10px;
        padding-right: 30px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        color: var(--clr-black);
        text-align: left;
    }

    .ccPageWarningMessage .iconCross {
        position: absolute;
        right: 50px;
        cursor: pointer;
    }

@media all and (max-width: 1149px) {
    .ccPageWarningMessage {
        padding: 10px 30px;
    }

        .ccPageWarningMessage .iconCross {
            right: 30px;
        }
}


.ccWalletDetails {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccWalletDetails .walletTwoCols {
        position: relative;
        display: flex;
        margin: 0px;
        padding: 0px;
    }

        .ccWalletDetails .walletTwoCols .sideCol {
            width: 310px;
        }

            .ccWalletDetails .walletTwoCols .sideCol .walletCard {
                position: relative;
                display: block;
                border-radius: 6px;
                margin: 0px;
                padding: 0px;
                border: 1px solid var(--clr-gray);
            }

                .ccWalletDetails .walletTwoCols .sideCol .walletCard .allCardContent {
                    position: relative;
                    display: block;
                    border-radius: 5px;
                    margin: 0px;
                    padding: 0px;
                    border-left: 10px solid var(--clr-blue-light);
                }

                .ccWalletDetails .walletTwoCols .sideCol .walletCard .barcodeRow {
                    display: block;
                    width: 100%;
                    overflow: hidden;
                    margin: 0px 0px 0px 0px;
                    padding: 15px 10px 10px 10px;
                    border-radius: 4px;
                    text-align: center;
                    color: var(--clr-black);
                    font-size: 50px;
                    line-height: 60px;
                }

                .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow {
                    display: block;
                    position: relative;
                    padding: 15px;
                    border-radius: 0px;
                    overflow: hidden;
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconComplete {
                        position: absolute;
                        top: 24px;
                        right: 15px;
                        display: block;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 500;
                        padding-right: 33px;
                        color: var(--clr-gray-darkest);
                        overflow: hidden;
                    }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconComplete:before {
                            position: absolute;
                            top: 0px;
                            right: 0px;
                            width: 28px;
                            height: 28px;
                            content: "";
                            background-color: var(--clr-green);
                            border-radius: 28px;
                        }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconComplete:after {
                            position: absolute;
                            right: 8px;
                            content: "";
                            color: var(--clr-white);
                            margin-top: 9px;
                            width: 12px;
                            height: 6px;
                            border-bottom: solid 2px var(--clr-white);
                            border-left: solid 2px var(--clr-white);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

                    .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconInComplete {
                        position: absolute;
                        top: 24px;
                        right: 15px;
                        display: block;
                        width: 28px;
                        height: 28px;
                        border-radius: 28px;
                        background-color: var(--clr-red);
                        overflow: hidden;
                    }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconInComplete:before {
                            content: '';
                            position: absolute;
                            margin-left: 7px;
                            top: 13px;
                            width: 14px;
                            height: 2px;
                            background-color: var(--clr-white);
                            -webkit-transform: rotate(-45deg);
                            transform: rotate(-45deg);
                        }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .tickIconInComplete:after {
                            content: '';
                            position: absolute;
                            margin-left: 7px;
                            top: 13px;
                            width: 14px;
                            height: 2px;
                            background-color: var(--clr-white);
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                        }

                .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow {
                    position: relative;
                    display: block;
                    padding: 0px 15px 15px 15px;
                    margin: 0px;
                    min-width: 290px;
                    overflow: hidden;
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .routeLine {
                        display: block;
                        margin: 0px;
                        padding: 0px 0px 10px 0px;
                        font-size: 20px;
                        line-height: 24px;
                        color: var(--clr-blue);
                        font-weight: 600;
                    }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .routeLine .slim {
                            font-weight: 400;
                        }

                    .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine {
                        display: block;
                        margin: 0px;
                        padding: 2px 0px 2px 0px;
                        font-size: 14px;
                        line-height: 18px;
                        color: var(--clr-gray-darkest);
                        font-weight: 400;
                    }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine .data {
                            color: var(--clr-black);
                            font-weight: 600;
                        }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine .newLine {
                            display: block;
                        }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine .openPanelWalletEdit {
                            color: var(--clr-orange);
                            cursor: pointer;
                        }

                        .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine:last-child {
                            padding-bottom: 0px;
                            color: var(--clr-red);
                        }

                            .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .textLine:last-child .data {
                                color: var(--clr-red);
                            }

                    .ccWalletDetails .walletTwoCols .sideCol .walletCard .txtRow .btn-secondarySml {
                        display: inline-block;
                        margin: 6px 0px 0px 0px;
                        padding: 0px 15px;
                        font-size: 14px;
                        line-height: 26px;
                        font-weight: 500;
                        color: var(--clr-orange);
                        text-decoration: none;
                        border: 1px solid var(--clr-orange);
                        border-radius: 4px;
                        overflow: hidden;
                    }

                .ccWalletDetails .walletTwoCols .sideCol .walletCard .tickIcon {
                    display: none;
                }

            .ccWalletDetails .walletTwoCols .sideCol .walletInstructions {
                position: relative;
                display: block;
                border-radius: 6px;
                margin: 10px 0px;
                padding: 15px;
                border: 1px solid var(--clr-gray);
                background-color: var(--clr-yellow-light);
            }

                .ccWalletDetails .walletTwoCols .sideCol .walletInstructions .rowOne {
                    display: flex;
                    margin: 0px;
                    padding: 0px;
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletInstructions .rowOne .icon {
                        width: 24px;
                        height: 18px;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletInstructions .rowOne .heading {
                        width: calc(100% - 24px);
                        font-size: 16px;
                        line-height: 18px;
                        color: var(--clr-blue);
                        font-weight: 700;
                    }

                .ccWalletDetails .walletTwoCols .sideCol .walletInstructions p {
                    display: block;
                    margin: 0px;
                    padding: 6px 0px 0px 0px;
                    font-size: 14px;
                    line-height: 18px;
                    color: var(--clr-black);
                }

            .ccWalletDetails .walletTwoCols .sideCol .walletNotification {
                position: relative;
                display: block;
                border-radius: 6px;
                margin: 10px 0px;
                padding: 0px;
                border: 1px solid var(--clr-gray);
            }

                .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowOne {
                    display: flex;
                    margin: 0px;
                    padding: 15px 15px 0px 15px;
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowOne .icon {
                        width: 24px;
                        height: 18px;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowOne .heading {
                        width: calc(100% - 24px);
                        font-size: 16px;
                        line-height: 18px;
                        color: var(--clr-blue);
                        font-weight: 700;
                    }

                .ccWalletDetails .walletTwoCols .sideCol .walletNotification p {
                    display: block;
                    margin: 0px;
                    padding: 6px 15px 10px 15px;
                    font-size: 14px;
                    line-height: 18px;
                    color: var(--clr-black);
                    border-bottom: 1px solid var(--clr-gray);
                }

                .ccWalletDetails .walletTwoCols .sideCol .walletNotification form {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

                .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField {
                    position: relative;
                    display: block;
                    padding: 0px 15px 8px 15px;
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField input:focus, .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField input:active {
                        border: 1px solid var(--clr-gray-darker) !important;
                        outline-width: 0px;
                        outline-color: transparent;
                        outline-style: none;
                        box-shadow: none !important;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField .formField {
                        display: block;
                        width: 100%;
                        border: 1px solid var(--clr-gray);
                        font-size: 14px;
                        color: var(--clr-black);
                        line-height: 20px;
                        font-weight: 500;
                        margin: 0px;
                        padding: 5px 10px;
                        border-radius: 4px;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField svg {
                        position: absolute;
                        right: 7px;
                        top: 7px;
                        cursor: pointer;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField span.error {
                        display: none;
                        font-size: 12px;
                        line-height: 14px;
                        color: var(--clr-red);
                        margin: 0px;
                        padding: 3px 0px 5px 0px;
                    }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowField:first-child {
                        padding-top: 8px;
                    }

                .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowButtons {
                    display: flex;
                    border-top: 1px solid var(--clr-gray);
                }

                    .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowButtons .colHalf {
                        flex: 1;
                        padding: 10px 15px 15px 15px;
                    }

                        .ccWalletDetails .walletTwoCols .sideCol .walletNotification .rowButtons .colHalf button {
                            width: 100%;
                            text-align: center;
                        }

        .ccWalletDetails .walletTwoCols .docsCol {
            width: calc(100% - 310px);
            padding-right: 50px;
            flex-grow: 10;
            flex-shrink: 10;
            flex-basis: 750px;
        }

            .ccWalletDetails .walletTwoCols .docsCol h2 {
                display: block;
                padding: 0px 0px 5px 0px;
                margin: 0px;
                font-size: 24px;
                line-height: 24px;
                text-transform: uppercase;
                color: var(--clr-black);
            }

            .ccWalletDetails .walletTwoCols .docsCol p.info {
                display: block;
                margin: 0px;
                padding: 4px 0px;
                color: var(--clr-black);
                font-weight: 500;
                line-height: 16px;
                font-size: 14px !important;
            }

                .ccWalletDetails .walletTwoCols .docsCol p.info .sets {
                    display: inline-block;
                    padding: 2px 0px;
                    font-weight: 500;
                    color: var(--clr-gray-darkest);
                }

                    .ccWalletDetails .walletTwoCols .docsCol p.info .sets .data {
                        font-weight: 700;
                        color: var(--clr-black);
                    }

                    .ccWalletDetails .walletTwoCols .docsCol p.info .sets.missing {
                        padding-left: 15px;
                        color: var(--clr-red);
                        font-weight: 500;
                    }

                        .ccWalletDetails .walletTwoCols .docsCol p.info .sets.missing .data {
                            font-weight: 700;
                            color: var(--clr-red);
                        }

            .ccWalletDetails .walletTwoCols .docsCol ol.subNav {
                display: block;
                margin: 0px;
                padding: 15px 0px 15px 16px;
                column-count: 2;
                color: var(--clr-gray-darkest);
                font-size: 14px;
                line-height: 18px;
            }

                .ccWalletDetails .walletTwoCols .docsCol ol.subNav li {
                    margin: 0px;
                    padding: 4px 15px 4px 0px;
                }

                    .ccWalletDetails .walletTwoCols .docsCol ol.subNav li a {
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 700;
                        color: var(--clr-blue);
                        text-decoration: none;
                    }

                        .ccWalletDetails .walletTwoCols .docsCol ol.subNav li a span {
                            font-weight: 400;
                        }

                    .ccWalletDetails .walletTwoCols .docsCol ol.subNav li.missing a {
                        color: var(--clr-red);
                    }

            .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide {
                display: flex;
                margin: 0px -15px;
                padding: 15px 0px;
            }

                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox {
                    position: relative;
                    flex: 1;
                    margin: 0px;
                    padding: 15px 15px 10px 15px;
                    border: 1px solid var(--clr-gray);
                    border-radius: 6px;
                    overflow: hidden;
                    margin: 0px 15px;
                    background-color: var(--clr-blue-lighter);
                }

                    .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .openPanelWalletDocHelp {
                        position: absolute;
                        right: 15px;
                        top: 15px;
                        width: 20px;
                        height: 20px;
                        overflow: hidden;
                        border: 2px solid var(--clr-blue);
                        text-align: center;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 700;
                        border-radius: 15px;
                        cursor: pointer;
                    }

                    .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox h3 {
                        display: block;
                        padding: 0px 30px 0px 0px;
                        margin: 0px;
                        font-size: 20px;
                        font-weight: 700;
                        line-height: 24px;
                        color: var(--clr-black);
                    }

                    .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup {
                        display: block;
                        margin: 0px;
                        padding: 5px 0px 0px 0px;
                    }

                        .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio {
                            margin: 8px 0px;
                        }

                            .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio label {
                                display: inline-block;
                                margin-bottom: 0px;
                                font-size: 14px;
                                line-height: 18px;
                                font-weight: 500;
                                color: var(--clr-black);
                            }

                            .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"] {
                                position: absolute;
                                opacity: 0;
                            }

                                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"] + .radio-label:before {
                                    content: '';
                                    background: var(--clr-white);
                                    border-radius: 100%;
                                    border: 2px solid var(--clr-orange);
                                    display: inline-block;
                                    width: 18px;
                                    height: 18px;
                                    position: relative;
                                    top: 0px;
                                    margin-right: 6px;
                                    vertical-align: top;
                                    cursor: pointer;
                                    text-align: center;
                                    transition: all 250ms ease;
                                }

                                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"]:checked + .radio-label:before {
                                    background-color: var(--clr-orange);
                                    box-shadow: inset 0 0 0 3px var(--clr-white);
                                }

                                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"]:focus + .radio-label:before {
                                    outline: none;
                                    border-color: var(--clr-orange);
                                }

                                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"]:disabled + .radio-label:before {
                                    box-shadow: inset 0 0 0 3px var(--clr-white);
                                    border-color: var(--clr-orange);
                                    background: var(--clr-orange);
                                }

                                .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox .radioGroup .radio input[type="radio"] + .radio-label:empty:before {
                                    margin-right: 0;
                                }

            .ccWalletDetails .walletTwoCols .docsCol .subNav li a {
                text-transform: capitalize;
            }

@media all and (max-width: 1139px) {
    .ccWalletDetails .walletTwoCols .docsCol ol.subNav {
        column-count: 1;
    }

    .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide {
        display: flex;
        flex-direction: column;
        margin: 0px 0px;
        padding: 0px;
    }

        .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox {
            flex: unset;
            width: 100%;
            margin: 0px;
        }

            .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox:first-child {
                border-bottom: 0px;
                border-radius: 6px 6px 0px 0px;
            }

            .ccWalletDetails .walletTwoCols .docsCol .twoBoxesSideBySide .eachBox:last-child {
                border-radius: 0px 0px 6px 6px;
            }
}

.ccWalletDetails .walletTwoCols .docsCol .box {
    position: relative;
    display: block;
    padding-top: 38px;
}

    .ccWalletDetails .walletTwoCols .docsCol .box:after {
        position: absolute;
        display: block;
        width: 32px;
        height: 32px;
        top: 22px;
        left: 15px;
        content: attr(id);
        text-align: center;
        font-size: 14px;
        line-height: 28px;
        font-weight: 700;
        color: var(--clr-black);
        background-color: var(--clr-red-light);
        border-radius: 50px;
        border: 2px solid var(--clr-red);
    }

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent {
        position: relative;
        display: block;
        margin: 0px;
        border: 1px solid var(--clr-gray);
        border-radius: 6px;
        overflow: hidden;
        padding: 25px 15px 15px 25px;
    }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .openPanelWalletDocHelp {
            position: absolute;
            right: 15px;
            top: 15px;
            width: 20px;
            height: 20px;
            overflow: hidden;
            border: 2px solid var(--clr-blue);
            text-align: center;
            font-size: 14px;
            line-height: 18px;
            font-weight: 700;
            border-radius: 15px;
            cursor: pointer;
        }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent h3 {
            display: block;
            padding: 0px 30px 0px 0px;
            margin: 0px;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            color: var(--clr-blue);
        }

            .ccWalletDetails .walletTwoCols .docsCol .box .boxContent h3 span {
                font-weight: 500;
            }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent p.text {
            display: block;
            margin: 0px;
            padding: 4px 0px;
            color: var(--clr-black);
            font-weight: 500;
            line-height: 16px;
            font-size: 14px !important;
        }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields {
            display: block;
            margin: 0px;
            padding: 0px;
        }

            .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .btn-primary {
                margin-top: 10px;
                border-radius: 6px;
            }

            .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow {
                display: flex;
                margin: 0px -7px;
                padding: 8px 0px;
                flex-flow: wrap;
            }

                .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol {
                    width: 264px;
                    padding: 0px 7px;
                }

                    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group {
                        position: relative;
                        margin-bottom: 0px;
                    }

                        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group input:focus, .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group input:active {
                            border: 1px solid var(--clr-gray-darker) !important;
                            outline-width: 0px;
                            outline-color: transparent;
                            outline-style: none;
                            box-shadow: none !important;
                        }

                        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group .iconCorrect {
                            position: absolute;
                            top: 21px;
                            right: 1px;
                        }

                        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group .labelText {
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 4px 0px;
                            font-size: 12px;
                            line-height: 16px;
                            font-weight: 500;
                            color: var(--clr-gray-darker);
                        }

                        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol .form-group .error {
                            font-size: 12px;
                            line-height: 14px;
                            font-style: normal;
                            color: var(--clr-red);
                            font-weight: 400;
                        }

@media all and (max-width: 409px) {
    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol {
        width: 224px;
    }
}

.ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .trashCol {
    width: 56px;
    padding: 20px 7px 0px 7px;
}

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .trashCol svg {
        cursor: pointer;
    }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .trashCol svg:hover {
            border: 1px solid var(--clr-gray);
        }

.ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .verifyCol {
    width: 100px;
    padding: 20px 7px 0px 7px;
}

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .verifyCol .btn-verify {
        border: 1px solid var(--clr-orange);
        color: var(--clr-orange);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        padding: 8px 10px;
        border-radius: 4px;
        overflow: hidden;
        background-color: var(--clr-white);
        margin: 0px;
    }

.ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .linkCol {
    padding: 20px 7px 0px 7px;
    width: calc(100% - 420px);
    flex-grow: 10;
    flex-shrink: 10;
    flex-basis: 300px;
}

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .linkCol .linkholder {
        display: flex;
        padding: 3px 0px;
        margin: 0px;
        overflow: hidden;
        align-items: center;
    }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .linkCol .linkholder .ico {
            width: 20px;
        }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .linkCol .linkholder .txt {
            padding-left: 8px;
            font-size: 14px;
            line-height: 16px;
            font-weight: 500;
            color: var(--clr-blue);
            text-decoration: none;
        }

.ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .msgCol {
    padding: 20px 7px 0px 7px;
    width: calc(100% - 364px);
    flex-grow: 10;
    flex-shrink: 10;
    flex-basis: 300px;
}

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .msgCol .successMsg {
        display: none;
        margin: 0px;
        padding: 10px 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        color: var(--clr-gray-darkest);
    }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .msgCol .successMsg svg {
            margin-right: 4px;
            margin-top: -2px;
        }

    .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .msgCol .errorMsg {
        display: none;
        margin: 0px;
        padding: 10px 0px;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        color: var(--clr-gray-darkest);
    }

        .ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .msgCol .errorMsg svg {
            margin-right: 4px;
        }

.ccWalletDetails .walletTwoCols .docsCol .box.green:after {
    background-color: var(--clr-green-light);
    border: 2px solid var(--clr-green);
}

.ccWalletDetails .walletTwoCols .docsCol .box.yellow:after {
    background-color: var(--clr-yellow-lighter);
    border: 2px solid var(--clr-yellow);
}

.ccWalletDetails .walletTwoCols .docsCol .box:focus .boxContent, .ccWalletDetails .walletTwoCols .docsCol .box:focus-within .boxContent {
    border: 1px solid var(--clr-gray-darker);
}

.ccWalletDetails .walletTwoCols .docsCol hr {
    margin: 30px 0px !important;
}

.ccWalletDetails .walletTwoCols .docsCol .btnRight {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    font-weight: 600;
    color: var(--clr-blue);
    border-radius: 5px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px;
    border: 1px solid var(--clr-blue);
}

    .ccWalletDetails .walletTwoCols .docsCol .btnRight:hover {
        border: 1px solid var(--clr-blue);
        background-color: var(--clr-blue-lighter);
    }

.ccWalletDetails .walletTwoCols .docsCol button:disabled, .ccWalletDetails .walletTwoCols .docsCol button[disabled] {
    filter: grayscale(1);
    opacity: 0.5;
}

    .ccWalletDetails .walletTwoCols .docsCol button:disabled:hover, .ccWalletDetails .walletTwoCols .docsCol button[disabled]:hover {
        background-color: var(--clr-orange);
        color: var(--clr-white);
    }

@media all and (max-width: 819px) {
    .ccWalletDetails .walletTwoCols {
        flex-direction: column-reverse;
    }

        .ccWalletDetails .walletTwoCols .sideCol {
            width: 100%;
        }

        .ccWalletDetails .walletTwoCols .docsCol {
            width: 100%;
            padding-top: 30px;
            padding-right: 0px;
        }
}

@media all and (max-width: 1149px) {
    .ccWalletDetails {
        padding: 20px 30px;
    }
}

.ccWalletDetails .walletTwoCols .sideCol button:disabled, .ccWalletDetails .walletTwoCols .sideCol button[disabled] {
    filter: grayscale(1);
    opacity: 0.5;
}

.ccWalletDetails .walletTwoCols .sideCol button:disabled, .ccWalletDetails .walletTwoCols .sideCol button[disabled] {
    background-color: var(--clr-orange);
    color: var(--clr-white);
}

.ccWalletDetails .walletTwoCols .docsCol .box .boxContent .allFields .eachRow .fieldCol.sml {
    width: 180px;
}

.ccWalletDetails .walletTwoCols form .form-group .fieldWithText {
    position: relative;
    display: flex;
    margin: 0px;
    padding: 0px;
    align-items: center;
    width: 100%;
}

    .ccWalletDetails .walletTwoCols form .form-group .fieldWithText .fieldDiv {
        position: relative;
        padding: 0px;
        margin: 0px;
        flex: 2 auto;
    }

        .ccWalletDetails .walletTwoCols form .form-group .fieldWithText .fieldDiv .form-control {
            border-radius: .25rem 0px 0px .25rem;
        }

    .ccWalletDetails .walletTwoCols form .form-group .fieldWithText .textDiv {
        position: relative;
        padding: 0px 10px;
        margin: 0px;
        border: 1px solid var(--clr-gray);
        background-color: var(--clr-gray-light);
        border-radius: 0px .25rem .25rem 0px;
        font-size: 1rem;
        line-height: 36px;
        font-weight: 400;
        color: var(--clr-gray-darkest);
        border-left: 0px;
        text-align: center;
        white-space: nowrap;
        flex: 2 auto;
    }

/*.ccWalletDetails .walletTwoCols .docsCol .subNav li a {
    text-transform: capitalize;
}*/

.ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .walletSuccessText {
    font-size: 12px;
    float: right;
    margin-right: 35px;
    font-size: 14px;
    line-height: 48px;
    color: var(--clr-green);
}

.ccWalletDetails .walletTwoCols .sideCol .walletCard .icoRow .walletIncompleteText {
    font-size: 12px;
    float: right;
    margin-right: 35px;
    font-size: 14px;
    line-height: 48px;
    color: var(--clr-red);
}

.ccWalletDetails .walletTwoCols .docsCol .walletNotification {
    position: relative;
    display: block;
    border-radius: 30px;
    margin: 10px 0px;
    padding: 0px;
    border: 1px solid var(--clr-gray);
}

    .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowOne {
        display: flex;
        margin: 0px;
        padding: 15px 15px 15px 15px;
    }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowOne .icon {
            width: 24px;
            height: 18px;
        }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowOne .heading {
            width: calc(100% - 24px);
            font-size: 16px;
            line-height: 18px;
            color: var(--clr-blue);
            font-weight: 700;
        }

    .ccWalletDetails .walletTwoCols .docsCol .walletNotification p {
        display: block;
        margin: 0px;
        padding: 6px 15px 10px 15px;
        font-size: 14px;
        line-height: 18px;
        color: var(--clr-gray-darker);
        width: 75%;
        /*border-bottom: 1px solid var(--clr-gray);*/
    }

    .ccWalletDetails .walletTwoCols .docsCol .walletNotification form {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField {
        position: relative;
        display: block;
        padding: 0px 15px 8px 15px;
        width: 350px;
    }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField input:focus, .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField input:active {
            border: 1px solid var(--clr-gray-darker) !important;
            outline-width: 0px;
            outline-color: transparent;
            outline-style: none;
            box-shadow: none !important;
        }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField .formField {
            display: block;
            width: 100%;
            border: 1px solid var(--clr-gray);
            font-size: 14px;
            color: var(--clr-black);
            line-height: 20px;
            font-weight: 500;
            margin: 0px;
            padding: 5px 10px;
            border-radius: 7px;
            text-align: center;
        }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField svg {
            position: absolute;
            right: 7px;
            top: 7px;
            cursor: pointer;
        }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField span.error {
            display: none;
            font-size: 12px;
            line-height: 14px;
            color: var(--clr-red);
            margin: 0px;
            padding: 3px 0px 5px 0px;
        }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowField:first-child {
            padding-top: 8px;
        }

    .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowButtons {
        display: flex;
        /*border-top: 1px solid var(--clr-gray);*/
    }

        .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowButtons .colHalf {
            /* flex: 1;*/
            padding: 10px 15px 15px 15px;
        }

            .ccWalletDetails .walletTwoCols .docsCol .walletNotification .rowButtons .colHalf button {
                width: 100%;
                text-align: center;
            }
/*# Wallet info */

svg .iconMsgError {
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.iconMsgError .cls-1 {
        fill: var(--clr-red);
    }

    svg.iconMsgError .cls-2 {
        fill: none;
        stroke: var(--clr-white);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px;
    }


.ccDashboardBanners {
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
}

    .ccDashboardBanners h2 {
        display: block;
        margin: 0px;
        padding: 0px;
        color: var(--clr-black);
        text-transform: uppercase;
        line-height: 34px;
    }

    .ccDashboardBanners .threeBanners {
        display: flex;
        margin: 0px -15px;
        padding: 15px 0px 0px 0px;
    }

        .ccDashboardBanners .threeBanners .bannerBox {
            flex: 1;
            min-height: 50px;
            background-color: var(--clr-blue-light);
            margin: 0px 15px;
            overflow: hidden;
            border-radius: 6px;
            box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 3px 3px 9px 6px rgba(0, 0, 0, 0.08);
        }

            .ccDashboardBanners .threeBanners .bannerBox:hover {
                box-shadow: unset;
                -webkit-box-shadow: unset;
                -moz-box-shadow: unset;
            }

            .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking {
                position: relative;
                display: flex;
                height: 100%;
                margin: 0px;
                padding: 15px 30px;
                background: transparent linear-gradient(306deg, #FFFFFF 0%, #DDE8F5 100%) 0% 0% no-repeat padding-box;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                align-items: center;
            }

                .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking span.icon {
                    width: 77px;
                    padding-right: 15px;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking span.icon svg {
                        display: block;
                        width: 62px;
                        height: 62px;
                    }

                        .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking span.icon svg .cls-1 {
                            fill: var(--clr-orange);
                        }

                .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking span.textBig {
                    width: calc(100% - 77px);
                    font-size: 18px;
                    line-height: 22px;
                    color: var(--clr-orange);
                    font-weight: 600;
                    text-transform: uppercase;
                    text-decoration: none;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banCreateBooking span.textBig:after {
                        content: '';
                        position: absolute;
                        right: 35px;
                        top: 50%;
                        width: 10px;
                        height: 10px;
                        margin-top: -5px;
                        border-top: solid 2px var(--clr-orange);
                        border-right: solid 2px var(--clr-orange);
                        -webkit-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }

            .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing {
                display: flex;
                min-height: 100px;
                margin: 0px;
                padding: 20px 20px;
                background: transparent linear-gradient(295deg, #7EABDB 0%, #003572 100%) 0% 0% no-repeat padding-box;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                color: var(--clr-white);
                align-items: center;
                cursor: pointer;
                height: 100%;
            }

                .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing span.icon {
                    width: 115px;
                    padding-right: 15px;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing span.icon img {
                        display: block;
                        width: 100px;
                        height: 100px;
                    }

                .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv {
                    width: calc(100% - 115px);
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv span.textBig {
                        display: block;
                        font-size: 18px;
                        line-height: 20px;
                        color: var(--clr-white);
                        font-weight: 600;
                        text-decoration: none;
                        padding: 0px 0px 3px 0px;
                    }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv span.textSml {
                        display: block;
                        font-size: 14px;
                        line-height: 18px;
                        color: var(--clr-white);
                        font-weight: 500;
                        text-decoration: none;
                    }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges {
                        display: flex;
                        margin: 0px;
                        padding: 6px 0px 0px 0px;
                    }

                        .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a {
                            flex: 1;
                        }

                            .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a img {
                                width: 100%;
                            }

                            .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a:first-child {
                                margin-right: 7px;
                            }

                            .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a:last-child {
                                margin-left: 7px;
                            }

            .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet {
                position: relative;
                display: flex;
                min-height: 100px;
                margin: 0px;
                padding: 20px 20px;
                background: transparent linear-gradient(303deg, #8E52A0 0%, #044EA3 100%) 0% 0% no-repeat padding-box;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                color: var(--clr-white);
                overflow: hidden;
            }

                .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet .titltedText {
                    position: absolute;
                    background-color: var(--clr-orange);
                    padding: 5px 50px;
                    color: var(--clr-white);
                    font-size: 14px;
                    line-height: 14px;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-weight: 600;
                    right: -40px;
                    bottom: 15px;
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.contentDiv {
                    width: calc(100% - 86px);
                    margin: 0px;
                    padding: 0px;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.contentDiv span.textBig {
                        display: block;
                        font-size: 18px;
                        line-height: 20px;
                        color: var(--clr-white);
                        font-weight: 600;
                        text-decoration: none;
                        padding: 0px 0px 3px 0px;
                    }

                    .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.contentDiv span.textSml {
                        display: block;
                        font-size: 16px;
                        line-height: 20px;
                        color: var(--clr-white);
                        font-weight: 500;
                        text-decoration: none;
                        padding: 3px 0px;
                    }

                    .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.contentDiv span.textTny {
                        display: block;
                        font-size: 12px;
                        line-height: 16px;
                        color: var(--clr-white);
                        font-weight: 500;
                        text-decoration: none;
                    }

                .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.icon {
                    width: 86px;
                    padding: 0px 0px 0px 15px;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.icon svg.iconWallet {
                        display: block;
                        width: 71px;
                        height: 59px;
                        overflow: hidden;
                    }

                        .ccDashboardBanners .threeBanners .bannerBox .banTravelWallet span.icon svg.iconWallet .cls-1 {
                            fill: var(--clr-white);
                        }

@media all and (max-width: 1149px) {
    .ccDashboardBanners {
        padding: 20px 30px;
    }

        .ccDashboardBanners .threeBanners {
            margin: 0px 0px;
            flex-direction: column;
        }

            .ccDashboardBanners .threeBanners .bannerBox {
                margin: 10px 0px;
            }

                .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing span.icon {
                    width: 95px;
                    padding-right: 15px;
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing span.icon img {
                        display: block;
                        width: 80px;
                        height: 80px;
                    }

                .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv {
                    width: calc(100% - 95px);
                }

                    .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a {
                        flex: unset;
                    }

                        .ccDashboardBanners .threeBanners .bannerBox .banLiveSailing .contentDiv .twoBadges a img {
                            max-width: 100px;
                        }
}

.generalTemplateSection .contentArea b {
    font-weight: 900 !important
}

.ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .allFields .hSeparator {
    width: 100%;
    clear: both;
    border-top: 1px solid var(--clr-gray-light);
    height: 1px;
    padding-bottom: 15px;
}

.ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .linkholder {
    display: flex;
    padding: 0px 0px 15px 0px;
    margin: 0px;
    overflow: hidden;
    align-items: center;
}

    .ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .linkholder .ico {
        width: 20px;
    }

svg.iconLinkExt {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.ccNewBookingForms form .allBookings .eachBooking .twoCol .colRt .linkholder .txt {
    padding-left: 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: var(--clr-blue);
    text-decoration: none;
}

.ccBlockBookingForms .eachBlock .twoCol .fieldsCol .hSeparator {
    width: 100%;
    clear: both;
    border-top: 1px solid var(--clr-gray-light);
    height: 1px;
    padding-bottom: 15px;
}

.ccBlockBookingForms .eachBlock .linkholder {
    display: flex;
    padding: 0px 0px 15px 0px;
    margin: 0px;
    overflow: hidden;
    align-items: center;
}

    .ccBlockBookingForms .eachBlock .linkholder .txt {
        padding-left: 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        color: var(--clr-blue);
        text-decoration: none;
    }

    .ccBlockBookingForms .eachBlock .linkholder .ico {
        width: 20px;
    }

.ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled {
    position: relative;
    display: block;
    padding: 6px 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--clr-black);
}

    .ccBlockBookingForms .eachBlock .twoCol .fieldsCol .form-group label.checkBoxStyled a {
        color: var(--clr-orange) !important;
    }

svg.iconLinkExt .cls-1 {
    fill: var(--clr-blue);
}


/*Credit Competition Profile*/

.ccProfileSection .threeColDivs .columns .hSeparator {
    display: block;
    border-bottom: 1px solid var(--clr-gray);
    height: 1px;
    overflow: hidden;
    margin: 25px 0px;
}

.ccProfileSection .threeColDivs .columns .headingWithCount {
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    align-items: center;
}

    .ccProfileSection .threeColDivs .columns .headingWithCount span {
        padding: 5px 8px;
        border: 2px solid var(--clr-orange);
        border-radius: 4px;
        overflow: hidden;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        color: var(--clr-orange);
    }

    .ccProfileSection .threeColDivs .columns .headingWithCount h3 {
        padding-bottom: 0px;
    }

.ccProfileSection .threeColDivs .columns .linkWithArw {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: var(--clr-blue);
    font-weight: 700;
    padding-right: 12px;
}

    .ccProfileSection .threeColDivs .columns .linkWithArw:after {
        content: '';
        position: absolute;
        right: 1px;
        top: 5px;
        width: 8px;
        height: 8px;
        border-top: solid 2px var(--clr-blue);
        border-right: solid 2px var(--clr-blue);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.pageHeadSrcBtn {
    position: relative;
    display: flex;
    margin: 0px;
    padding: 25px 50px;
    background-color: var(--clr-blue-light);
    align-items: center;
    flex-flow: wrap;
}

    .pageHeadSrcBtn .headCol {
        width: calc(100% - 445px);
        margin: 0px;
        padding: 0px;
    }

    .pageHeadSrcBtn .btnCol {
        width: 125px;
        margin: 0px;
        padding: 0px 0px 0px 15px;
        overflow: hidden;
    }

        .pageHeadSrcBtn .btnCol .btnRight {
            display: block;
            font-size: 14px;
            line-height: 26px;
            font-weight: 700;
            color: var(--clr-blue);
            border-radius: 5px;
            overflow: hidden;
            margin: 0px;
            padding: 5px 15px;
            border: 1px solid var(--clr-blue);
            background-color: var(--clr-white);
        }

    .pageHeadSrcBtn .searchCol {
        width: 320px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

        .pageHeadSrcBtn .searchCol .searchHolder {
            position: relative;
            display: block;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .pageHeadSrcBtn .searchCol .searchHolder input {
                display: block;
                width: 100%;
                margin: 0px;
                padding: 8px 15px 8px 40px;
                border: 1px solid rgba(255, 255, 255, 0.3);
                border-radius: 6px;
                background-color: var(--clr-white);
                background-image: url(../../svgs/search-icon-bg.svg);
                background-repeat: no-repeat;
                background-position: left center;
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                color: var(--clr-gray-darkest);
                -moz-appearance: none;
                -webkit-appearance: none;
            }

            .pageHeadSrcBtn .searchCol .searchHolder img.clear {
                position: absolute;
                top: 5px px;
                right: 5px;
                display: block;
                width: 30px;
                height: 30px;
                z-index: 1;
            }

.ccCompProfilesCards {
    position: relative;
    display: block;
    margin: 0px;
    padding: 25px 50px;
}

    .ccCompProfilesCards .allProfileCards {
        display: flex;
        flex-flow: wrap;
        margin: 0px -10px;
    }

        .ccCompProfilesCards .allProfileCards .eachProfileCards {
            width: 33.3%;
            padding: 10px;
        }

            .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder {
                position: relative;
                display: flex;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                overflow: hidden;
                padding: 12px 15px;
                height: 100%;
                align-items: center;
            }

                .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .cCol {
                    width: calc(100% - 94px);
                    padding-right: 10px;
                }

                    .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .cCol p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 16px;
                        line-height: 20px;
                        font-weight: 700;
                        color: var(--clr-blue);
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                        .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .cCol p.smlTxt {
                            font-size: 14px;
                            line-height: 18px;
                            font-weight: 500;
                            color: var(--clr-gray-darker);
                        }

                .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .oCol {
                    width: 94px;
                }

                    .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .oCol .editLink {
                        float: left;
                        width: 42px;
                        height: 42px;
                        border: 1px solid var(--clr-gray);
                        border-radius: 3px;
                        overflow: hidden;
                    }

                    .ccCompProfilesCards .allProfileCards .eachProfileCards .contentHolder .oCol .delLink {
                        float: right;
                        width: 42px;
                        height: 42px;
                        border: 1px solid var(--clr-gray);
                        border-radius: 3px;
                        overflow: hidden;
                    }

svg.iconEdit40px {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

    svg.iconEdit40px .cls-1 {
        fill: transparent;
    }

    svg.iconEdit40px .cls-2 {
        fill: var(--clr-blue);
    }

svg.iconDel40px {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

    svg.iconDel40px .cls-1 {
        fill: transparent;
    }

    svg.iconDel40px .cls-2 {
        fill: var(--clr-blue);
    }

svg.icnCloseAds {
    display: block;
    width: 22px;
    height: 22px;
    overflow: hidden;
}

    svg.icnCloseAds .cls-1 {
        fill: var(--clr-black);
    }

    svg.icnCloseAds .cls-2 {
        fill: var(--clr-white);
    }



/*Credit Competition Profile Ends*/


/* Authorised Vehicle List Start */

.ccVehicleCards {
    position: relative;
    display: block;
    margin: 0px;
    padding: 30px 50px;
    overflow: hidden;
    background-color: var(--clr-white);
}

    .ccVehicleCards .rowToolbar {
        display: flex;
        justify-content: space-between;
        margin: 0px;
        padding: 15px 0px 15px 0px;
    }

        .ccVehicleCards .rowToolbar .ltSide .btnWithIcoText {
            display: inline-block;
            padding: 12px 20px;
            margin: 0px 5px 0px 0px;
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid var(--clr-gray);
            background-color: var(--clr-white);
        }

            .ccVehicleCards .rowToolbar .ltSide .btnWithIcoText .twoParts {
                display: flex;
                padding: 0px;
                margin: 0px;
                overflow: hidden;
                align-items: center;
            }

                .ccVehicleCards .rowToolbar .ltSide .btnWithIcoText .twoParts .icn {
                    width: 18px;
                    height: 18px;
                    margin: 0px;
                    padding: 0px;
                }

                .ccVehicleCards .rowToolbar .ltSide .btnWithIcoText .twoParts .txt {
                    padding: 0px 0px 0px 8px;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 700;
                    color: var(--clr-blue);
                }

        .ccVehicleCards .rowToolbar .rtSide .onlyIcoBtn {
            display: inline-block;
            padding: 12px 20px;
            margin: 0px 5px 0px 0px;
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid var(--clr-gray);
            background-color: var(--clr-white);
        }

        .ccVehicleCards .rowToolbar .rtSide .searchHolder {
            position: relative;
            display: inline-block;
            min-width: 280px;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

            .ccVehicleCards .rowToolbar .rtSide .searchHolder input {
                display: block;
                width: 100%;
                margin: 0px;
                padding: 11px 40px 11px 10px;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                background-color: var(--clr-white);
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                color: var(--clr-black);
                -moz-appearance: none;
                -webkit-appearance: none;
            }

            .ccVehicleCards .rowToolbar .rtSide .searchHolder .searchIcnBtn {
                position: absolute;
                right: 1px;
                top: 1px;
                width: 42px;
                height: 42px;
                overflow: hidden;
            }

            .ccVehicleCards .rowToolbar .rtSide .searchHolder .clearIcnBtn {
                position: absolute;
                right: 43px;
                top: 1px;
                width: 42px;
                height: 42px;
                padding: 7px;
                overflow: hidden;
            }

                .ccVehicleCards .rowToolbar .rtSide .searchHolder .clearIcnBtn img {
                    display: block;
                    width: 28px;
                    height: 28px;
                }

    .ccVehicleCards .allVehicleCards {
        display: flex;
        padding: 0px;
        margin: 0px -10px;
        overflow: hidden;
        flex-flow: wrap;
    }

        .ccVehicleCards .allVehicleCards .echCrdVehicle {
            width: 50%;
            padding: 10px;
        }

            .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard {
                position: relative;
                display: flex;
                height: 100%;
                padding: 0px;
                border: 1px solid var(--clr-gray);
                border-radius: 6px;
                overflow: hidden;
                align-items: center;
            }

                .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehDetails {
                    width: calc(100% - 180px);
                    padding: 15px;
                    cursor: pointer;
                }

                    .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehDetails .smlTxt {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 12px;
                        line-height: 16px;
                        font-weight: 500;
                        color: var(--clr-gray-darker);
                    }

                    .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehDetails p {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        color: var(--clr-blue);
                        font-size: 18px;
                        line-height: 22px;
                        font-weight: 700;
                    }

                    .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehDetails .norTxt {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                        font-size: 14px;
                        line-height: 18px;
                        font-weight: 500;
                        color: var(--clr-gray-darker);
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }

                        .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehDetails .norTxt.green {
                            color: var(--clr-green);
                            font-weight: 700;
                        }

                .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    width: 180px;
                    border-left: 1px solid var(--clr-gray);
                }

                    .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt {
                        position: relative;
                        display: flex;
                        width: 100%;
                        margin: 0px;
                        padding: 0px;
                        flex: 1;
                        border-bottom: 1px solid var(--clr-gray);
                    }

                        .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt a {
                            position: relative;
                            display: block;
                            color: var(--clr-blue);
                            font-size: 14px;
                            line-height: 42px;
                            font-weight: 700;
                            text-align: center;
                            text-transform: uppercase;
                            width: 100%;
                        }

                        .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt label.checkBoxStyledTwo {
                            position: absolute;
                            top: 11px;
                            left: 10px;
                            padding: 0px;
                            margin: 0px;
                            width: 20px;
                            height: 20px;
                            color: var(--clr-gray-darker);
                            z-index: 2;
                        }

                            .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt label.checkBoxStyledTwo input[type=checkbox] {
                                position: absolute;
                                opacity: 0;
                                cursor: pointer;
                                height: 0;
                                width: 0;
                            }

                            .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt label.checkBoxStyledTwo .checkmark {
                                position: absolute;
                                top: -1px;
                                left: 0;
                                height: 20px;
                                width: 20px;
                                background-color: var(--clr-white);
                                border: 2px solid var(--clr-blue);
                                border-radius: 2px;
                                overflow: hidden;
                                cursor: pointer;
                            }

                            .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt label.checkBoxStyledTwo input:checked ~ .checkmark:after {
                                display: block;
                            }

                        .ccVehicleCards .allVehicleCards .echCrdVehicle .vehCard .colVehOptions .echOpt:last-child {
                            border-bottom: 0px solid var(--clr-gray);
                        }

    .ccVehicleCards .rowToolbar .ltSide .btnWithText {
        display: inline-block;
        padding: 12px 20px;
        margin: 0px 5px 0px 0px;
        border-radius: 6px;
        overflow: hidden;
        border: 1px solid var(--clr-blue);
        background-color: var(--clr-blue);
        font-size: 14px;
        line-height: 18px;
        font-weight: 700;
        color: var(--clr-white);
    }

svg.icnAddBtn {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.icnAddBtn .cls-1 {
        fill: var(--clr-blue);
    }

svg.icnImportBtn {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.icnImportBtn .cls-1 {
        fill: var(--clr-blue);
    }

svg.icoSortBtn {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.icoSortBtn .cls-1 {
        fill: var(--clr-blue);
    }

svg.icoFilterBtn {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.icoFilterBtn .cls-1 {
        fill: var(--clr-blue);
    }

svg.icoDownloadBtn {
    display: block;
    width: 18px;
    height: 18px;
    overflow: hidden;
}

    svg.icoDownloadBtn .cls-1 {
        fill: var(--clr-blue);
        fill-rule: evenodd;
    }

svg.incSearch42 {
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
}

    svg.incSearch42 .cls-1 {
        fill: transparent;
    }

    svg.incSearch42 .cls-2 {
        fill: var(--clr-blue);
    }



/* Authorised Vehicle List End */

.ccVehicleCards .btnRow button[disabled] {
    filter: grayscale(1);
    opacity: 0.5;
}

    .ccVehicleCards .btnRow button[disabled]:hover {
        background-color: var(--clr-orange);
        color: var(--clr-white);
    }

/*Header New Design*/

header {
    position: sticky;
    top: 0px;
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: var(--clr-white);
    border-bottom: 1px solid var(--clr-gray);
    z-index: 3;
}

    header .topRow {
        display: flex;
        align-self: flex-end;
        margin: 0px;
        padding: 0px 50px;
        background-color: var(--clr-blue);
    }

        header .topRow ul {
            display: block;
            margin: 0px 0px 0px auto;
            padding: 0px;
            list-style: none;
        }

            header .topRow ul li {
                position: relative;
                display: inline-block;
                margin: 0px 10px 0px 0px;
            }

                header .topRow ul li a {
                    position: relative;
                    display: block;
                    font-size: 14px;
                    line-height: 50px;
                    font-weight: 500;
                    color: var(--clr-white);
                    padding: 0px 5px;
                    text-transform: uppercase;
                }

                    header .topRow ul li a svg {
                        display: unset;
                        margin-top: -6px;
                    }

                    header .topRow ul li a:hover {
                        color: var(--clr-blue-light);
                    }

                    header .topRow ul li a.hasSubMenu {
                        padding-right: 15px;
                    }

                        header .topRow ul li a.hasSubMenu:before {
                            content: '';
                            position: absolute;
                            right: 0px;
                            top: 20px;
                            width: 6px;
                            height: 6px;
                            border-top: solid 2px var(--clr-white);
                            border-right: solid 2px var(--clr-white);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                        }

                        header .topRow ul li a.hasSubMenu:hover:before {
                            border-top: solid 2px var(--clr-blue-light);
                            border-right: solid 2px var(--clr-blue-light);
                        }

                header .topRow ul li ul.subMenu {
                    display: none;
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    max-width: 300px;
                    min-width: 250px;
                    background-color: var(--clr-blue);
                    border-radius: 4px;
                    overflow: hidden;
                    margin-top: -10px;
                    text-align: left;
                    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                    z-index: 4;
                }

                    header .topRow ul li ul.subMenu li {
                        display: block;
                        padding: 0px;
                        margin: 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                    }

                        header .topRow ul li ul.subMenu li a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            header .topRow ul li ul.subMenu li a:hover {
                                background-color: var(--clr-blue-dark);
                            }

                        header .topRow ul li ul.subMenu li:first-child a {
                            display: block;
                            color: var(--clr-white);
                            font-size: 16px;
                            line-height: 20px;
                            padding: 10px 15px;
                            font-weight: 500;
                            text-transform: capitalize;
                        }

                            header .topRow ul li ul.subMenu li:first-child a:hover {
                                background-color: var(--clr-blue-dark);
                            }

                        header .topRow ul li ul.subMenu li:last-child {
                            border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                        }

                header .topRow ul li .langCol {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

                    header .topRow ul li .langCol .dropdown .btn-sec {
                        position: relative;
                        background-color: var(--clr-blue-dark);
                        border: 0px solid var(--clr-gray);
                        font-size: 16px;
                        line-height: 49px;
                        font-weight: 500;
                        color: var(--clr-white);
                        padding: 0px 15px;
                        margin: 0px;
                        transition: none;
                        border-radius: 0px;
                    }

                        header .topRow ul li .langCol .dropdown .btn-sec:hover {
                            border: 0px solid var(--clr-gray);
                            transition: none;
                        }

                        header .topRow ul li .langCol .dropdown .btn-sec span.img {
                            display: inline-block;
                        }

                            header .topRow ul li .langCol .dropdown .btn-sec span.img img {
                                width: 30px;
                                height: 18px;
                                object-fit: cover;
                                margin-right: 8px;
                            }

                        header .topRow ul li .langCol .dropdown .btn-sec span.txt {
                            display: none;
                            padding-right: 15px;
                            font-weight: 500;
                        }

                        header .topRow ul li .langCol .dropdown .btn-sec:focus {
                            box-shadow: none;
                        }

                        header .topRow ul li .langCol .dropdown .btn-sec:focus, header .topRow ul li .langCol .dropdown .btn-sec:active {
                            border: 0px solid var(--clr-gray) !important;
                            margin: 0px !important;
                            transition: none;
                        }

                        header .topRow ul li .langCol .dropdown .btn-sec::after {
                            display: inline-block;
                            content: '';
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px var(--clr-white);
                            border-right: solid 2px var(--clr-white);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                            border-left: unset;
                            vertical-align: 0.2em;
                        }

                    header .topRow ul li .langCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: var(--clr-white);
                        padding: 0px;
                        overflow: hidden;
                        margin: 48px 0px 0px 0px;
                        border-radius: 0px 0px 4px 4px;
                        left: unset !important;
                        right: 0px;
                        transform: none !important;
                    }

                        header .topRow ul li .langCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 14px;
                            line-height: 40px;
                            color: var(--clr-black);
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: var(--clr-white);
                            transition: all 0.3s ease;
                        }

                            header .topRow ul li .langCol .dropdown .dropdown-menu.show .dropdown-item span.img img {
                                width: 28px;
                                height: 18px;
                                object-fit: cover;
                                margin-right: 8px;
                                border: 1px solid var(--clr-gray-light);
                            }

                            header .topRow ul li .langCol .dropdown .dropdown-menu.show .dropdown-item span.txt {
                                font-weight: 500;
                                padding-right: 20px;
                                transition: all 0.3s ease;
                            }

                            header .topRow ul li .langCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: var(--clr-blue);
                                transition: all 0.3s ease;
                            }

                                header .topRow ul li .langCol .dropdown .dropdown-menu.show .dropdown-item:hover span.txt {
                                    color: var(--clr-white);
                                    transition: all 0.3s ease;
                                }

                    header .topRow ul li .langCol .dropdown.show .btn-sec:focus, header .topRow ul li .langCol .dropdown.show .btn-sec:active {
                        border: 0px solid var(--clr-gray) !important;
                        margin: 0px !important;
                        transition: none;
                    }

                header .topRow ul li .measureCol {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

                    header .topRow ul li .measureCol .dropdown .btn-sec {
                        position: relative;
                        background-color: var(--clr-blue-dark);
                        border: 0px solid var(--clr-gray);
                        font-size: 16px;
                        line-height: 49px;
                        font-weight: 500;
                        color: var(--clr-white);
                        padding: 0px 15px;
                        margin: 0px;
                        transition: none;
                        border-radius: 0px;
                    }

                        header .topRow ul li .measureCol .dropdown .btn-sec:hover {
                            border: 0px solid var(--clr-gray);
                            transition: none;
                        }

                        header .topRow ul li .measureCol .dropdown .btn-sec:focus {
                            box-shadow: none;
                        }

                        header .topRow ul li .measureCol .dropdown .btn-sec:focus, header .topRow ul li .measureCol .dropdown .btn-sec:active {
                            border: 0px solid var(--clr-gray) !important;
                            margin: 0px !important;
                            transition: none;
                        }

                        header .topRow ul li .measureCol .dropdown .btn-sec::after {
                            display: inline-block;
                            content: '';
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px var(--clr-white);
                            border-right: solid 2px var(--clr-white);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                            border-left: unset;
                            vertical-align: 0.2em;
                        }

                    header .topRow ul li .measureCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: var(--clr-white);
                        padding: 0px;
                        overflow: hidden;
                        margin: 0px;
                        border-radius: 0px 0px 4px 4px;
                    }

                        header .topRow ul li .measureCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 14px;
                            line-height: 40px;
                            color: var(--clr-black);
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: var(--clr-white);
                            transition: all 0.3s ease;
                        }

                            header .topRow ul li .measureCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: var(--clr-blue);
                                color: var(--clr-white);
                                transition: all 0.3s ease;
                            }

                    header .topRow ul li .measureCol .dropdown.show .btn-sec:focus, header .topRow ul li .measureCol .dropdown.show .btn-sec:active {
                        border: 0px solid var(--clr-gray) !important;
                        margin: 0px !important;
                        transition: none;
                    }

                header .topRow ul li .currencyCol {
                    display: block;
                    margin: 0px;
                    padding: 0px;
                }

                    header .topRow ul li .currencyCol .dropdown .btn-sec {
                        position: relative;
                        background-color: var(--clr-blue-dark);
                        border: 0px solid var(--clr-gray);
                        font-size: 16px;
                        line-height: 49px;
                        font-weight: 500;
                        color: var(--clr-white);
                        padding: 0px 15px;
                        margin: 0px;
                        transition: none;
                        border-radius: 0px;
                    }

                        header .topRow ul li .currencyCol .dropdown .btn-sec:hover {
                            border: 0px solid var(--clr-gray);
                            transition: none;
                        }

                        header .topRow ul li .currencyCol .dropdown .btn-sec:focus {
                            box-shadow: none;
                        }

                        header .topRow ul li .currencyCol .dropdown .btn-sec:focus, header .topRow ul li .currencyCol .dropdown .btn-sec:active {
                            border: 0px solid var(--clr-gray) !important;
                            margin: 0px !important;
                            transition: none;
                        }

                        header .topRow ul li .currencyCol .dropdown .btn-sec::after {
                            display: inline-block;
                            content: '';
                            width: 8px;
                            height: 8px;
                            border-top: solid 2px var(--clr-white);
                            border-right: solid 2px var(--clr-white);
                            -webkit-transform: rotate(135deg);
                            transform: rotate(135deg);
                            border-left: unset;
                            vertical-align: 0.2em;
                        }

                    header .topRow ul li .currencyCol .dropdown .dropdown-menu.show {
                        font-size: 16px;
                        background-color: var(--clr-white);
                        padding: 0px;
                        overflow: hidden;
                        margin: 0px;
                        border-radius: 0px 0px 4px 4px;
                    }

                        header .topRow ul li .currencyCol .dropdown .dropdown-menu.show .dropdown-item {
                            font-size: 14px;
                            line-height: 40px;
                            color: var(--clr-black);
                            padding: 0px 15px;
                            margin: 0px;
                            background-color: var(--clr-white);
                            transition: all 0.3s ease;
                        }

                            header .topRow ul li .currencyCol .dropdown .dropdown-menu.show .dropdown-item:hover {
                                background-color: var(--clr-blue);
                                color: var(--clr-white);
                                transition: all 0.3s ease;
                            }

                    header .topRow ul li .currencyCol .dropdown.show .btn-sec:focus, header .topRow ul li .currencyCol .dropdown.show .btn-sec:active {
                        border: 0px solid var(--clr-gray) !important;
                        margin: 0px !important;
                        transition: none;
                    }

                header .topRow ul li.currency {
                    margin-right: -4px;
                    padding-right: 0px;
                }

                header .topRow ul li.meterFeet {
                    margin-right: -4px;
                    padding-right: 0px;
                }

                header .topRow ul li:hover ul.subMenu {
                    display: block;
                }

                header .topRow ul li.showSubMenu ul.subMenu {
                    display: block;
                }

                header .topRow ul li.hasSearchIcn a.searchIcn svg .cls-1 {
                    fill: var(--clr-white);
                }

                header .topRow ul li.active a {
                    color: var(--clr-black);
                }

                    header .topRow ul li.active a svg .cls-4 {
                        fill: var(--clr-black);
                    }

                    header .topRow ul li.active a:hover {
                        color: var(--clr-black);
                    }

                header .topRow ul li:last-child {
                    margin-right: 0px;
                }

                header .topRow ul li:first-child a {
                    padding: 0px 5px 0px 0px;
                }

    header .brandNavRow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0px;
        padding: 0px 50px;
        background-color: var(--clr-white);
    }

        header .brandNavRow .colLogo {
            margin: 0px;
            padding: 0px;
            min-width: 231px;
            width: 231px;
            max-width: 231px;
        }

            header .brandNavRow .colLogo a {
                display: block;
                margin: 0px;
                padding: 55px 0px;
                width: 120px;
                height: 64px;
                overflow: hidden;
                background: url(../../svgs/logo-poferries.svg) center center no-repeat;
                background-size: contain;
            }

        header .brandNavRow .colNavi {
            position: relative;
            margin: 0px;
            padding: 0px;
        }

            header .brandNavRow .colNavi ul {
                display: flex;
                margin: 0px 0px 0px auto;
                padding: 0px;
                list-style: none;
                align-items: center;
            }

                header .brandNavRow .colNavi ul li {
                    position: relative;
                    margin: 0px 15px 0px 0px;
                    padding: 0px;
                }

                    header .brandNavRow .colNavi ul li a {
                        position: relative;
                        display: block;
                        font-size: 16px;
                        line-height: 22px;
                        font-weight: 700;
                        color: var(--clr-blue);
                        padding: 0px 5px;
                        text-transform: uppercase;
                    }

                        header .brandNavRow .colNavi ul li a svg {
                            display: unset;
                            margin-top: -6px;
                        }

                        header .brandNavRow .colNavi ul li a:hover {
                            color: var(--clr-blue-dark);
                        }

                        header .brandNavRow .colNavi ul li a.likeButton {
                            border: 2px solid var(--clr-blue);
                            border-radius: 4px;
                            color: var(--clr-white);
                            padding: 5px 10px;
                            background-color: var(--clr-blue);
                        }

                            header .brandNavRow .colNavi ul li a.likeButton:hover {
                                color: var(--clr-blue);
                                background-color: var(--clr-white);
                            }

                        header .brandNavRow .colNavi ul li a.likeButtonSec {
                            border: 2px solid var(--clr-blue);
                            border-radius: 4px;
                            color: var(--clr-blue);
                            padding: 5px 10px;
                            background-color: var(--clr-white);
                        }

                            header .brandNavRow .colNavi ul li a.likeButtonSec:hover {
                                color: var(--clr-white);
                                background-color: var(--clr-blue);
                            }

                        header .brandNavRow .colNavi ul li a.hasSubMenu {
                            padding-right: 15px;
                        }

                            header .brandNavRow .colNavi ul li a.hasSubMenu:before {
                                content: '';
                                position: absolute;
                                right: 0px;
                                top: 6px;
                                width: 6px;
                                height: 6px;
                                border-top: solid 2px var(--clr-blue);
                                border-right: solid 2px var(--clr-blue);
                                -webkit-transform: rotate(135deg);
                                transform: rotate(135deg);
                            }

                            header .brandNavRow .colNavi ul li a.hasSubMenu:hover:before {
                                border-top: solid 2px var(--clr-blue);
                                border-right: solid 2px var(--clr-blue);
                            }

                    header .brandNavRow .colNavi ul li ul.subMenu {
                        display: none;
                        position: absolute;
                        margin: 0px;
                        padding: 0px;
                        max-width: 300px;
                        min-width: 250px;
                        background-color: var(--clr-blue);
                        border-radius: 4px;
                        overflow: hidden;
                        margin-top: 0px;
                        text-align: left;
                        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                        -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
                        z-index: 4;
                    }

                        header .brandNavRow .colNavi ul li ul.subMenu li {
                            display: block;
                            padding: 0px;
                            margin: 0px;
                            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                        }

                            header .brandNavRow .colNavi ul li ul.subMenu li a {
                                display: block;
                                color: var(--clr-white);
                                font-size: 16px;
                                line-height: 20px;
                                padding: 10px 15px;
                                font-weight: 500;
                                text-transform: capitalize;
                            }

                                header .brandNavRow .colNavi ul li ul.subMenu li a:hover {
                                    background-color: var(--clr-blue-dark);
                                }

                            header .brandNavRow .colNavi ul li ul.subMenu li:first-child a {
                                display: block;
                                color: var(--clr-white);
                                font-size: 16px;
                                line-height: 20px;
                                padding: 10px 15px;
                                font-weight: 500;
                                text-transform: capitalize;
                            }

                                header .brandNavRow .colNavi ul li ul.subMenu li:first-child a:hover {
                                    background-color: var(--clr-blue-dark);
                                }

                            header .brandNavRow .colNavi ul li ul.subMenu li:last-child {
                                border-bottom: 0px solid rgba(0, 0, 0, 0.2);
                            }

                    header .brandNavRow .colNavi ul li a.searchIcn {
                        display: block;
                        overflow: hidden;
                        margin: 0px;
                        padding: 0px 0px;
                    }

                        header .brandNavRow .colNavi ul li a.searchIcn svg {
                            display: block;
                            width: 18px;
                            height: 18px;
                            overflow: hidden;
                            margin: 0px;
                            padding: 0px;
                        }

                            header .brandNavRow .colNavi ul li a.searchIcn svg .cls-1 {
                                fill: var(--clr-blue);
                            }

                    header .brandNavRow .colNavi ul li a.bellIcn {
                        display: block;
                        width: 18px;
                        height: 18px;
                        overflow: hidden;
                        margin: 0px;
                        padding: 0px;
                    }

                        header .brandNavRow .colNavi ul li a.bellIcn svg.icnBell .cls-2 {
                            fill: transparent;
                            stroke: transparent;
                        }

                        header .brandNavRow .colNavi ul li a.bellIcn.red {
                            display: block;
                            width: 18px;
                            height: 18px;
                            overflow: hidden;
                            margin: 0px;
                            padding: 0px;
                        }

                            header .brandNavRow .colNavi ul li a.bellIcn.red svg.icnBell .cls-2 {
                                fill: var(--clr-red);
                                stroke: var(--clr-white);
                            }

                    header .brandNavRow .colNavi ul li a.logoutIcn {
                        display: block;
                        width: 18px;
                        height: 18px;
                        overflow: hidden;
                        margin: 0px;
                        padding: 0px;
                    }

                    header .brandNavRow .colNavi ul li .profileDropdown {
                        display: block;
                        margin: 0px;
                        padding: 0px;
                    }

                        header .brandNavRow .colNavi ul li .profileDropdown .btn-profileNoArrw {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 0px 0px 0px 0px;
                            border: 0px;
                        }

                            header .brandNavRow .colNavi ul li .profileDropdown .btn-profileNoArrw span.txt {
                                display: block;
                                background-color: var(--clr-blue);
                                color: var(--clr-white);
                                width: 42px;
                                height: 42px;
                                border-radius: 42px;
                                overflow: hidden;
                                text-align: center;
                                padding: 0px 0px;
                                text-transform: uppercase;
                                font-size: 14px;
                                line-height: 42px;
                                font-weight: 500;
                            }

                        header .brandNavRow .colNavi ul li .profileDropdown .btn-profile {
                            position: relative;
                            display: block;
                            margin: 0px;
                            padding: 0px 15px 0px 0px;
                            border: 0px;
                        }

                            header .brandNavRow .colNavi ul li .profileDropdown .btn-profile span.txt {
                                display: block;
                                background-color: var(--clr-blue);
                                color: var(--clr-white);
                                width: 42px;
                                height: 42px;
                                border-radius: 42px;
                                overflow: hidden;
                                text-align: center;
                                padding: 0px 0px;
                                text-transform: uppercase;
                                font-size: 14px;
                                line-height: 42px;
                                font-weight: 500;
                            }

                            header .brandNavRow .colNavi ul li .profileDropdown .btn-profile:focus, header .brandNavRow .colNavi ul li .profileDropdown .btn-profile:active {
                                outline-width: 0px;
                                outline-color: transparent;
                                outline-style: none;
                                -webkit-appearance: none;
                                box-shadow: none !important;
                            }

                            header .brandNavRow .colNavi ul li .profileDropdown .btn-profile::after {
                                position: absolute;
                                top: 14px;
                                right: 0px;
                                display: inline-block;
                                content: '';
                                width: 8px;
                                height: 8px;
                                border-top: solid 2px var(--clr-blue);
                                border-right: solid 2px var(--clr-blue);
                                -webkit-transform: rotate(135deg);
                                transform: rotate(135deg);
                                border-left: unset;
                                vertical-align: 0.2em;
                            }

                        header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show {
                            right: 0px !important;
                            left: unset !important;
                            font-size: 16px;
                            background-color: var(--clr-white);
                            padding: 0px;
                            overflow: hidden;
                            margin: 0px;
                        }

                            header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show .dropdown-item {
                                font-size: 16px;
                                line-height: 40px;
                                color: var(--clr-blue);
                                padding: 0px 15px;
                                margin: 0px;
                                background-color: var(--clr-white);
                                transition: all 0.3s ease;
                            }

                                header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show .dropdown-item span.img img {
                                    width: 28px;
                                    height: 18px;
                                    object-fit: cover;
                                    margin-right: 8px;
                                    border: 1px solid var(--clr-gray-light);
                                }

                                header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show .dropdown-item span.txt {
                                    font-weight: 500;
                                    padding-right: 20px;
                                    transition: all 0.3s ease;
                                }

                                header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show .dropdown-item:hover {
                                    background-color: var(--clr-blue);
                                    transition: all 0.3s ease;
                                }

                                    header .brandNavRow .colNavi ul li .profileDropdown .dropdown-menu.show .dropdown-item:hover span.txt {
                                        color: var(--clr-white);
                                        transition: all 0.3s ease;
                                    }

                    header .brandNavRow .colNavi ul li.hasBellIcn {
                        padding-left: 7px;
                        padding-right: 7px;
                    }

                    header .brandNavRow .colNavi ul li.hasLogoutIcn {
                        padding-left: 7px;
                    }

                    header .brandNavRow .colNavi ul li:hover ul.subMenu {
                        display: block;
                    }

                    header .brandNavRow .colNavi ul li.showSubMenu ul.subMenu {
                        display: block;
                    }

                    header .brandNavRow .colNavi ul li.active a {
                        color: var(--clr-black);
                    }

                        header .brandNavRow .colNavi ul li.active a svg .cls-4 {
                            fill: var(--clr-black);
                        }

                    header .brandNavRow .colNavi ul li:last-child {
                        margin-right: 0px;
                    }

                    header .brandNavRow .colNavi ul li:first-child a {
                        padding: 0px 5px 0px 0px;
                    }

            header .brandNavRow .colNavi .menuMobile {
                display: none;
            }

    header .searchDivRow {
        position: absolute;
        display: none;
        background-color: var(--clr-white);
        border: 1px solid var(--clr-gray);
        border-radius: 6px;
        overflow: hidden;
        padding: 0px;
        top: 138px;
        left: 50%;
        min-width: 400px;
        margin: 0px;
        margin-left: -200px;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    }

        header .searchDivRow .iconCol {
            width: 42px;
        }

            header .searchDivRow .iconCol .searchIcon .cls-2 {
                fill: var(--clr-gray);
            }

        header .searchDivRow .fieldCol {
            width: calc(100% - 166px);
        }

            header .searchDivRow .fieldCol input {
                display: block;
                width: 100%;
                margin: 0px;
                padding: 0px 10px 0px 0px;
                border: 0px solid transparent;
                font-size: 16px;
                line-height: 42px;
                color: var(--clr-black);
                font-weight: 500;
                background-color: transparent;
            }

                header .searchDivRow .fieldCol input:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                    box-shadow: none !important;
                }

        header .searchDivRow .sBtnCol {
            width: 82px;
        }

            header .searchDivRow .sBtnCol button {
                display: block;
                margin: 0px;
                padding: 0px 15px 0px 5px;
                border: 0px solid transparent;
                font-size: 16px;
                line-height: 42px;
                color: var(--clr-blue);
                text-transform: uppercase;
                font-weight: 700;
                background-color: transparent;
            }

                header .searchDivRow .sBtnCol button:focus {
                    outline-width: 0px;
                    outline-color: transparent;
                    outline-style: none;
                    -webkit-appearance: none;
                    box-shadow: none !important;
                }

        header .searchDivRow .closeCol {
            width: 42px;
        }

            header .searchDivRow .closeCol .closeBtn {
                display: block;
                padding: 12px;
                background-color: transparent;
                border-radius: 0px 6px 6px 0px;
                overflow: hidden;
                cursor: pointer;
            }

        header .searchDivRow.show {
            display: flex;
        }

@media all and (max-width: 1299px) {
    header .topRow {
        display: none;
    }

    header .brandNavRow .colLogo a {
        display: block;
        margin: 0px;
        padding: 40px 0px;
        width: 84px;
        height: 40px;
    }

    header .brandNavRow .colNavi ul {
        position: absolute;
        right: 95px;
        top: 32px;
    }

        header .brandNavRow .colNavi ul li {
            display: none;
        }

            header .brandNavRow .colNavi ul li.hasSearchIcn {
                display: unset;
            }

    header .brandNavRow .colNavi .menuMobile {
        position: relative;
        display: block;
        width: 80px;
        height: 80px;
        margin-right: -25px;
    }

        header .brandNavRow .colNavi .menuMobile:before {
            content: attr(data-name);
            position: absolute;
            top: 36px;
            right: 60px;
            font-size: 10px;
            line-height: 10px;
            color: var(--clr-black);
            text-transform: uppercase;
        }

        header .brandNavRow .colNavi .menuMobile svg.iconMenuMobile {
            width: 80px;
            height: 80px;
        }

    header .searchDivRow {
        top: 60px;
    }
}

@media (max-width: 1149px) {
    header .brandNavRow {
        padding: 0px 30px;
    }
}

@media (max-width: 767px) {
    header .searchDivRow {
        top: 80px;
        left: 0px;
        min-width: 100vw;
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
        margin-left: 0px;
    }
}
/*Header New Design End*/
.ccBlockBookingForms .eachBlock .twoCol .fieldsCol button.disabled {
    background-color: var(--clr-gray-darker) !important;
    pointer-events: none !important;
    cursor: default !important;
    border-color: var(--clr-gray-darker) !important;
    color: #fff;
}