@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_light/fordantenna-light.eot");
    src: url("../fonts/fordantenna_light/fordantenna-light.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_light/fordantenna-light.svg#fordantenna-light") format("svg"), url("../fonts/fordantenna_light/fordantenna-light.woff") format("woff"), url("../fonts/fordantenna_light/fordantenna-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_medium/fordantenna-medium.eot");
    src: url("../fonts/fordantenna_medium/fordantenna-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_medium/fordantenna-medium.svg#fordantenna-medium") format("svg"), url("../fonts/fordantenna_medium/fordantenna-medium.woff") format("woff"), url("../fonts/fordantenna_medium/fordantenna-medium.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_semibold/fordantenna-semibold.eot");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_bold/fordantenna-bold.eot");
    src: url("../fonts/fordantenna_bold/fordantenna-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_bold/fordantenna-bold.svg#fordantenna-bold") format("svg"), url("../fonts/fordantenna_bold/fordantenna-bold.woff") format("woff"), url("../fonts/fordantenna_bold/fordantenna-bold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'DS-Digital';
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital.eot");
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital.eot?#iefix") format("embedded-opentype"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital.svg#DS-Digital") format("svg"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital.woff") format("woff"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Italic.eot");
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Italic.eot?#iefix") format("embedded-opentype"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Italic.svg#DS-Digital-Italic") format("svg"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Italic.woff") format("woff"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Bold.eot");
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Bold.eot?#iefix") format("embedded-opentype"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Bold.svg#DS-Digital-Bold") format("svg"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Bold.woff") format("woff"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DS-Digital';
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-BoldItalic.eot");
    src: url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-BoldItalic.svg#DS-Digital-BoldItalic") format("svg"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-BoldItalic.woff") format("woff"), url("https://bluegrasscomscdn.blob.core.windows.net/partsplusuk/fonts/ds_digital/DS-Digital-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: "Ford Antenna", sans-serif;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}
/*Coming Soon Page*/
img.logo {
    max-width: 200px;
    height: auto
}

.comingSoonBody {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100vh;
}

.logoBox {
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
}

.csTitle {
    font-size: 6vw;
    color: #FFE50D;
    margin-bottom: 0%;
    text-align: center;
    margin-top: 2%;
}

.csSubtext p {
    color: #fff;
    margin-top: 1%;
    text-align: center;
    font-size: 5vh;
}


h3.summer-closure{    
    font-size: 40px;
    text-align: center;
    margin-top: 0px;
    background: #FFDC00;
    padding: 15px 23%;
    
}
#countdown {
    text-align: center;
}

    #countdown ul li {
        min-width: 11%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #25CED4;
        list-style: none;
        flex-flow: column;
        justify-content: space-between;
        font-size: 2vh;
    }

    #countdown ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        max-width: 630px;
        margin: 0 auto;
        display: flex;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        padding-left: 0px;
        background: #011f4a;
        background: -moz-linear-gradient(top, #011f4a 0%, #030e36 100%);
        background: -webkit-linear-gradient(top, #011f4a 0%,#030e36 100%);
        background: linear-gradient(to bottom, #011f4a 0%,#030e36 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011f4a', endColorstr='#030e36',GradientType=0 );
        padding-bottom: 30px
    }

#days, #hours, #minutes, #seconds {
    min-width: 110px;
    font-family: 'DS-Digital';
    font-weight: bold;
    margin-bottom: 0%;
    font-size: 11vh;
    padding: 10px 10px 0px 10px;
    font-weight: 600;
}

.csGap {
    padding-left: 10px;
    font-size: 7vh;
    color: #fff;
    padding-right: 10px;
}

.csLabel {
    color: #ffffff;
    font-size: 2.5vh;
}
/*The end of Coming Soon Page*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* ----- FONTS ----- */

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_light/fordantenna-light.eot");
    src: url("../fonts/fordantenna_light/fordantenna-light.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_light/fordantenna-light.svg#fordantenna-light") format("svg"), url("../fonts/fordantenna_light/fordantenna-light.woff") format("woff"), url("../fonts/fordantenna_light/fordantenna-light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_medium/fordantenna-medium.eot");
    src: url("../fonts/fordantenna_medium/fordantenna-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_medium/fordantenna-medium.svg#fordantenna-medium") format("svg"), url("../fonts/fordantenna_medium/fordantenna-medium.woff") format("woff"), url("../fonts/fordantenna_medium/fordantenna-medium.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_semibold/fordantenna-semibold.eot");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Ford';
    src: url("../fonts/fordantenna_bold/fordantenna-bold.eot");
    src: url("../fonts/fordantenna_bold/fordantenna-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/fordantenna_bold/fordantenna-bold.svg#fordantenna-bold") format("svg"), url("../fonts/fordantenna_bold/fordantenna-bold.woff") format("woff"), url("../fonts/fordantenna_bold/fordantenna-bold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

/* ----- GENERAL ----- */

html {
    scroll-behavior: smooth;
}

html,
body {
    font-family: "Ford Antenna", sans-serif;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
}

.no-of {
    overflow-y: hidden !important;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    padding: 0;
    margin: 0;
}

img {
    border: none;
    max-width: 100%;
    outline: none;
}

a,
a:visited,
a:hover {
    outline: none;
    text-decoration: none;
}

    a.link {
        color: #008CBA;
    }

    a.button,
    a.button a:visited,
    a.button a:hover {
        color: #00263D;
    }

        a.button.secondary,
        a.button.secondary a:visited,
        a.button.secondary a:hover {
            color: #fff;
        }

    a.small__cta {
        color: #00263D;
    }

.small-link {
    text-decoration: underline;
    display: block;
    margin: 0 0 10px 0;
}

    .small-link a {
        color: #00263D;
    }

.download-link {
    display: block;
    margin: 0 0 10px 0;
    color: #00263D;
}

h1,
h2,
h3,
h4 {
    line-height: 1.3;
    margin-bottom: 15px;
    color: #00263D;
}

h1 {
    font-size: 42px;
    font-weight: bold;
}

h2 {
    font-size: 33px;
    font-weight: bold;
}

h3 {
    font-size: 28px;
    font-weight: bold;
}

h4 {
    font-size: 20px;
    font-weight: 500;
}

p {
    margin: 20px 0;
    line-height: 1.6;
    color: #00263D;
    font-weight: 300;
    font-size: 18px;
}

.more-available {
    color: #888;
    font-size: 16px;
    margin: 0px 0 35px 0;
}

ul,
ol {
    margin: 20px 0 20px 15px;
}

    ul li,
    ol li {
        line-height: 1.4;
        color: #00263D;
        font-weight: 300;
        font-size: 18px;
        margin-bottom: 8px;
    }

.no-bullet li {
    list-style: none;
    margin-left: 15px;
}

    .no-bullet li:hover {
        text-decoration: underline;
    }

.wrapper {
    min-height: 100%;
    position: relative;
}

.container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

    .container.update .container.article__container {
        padding: 10px 0px
    }

    .container.article__container {
        padding: 100px 20px;
    }

.yellow-text {
    color: #FFDC00;
}

.content-list {
    margin-left: 40px;
}

    .content-list li {
        color: #fff;
    }

main {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 98px auto 0 auto;
    overflow: hidden;
}

section {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.home__section {
    padding: 100px 0;
    padding-top: 0;
}

.section__title {
    max-width: 800px;
    text-align: center;
    margin: 0 auto 50px auto;
}

    .section__title.white__text h1,
    .section__title.white__text h2,
    .section__title.white__text p {
        color: #fff;
    }


footer {
    position: relative;
    width: 100%;
    max-width: 100%;
    background: #024466;
    color: #FFFFFF;
}

.footer__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 100px 0 80px 0;
}

    .footer__content h3 {
        color: #FFDC00;
    }

    .footer__content a {
        color: #fff;
    }

        .footer__content a:hover {
            text-decoration: underline;
        }

            .footer__content a:hover i {
                text-decoration: none;
            }

.footer__column {
    width: auto;
}

footer ul {
    margin: 20px 0 0 0;
}

    footer ul li {
        color: #fff;
        list-style-type: none;
        margin: 5px 0;
        font-size: 18px;
    }

footer .fa {
    font-size: 22px;
    margin-right: 10px;
}

.footer__copyright {
    text-align: right;
}

.footer__bottom {
    width: 100%;
    padding: 20px;
    background: #00263D;
    border-top: 2px solid #FFDC00;
}

    .footer__bottom a {
        color: #fff;
    }

        .footer__bottom a:hover {
            text-decoration: underline;
        }

            .footer__bottom a:hover i {
                text-decoration: none;
            }

.footer__bottom__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer__bottom__logo {
    width: 15%;
    height: auto;
    max-height: 50px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

    .footer__bottom__logo img {
        max-height: 50px;
        width: auto;
    }

.footer__bottom__links {
    width: 80%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

    .footer__bottom__links ul {
        margin: 0;
        text-align: right;
    }

        .footer__bottom__links ul li {
            display: inline-block;
            padding: 0px 8px;
            border-right: 2px solid #fff;
            font-size: 15px;
            font-weight: 300;
            margin: 0;
            line-height: 1;
        }

            .footer__bottom__links ul li:last-child {
                border: none;
                padding: 0 0px 0px 8px;
                vertical-align: bottom;
            }

.footer-icon {
    display: inline-block;
    margin-right: 5px;
    padding: 0;
}

    .footer-icon img {
        max-height: 24px;
        width: auto;
    }

.powered-by {
    width: auto;
    display: block;
    padding-bottom: 20px;
    opacity: .5;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .powered-by a {
        font-size: 12px;
        color: #eee;
    }

    .powered-by img {
        max-height: 13px;
        vertical-align: middle;
        display: inline-block;
        margin-left: 5px;
    }

    .powered-by:hover {
        opacity: 1;
    }

.yellow {
    background: #FFDC00
}

.primary-blue {
    background: #008CBA;
}

.medium-blue {
    background: #024466;
}

.dark-blue {
    background: #00263D;
}

.button {
    background: #FFDC00;
    color: #00263D;
    font-size: 15px;
    font-weight: 600;
    margin: 10px 0 0 0;
    padding: 15px 32px;
    text-align: center;
    height: auto;
    line-height: 1;
    position: relative;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .button:hover {
        background: #008CBA;
        color: #fff;
        text-decoration: none;
    }

.omnicraft-btn {
    background: #f18a2d;
}

a.omnicraft-btn {
    color: #00263D;
}

.button.no-margin {
    margin: 0;
}

.secondary {
    background: #008CBA;
    color: #fff;
}

    .secondary:hover {
        background: #024466;
    }

.oil-button {
    margin-left: 10px;
}

.small__cta {
    color: #024466;
    display: block;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
    font-size: 15px;
}

.view__all {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

    .view__all .small__cta {
        color: #888;
    }

/* Top Navigation */

.top-menu-container {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100vw;
    padding: 0;
    opacity: 1;
    pointer-events: all;
    z-index: 100;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    height: 95px;
    padding: 5px 20px;
    background-color: #FFFFFF;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 105;
}

    .top-menu .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-menu .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 150px;
        margin: 0 0;
        padding: 0;
        height: auto;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .top-menu .logo > a > img {
            display: block;
            max-width: 100%;
            max-height: 54px;
        }

.top-menu-container.scrolled {
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
    border-bottom: 2px solid #FFDC00;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .top-menu-container.scrolled .top-menu {
        /*min-height: 50px;*/
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .top-menu-container.scrolled .top-menu .logo {
            /*width: 100px;*/
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }


        .top-menu-container.scrolled .top-menu .main-nav {
            /*margin: 5px 0;*/
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

            .top-menu-container.scrolled .top-menu .main-nav li {
                /*font-size: 13px;*/
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

        .top-menu-container.scrolled .top-menu .button {
            /*-webkit-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;*/
        }

    .top-menu-container.scrolled .sub-menu li a {
        /*font-size: 13px;*/
    }

.top-menu-container.closed {
    /*display: none;*/
}

.navigation {
    position: relative;
    width: auto;
    max-width: 90%;
    height: auto;
}

.main-nav {
    list-style-type: none;
    text-align: right;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    .main-nav li {
        position: relative;
        display: inline-block;
        text-align: center;
        color: #00263D;
        font-size: 15px;
        font-weight: 400;
        margin: 0 15px;
        -webkit-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        vertical-align: middle;
    }

        .main-nav li::after {
            position: absolute;
            left: 0;
            bottom: -6px;
            height: 3px;
            width: 100%;
            background: #FFDC00;
            content: '';
            opacity: 0;
            -webkit-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }

        /*.main-nav li:hover:after {
	opacity: 1;
}*/

        .main-nav li:hover a,
        .sub-menu li:hover a {
            color: #008CBA;
        }

        .main-nav li a {
            color: #00263D;
            text-decoration: none;
            -webkit-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }


        .main-nav li:last-child {
            margin: 0 0 0 15px;
        }

li.active-page a {
    font-weight: bold;
}

li.active-page::after {
    opacity: 1;
}

.sub-menu li::after {
    display: none;
}


/*li.active-page a::after {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100px;
    height: 2px;
    background: #000;
}*/


.main-nav li:first-child {
    margin-left: 0px;
}

.main-nav li:last-child {
    margin-right: 0px;
}

.main-nav .button {
    margin: 0 0 0 25px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main-nav i {
    display: inline-block;
    font-size: 1.38em;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}

.ntt {
    margin-right: 8px;
    margin-left: 4px;
}

.main-nav .menu-icon {
    min-width: auto;
}

    .main-nav .menu-icon > a {
        padding: 0 18px;
    }

.main-nav li:hover {
    color: #2D96CD;
}

.has-sub > a:after {
    font-family: 'FontAwesome';
    content: '\f110';
    color: #00263D;
    display: inline-block;
    margin-left: 8px;
    margin-right: -8px;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    font-size: 0.88em;
}

.sub-menu {
    position: absolute;
    top: 5px;
    left: -20%;
    width: 280px;
    display: block;
    background: #FFFFFF;
    list-style-type: none;
    text-align: left;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    border-radius: 0px 0px 9px 9px;
    -webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    z-index: 20;
}

    .sub-menu li {
        display: block;
        text-align: left;
        height: auto;
        line-height: 40px;
        border-bottom: 1px solid #ccc;
        -webkit-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

        .sub-menu li,
        .sub-menu li:first-child,
        .sub-menu li:last-child {
            margin: 0 0;
        }

            .sub-menu li:last-child {
                border: 0;
            }

li.has-sub:hover a {
    color: #2D96CD;
}

li.has-sub:hover .sub-menu li a {
    color: #00263D;
}

    li.has-sub:hover .sub-menu li a:hover {
        color: #2D96CD;
    }

li.has-sub:hover .sub-menu li:hover {
    background: #f5f5f5;
}

.login-nav {
    background: linear-gradient(210deg, #FFDD00, #FFB900);
    padding: 10px 30px;
    border-radius: 8px;
    display: block;
}

.logout-nav {
    cursor: pointer;
    background: linear-gradient(210deg, #FFDD00, #FFB900);
    padding: 10px 12px;
    border-radius: 8px;
    display: block;
}

.logout-nav img {
    height: 20px;
}

.overlay li.has-sub:hover .sub-menu li:hover {
    background: transparent;
}

    .overlay li.has-sub:hover .sub-menu li:hover a {
        color: #FFDC00;
    }

.overlay li:hover a {
    color: #FFDC00;
}

.sub-menu li:last-child,
.sub-menu li:last-child:hover {
    border-radius: 0px 0px 9px 9px;
}

.sub-menu li a {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #00263D;
    font-size: 15px;
}

    .sub-menu li a:hover {
        color: #2D96CD;
    }

/*.sub-menu li>a:after {
	display: none;
    font-family: 'FontAwesome';
    content: '\f112';
    display: inline-block;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    font-size: 0.93em;
    float: right;
}*/


.menu-icon.has-sub > a:after,
.menu-icon .sub-menu > li > a:after {
    display: none;
}



.sub-menu,
.login-box {
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    will-change: opacity, transform;
    -webkit-transition: opacity 380ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 320ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 380ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 320ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity 380ms cubic-bezier(0.19, 1, 0.22, 1), transform 320ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 380ms cubic-bezier(0.19, 1, 0.22, 1), transform 320ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 380ms cubic-bezier(0.19, 1, 0.22, 1), transform 320ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 320ms cubic-bezier(0.19, 1, 0.22, 1);
}

.has-sub:hover .sub-menu,
.lb-is-open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.menu-toggle {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 50px;
    height: 70px;
    cursor: pointer;
    display: none;
}

.bar {
    position: absolute;
    right: 12px;
    width: 26px;
    height: 3px;
    background: #00263D;
    border-radius: 3px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    will-change: opacity, transform, top;
    -webkit-transition: opacity 60ms 220ms ease-out, top 80ms 220ms ease-out, -webkit-transform 180ms ease-out;
    transition: opacity 60ms 220ms ease-out, top 80ms 220ms ease-out, -webkit-transform 180ms ease-out;
    -o-transition: opacity 60ms 220ms ease-out, transform 180ms ease-out, top 80ms 220ms ease-out;
    transition: opacity 60ms 220ms ease-out, transform 180ms ease-out, top 80ms 220ms ease-out;
    transition: opacity 60ms 220ms ease-out, transform 180ms ease-out, top 80ms 220ms ease-out, -webkit-transform 180ms ease-out;
}

/*Mobile Menu*/

.mobile-menu {
    width: auto;
    display: inline-block;
    position: relative;
    display: none;
}

.mobile-menu__toggle {
    display: block;
}

    .mobile-menu__toggle i {
        font-size: 40px;
        color: #000;
    }

main.no-margin {
    margin: 0 auto;
}

.main-nav.mobile-nav {
    display: block;
}

.top-menu-container.mobile-nav {
    background: #00263D;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

    .top-menu-container.mobile-nav .top-menu .logo {
        width: 150px;
        margin: 0;
    }

    .top-menu-container.mobile-nav .mobile-menu__toggle i {
        color: #fff;
        font-size: 50px;
    }

    .top-menu-container.mobile-nav .top-menu {
        background: transparent;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100vh;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .top-menu-container.mobile-nav .navigation {
        max-width: 100%;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-menu-container.mobile-nav .main-nav {
        display: block;
        width: 100%;
        margin: 0;
        text-align: center;
    }

        .top-menu-container.mobile-nav .main-nav .button {
            margin: 30px 0 0 0;
            font-size: 22px;
            padding: 20px 55px 25px 55px;
        }

        .top-menu-container.mobile-nav .main-nav li {
            display: block;
            font-size: 30px;
            font-weight: 400;
            margin: 25px 15px;
            text-align: center;
        }

            .top-menu-container.mobile-nav .main-nav li:first-child {
                margin: 0 15px 25px 15px;
            }

            .top-menu-container.mobile-nav .main-nav li:last-child {
                margin: 25px 15px 0 15px;
            }

            .top-menu-container.mobile-nav .main-nav li a {
                color: #fff;
            }


            .top-menu-container.mobile-nav .main-nav li::after {
                display: none;
            }

            .top-menu-container.mobile-nav .main-nav li.active-page a {
                color: #FFDC00;
            }

    .top-menu-container.mobile-nav .has-sub > a:after {
        color: #fff;
    }


    .top-menu-container.mobile-nav .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        display: block;
        background: transparent;
        list-style-type: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
    }

        .top-menu-container.mobile-nav .sub-menu li {
            text-align: center;
            color: #fff;
            border: none;
            margin: 25px 0;
        }

            .top-menu-container.mobile-nav .sub-menu li:first-child {
                margin: 25px 0;
            }

            .top-menu-container.mobile-nav .sub-menu li:last-child {
                margin: 15px 0 25px 0;
            }

    .top-menu-container.mobile-nav .main-nav li.has-sub:last-child {
        margin: 10px 15px;
    }

    .top-menu-container.mobile-nav .sub-menu li a {
        opacity: .75;
        font-size: 22px;
        padding: 0;
        font-weight: 300;
    }

    .top-menu-container.mobile-nav .sub-menu li > a:after {
        display: none;
    }

    .top-menu-container.mobile-nav .sub-menu li a {
        color: #fff;
    }


/*Quick Nav*/

.quick-nav {
    position: fixed;
    left: -1px;
    top: 50%;
    margin-top: -150px;
    width: auto;
    z-index: 100;
    opacity: 0;
    height: 0;
    visibility: collapse;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .quick-nav.active {
        opacity: 1;
        height: inherit;
        visibility: visible;
    }

    .quick-nav ul {
        margin: 0;
        padding: 0;
    }

        .quick-nav ul a li {
            background: #f5f5f5;
            color: #333;
            border-bottom: 1px solid #00263D;
            border-right: 1px solid #00263D;
            margin: 0;
            padding: 8px 8px 8px 5px;
            list-style: none;
            cursor: pointer;
            -webkit-transition: all .25s ease-in-out;
            -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

        .quick-nav ul a:first-child li {
            border-top: 1px solid #00263D;
        }

        .quick-nav ul a:last-child li {
            border-top: none;
        }

        .quick-nav ul a li:focus {
            background: #f5f5f5;
        }

    .quick-nav .fa {
        font-size: 22px;
        margin-right: 5px;
    }

    .quick-nav svg {
        margin-right: 2px;
        margin-left: 4px;
    }

    .quick-nav span {
        display: inline-block;
        font-size: 15px;
        vertical-align: text-top;
    }

    .quick-nav ul a:hover li {
        color: #fff;
        background: #024466;
    }

        .quick-nav ul a:hover li svg {
            filter: brightness(0) invert(1);
        }

/* HOME HEADER */

/*New Carousel*/

.carousel {
    margin: 0 auto 50px auto;
    position: relative;
}

.carousel-container {
    position: relative;
    max-width: 1400px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel-slide {
    width: 100%;
    height: 620px;
    margin-right: 10px;
    background-position: center center !important;
    background-size: cover !important;
}
    /* Coming Soon banner*/

    .carousel-slide .logoBox {
        padding-top: 3%;
    }

    .carousel-slide .comingSoonBody {
        height: auto
    }

    .carousel-slide .csHeaderBox {
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .carousel-slide .csTitle {
        font-size: 3.5vw;
    }

    .carousel-slide #countdown ul {
        padding-bottom: 15px
    }

.csSubtext p {
    font-size: 2vw;
}

.carousel-slide .comingSoonBody {
}

.carousel-slide #days, .carousel-slide #hours, .carousel-slide #minutes, .carousel-slide #seconds {
    font-size: 9vh;
}

.centredCountdown {
    position: relative;
}
/*End Coming Soon banner*/
.carousel-text {
    background: #00263D;
    padding: 50px;
    width: 100%;
    max-width: 650px;
    position: absolute;
    left: 25px;
    bottom: -50px;
    content: '';
}

    .carousel-text .button {
        margin: 10px 0 0 0;
    }

    .carousel-text h2 {
        color: #FFDC00;
    }

    .carousel-text h2 {
        font-size: 27px;
    }

    .carousel-text h3,
    .carousel-text p {
        color: #fff;
    }

/* ATTENTION - THESE CHANGES ARE FOR THE CHRISTMAS OPENING HOURS ONLY */
/* .flickity-slider .carousel-slide:first-child .carousel-text p {
  font-size: 16px;
  font-weight: bold;
}
.flickity-slider .carousel-slide:first-child .carousel-text p:last-child {
  margin-bottom: 0;
}
.flickity-slider .carousel-slide:first-child .carousel-text p span:first-child {
  display: inline-block;
  width: 280px;
}
.flickity-slider .carousel-slide:first-child .carousel-text p span:nth-child(2) {
  display: inline-block;
  width: 160px;
} */
/*Promo Slider*/

.promo-carousel {
    overflow: hidden;
    height: 350px;
}

    .promo-carousel .carousel .carousel-slide {
        height: 350px;
        background-size: cover !important;
        background-position: center center !important;
    }

    .promo-carousel .carousel .carousel-text {
        background: transparent;
        padding: 0 0 0 20px;
        width: auto;
        max-width: 650px;
        position: absolute;
        left: 50px;
        top: calc(50% - 97px);
        bottom: inherit;
        content: "";
    }

        .promo-carousel .carousel .carousel-text h2 {
            margin-bottom: 5px;
        }

        .promo-carousel .carousel .carousel-text h3 {
            margin-bottom: 15px;
        }

        .promo-carousel .carousel .carousel-text p {
            margin: 0 0 30px 0;
        }

    .promo-carousel .carousel .button {
        margin: 0;
    }

.carousel {
    margin: 0 auto 50px auto;
    position: relative;
}

    .carousel.mob-res .carousel-slide {
        width: 100%;
        height: auto;
        margin-right: 10px;
        position: relative;
        background: none;
    }

        .carousel.mob-res .carousel-slide:after {
            position: absolute;
            content: "";
            width: 70%;
            height: calc(100%);
            top: 0;
            opacity: 0.75;
            left: 0;
            background: linear-gradient(to right, black 0%, transparent 100%);
            z-index: 1;
        }


    /*
    .carousel.mob-res .flickity-slider .carousel-slide:nth-child(2):after,
    .carousel.mob-res .flickity-slider .carousel-slide:nth-child(3):after,
    .carousel.mob-res .flickity-slider .carousel-slide:last-child:after {
        background: transparent;
    }
    */

    /*
.carousel.mob-res .flickity-slider .carousel-slide:last-child .carousel-text {
	display: none;
}
.carousel.mob-res .flickity-slider .carousel-slide:first-child .carousel-text h2 {
	color: #f18a2d;
}
.carousel.mob-res .flickity-slider .carousel-slide:first-child .carousel-text h3 {
	color: #00263D;
}
*/


    .carousel.mob-res .flickity-page-dots {
        bottom: 45px;
    }

    .carousel.mob-res .carousel-slide img {
        width: 100%;
    }

    .carousel.mob-res .carousel-text {
        background: transparent;
        padding: 10px;
        width: 100%;
        max-width: 485px;
        position: absolute;
        left: 4%;
        top: 25%;
        bottom: inherit;
        content: "";
        z-index: 10;
    }

        .carousel.mob-res .carousel-text .button {
            margin: 10px 0 0 0;
        }

        .carousel.mob-res .carousel-text h2 {
            color: #FFDC00;
            font-size: 27px;
        }

        .carousel.mob-res .carousel-text h3,
        .carousel.mob-res .carousel-text p {
            color: #ffffff;
        }


    .carousel.mob-res .split-list {
        display: flex;
        justify-content: space-between;
    }

    .carousel.mob-res .split-list--column {
        width: 48%;
        margin: 20px 0 0 0;
    }

        .carousel.mob-res .split-list--column h3 {
            display: block;
            margin-bottom: 5px;
        }

        .carousel.mob-res .split-list--column ul {
            width: 100%;
            margin: 0 10px 0 0;
        }

            .carousel.mob-res .split-list--column ul li {
                list-style: none;
                color: #fff;
                display: flex;
                justify-content: space-between;
            }
            

.marketing {
    background-color: #EDEDED;
}

.marketing__stripe {
    height: 12px;
    background-color: #00417F;
    border-top: 4px solid #DD1412;
    border-bottom: 4px solid #F18A2D;
}

.marketing__content {
    display: flex;
    padding: 64px 20px;
    flex-direction: column;
    gap: 64px;
}

.marketing__tab-buttons {
    display: flex;
    margin: 0;
    list-style: none;
    
    li {
        margin: 0;
    }
}

.marketing__tab-button {
    background-color: #2A3241;
    color: #ffffff;
    font-size: 18px;
    border-radius: 15px 15px 0 0;
    padding: 20px 60px;
    cursor: pointer;
}

.marketing__tab-button--inactive {
    background-color: #008CBA;
}

.marketing__cards {
    min-height: 460px;
    display: flex;
    flex-wrap: wrap;
    background-color: #2A3241;
    padding: 16px 16px 32px 16px;
    border-radius: 12px;
    border-top-left-radius: 0;
    gap: 16px;
}

.marketing__cards--inactive {
    display: none;
}

.marketing__card {
    display: flex;
    width: calc(20% - 13px);
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.marketing__card-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.marketing__card-title {
    color: #fff;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
}

.marketing__download-button {
    font-size: 12px;
    color: #fff;
    transition: color 0.5s;
    cursor: pointer;
}
    
.marketing__download-button:hover {
    color: #FFDC00;
}

@media all and (max-width: 1200px) {
    .marketing__card {
        width: calc(25% - 13px);
    }
}

@media all and (max-width: 992px) {
    .marketing__cards {
        justify-content: space-between;
    }
    
    .marketing__card {
        width: calc(33% - 13px);
    }
}

@media all and (max-width: 768px) {
    .marketing__card {
        width: calc(50% - 13px);
    }
    
    .marketing__tab-button {
        padding: 16px 32px;
    }
}

@media all and (max-width: 576px) {
    .marketing__card {
        width: 100%;
    }
}

@media all and (max-width: 1200px) {
    .carousel.mob-res .carousel-text {
        top: 10%;
    }
}

@media all and (max-width: 959px) {
    .carousel.mob-res {
        margin-bottom: 0;
    }

        .carousel.mob-res .carousel-slide img.hide {
            display: block !important;
        }

        .carousel.mob-res .carousel-slide img {
            display: none !important;
        }

        .carousel.mob-res .carousel-slide .logoBox img {
            display: inline !important
        }

        .carousel.mob-res .carousel-text {
            position: relative;
            display: block;
            height: auto;
            text-align: center;
            background: #fff;
            padding: 25px;
            clear: both;
            margin: 0 auto;
            box-shadow: 10px 5px 45px rgba(25,33,67,.35);
            max-width: 90%;
            border: 3px solid #fff;
            width: 100%;
            left: 0;
            top: -40px;
            bottom: 0;
        }

        .carousel.mob-res .carousel-slide:after {
            opacity: 0;
            display: none;
            height: 0;
        }

        .carousel.mob-res .carousel-text h2 {
            color: #00263D;
        }

        .carousel.mob-res .carousel-text h3,
        .carousel.mob-res .carousel-text p {
            color: #00263D;
        }

        .carousel.mob-res .flickity-page-dots {
            display: none;
        }

        .carousel.mob-res .split-list {
            flex-wrap: wrap;
        }

        .carousel.mob-res .split-list--column {
            text-align: left;
            margin-top: 0;
        }

            .carousel.mob-res .split-list--column h3 {
                font-size: 18px;
            }

        .carousel.mob-res .split-list ul li,
        .carousel.mob-res .split-list p {
            font-size: 14px;
        }

        .carousel.mob-res .split-list ul {
            width: 100%;
            margin: 0;
        }

            .carousel.mob-res .split-list ul li {
                color: #00263D;
            }

    .carousel-slide .csHeaderBox {
        top: 50;
    }

    .csSubtext p {
        font-size: 5vw;
    }

    .carousel-slide .csTitle {
        font-size: 6.5vw;
    }
}

@media all and (max-width: 650px) {
    .carousel.mob-res .carousel-slide {
        background: none !important;
    }

    .carousel.mob-res .split-list--column {
        width: 100%;
    }

        .carousel.mob-res .split-list--column:last-child {
            margin-bottom: 15px;
        }
}

@media screen and (max-width: 450px) {
    .carousel.mob-res {
        height: auto;
    }
}

/*FLICKITY CSS*/

.flickity-enabled {
    position: relative
}

    .flickity-enabled:focus {
        outline: 0
    }

.flickity-viewport {
    overflow: visible;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

.flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

    .flickity-button:hover {
        color: #FFDC00;
        cursor: pointer;
    }

    .flickity-button:active {
        opacity: .6
    }

    .flickity-button:disabled {
        opacity: .3;
        cursor: auto;
        pointer-events: none
    }

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .flickity-prev-next-button.previous {
        left: 10px
    }

    .flickity-prev-next-button.next {
        right: 10px
    }

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: auto;
    bottom: 25px;
    right: 25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background: #fff;
    border-radius: 50%;
    opacity: .5;
    cursor: pointer
}

    .flickity-page-dots .dot.is-selected {
        opacity: 1;
        background: #FFDC00;
    }

/*END OF FLICKITY CSS*/


/*----- HOME SECTIONS -----*/
#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1001;
    display: none;
}

#popup {
    width: 1000px;
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: #888 0px 0px 8px 3px;
    -moz-box-shadow: #888 0px 0px 8px 3px;
    -webkit-box-shadow: #888 0px 0px 8px 3px;
    position: relative;
    top: calc(50% - 250px);
    left: calc(50% - 500px);
}

.popup-image {
    width: 40%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}


.popup-content {
    width: 60%;
    padding: 35px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.popup-text {
    max-width: 850px;
}

.popup-close {
    position: absolute;
    content: "";
    top: 10px;
    right: 20px;
    width: 15px;
    height: 15px;
    font-size: 25px;
    color: #008CBA;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup-close:hover {
    color: #024466;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 1024px) {
    #popup {
        width: 80vw;
        left: calc(50% - 40vw);
        top: 50px;
        height: auto;
		flex-wrap: wrap;
    }

    .popup-image {
        width: 100%;
        height: 300px;
		background-position-y: 78%;
    }

    .popup-content {
        width: 100%;
    }
}

.no-thanks {
    text-decoration: underline;
    color: #008CBA;
    display: block;
    margin-top: 20px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.no-thanks:hover {
    color: #024466;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media all and (max-width: 600px) {
	 #popup {
		width: 90vw;
		 left: calc(50% - 45vw);
	 }
	
    .popup-image {
        width: 100%;
        height: 200px;
		background-position-y: 78%;
    }	
}

@media all and (max-width: 425px) {
	.popup-image {
		display: none;
	}
	
	.popup-content {
		background: linear-gradient(128deg, rgba(0, 38, 61, 1) 40%, rgba(2, 68, 102, 1) 100%);
		color: #fff;
	}
	
	.popup-content h2, .popup-content p, .popup-close, .no-thanks {
		color: #fff;
	}
}
/*New Homepage 2024*/
.hero {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
    padding: 0 20px;
    max-width: 1400px;
    margin: 0 auto;
}
    .hero video {
        position: initial;
        top: 0;
        left: 0;
        object-position: bottom;
        width: 100%;
        object-fit: cover;
        max-height: 600px;
    }

.sub-hero {
    padding-top: 20px;
    gap: 25px;
    display: flex;
    margin-bottom: 27px;
    flex-wrap: wrap;
    align-items: stretch;
}
    .sub-hero a {
        max-height: 280px;
    }

a.sub-hero-link {
    flex: 1;
    position: relative;
    color: #fff;
    text-align: center;
}

.text-content {
    max-width: 68%;
    color: #fff;
    text-align: left;
    position: relative;
    z-index: 1;
}

    .text-content h2,
    .text-content p {
        color: #fff;
        font-size: 28px
    }

a.video-content {
    flex: 1;
    position: relative;
    overflow: hidden;
}

    a.video-content video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
        object-position: 93% 59%;
    }

.text-content h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.text-content p {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.text-content .btn:hover {
    background-color: #0056b3;
}
.terms-link{text-decoration:underline; cursor:pointer}
.video-tile {
    position: relative;
    height: auto;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

a.video-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.description-hide p {
    color: #ffffff
}

.video-src,
.video-tile offer-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 70%;
}

.offer-third-row-item2 .video-tile a.video-link .video-src {
    object-position: 50% 50%;
}

.video-title {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.video-title-header {
    bottom: 12%;
    position: absolute;
    padding: 7px 15px;
}

    .video-title-header h4 {
        font-size: 1.4rem;
        font-weight: bold;
    }
.sub-hero-link h2, .video-content h2, .video-tile a h2 {
    padding: 7px 15px;
    font-weight: 400;
    font-size: 16px;
    top: 0;
    position: absolute;
    width: fit-content;
    background: #FFDC00;
    color: #00263D;
}
a.video-link > .video-title {
    visibility: visible;
    opacity: 1;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: bold;
    background: rgba(0, 38, 61, 0.7);
    color: #fff;
    padding: 10px;
    text-align: center;
    -webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 500ms linear;
}

a.video-link:hover > .video-title, .offer-image:hover > .offer-title {
    background: #FFDC00;
    color: rgba(0, 38, 61, 1);
}

.video-link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.offer-main-header {
    bottom: 5%;
    position: absolute;
    padding: 7px 15px;
}
.offer-main-item {
    grid-area: offer-main-item;
    position: relative;
    overflow: hidden;
    background-size: cover;
}
    .offer-main-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(2, 0, 36, 0) 13%, rgba(0, 41, 66, 0.695203081232493) 46%, rgba(0, 41, 66, 1) 100%);
        opacity: 0;
        transition: opacity 0.3s;
        z-index: 0;
    }
.offer-main-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 70%;
}
.grid-container {
    margin-top: 25px;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 25px;
    grid-template-areas:
        "offer-main-item offer-main-item offer-first-row-item offer-first-row-item2"
        "offer-main-item offer-main-item offer-second-row-item offer-second-row-item2"
        "offer-third-row-item offer-third-row-item2 offer-third-row-item2 offer-second-row-item2";
}
.offer-category-container {
    top: 0;
    color: #00263D;
    position: absolute;
    padding: 7px 15px;
    width: fit-content;
    background: #FFDC00;
}

.main-tile-button {
    z-index: 3;
}

.main-tile-button {
    width: 100%;
    background: #FFDC00;
    bottom: 0;
    position: absolute;
    text-align: center;
    padding: 10px;
    -webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 500ms linear;
}
    .main-tile-button:hover {
        background: #008CBA;
    }
    .main-tile-button a {
        display: block;
        width: 100%;
        color: #00263D;
        font-weight: bold;
    }
    .main-tile-button:hover > a {
        color: #fff;
    }
.description-hide {
    display: none;
    color: #ffffff
}

.offer-image {
    position: relative;
    cursor: pointer;
}
    .offer-image .offer-title {
        visibility: visible;
        opacity: 1;
        position: absolute;
        left: 0;
        font-weight: bold;
        right: 0;
        bottom: 0;
        color: #fff;
        font-size: 16px;
        margin: 0;
        padding: 10px;
        text-align: center;
        z-index: 3;
        background: rgba(0, 38, 61, 0.65);
        -webkit-transition: background 500ms linear;
        -ms-transition: background 500ms linear;
        transition: background 500ms linear;
    }
.offer-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 30px;
}

.offer-first-row-item2:hover .card-content.grid, .offer-first-row-item:hover .card-content.grid {
    display: block;
    z-index: 2;
}

.offer-first-row-item2.item-1 .offer-image .card-content.grid, .offer-first-row-item2.item-2 .offer-image .card-content.grid, .offer-first-row-item2.item-4 .offer-image .card-content.grid {
    /*display: none !important;*/
    /*background: none*/
}

.card-content.grid {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 38, 61, 0.7);
    color: #fff;
    padding: 20px;
    text-align: center;
    z-index: 2;
}
.offer-content p{
    color:#ffffff
}
.offer-first-row-item2.item-1 {
    grid-area: offer-first-row-item2;
}
.offer-first-row-item2.item-2 {
    grid-area: offer-second-row-item;
}
.offer-first-row-item2.item-2 .offer-image img {
    object-position: 100% 50%;
}
.offer-third-row-item2 {
    grid-area: offer-third-row-item2;
}
.offer-first-row-item2.item-3 {
    grid-area: offer-second-row-item2;
}
.card-image.no-background {
    background-image: none;
}
.video-tile a img, .offer-image img {
    min-height: 100%;
    object-fit: cover;
}

.section_title h2{
    text-align: center
}
/*End of New Homepage 2024*/
.great__prices__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.great__prices__grid__featured {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 49%;
    height: 508px;
    background: #024466;
    background-size: cover;
    background-position: bottom
}

.featured__item__text {
    max-width: 550px;
    padding: 50px;
}

    .featured__item__text p,
    .featured__item__text h3 {
        color: #fff;
    }

    .featured__item__text .button {
        margin: 0;
    }

.great__prices__grid__quad {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.quad__item {
    width: 49%;
    margin: 0 0 0 0;
    padding: 18px 20px;
    background: #f5f5f5;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

a.quad__item:nth-child(1), a.quad__item:nth-child(2) {
    margin-bottom: 2%;
}

.quad__item img {
    width: auto;
    height: 125px;
    margin: 0 auto;
}

.quad__item p {
    font-weight: bold;
    color: #00263D;
    margin: 5px 0 0 0;
}

.quad__item:hover {
    background: #f1f1f1;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}


.product__ranges {
    background: #024466;
    padding: 50px 0 100px 0;
}

.product__ranges__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product__ranges__grid h3 {
        font-size: 22px;
    }

.product__ranges__main__item {
    width: 49%;
    background: #eee;
    padding: 30px;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    .product__ranges__main__item:hover,
    .product__ranges__sub__item:hover {
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
        -webkit-box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
        box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
    }

.product__range__logo {
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 15px auto;
}

    .product__range__logo.ford__logo img {
        max-height: 70px;
        width: auto;
    }

.productRangeHomeImg {
    max-height: 70px;
    width: auto;
}

.product__range__logo img {
    max-height: 45px;
    width: auto;
}

.product__ranges__sub__item {
    width: 49%;
    background: #f5f5f5;
    padding: 40px 30px;
    margin-top: 2%;
    background-size: cover;
    background-position: bottom right;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    .product__ranges__sub__item p {
        max-width: 400px;
    }


.about__pp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about__pp__image {
    width: 50%;
    height: auto;
    min-height: 530px;
    background-position: center center;
    background-size: cover;
}

.about__pp__text {
    width: 50%;
    padding: 100px;
    background: #fff;
}


.oil__selector {
    width: 100%;
    padding: 100px;
    background: #00263D;
    background-size: cover;
    background-position: bottom center;
    position: relative;
    margin-bottom: 40px;
}

    .oil__selector iframe#oilIframe {
        box-shadow: none;
        margin-top: 10%;
    }

iframe#oilIframe {
    border-radius: 0px;
}

@supports (--custom: property) {

    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%) height: 100%;
        border-radius: 20px;
        -webkit-box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
        box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
    }
}

@supports (--custom: property) [style*="--aspect-ratio"] {
    position: relative;
    min-height: 550px;
}
/*IE Fallbacks*/
.oil__selector.ie-version .oil__selector__text {
    width: 100%;
}

.oil__selector.ie-version #oilDiv {
    display: none;
    width: 0;
    height: 0;
}

.browser-error {
    display: none;
}

    .browser-error a {
        color: #fff;
        text-decoration: underline;
    }

.oil__selector.ie-version .browser-error {
    display: block;
    background: #00263D;
    color: #fff;
    text-align: center;
    padding: 25px;
}

.oil__selector .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.oil__selector__app {
    width: 48%;
}

.oil-page .oil__selector {
    background: #fff;
}

.oil-page .oil__selector__app {
    width: 100%;
}


.article__container .oil__selector__app {
    width: 100%;
}

.oil__selector__text {
    width: 48%
}

    .oil__selector__text h2,
    .oil__selector__text p {
        color: #fff;
    }

/*Oil iFrame*/

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}

[style*="--aspect-ratio"] > img {
    height: auto;
}

@supports (--custom: property) {
    [style*="--aspect-ratio"] {
        position: relative;
        min-height: 550px;
    }

        [style*="--aspect-ratio"]::before {
            content: "";
            display: block;
            padding-bottom: calc(100% / (var(--aspect-ratio)));
        }

        [style*="--aspect-ratio"] > :first-child {
            position: absolute;
            top: 0;
            height: 100%;
        }
}




.centre__locator {
    background: #fff;
}

.hours {
    margin-left: 31px;
    display: block;
}

.centre__locator__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.centre__locator__results {
    width: 49%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.centre__locator__map {
    width: 49%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

/*----- END OF HOME SECTIONS -----*/

/*----- PAYMENT PAGES -----*/

.form-container {
    max-width: 1200px;
    margin: 0 auto;
}

.payment {
    background-color: #fff;
    border: 0px;
}

    .payment ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style-type: none;
    }

        .payment ul li {
            width: 46%;
            margin-bottom: 25px;
        }

.form-container label {
    font-size: 16px;
    color: #444;
    font-weight: 500;
}

.payment input,
.payment textarea,
.payment select {
    font-size: 16px;
}

.payment input {
    height: 40px;
    padding: 10px;
    margin-top: 10px;
    width: 100%;
    background: #f3f3f3;
    border: 1px solid #a5a5a5;
}

.payment textarea {
    padding: 10px;
    margin-top: 10px;
    height: 125px;
    width: 100%;
    background: #f3f3f3;
    border: 1px solid #a5a5a5;
}

.payment select {
    height: 42px;
    padding: 10px;
    margin-top: 10px;
    width: 100%;
    cursor: pointer;
    border: 1px solid #a5a5a5;
    background-color: #f3f3f3;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: -o-linear-gradient(45deg, transparent 50%, gray 50%), -o-linear-gradient(315deg, gray 50%, transparent 50%), -o-linear-gradient(left, #ccc, #ccc);
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), calc(100% - 3em) 0.6em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

    .payment select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.payment input.button {
    width: 20%;
    background: #008CBA;
    color: #fff;
    border: 1px solid #008CBA;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 20px 32px;
    text-align: center;
    height: auto;
    line-height: 1;
    position: relative;
    display: inline-block;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

    .payment input.button:hover {
        background: #024466;
    }

.payment li > * {
    width: 100%;
}

.paymentConfirmation {
    padding: 10px;
    margin: 10px;
    background-color: #F5F5F5;
    border: 0px;
}

    .paymentConfirmation ul {
        list-style-type: none;
        width: 100%;
    }

        .paymentConfirmation ul li {
            width: 49%;
            display: inline-block;
        }

    .paymentConfirmation li > * {
        width: 100%;
    }

.form-textarea ul li {
    width: 100%;
}

/*split sections*/

.form-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    border-top: 2px solid #e0e0e0;
}

.form-section-title {
    width: 20%;
    padding-top: 20px;
}

    .form-section-title h4 {
        font-size: 19px;
    }

.form-section-group {
    width: 70%;
}


/*----- END OF PAYMENT PAGES -----*/

/*----- INNER PAGES -----*/

.article__header {
    padding: 100px;
    min-height: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center top;
    position: relative;
}

    .article__header::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(0, 0, 0, 1);
        opacity: .65;
        z-index: 2;
    }

    .article__header.light__header::after {
        background: rgba(0, 0, 0, 0);
    }

    .article__header.landing::after {
        background: none
    }

.article__header__text {
    text-align: center;
    max-width: 850px;
    min-height: 175px;
    margin: 0 auto;
    color: #fff;
    z-index: 10;
}

.article__header.landing .article__header__text {
    text-align: left;
    position: absolute;
    max-width: 500px;
    margin-left: 0px;
    top: 21%;
    left: 7%;
}

@media all and (max-width: 1440px) {
    .article__header__text {
        height: auto;
    }
}

.article__header__text.oc-plus-banner {
    text-align: left;
    margin: 0 30px 0 0;
}

.article__header__text img {
    max-height: 55px;
    margin-bottom: 20px;
}

.article__header__text h1 {
    font-size: 50px;
    color: #fff;
}

.article__header__text p {
    font-size: 23px;
    color: #fff;
    margin: 20px 0 0 0;
}

.content__split__container {
    padding: 0 0 5px 0;
}

.content__split {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0;
}

    .content__split:first-child {
        margin: 0 0 40px 0;
    }

.content__split__image {
    width: 49%;
    min-height: 400px;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
    box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.content__split__text {
    width: 50%;
    padding: 50px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.container.update .content__split__text {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}

.container.update .content__split {
    margin-top: 30px;
    margin-bottom: 0px;
}

.content__split__container.width {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 5px;
}

.content__split__text .button {
    margin: 10px 0 0 0;
}

/*Product Ranges Grids*/
.article__header {
    background-position: right center;
}

.content__split__text {
    width: 100%;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 5px
}

.container.article__container {
    padding: 100px 20px
}

.content__split {
    margin-top: 30px;
    margin-bottom: 0px
}

/*.article__header__text {
   text-align: left;
    position: absolute;
    max-width: 710px;
    margin-left: 0px;
    top: 21%;
    left: 7%;
}*/
div#omnicraftBanner a.button.orange {
    margin-top: 20px;
}

.article__header.light__header.float a.button.orange {
    margin-top: 20px;
}

.article__header.light__header.float .article__header__text {
    text-align: left;
    max-width: 710px;
    margin-left: 0px;
}

.range__categories__grid3 {
    padding-top: 26px;
}

.recruitment-search-stripe {
    background-color: #FCDE17;
}

    .recruitment-search-stripe h2 {
        padding: 15px;
        text-align: center;
        margin-bottom: 0px;
    }

th.sorting_disabled:nth-child(2) {
    color: #ffffff /*Hide the title*/
}

a.backLink {
    margin-top: 15px;
    display: inline-block;
}

.videoContainer {
    background: #ececec;
    text-align: center;
    padding: 40px
}

iframe {
    max-width: 100%;
}

.flexContainer {
    margin-top: 33px !important;
    width: 80% !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: baseline;
    margin: 0 auto;
}

.flexChild, a.js_product range__cat {
    flex: 1 1 0;
}

a.js_product.range__cat2 {
    display: inline-block;
    max-height: 260px;
    border-radius: 25px;
    background: #f28b2d;
    padding: 5px;
    max-width: 260px;
    margin-right: 10px;
}

    a.js_product.range__cat2:hover {
        background: #0d4061
    }

    a.js_product.range__cat2 img {
        max-height: 260px;
    }

.flexBrochure h4, .productGrid h4 {
    color: #f28b2d;
    font-weight: bold;
    padding-top: 12px;
}

.flexBrochure {
    max-width: 260px;
    flex: 1 1 0;
}

.container.update {
    padding-top: 20px;
    text-align: center;
}

a.js_product.range__cat3 {
    background: #878787;
    border-radius: 18px;
    width: 155px;
    height: 155px;
    overflow: hidden; /* To crop the img inside of it */
    position: relative; /* Set for img position below */
    display: inline-block;
}

    a.js_product.range__cat3 img {
        object-position: 11% 50% !important;
        min-height: 114% !important;
        object-fit: cover;
        margin-top: -10% !important;
    }

.range__categories__grid3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .range__categories__grid3 .productGrid {
        flex: 1 0 14%;
        max-width: 14%;
    }

        .range__categories__grid3 .productGrid:last-child {
            display: none;
        }

.centre-locator-bottom-banner {
    padding: 15px 0px 15px 0px;
}

a:hover > .recruitment-search-stripe {
    background: #008CBA;
}

    a:hover > .recruitment-search-stripe h2 {
        color: #fff
    }

a.js_product.range__cat3:hover {
    background: #f28b2d;
}
/*.range__categories__grid3:after {
    content: "";
    flex: auto;
}*/
.content__split__image {
    width: 100%;
}

/*Consumables*/

p.blueSubText {
    color: #102B4E
}

a.js_product.range__cat3.consumables, a.js_product.range__cat3.Ricambi.originali.Ford, a.js_product.range__cat3.Ricambi.originali.Ford {
    background: #00263D;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

    a.js_product.range__cat3.consumables:hover {
        background: #FFDE00
    }

    a.js_product.range__cat3.consumables.brochure {
        display: inline-block;
        max-height: 260px;
        padding: 5px;
        max-width: 260px;
        margin-right: 10px;
    }

    a.js_product.range__cat3.consumables img {
        object-position: unset !important;
        min-height: 100% !important;
        object-fit: cover;
        margin-top: 0% !important;
    }

.range__categories__grid3.consumables h4 {
    color: #00263D;
}

a.js_product.range__cat3.consumables.brochure {
    display: inline-block;
    min-height: 260px;
    background: #024466;
    padding: 5px;
    min-width: 260px;
    margin-right: 10px;
}

    a.js_product.range__cat3.consumables.brochure:hover {
        background: #FFDE00;
    }

    a.js_product.range__cat3.consumables.brochure img {
        padding: 25px;
        min-height: 98% !important;
    }

.container.article__container.consumables h4 {
    color: #00263D;
}

.container.article__container.consumables {
    margin-bottom: 3%;
    padding-top: 0px;
}

    .container.article__container.consumables .flexContainer {
        margin-top: 10px !important;
    }

/*The end Consumables*/
/*Oil*/
.range__categories__grid3.Olio:after {
    content: none;
}

.range__categories__grid3.Olio {
    justify-content: space-around;
}

    .range__categories__grid3.Olio h4 {
        color: #102B4E;
    }

a.js_product.range__cat3.Olio {
    background: #102B4E;
}

    a.js_product.range__cat3.Olio img {
        object-position: unset !important;
        min-height: 90% !important;
        object-fit: cover;
        margin-top: 5% !important;
    }

    a.js_product.range__cat3.Olio:hover, a.js_product.range__cat3.Ricambi.originali.Ford:hover, a.js_product.range__cat3.Ricambi.originali.Ford:hover {
        background: #2096CD;
    }

.flexContainer.button-block {
    display: flex;
    width: 100% !important;
    max-width: 1400px;
    padding: 0px;
    align-items: flex-start;
}

    .flexContainer.button-block .container {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .flexContainer.button-block .fullwidth-cta {
        background-position: 100% 50%;
        margin-top: 0px;
    }

    .flexContainer.button-block h2 {
        color: #fff;
    }

    .flexContainer.button-block .fullwidth-cta__text {
        max-width: 71%;
    }

    .flexContainer.button-block .container {
        padding: 0px
    }

    .flexContainer.button-block .fullwidth-cta {
        max-height: 270px;
        min-height: 270px;
    }

    .flexContainer.button-block .container:first-child {
        margin-right: 25px
    }

    .flexContainer.button-block .fullwidth-cta {
        margin-bottom: 0px;
    }

.fullwidth-cta {
    margin-bottom: 33px
}
/*End of Oil*/

/*Genuine*/
.range__categories__grid3.Ricambi.originali.Ford h4 {
    color: #2096CD;
}
/*End of Genuine*/

/*Motocraft*/
a.js_product.range__cat3.motorcraft:hover {
    background: #DC1816;
}

.range__categories__grid3.Ford.Motorcraft .productGrid h4 {
    color: #DC1816;
}
/*End of Motocraft*/

/*All Makes Oil Selector*/
.vehicle-selector .item {
    color: #FFDC00 !important;
}
/*End of All Makes Oil Selector*/

/*OC Plus*/
a.js_product.range__cat3.defa.brochure, .range__categories__grid3.ocplus a.js_product.range__cat3.omnicraft {
    display: inline-block;
    min-height: 260px;
    padding: 5px;
    min-width: 260px;
    margin-right: 10px
}

    a.js_product.range__cat3.defa.brochure img, .range__categories__grid3.ocplus a.js_product.range__cat3.omnicraft img {
        padding: 25px;
        min-height: 98% !important;
        object-position: unset !important;
        min-height: 100% !important;
        object-fit: cover;
        margin-top: 0% !important;
    }

.range__categories__grid3.ocplus .productGrid, .container.article__container.ocplus .productGrid {
    flex: 1 0 25%;
    max-width: 100%;
}

.container.article__container.ocplus .flexContainer {
    margin-top: 10px !important;
    width: 100% !important;
}

.videoPositioner {
    transform: translateX(-50%);
    left: 50%;
    width: 100vw;
    right: 0;
    min-height: 540px;
    position: relative;
}

.videoContainer.ocplus h2 {
    margin-bottom: 30px;
}

.brochure-carousel.slick-initialized.slick-slider.slick-dotted ul.slick-dots {
    display: none !important;
}

.container.article__container.ocplus button.slick-prev.slick-arrow, .container.article__container.ocplus button.slick-next.slick-arrow, .container.article__container.consumables button.slick-prev.slick-arrow, .container.article__container.consumables button.slick-next.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    top: 37%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.container.article__container.ocplus button.slick-prev.slick-arrow, .container.article__container.consumables button.slick-prev.slick-arrow {
    left: 0
}

    .container.article__container.ocplus button.slick-prev.slick-arrow:before, .container.article__container.consumables button.slick-prev.slick-arrow:before {
        content: '\276E';
        font-family: 'slick';
        font-size: 40px;
        line-height: 1;
        opacity: .75;
        color: #00263D;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.container.article__container.ocplus button.slick-next.slick-arrow:before, .container.article__container.consumables button.slick-next.slick-arrow:before {
    content: '\276F';
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #00263D;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container.article__container.ocplus .slick-next, .container.article__container.consumables .slick-next {
    right: 0;
}

.brochure-carousel.slick-initialized.slick-slider.slick-dotted {
    padding-left: 35px;
    padding-right: 35px;
}

.container.article__container.ocplus .slick-track, .container.article__container.consumables .slick-track {
    display: flex;
    justify-content: space-between;
}

.range__categories__grid3.ocplus {
    padding-left: 69px;
    padding-right: 47px;
    justify-content: space-around !important;
}
/*End of OC PLus*/
@media (max-width: 1000px) {
    .article__header__text {
        margin-right: 0px
    }

    .article__header.light__header.float .article__header__text {
        text-align: center;
        max-width: 100%;
    }

    .article__header {
        background-position: left top !important;
    }

    .flexContainer.button-block .fullwidth-cta__text {
        max-width: 100%
    }

    a.js_product.range__cat3.defa.brochure, .range__categories__grid3.ocplus a.js_product.range__cat3.omnicraft, a.js_product.range__cat3.consumables.brochure img, a.js_product.range__cat3.consumables.brochure {
        min-width: 160px !important;
        min-height: 160px !important;
    }

    .range__categories__grid3.ocplus h4 {
        max-width: 160px;
    }

    .container.article__container.ocplus .flexBrochure {
        max-width: 100%;
    }

    .range__categories__grid3.ocplus
    .slick-list.draggable .productGrid h4 {
        max-width: 160px !important;
        margin: 0 auto;
    }

    .range__categories__grid3.ocplus .productGrid {
        flex: 1 0 50%;
        margin-bottom: 15px
    }
}

@media (max-width: 1525px) {
    .article__header {
        background-position: top center;
    }
}

@media (max-width: 1200px) {
    .range__categories__grid3 .productGrid {
        flex: 1 1 0;
        max-width: none;
    }
}

@media only screen and (max-width: 800px) and (min-width: 670px) {
    .range__categories__grid3.motocraft .productGrid:last-child {
        flex: 1 1 100%;
        text-align: left;
        padding-left: 15px;
    }
}

@media (max-width: 700px) {
    .container.article__container.consumables .flexContainer {
        width: 100% !important;
    }

    a.js_product.range__cat3.consumables.brochure img {
        padding: 5px;
        min-height: 90% !important;
    }

    .range__categories__grid3.motocraft .productGrid {
        flex: 1 1 33% !important;
        max-width: none;
        text-align: center !important;
    }

    a.js_product.range__cat3.consumables.brochure {
        display: inline-block;
        min-height: 150px;
        background: #024466;
        padding: 5px;
        min-width: 150px;
        margin-right: 10px;
    }
}

@media (max-width: 500px) {
    .range__categories__grid3.consumables .productGrid {
        flex: 1 1 50%;
        max-width: none;
    }

    .range__categories__grid3.motocraft .productGrid:last-child {
        flex: 1 1 0% !important;
    }
}

@media (max-width: 1280px) {
    #oilDiv {
        margin-top: 0%;
    }

    .flexContainer.button-block .fullwidth-cta::before {
        background: rgba(0, 0, 0, .4);
        opacity: 1;
    }

    a.js_product.range__cat3.defa.brochure, .range__categories__grid3.ocplus a.js_product.range__cat3.omnicraft, a.js_product.range__cat3.consumables.brochure {
        min-width: 200px;
        min-height: 200px
    }

    .range__categories__grid3.ocplus h4 {
        max-width: 200px;
        margin: 0 auto;
    }

    .range__categories__grid3.ocplus {
        padding-left: 0px;
        padding-right: 0px;
        justify-content: space-around !important;
        max-width: 93%;
        margin: 0 auto;
    }
}

@media (max-width:1125px) {
    .range__categories__grid3.consumables {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

        .range__categories__grid3.consumables:after {
            content: "";
            flex: auto;
        }
}


/*Product Ranges Grids*/

.why-pp .content__split__container {
    padding: 0;
}



.why-pp .content__split__text {
    padding: 0 50px;
    text-align: left;
}

.why-pp .content__split:first-child {
    margin: 0;
}

.content__split.reversed .content__split__image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.content__split.reversed .content__split__text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}


.dual-button__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dual-button:first-child {
    width: 60%;
}

.dual-button:second-child {
    width: 40%;
}

.usp__section {
    background: #00263D;
    padding: 100px;
}

.usp__container {
    margin: 65px 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.usp__block {
    width: 49%;
    color: #fff;
    background: #072d44;
    margin-bottom: 30px;
    padding: 30px;
}

    .usp__block i {
        font-size: 48px;
        color: #FFDC00;
        margin-bottom: 10px;
    }

    .usp__block p {
        margin: 20px 0 0 0;
    }

    .usp__block h4,
    .usp__block p {
        color: #fff;
    }

    .usp__block img {
        max-height: 45px;
        margin-bottom: 10px;
    }

    .usp__block.small-img img {
        max-height: 35px;
    }

/* Logo Grid section */

.logo-grid {
    width: 100%;
    padding: 5px;
    margin: 25px 0;
}

@media all and (max-width: 1024px) {
    .logo-grid {
        margin: 0 0 45px 0;
    }
}

.logo-grid .logo-grid__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .logo-grid .logo-grid__container .logo-grid__item {
        width: 14%;
        margin: 0 1%;
        padding: 10px;
        text-align: center;
        cursor: pointer;
    }

@media all and (max-width: 1024px) {
    .logo-grid .logo-grid__container .logo-grid__item {
        width: 21%;
    }
}

@media all and (max-width: 768px) {
    .logo-grid .logo-grid__container .logo-grid__item {
        width: 30%;
    }
}

@media all and (max-width: 500px) {
    .logo-grid .logo-grid__container .logo-grid__item {
        width: 48%;
    }
}

.logo-grid .logo-grid__container .logo-grid__item img {
    max-height: 160px;
    margin: 0 auto;
    opacity: 0.8;
}

.logo-grid .logo-grid__container .logo-grid__item:hover img {
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.range__categories__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.range__cat {
    width: 31%;
    min-height: 328px;
    height: 327px;
    background: #024466;
    text-align: center;
    padding: 20px 20px 30px 20px;
    margin: 1.5% 1.15%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .range__cat::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        top: 0;
        left: 0;
        opacity: 1;
        background: #FFDC00;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }

    .range__cat.omnicraft::before {
        background: #f18a2d;
    }

    .range__cat.omnicraft .range__intro {
        color: #f18a2d;
    }

    .range__cat:hover {
        background: #001827;
        -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
        transform: scale(1.025);
    }

        .range__cat:hover::before {
            opacity: 1;
        }

    .range__cat.light {
        background: #024466;
    }

        .range__cat.light:hover,
        .range__cat.small:hover {
            background: #003550;
        }

    .range__cat h4,
    .range__cat p {
        color: #fff;
        width: 100%;
    }

    .range__cat p {
        font-weight: 400;
        margin: 0;
    }

    .range__cat:hover p {
        text-decoration: underline;
    }

    .range__cat h4 {
        font-weight: bold;
        font-size: 25px;
    }

    .range__cat img {
        max-height: 130px;
        margin: 0 auto 15px auto;
    }

    .range__cat .range__intro {
        font-size: 14px;
        color: #FFDC00;
        font-weight: 400;
        display: block;
        width: 100%;
    }

.fullwidthCTA-container {
    padding: 0;
}

.fullwidth-cta {
    width: 100%;
    margin-top: 50px;
    min-height: 400px;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}
/*Landing Page*/
.contactStripeBox {
    padding: 15px 0px 0px 0px;
}

.contactStripeLink {
    background-color: #FCDE17;
    transition: background 0.4s ease;
}

    .contactStripeLink h2 {
        padding: 15px;
        text-align: center;
        margin-bottom: 0px;
    }

a:hover > .contactStripeLink {
    background: #008CBA;
}

    a:hover > .contactStripeLink h2 {
        color: #fff;
    }
/*End of Landing Page*/
.fullwidth-cta::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: 2;
}

.fullwidth-cta__text {
    display: block;
    padding: 50px;
    max-width: 800px;
    z-index: 3;
}

    .fullwidth-cta__text h2,
    .fullwidth-cta__text p {
        color: #001827;
    }

.products__grid__container {
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .products__grid__container.with-filter {
        flex-direction: column;
        padding-top: 75px;
    }

.product__menu {
    width: 15%;
    height: 100%;
    background: #eee;
}

.product__grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-none {
    display: none !important;
}

.product {
    width: 31%;
    margin: 1.5% 2.3% 1.5% 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px;
    margin: 15px 0;
    min-height: 330px;
    height: 329px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

    .product:hover {
        background: #f5f5f5;
        -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
        transform: scale(1.025);
        text-decoration: none;
        -webkit-box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
        box-shadow: 10px 5px 45px rgba(25, 33, 67, .35);
    }

.product__img {
    height: 150px;
    margin-bottom: 15px;
    width: auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.product-info-block {
    min-width: 365px;
}

.product__filter {
    margin-bottom: 25px;
    margin-top: 25px;
}

.product h4 {
    font-weight: bold;
    font-weight: 18px;
}

.product span {
    display: block;
    margin: 8px 0;
}

.discount {
    color: #888;
}

.product a {
    color: #00263D;
    text-decoration: underline;
}

.cta__boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cta {
    background: #024466;
    width: 49%;
    padding: 50px;
    min-height: 250px;
    text-align: center;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 10;
}

    .cta:hover {
        background: #00263D;
    }

.cta__background {
    position: absolute;
    left: -10px;
    bottom: -10px;
    height: 150px;
    width: 150px;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.cta h3,
.cta p,
.cta span {
    color: #fff;
}

.cta p {
    font-size: 16px;
}

.cta span {
    text-decoration: underline;
}

.go-back {
    color: #888;
    margin-bottom: 45px;
}

    .go-back a {
        color: #888;
    }

    .go-back i {
        font-size: 25px;
        margin-right: 10px;
        vertical-align: sub;
    }

.product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.container.article__container.products {
    padding: 20px 40px 0px 40px;
}

.product-inner__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35%;
    padding: 30px;
    background: #f9f9f9;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.product-inner__image {
    display: block;
}

    .product-inner__image img {
        height: 200px;
        width: auto;
    }

.product-inner__info {
    width: 70%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

    .product-inner__info.pricing-info {
        width: 60%;
    }

.secondary-product-content {
    margin-top: 40px;
}

.product-inner__cta {
    width: 25%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.product-inner .cta__boxes {
    display: block;
}

    .product-inner .cta__boxes .cta {
        width: 100%;
        padding: 50px 25px;
        min-height: 300px;
        height: 299px;
        background: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

.cta-content {
    display: block;
}

.product-inner .cta__boxes .cta:first-child {
    margin-bottom: 35px;
}

.product-inner .cta__boxes .cta h3 {
    width: 100%;
    font-size: 23px;
    color: #00263D;
}

.product-inner .cta__boxes .cta p {
    width: 100%;
    color: #00263D;
    margin: 0 0 5px 0;
}

.product-inner .cta__boxes .cta span {
    width: 100%;
    color: #00263D;
}

.product-inner .cta__boxes .cta:hover {
    background: #024466;
}

    .product-inner .cta__boxes .cta:hover h3,
    .product-inner .cta__boxes .cta:hover p,
    .product-inner .cta__boxes .cta:hover span {
        color: #fff;
    }

.product-inner__info .button {
    margin-top: 10px;
}

.product-inner.prices-page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .product-inner.prices-page .product-inner__info {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .product-inner.prices-page .product-inner__cta {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

.table-section {
    margin-bottom: 50px;
}

    .table-section.omnicraft-tables {
        margin-bottom: 20px;
    }

.product-table {
    margin: 30px 0 0 0;
    overflow-x: auto;
}

    .product-table table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .product-table th {
        background: #f18a2d;
        color: #fff;
        border: 1px solid #888;
        font-size: 15px;
        font-weight: normal;
        padding: 5px;
        line-height: 1.2;
    }

    .product-table tr:nth-child(even) {
        background: #f5f5f5;
    }

    .product-table td {
        padding: 6px;
        text-align: center;
        color: #555;
        width: auto;
        font-size: 12px;
        font-weight: normal;
    }

.product-inner__info .discount {
    color: #008CBA;
    font-size: 18px;
    font-weight: bold;
}

.promo__slides {
    height: 350px;
    margin-bottom: 50px;
}

    .promo__slides.page-head {
        height: 365px;
        background-repeat: no-repeat !important;
        background-position: right center !important;
        background-size: cover !important;
        display: table;
    }

    .promo__slides .caption-container {
        position: relative;
        max-width: 1400px;
        height: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }

    .promo__slides.main-slider-caption {
        position: absolute;
        bottom: -50px;
        max-width: 600px;
        padding: 50px;
        background: #00263D;
        color: #ffffff;
    }


.product__slides {
    width: 100%;
    position: relative;
}

    .product__slides .slide {
        width: 100%;
        height: 350px;
        padding: 50px;
        background-size: cover;
        background-position: center center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.product__slides__caption {
    max-width: 500px;
}

    .product__slides__caption h3,
    .product__slides__caption p {
        color: #fff;
    }



/*----- END OF INNER PAGES -----*/

/* Helpers */
.hide-on-up {
    display: none !important;
}

.pr {
    padding-right: 24px;
}

.grid.no-top {
    margin-top: -24px;
}

.col.no-top {
    margin-top: 0px;
}

/* Flickity Controls */

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    position: relative;
    height: 100%;
}

header.for-slides .flickity-viewport {
    position: relative;
    height: 100% !important;
}

header.page-head .flickity-viewport {
    position: relative;
    height: 365px !important;
}




/**Start - DealerLocator*/
#mapDiv {
    width: auto;
    height: 500px;
}

.locator-from {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#locator-widget {
    /*background: url(/media/3436/search-blue.png) no-repeat scroll 15px 13px;*/
    position: relative;
    font-family: "Ford", sans-serif;
    width: 68%;
    border: 1px solid #707070;
    color: #ccc;
    font-size: 18px;
    padding: 10px 10px 10px 20px;
    font-weight: 500;
    height: 45px;
    vertical-align: bottom;
}

    #locator-widget:before {
        content: '\f002';
        position: absolute;
        left: 10px;
        width: 20px;
        height: 20px;
        top: 10px;
        font-size: 10px;
        font: normal normal normal 14px/1 FontAwesome;
    }

#locator-submit-btn {
    margin: 0;
    width: 30%;
    border: 0;
}

.locator-from input[type=submit] {
    line-height: auto;
    border: none;
    cursor: pointer;
    vertical-align: bottom;
}

.dealer-details {
    position: relative;
    line-height: 1.4;
    background: #fff;
    padding: 20px 20px 20px 0;
    border-bottom: 2px solid #eee;
}

    .dealer-details p {
        margin: 15px 0;
    }

        .dealer-details p:nth-child(2) {
            font-size: 18px;
        }

            .dealer-details p:nth-child(2) i {
                display: none;
            }

    .dealer-details i {
        margin-right: 10px;
        font-size: 22px;
        color: #008CBA;
    }


#dashboard-dealer-details table#dealer-details tr > td {
    line-height: 1.5;
}

/**End DealerLocator*/


/*Overlay*/

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    left: -20px;
    top: 0;
    background-color: rgba(0, 38, 61, 1);
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .overlay .logo img {
        max-height: 60px;
        margin: 20px 20px 0 20px;
    }


.overlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
    margin-top: 0;
}

.overlay li {
    list-style: none;
}

    .overlay li a {
        padding: 12px;
        text-decoration: none;
        font-size: 23px;
        color: #fff;
        display: block;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.overlay .sub-menu {
    position: relative;
    top: 0;
    margin: 0 auto;
    left: 0;
    display: none;
    background: transparent;
    text-align: center;
    border-radius: 0;
}

    .overlay .sub-menu.mbt.show-sub {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .overlay .sub-menu.mbt.show-sub li a {
            color: #eee;
            font-size: 17px;
        }

    .overlay .sub-menu li {
        border: 0;
        text-align: center;
        line-height: 1.5;
    }

.mobile-nav li.active-page a {
    color: #FFDC00;
}

.mobile-nav .has-sub > a:after {
    color: #818181;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 45px;
    color: #FFDC00;
}

.product-info-img image {
    height: 200px;
    width: auto;
}

.product-info-img {
    max-height: 155px;
    margin-bottom: 15px;
}

.product-table.ford-genuine th, .product-table.ford-genuine-bodyshop th {
    background-color: #024466;
    color: #ffffff;
}

.product-table.motorcraft th {
    background-color: #dc1816;
}

.split-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .split-list ul {
        width: 49%;
    }

.iemenu {
    display: none;
    height: 40px;
}

    .iemenu img {
        max-height: 41px;
        height: 40px;
    }

/* --- Manage Cookie Settings --- */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-top: 30px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

button {
    border: 0;
}

/* ------ MOBILE ------*/

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.mobile-scroll-info {
    display: none;
}

.hide-button {
    display: none;
}

/*.quick-nav {display: none;}*/

@media all and (max-width:1600px) {
    .wrapper.home-page .container {
        padding: 0 100px;
    }

        .wrapper.home-page .container.article__container {
            padding: 50px 100px;
        }

    .centre__locator__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .centre__locator__results {
        width: 40%;
        margin-right: 2%;
    }

    .product__ranges__sub__item {
        background-size: contain;
        background-repeat: no-repeat
    }

    .carousel-slide {
        background-position: right center !important;
    }
}

/*1280px Breakpoint*/
@media all and (max-width:1280px) {
    .container {
        padding: 0 20px;
    }

    .fullwidthCTA-container {
        padding: 0;
    }

    .fullwidth-cta {
        background-position: right center;
    }

        .fullwidth-cta::before {
            background: rgba(0, 0, 0, .75);
            opacity: 1;
        }

    .fullwidth-cta__text h2,
    .fullwidth-cta__text p {
        color: #fff;
    }

    .fullwidth-cta__text {
        max-width: 100%;
    }

    .wrapper.home-page .container {
        padding: 0 20px;
    }

        .wrapper.home-page .container.article__container {
            padding: 50px 20px;
        }

    .navigation {
        max-width: 90%
    }

    .quick-nav {
        display: none;
    }

    /*	.quick-nav{left:0;bottom:0;top:inherit;margin-top:0;width:100%;background:#00263D}
	.quick-nav ul{text-align:center}
	.quick-nav ul a li{display:inline-block;padding:12px 30px;margin:0;background:transparent;color:#fff;border:none}
	.quick-nav ul a{border-right:1px solid #eee;border-top:0;border-bottom:0;border-left:0}
	.quick-nav ul a:hover, .quick-nav ul a:hover li{background:transparent}
	.quick-nav ul a:visited, .quick-nav ul a:visited li, .quick-nav ul a:active, .quick-nav ul a:active li{background:#024466}
	.quick-nav ul a:last-child{border-right:0}*/
    .flickity-button {
        display: none;
    }

    .carousel-text {
        padding: 25px;
        bottom: -75px;
        max-width: 500px;
    }

    .carousel-slide {
        background-position: center center !important;
    }

    .great__prices__grid__featured {
        background-size: contain;
        background-repeat: no-repeat;
        height: 535px
    }

    .product__ranges__sub__item p {
        max-width: 300px
    }

    .oil__selector .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .oil__selector__text {
        width: 100%
    }

    #oilDiv {
        min-height: auto;
    }

    #oilIframe {
        border-radius: 0px;
    }

    .oil__selector__app {
        width: 100%;
    }

    .footer__bottom__links ul li {
        padding: 0 10px;
        font-size: 13px
    }

    .promo-carousel .carousel .carousel-slide {
        background-position: right center !important;
    }

    .promo-carousel .carousel-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .promo-carousel .carousel-container:before {
            position: absolute;
            content: '';
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .45);
            z-index: 2;
        }

    .promo-carousel .carousel .carousel-text {
        position: relative;
        left: inherit;
        top: inherit;
        bottom: inherit;
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: inherit;
        z-index: 3;
    }

    .centre__locator__content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .centre__locator__results {
        width: 49%;
        margin-right: 0;
    }
}

/*992px Breakpoint*/
@media all and (max-width:992px) {
    h1 {
        font-size: 34px
    }

    h2 {
        font-size: 28px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 18px
    }

    .button {
        margin: 20px 0 0
    }

    main {
        margin: 90px auto 0
    }



    .top-menu-container .scrolled .top-menu .logo {
        width: inherit;
    }

    .sub-menu li a {
        height: initial
    }

    .carousel-text {
        left: 15px;
        bottom: 15px;
        /*top: calc(50% - 130px)*/
        ;
        max-width: 500px;
        z-index: 5;
    }

        .carousel-text h2 {
            margin: 0 0 5px 0;
        }

        .carousel-text .button {
            margin: 0;
        }

    .flickity-page-dots {
        z-index: 4;
    }

    .home__section {
        padding: 75px 0
    }

    .great__prices__grid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .great__prices__grid__featured {
        width: 100%;
        background-position: right bottom;
        height: 300px;
        margin-bottom: 15px
    }

    .featured__item__text {
        max-width: 480px
    }

    .fullwidth-cta__text {
        padding: 25px;
    }

    .great__prices__grid__quad {
        width: 100%
    }

    .quad__item {
        width: 24%
    }

        .quad__item img {
            height: auto
        }

        .quad__item p {
            font-size: 13px;
            margin: 15px 0 5px
        }

    .product__ranges__main__item {
        padding: 15px
    }

    .product__range__logo .ford__logo img {
        max-height: 50px
    }

    .product__range__logo img {
        max-height: 40px
    }

    .product__ranges__grid h3 {
        font-size: 20px
    }

    .product__ranges__sub__item {
        padding: 20px
    }

    .container .article__container {
        padding: 50px 20px
    }

    .content__split {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .content__split__image {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .content__split__text {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .why-pp .content__split__text {
        padding: 0 50px 50px
    }

    .oil__selector {
        padding: 50px
    }

    .oil__selector__app.home-oil {
        display: none;
    }

    .oil-page .oil__selector__app.home-oil {
        display: block;
    }

    .article__container .oil__selector__app {
        min-height: 240px;
        padding: 0 50px;
    }

    iframe#oilIframe {
        max-width: 100% !important;
    }

    .oil__selector__app div::before {
        padding-bottom: 0px !important;
    }

    .hide-button {
        display: inline-block;
    }

    .centre__locator__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .centre__locator__results {
        width: 100%
    }

    .centre__locator__map {
        width: 100%;
        margin-top: 25px
    }

    .footer__content {
        padding: 50px 0;
        margin: 0 auto;
    }

    .footer__column {
        width: 45%
    }

        .footer__column:nth-child(1n),
        .footer__column:nth-child(2n) {
            margin-bottom: 20px
        }

    .footer__bottom__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__bottom__logo {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px
    }

        .footer__bottom__logo img {
            max-height: 40px
        }

    .footer__bottom__links {
        width: 100%
    }

        .footer__bottom__links ul {
            text-align: center
        }

            .footer__bottom__links ul li {
                font-size: 15px
            }

                .footer__bottom__links ul li:nth-child(4) {
                    border-right: none;
                }

                .footer__bottom__links ul li:last-child {
                    display: block;
                    padding-top: 10px;
                }

    .footer-icon {
        margin-top: 10px;
        margin-bottom: 5px;
        margin-right: 15px;
    }

    .footer__bottom__links ul li .footer-icon:last-child {
        margin-right: 0;
    }



    .article__header {
        min-height: 350px
    }

    .article__header__text h1 {
        font-size: 50px
    }

    .usp__section {
        padding: 50px
    }

    .usp__block {
        width: 100%
    }

    .promo-slider .caption-container,
    .promo-slider .main-slider-caption {
        max-width: 100%;
        width: 100%
    }

        .promo-slider .main-slider-caption h3 {
            font-size: 35px
        }

    .product {
        width: 32%
    }

    .cta__boxes {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cta {
        width: 100%
    }

        .cta:first-child {
            margin-bottom: 20px
        }

    .product-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .product-inner__left {
        padding: 20px;
        min-height: 300px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

        .product-inner__left img {
            height: auto
        }

    .product-inner__info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .range__cat,
    .range__cat .small {
        width: 49%
    }

        .range__cat:nth-child(4n+1),
        .range__cat:nth-child(4n+2) {
            background: #002640
        }

        .range__cat:nth-child(4n+3),
        .range__cat:nth-child(4n+4) {
            background: #024466
        }

    .product-table th,
    .product-table td {
        font-size: 13px
    }

    a.anchor {
        display: block;
        position: relative;
        top: -100px;
        visibility: hidden
    }

    .product-inner__info {
        width: 100%;
    }

    .product-inner__cta {
        width: 100%;
        margin-top: 35px;
    }

    .product-inner .cta__boxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .product-inner .cta__boxes .cta {
            width: 49%;
            padding: 35px 25px;
            min-height: inherit;
        }

            .product-inner .cta__boxes .cta:first-child {
                margin: 0;
            }

    .form-section {
        flex-wrap: wrap;
    }

    .form-section-title,
    .form-section-group {
        width: 100%;
    }

        .form-section-title h4 {
            font-size: 22px;
        }

    .overlay.opened {
        overflow-y: auto;
    }
}

/*800px Breakpoint*/
@media all and (max-width:800px) {
    .carousel-container:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .65);
        z-index: 2;
    }

    .carousel-slide:first-child .carousel-container:before {
        background: rgba(0, 0, 0, .73);
    }

    .carousel-slide:nth-child(3),
    .carousel-slide:nth-child(4),
    .carousel-slide:nth-child(5) {
        background-position: right center !important;
    }

    .flickity-page-dots {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        right: 0;
    }

    .carousel-text {
        background: transparent;
        width: 100%;
        max-width: inherit;
        text-align: center;
        margin: 0 auto;
        padding: 0 50px;
        top: calc(50% - 97px);
        left: 0;
        bottom: inherit;
    }

        .carousel-text p {
            margin: 15px 0 25px 0;
        }

    /* ATTENTION - THESE CHANGES ARE FOR THE CHRISTMAS OPENING HOURS ONLY */
    /* .flickity-slider .carousel-slide:first-child .carousel-text {
    top: 0;
    padding-top: 30px;
  }
  .flickity-slider .carousel-slide:first-child .carousel-text p {
    margin-bottom: 20px;
  }
  .flickity-slider .carousel-slide:first-child .carousel-text p span:first-child {
    width: auto;
    padding-right: 10px;
  }
  .flickity-slider .carousel-slide:first-child .carousel-text p span:nth-child(2) {
    width: auto;
  } */



    .product__ranges__main__item {
        width: 100%;
        margin: 1% 0;
        background: #fff
    }

    .range__cat {
        padding: 20px 6px 30px 10px
    }

        .range__cat h4 {
            font-size: 22px
        }

    .quick-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .quick-nav ul a {
            width: 20%
        }

    .quick-nav span {
        display: block
    }
}

/*650px Breakpoint*/
@media all and (max-width:650px) {
    .home__section {
        padding: 50px 0;
    }

    .carousel-container:before {
        opacity: 0;
    }

    .carousel-slide {
        background: -o-linear-gradient(322deg, rgba(0, 38, 61, 1) 40%, rgba(2, 68, 102, 1) 100%) !important;
        background: linear-gradient(128deg, rgba(0, 38, 61, 1) 40%, rgba(2, 68, 102, 1) 100%) !important;
    }

        .carousel-slide:nth-child(3) .carousel-text:before,
        .carousel-slide:nth-child(4) .carousel-text:before,
        .carousel-slide:nth-child(5) .carousel-text:before {
            position: absolute;
            content: '';
            top: -60px;
            height: 40px;
            background-size: cover;
            background-position: center center;
        }

        .carousel-slide:nth-child(3) .carousel-text:before {
            background-image: url(/media/3090/logo-ford.png);
            left: calc(50% - 66px);
            width: 132px;
            height: 50px;
        }

        .carousel-slide:nth-child(4) .carousel-text:before {
            background-image: url(/media/3091/logo-motorcraft.png);
            left: calc(50% - 92px);
            width: 184px;
        }

        .carousel-slide:nth-child(5) .carousel-text:before {
            background-image: url(/media/3092/logo-omnicraft.png);
            left: calc(50% - 80px);
            width: 160px;
        }

    .carousel-text {
        top: calc(50% - 125px);
    }

    .carousel-slide:nth-child(3) .carousel-text,
    .carousel-slide:nth-child(4) .carousel-text,
    .carousel-slide:nth-child(5) .carousel-text {
        /*top: calc(50% - 100px);*/
    }


    .great__prices__grid__featured {
        position: relative;
        height: auto
    }

        .great__prices__grid__featured::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, .5);
            z-index: 2
        }

    .featured__item__text {
        z-index: 4;
        max-width: 100%;
        text-align: center;
        position: relative
    }

    .quad__item {
        width: 49%
    }

        .quad__item img {
            max-height: 110px
        }

    .product__ranges__sub__item {
        width: 100%
    }

    .why-pp .content__split__text {
        padding: 0 0 50px
    }

    .oil__selector .container {
        padding: 0
    }

    [style*="--aspect-ratio"] > :first-child {
        position: relative;
        min-height: 450px
    }

    [style*="--aspect-ratio"]::before {
        padding: 0
    }

    .footer__column {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }

        .footer__column:last-child {
            margin-bottom: 0
        }

        .footer__column h3 {
            margin-bottom: 8px
        }

    footer ul {
        margin: 8px 0 0
    }

    .article__header {
        min-height: 350px;
        padding: 100px 25px
    }

    .article__header__text img {
        max-height: 50px
    }

    .usp__section {
        padding: 50px 25px
    }

    .main-slider .slide:nth-child(1n)::after {
        background: #024466
    }

    .main-slider .slide:nth-child(2n)::after {
        background: #00263D
    }

    .main-slider .slide:nth-child(3n)::after {
        background: #222
    }

    .promo-slider .main-slider-caption {
        text-align: center
    }

    .product {
        width: 49%
    }

    .cta {
        padding: 50px 25px
    }

    .range__cat,
    .range__cat .small {
        width: 100%
    }

        .range__cat:nth-child(odd) {
            background: #002640
        }

        .range__cat:nth-child(even) {
            background: #024466
        }

    .no-bullet {
        margin: 20px 0
    }

    .product-inner__left {
        width: 100%;
        margin-bottom: 25px
    }

    .product-inner__info {
        width: 100%
    }

        .product-inner__info.pricing-info {
            width: 100%;
        }

    .product-table td {
        padding: 10px;
        border: 1px solid #999;
    }

    .mobile-scroll-info {
        display: block
    }

    .powered-by {
        text-align: center
    }

    .article__container .oil__selector__app {
        padding: 0;
    }

    .product-inner .cta__boxes .cta {
        width: 100%;
        margin: 20px 0;
    }

    .payment ul li {
        width: 100%;
    }

    .payment input.button {
        width: 100%;
        font-size: 20px;
    }
}

/*450px Breakpoint*/
@media all and (max-width:450px) {
    .top-menu {
        min-height: 85px;
        height: 95px;
        padding: 20px;
    }


    .fullwidth-cta__text {
        padding: 50px 25px;
    }

    .oil-button {
        margin-left: 0;
    }

    .navbar {
        height: auto;
    }

    main {
        margin: 95px auto 0 0;
    }

    .carousel {
        margin: 0;
        height: 65vh;
    }

    .carousel-slide {
        height: 65vh;
    }

    .carousel-text {
        padding: 0 15px;
    }

    .promo-carousel .carousel {
        height: auto;
    }

    .great__prices__grid__featured {
        background: #00263D;
        background-image: none !important
    }

        .great__prices__grid__featured::after {
            display: none
        }

    .featured__item__text {
        padding: 25px
    }

    .quad__item {
        width: 100%
    }

        .quad__item img {
            max-height: 125px
        }

        .quad__item p {
            font-size: 16px
        }

    .content__split__image {
        min-height: 250px
    }

    .oil__selector {
        padding: 50px 25px
    }

    .locator-from {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #locator-widget,
    #locator-submit-btn {
        width: 100%
    }

    #locator-submit-btn {
        margin-top: 10px
    }

    .footer__bottom__links ul li {
        border: none
    }

    .article__header {
        min-height: 300px;
        padding: 100px 50px
    }

        .article__header h1 {
            font-size: 35px
        }

    .container .article__container {
        padding: 25px 15px
    }

    .content__split__text {
        padding: 25px
    }

    .usp__block {
        background: transparent;
        padding: 0;
        margin: 20px 0
    }

        .usp__block:first-child {
            margin: 0 0 20px
        }

        .usp__block:last-child {
            margin: 20px 0 0
        }

    .product {
        width: 100%
    }

    .quick-nav ul a:nth-child(1n),
    .quick-nav ul a:nth-child(2n) {
        width: 50%;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee
    }

    .quick-nav ul a:nth-child(3n),
    .quick-nav ul a:nth-child(4n),
    .quick-nav ul a:nth-child(5n) {
        width: 33%
    }

    .quick-nav span {
        display: block
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    footer {
        position: relative;
        margin: 0 auto;
    }
}

/* Navigation Menu button */
.menu__button {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
}

@media only screen and (max-width: 576px) {
    #countdown ul {
        max-width: 100% !important;
    }

    #days, #hours, #minutes, #seconds {
        min-width: 80px !important;
        font-size: 7vh !important;
    }

    .logoBox {
        padding-top: 15%;
    }

    .csText {
        padding-left: 5%;
        padding-right: 5%;
    }

    .csTitle {
        font-size: 5vh !important;
    }

    .csCounter {
        margin-top: 8vh;
    }

    3
}

@media only screen and (max-width: 768px) {
    #countdown ul {
        max-width: 85%;
    }

    .csHeaderBox {
        margin-top: 10vh
    }

    #countdown ul li {
        min-width: 11%;
    }

    #days, #hours, #minutes, #seconds {
        min-width: 100px;
        font-size: 9vh
    }

    .csTitle {
        font-size: 7vh;
    }
}

@media only screen and (max-width:1230px) {
    .mobile-menu {
        display: block
    }

    .main-nav {
        display: none
    }

    .navbar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width: 1350px) {
    h3.summer-closure{
        padding: 15px 15%;
    }
    a.video-content video {
        object-position: 85% 50%;
        min-height: 280px
    }

    .text-content {
        max-width: 70%;
    }
}

@media only screen and (max-width: 1280px) {
    h3.summer-closure{
        font-size: 30px;
        padding: 15px 10%;
    }
    .video-title-header .description-hide p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    a.video-content .content .text-content {
        max-width: 68%;
    }

    a.video-content video {
        object-position: 66% 50%;
    }

    .text-content {
        width: 570px;
    }

    .offer-first-row-item2:hover .offer-image .offer-category-container,
    .offer-first-row-item2.item-3 .offer-category-container {
        background: #FFDC00;
        color: #00263D
    }

    .sub-hero {
        flex-flow: column;
    }

    .hero {
        padding: 0px
    }

    .offer-first-row-item2:hover .offer-image .offer-title {
        top: auto;
        position: absolute;
        background: rgba(0, 38, 61, 0.65);
        color: #ffffff
    }

    .offer-first-row-item2:hover .card-content.grid {
        display: none !important
    }

    .hero-content {
        text-align: center
    }

    .sub-hero a.sub-hero-link {
        background-position: 30% 50% !important;
    }

    .hero-content {
        margin: auto;
        position: absolute;
        top: 21%;
        left: 0;
        bottom: 0;
        right: 0;
        text-align: center;
    }

    .grid-container {
        display: flex;
        flex-flow: row wrap;
    }

    .offer-main-item {
        flex: 100%;
        background-position: 50% 11% !important;
        min-height: 300px;
    }

    .offer-first-row-item,
    .offer-first-row-item2,
    .offer-third-row-item2 {
        flex: 47%;
    }
        .offer-third-row-item2 .video-tile a img {
            object-position: 0% 50% !important;
        }
    .offer-main-item:hover {
        background-position: 50% 11% !important;
    }

    .offer-main-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(2, 0, 36, 0) 13%, rgba(0, 41, 66, 0.695203081232493) 46%, rgba(0, 41, 66, 1) 100%);
        opacity: 1;
        transition: opacity 0.3s;
        z-index: 0;
    }

    .offer-main-header {
        bottom: 27%;
    }

        .offer-main-header h3 {
            color: #FFDC00;
            max-width: 75%;
        }

    .offer-image,
    .offer-first-row-item2 {
        min-height: 300px
    }

    .offer-main-item:hover .offer-main-header {
        height: auto;
    }

    .offer-main-item:hover > .offer-main-header .subtitle-hide {
        display: block;
    }

    .offer-main-item:hover > .offer-main-header .description-hide, .video-title-header .description-hide {
        display: none !important;
    }

    p.subtitle-hide {
        color: #fff
    }
}

@media only screen and (max-width: 890px) {
    a.sub-hero-link, a.video-content {
        position: relative
    }

        a.sub-hero-link .content, .video-content .content, .video-content h2, .sub-hero-link h2 {
            z-index: 88;
        }

        a.sub-hero-link::after, a.video-content::after {
            content: "";
            z-index: 87;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
            background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
            background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7));
        }

    .card-image {
        background-size: cover !important;
        background-position: 76% 50% !important;
    }
}

@media only screen and (max-width: 768px) {
    .text-content p, .text-content h4 {
        font-size: 1rem;
    }

    .sub-hero a {
        /*max-height: 280px;*/
    }

    .hero video {
        max-height: inherit;
        min-height: initial;
    }

    a.sub-hero-link .content, .video-content .content {
        width: 100%;
        transform: translate(-29%, -50%);
    }

    .sub-hero-link video {
        object-position: right
    }

    .hero {
        min-height: auto
    }

    .hero-content h1 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 500px) {
    .hero-content h1 {
        font-size: 1.8rem;
    }

    .hero-content {
        top: 13%;
        padding: 0px 10px;
    }

        .hero-content p,
        .text-content p {
            font-size: 1.2rem;
            margin-bottom: 18px;
        }

    .card-container #items .item {
        flex: 45% !important;
    }

        .card-container #items .item:first-child {
            flex: 100% !important;
        }

    .text-content {
        max-width: 75%;
    }

    .sub-hero a.sub-hero-link {
        background-size: 125% !important;
        background-position: 9% 50% !important;
    }

    .item:hover a .card-image,
    .card-image {
        background-position: 62% 50% !important;
    }

        .card-image img {
            max-height: 53px;
            max-width: 132px;
        }
}