.Hub .hubCategoryButton,
.Hub .hubFilterButton,
.Hub .hubResetButton,
.Hub .hubShowFilterButton {
    transition: color .4s ease;
    border: 0;
    padding: 0;
    background: none;
    margin: 0;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 1.286;
    -webkit-text-size-adjust: none;
    color: #4a4f54
}

.Hub .hubCategoryButton:hover,
.Hub .hubFilterButton:hover,
.Hub .hubResetButton:hover,
.Hub .hubShowFilterButton:hover {
    color: #0c121c
}

.bulletsLine {
    padding-left: 1em;
    margin-left: 0
}

.bulletsLine li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.bulletsLine li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.bulletsNumbers {
    padding-left: 1.5em;
    margin-left: 0
}

.bulletsNumbers li {
    line-height: 1.286em;
    margin-bottom: 1.286em;
    list-style-type: decimal
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html {
    font-size: 10px
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

.clearfix,
.GridListWrapper[data-wrapper=float] .items {
    *zoom: 1
}

.clearfix:after,
.clearfix:before,
.GridListWrapper[data-wrapper=float] .items:after,
.GridListWrapper[data-wrapper=float] .items:before {
    content: " ";
    display: table
}

.clearfix:after,
.GridListWrapper[data-wrapper=float] .items:after {
    clear: both
}

.dxnav__body--noscroll .dxnav-header {
    max-width: 2000px
}

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

.mt-1 {
    margin-top: 10px!important;
    margin-top: 1rem!important
}

.mt-2 {
    margin-top: 20px!important;
    margin-top: 2rem!important
}

.mt-3 {
    margin-top: 30px!important;
    margin-top: 3rem!important
}

.mt-4 {
    margin-top: 40px!important;
    margin-top: 4rem!important
}

.mt-5 {
    margin-top: 50px!important;
    margin-top: 5rem!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: 10px!important;
    padding: 1rem!important
}

.p-2 {
    padding: 20px!important;
    padding: 2rem!important
}

.p-3 {
    padding: 30px!important;
    padding: 3rem!important
}

.p-4 {
    padding: 40px!important;
    padding: 4rem!important
}

.p-5 {
    padding: 50px!important;
    padding: 5rem!important
}

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

.pr-1 {
    padding-right: 10px!important;
    padding-right: 1rem!important
}

.pr-2 {
    padding-right: 20px!important;
    padding-right: 2rem!important
}

.pr-3 {
    padding-right: 30px!important;
    padding-right: 3rem!important
}

.pr-4 {
    padding-right: 40px!important;
    padding-right: 4rem!important
}

.pr-5 {
    padding-right: 50px!important;
    padding-right: 5rem!important
}

@-webkit-keyframes spinit {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@font-face {
    font-family: avenir;
    src: url(fonts/Avenir_Medium.eot);
    src: url(fonts/Avenir_Medium.woff) format("woff"), url(fonts/Avenir_Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: landRover;
    src: url(fonts/lr-ot4-light.eot);
    src: url(fonts/lr-ot4-light.woff) format("woff"), url(fonts/lr-ot4-light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icons;
    src: url(/resources/public/fonts/icons/icons-c99b1b780ee2d12e39718b6c1ffc776d.eot);
    src: url(/resources/public/fonts/icons/icons-c99b1b780ee2d12e39718b6c1ffc776d.eot?#iefix) format("embedded-opentype"), url(../../public/fonts/icons/icons-c99b1b780ee2d12e39718b6c1ffc776d.woff) format("woff"), url(../../public/fonts/icons/icons-c99b1b780ee2d12e39718b6c1ffc776d.ttf) format("truetype"), url(../../public/fonts/icons/icons-c99b1b780ee2d12e39718b6c1ffc776d.svg?#icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.icon-360-evo-jaguar:before {
    content: "\e001"
}

.icon-360-view:before {
    content: "\e002"
}

.icon-accessories-evo-jaguar:before {
    content: "\e003"
}

.icon-accessories:before {
    content: "\e004"
}

.icon-accolade-chevron-left:before {
    content: "\e005"
}

.icon-accolade-chevron-right:before {
    content: "\e006"
}

.icon-add-evo-jaguar:before {
    content: "\e007"
}

.icon-approved-used:before {
    content: "\e008"
}

.icon-apps-evo-jaguar:before {
    content: "\e009"
}

.icon-arduous-evo-jaguar:before {
    content: "\e00a"
}

.icon-arrow-down:before {
    content: "\e00b"
}

.icon-back-to-top:before {
    content: "\e00c"
}

.icon-bars:before {
    content: "\e00d"
}

.icon-bodyshop-evo-jaguar:before {
    content: "\e00e"
}

.icon-bodyshop:before {
    content: "\e00f"
}

.icon-bond:before {
    content: "\e010"
}

.icon-brakefluid-evo-jaguar:before {
    content: "\e011"
}

.icon-brakepads-evo-jaguar:before {
    content: "\e012"
}

.icon-brochure-evo-jaguar:before {
    content: "\e013"
}

.icon-calculate-trade-in-value:before {
    content: "\e014"
}

.icon-calendar-evo-jaguar:before {
    content: "\e015"
}

.icon-call-evo-jaguar:before {
    content: "\e016"
}

.icon-captions-on:before {
    content: "\e017"
}

.icon-captions:before {
    content: "\e018"
}

.icon-caution-evo-jaguar:before {
    content: "\e019"
}

.icon-caution:before {
    content: "\e01a"
}

.icon-chevron-down:before {
    content: "\e01b"
}

.icon-chevron-up:before {
    content: "\e01c"
}

.icon-chevronleft-evo-jaguar:before {
    content: "\e01d"
}

.icon-chevronright-evo-jaguar:before {
    content: "\e01e"
}

.icon-climate-jaguar:before {
    content: "\e01f"
}

.icon-clock-evo-jaguar:before {
    content: "\e020"
}

.icon-close-evo-jaguar:before {
    content: "\e021"
}

.icon-close:before {
    content: "\e022"
}

.icon-close_v2:before {
    content: "\e023"
}

.icon-close_v3:before {
    content: "\e024"
}

.icon-comment:before {
    content: "\e025"
}

.icon-compare-evo-jaguar:before {
    content: "\e026"
}

.icon-compare-jaguar:before {
    content: "\e027"
}

.icon-compare:before {
    content: "\e028"
}

.icon-comparison-jaguar:before {
    content: "\e029"
}

.icon-contact-evo-jaguar:before {
    content: "\e02a"
}

.icon-coolant-evo-jaguar:before {
    content: "\e02b"
}

.icon-directional-left:before {
    content: "\e02c"
}

.icon-directional-right:before {
    content: "\e02d"
}

.icon-dj-grass:before {
    content: "\e02e"
}

.icon-dj-gravel-rocks:before {
    content: "\e02f"
}

.icon-dj-mud-ruts:before {
    content: "\e030"
}

.icon-dj-on-road:before {
    content: "\e031"
}

.icon-dj-sand:before {
    content: "\e032"
}

.icon-dj-snow-ice:before {
    content: "\e033"
}

.icon-dj-water:before {
    content: "\e034"
}

.icon-dots-evo-jaguar:before {
    content: "\e035"
}

.icon-download-evo-jaguar:before {
    content: "\e036"
}

.icon-download:before {
    content: "\e037"
}

.icon-drag-arrow-down:before {
    content: "\e038"
}

.icon-drag-arrow-left:before {
    content: "\e039"
}

.icon-drag-arrow-right:before {
    content: "\e03a"
}

.icon-drag-arrow-up:before {
    content: "\e03b"
}

.icon-drive-evo-jaguar:before {
    content: "\e03c"
}

.icon-driveoffroad:before {
    content: "\e03d"
}

.icon-driveonroad-jaguar:before {
    content: "\e03e"
}

.icon-driveonroad:before {
    content: "\e03f"
}

.icon-edit-evo-jaguar:before {
    content: "\e040"
}

.icon-email-evo-jaguar:before {
    content: "\e041"
}

.icon-experience-evo-jaguar:before {
    content: "\e042"
}

.icon-explore:before {
    content: "\e043"
}

.icon-favourite-evo-jaguar:before {
    content: "\e044"
}

.icon-fax-evo-jaguar:before {
    content: "\e045"
}

.icon-fax:before {
    content: "\e046"
}

.icon-filter-evo-jaguar:before {
    content: "\e047"
}

.icon-filter:before {
    content: "\e048"
}

.icon-filterclose-evo-jaguar:before {
    content: "\e049"
}

.icon-finance-calculator-jaguar:before {
    content: "\e04a"
}

.icon-finance-calculator:before {
    content: "\e04b"
}

.icon-financecalculator-evo-jaguar:before {
    content: "\e04c"
}

.icon-fuel-evo-jaguar:before {
    content: "\e04d"
}

.icon-fullscreen-evo-jaguar:before {
    content: "\e04e"
}

.icon-fullscreen-exit:before {
    content: "\e04f"
}

.icon-fullscreen:before {
    content: "\e050"
}

.icon-gallery-categories:before {
    content: "\e051"
}

.icon-gallery-evo-jaguar:before {
    content: "\e052"
}

.icon-guides-evo-jaguar:before {
    content: "\e053"
}

.icon-help-evo-jaguar:before {
    content: "\e054"
}

.icon-ignite-brochure-jaguar:before {
    content: "\e055"
}

.icon-ignite-brochure:before {
    content: "\e056"
}

.icon-ignite-configure-jaguar:before {
    content: "\e057"
}

.icon-ignite-configure:before {
    content: "\e058"
}

.icon-ignite-drive:before {
    content: "\e059"
}

.icon-ignite-inform-jaguar:before {
    content: "\e05a"
}

.icon-ignite-inform:before {
    content: "\e05b"
}

.icon-incontrol-evo-jaguar:before {
    content: "\e05c"
}

.icon-info-evo-jaguar:before {
    content: "\e05d"
}

.icon-information:before {
    content: "\e05e"
}

.icon-inventory:before {
    content: "\e05f"
}

.icon-jag2you-evo-jaguar:before {
    content: "\e060"
}

.icon-land-rover-to-you:before {
    content: "\e061"
}

.icon-left-open-big:before {
    content: "\e062"
}

.icon-link-evo-jaguar:before {
    content: "\e063"
}

.icon-location-evo-jaguar:before {
    content: "\e064"
}

.icon-location:before {
    content: "\e065"
}

.icon-login-evo-jaguar:before {
    content: "\e066"
}

.icon-map-pin-jaguar:before {
    content: "\e067"
}

.icon-map-pin:before {
    content: "\e068"
}

.icon-media-jaguar:before {
    content: "\e069"
}

.icon-minus-jaguar:before {
    content: "\e06a"
}

.icon-minus:before {
    content: "\e06b"
}

.icon-motorway-jaguar:before {
    content: "\e06c"
}

.icon-new-star-jaguar:before {
    content: "\e06d"
}

.icon-new-star:before {
    content: "\e06e"
}

.icon-nocostoption:before {
    content: "\e06f"
}

.icon-notes-evo-jaguar:before {
    content: "\e070"
}

.icon-notes:before {
    content: "\e071"
}

.icon-notifications-evo-jaguar:before {
    content: "\e072"
}

.icon-offereuro-evo-jaguar:before {
    content: "\e073"
}

.icon-offerpound-evo-jaguar:before {
    content: "\e074"
}

.icon-offers-finance-jaguar:before {
    content: "\e075"
}

.icon-offers-finance:before {
    content: "\e076"
}

.icon-oil-evo-jaguar:before {
    content: "\e077"
}

.icon-optional:before {
    content: "\e078"
}

.icon-ordertracker-evo-jaguar:before {
    content: "\e079"
}

.icon-owners:before {
    content: "\e07a"
}

.icon-parts-evo-jaguar:before {
    content: "\e07b"
}

.icon-parts:before {
    content: "\e07c"
}

.icon-pause-evo-jaguar:before {
    content: "\e07d"
}

.icon-pause:before {
    content: "\e07e"
}

.icon-phone-jaguar:before {
    content: "\e07f"
}

.icon-phone:before {
    content: "\e080"
}

.icon-play-evo-jaguar:before {
    content: "\e081"
}

.icon-play:before {
    content: "\e082"
}

.icon-plus-jaguar:before {
    content: "\e083"
}

.icon-plus:before {
    content: "\e084"
}

.icon-predelivery-evo-jaguar:before {
    content: "\e085"
}

.icon-preparationsale-evo-jaguar:before {
    content: "\e086"
}

.icon-print-evo-jaguar:before {
    content: "\e087"
}

.icon-print:before {
    content: "\e088"
}

.icon-profile-evo-jaguar:before {
    content: "\e089"
}

.icon-question-mark:before {
    content: "\e08a"
}

.icon-quickstartguides-evo-jaguar:before {
    content: "\e08b"
}

.icon-quote-left-mena:before {
    content: "\e08c"
}

.icon-quote-left:before {
    content: "\e08d"
}

.icon-quote-right-mena:before {
    content: "\e08e"
}

.icon-quote-right:before {
    content: "\e08f"
}

.icon-quotegbp-evo-jaguar:before {
    content: "\e090"
}

.icon-quoteusd-evo-jaguar:before {
    content: "\e091"
}

.icon-reload-evo-jaguar:before {
    content: "\e092"
}

.icon-reminder-evo-jaguar:before {
    content: "\e093"
}

.icon-remove-evo-jaguar:before {
    content: "\e094"
}

.icon-repair:before {
    content: "\e095"
}

.icon-replay:before {
    content: "\e096"
}

.icon-request-quote-dollar-jaguar:before {
    content: "\e097"
}

.icon-request-quote-uk-jaguar:before {
    content: "\e098"
}

.icon-request-quote:before {
    content: "\e099"
}

.icon-right-open-big:before {
    content: "\e09a"
}

.icon-salespreferred-evo-jaguar:before {
    content: "\e09b"
}

.icon-save-evo-jaguar:before {
    content: "\e09c"
}

.icon-search-evo-jaguar:before {
    content: "\e09d"
}

.icon-search:before {
    content: "\e09e"
}

.icon-service-evo-jaguar:before {
    content: "\e09f"
}

.icon-service:before {
    content: "\e0a0"
}

.icon-servicehistory-evo-jaguar:before {
    content: "\e0a1"
}

.icon-servicepreferred-evo-jaguar:before {
    content: "\e0a2"
}

.icon-share-evo-jaguar:before {
    content: "\e0a3"
}

.icon-share-jaguar:before {
    content: "\e0a4"
}

.icon-share:before {
    content: "\e0a5"
}

.icon-shop-evo-jaguar:before {
    content: "\e0a6"
}

.icon-shop-jaguar:before {
    content: "\e0a7"
}

.icon-snowflake-jaguar:before {
    content: "\e0a8"
}

.icon-social-facebook-comment:before {
    content: "\e0a9"
}

.icon-social-facebook-like:before {
    content: "\e0aa"
}

.icon-social-facebook-share:before {
    content: "\e0ab"
}

.icon-social-instagram-comment:before {
    content: "\e0ac"
}

.icon-social-instagram-like:before {
    content: "\e0ad"
}

.icon-social-pinterest-like:before {
    content: "\e0ae"
}

.icon-social-pinterest-pin:before {
    content: "\e0af"
}

.icon-social-twitter-favourite:before {
    content: "\e0b0"
}

.icon-social-twitter-retweet:before {
    content: "\e0b1"
}

.icon-social_blogger:before {
    content: "\e0b2"
}

.icon-social_douban:before {
    content: "\e0b3"
}

.icon-social_facebook:before {
    content: "\e0b4"
}

.icon-social_google:before {
    content: "\e0b5"
}

.icon-social_instagram:before {
    content: "\e0b6"
}

.icon-social_linkedin:before {
    content: "\e0b7"
}

.icon-social_pinterest:before {
    content: "\e0b8"
}

.icon-social_renren:before {
    content: "\e0b9"
}

.icon-social_sinaweibo:before {
    content: "\e0ba"
}

.icon-social_tumblr:before {
    content: "\e0bb"
}

.icon-social_twitter:before {
    content: "\e0bc"
}

.icon-social_vkontakt:before {
    content: "\e0bd"
}

.icon-social_wechat:before {
    content: "\e0be"
}

.icon-social_whatsapp:before {
    content: "\e0bf"
}

.icon-social_youtube:before {
    content: "\e0c0"
}

.icon-sound-evo-jaguar:before {
    content: "\e0c1"
}

.icon-sound-off:before {
    content: "\e0c2"
}

.icon-sound-on:before {
    content: "\e0c3"
}

.icon-speed-jaguar:before {
    content: "\e0c4"
}

.icon-standard:before {
    content: "\e0c5"
}

.icon-stepone-evo-jaguar:before {
    content: "\e0c6"
}

.icon-stepthree-evo-jaguar:before {
    content: "\e0c7"
}

.icon-steptwo-evo-jaguar:before {
    content: "\e0c8"
}

.icon-subtitles-on:before {
    content: "\e0c9"
}

.icon-subtitles:before {
    content: "\e0ca"
}

.icon-svo:before {
    content: "\e0cb"
}

.icon-target-evo-jaguar:before {
    content: "\e0cc"
}

.icon-thumbnail_view:before {
    content: "\e0cd"
}

.icon-tick:before {
    content: "\e0ce"
}

.icon-tickcircle-evo-jaguar:before {
    content: "\e0cf"
}

.icon-tyrepressure-evo-jaguar:before {
    content: "\e0d0"
}

.icon-value-jaguar:before {
    content: "\e0d1"
}

.icon-vehicle-evo-jaguar:before {
    content: "\e0d2"
}

.icon-vehicleadd-evo-jaguar:before {
    content: "\e0d3"
}

.icon-videoguides-evo-jaguar:before {
    content: "\e0d4"
}

.icon-view-vehicles:before {
    content: "\e0d5"
}

.icon-warning-evo-jaguar:before {
    content: "\e0d6"
}

.icon-warning:before {
    content: "\e0d7"
}

.icon-washerfluid-evo-jaguar:before {
    content: "\e0d8"
}

.icon-xcircle-evo-jaguar:before {
    content: "\e0d9"
}

.icon-zoom-evo-jaguar:before {
    content: "\e0da"
}

.icon-zoom:before {
    content: "\e0db"
}

.icon-zoom_in:before {
    content: "\e0dc"
}

.icon-zoom_out:before {
    content: "\e0dd"
}

html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden
}

.main-footer,
header {
    background-color: #4a4f54;
    min-height: 4em;
}

header {
    text-align: center;
    margin: 1em;
}

header h1 {
    color: #ffffff;
    font-size: 2em;
    padding: 3em 1em;
    font-family: landRover, sans-serif;
}

.copy__conatiner {
    padding: 2em 5em;
}

.copy__conatiner p {
    margin-bottom: 1em;
    font-family: avenir, arial, helvetica, sans-serif;
}

.copy__conatiner a {
   color: #4a4f54;
}

.page__logo {
    padding: 1em;
}

body {
    color: #fff;
    height: 100%;
}

.lt-ie9 body,
body:not(.isFullscreen) {
    max-width: 2000px;
    margin: 0 auto
}

.lt-ie9 body {
    position: relative
}

body.dxSharedNav .dxnav-header {
    max-width: 2000px
}

@media screen and (min-width:1px) and (max-width:740px) {
    html {
        height: auto!important
    }
}

.paddedTransition {
    transition: padding .4s
}

html.noScroll,
html.noScroll body,
html.stry-in-focus,
html.stry-in-focus body {
    overflow: hidden!important
}

html.noScroll.forceScrollBar.no-touch .pageWrapper {
    height: 100.1%;
    overflow-y: scroll
}

*,
:after,
:before {
    -webkit-tap-highlight-color: transparent
}

@media screen and (min-width:1px) and (max-width:900px) {
    .padSides {
        padding-left: 60px;
        padding-right: 60px
    }
}

#logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

#logo h1 {
    height: 100%
}

#logo a {
    position: relative;
    display: block
}

#logo img {
    width: 115px;
    position: absolute;
    top: 24px;
    left: 36px
}

.no-js #logo img {
    height: 60px
}

#jaguar .marketSelectorTemplate #logo,
#jaguar .marketSelectorTemplate #logo span {
    font-size: 0
}

#jaguar .marketSelectorTemplate #logo img {
    top: 40px;
    left: 40px
}

@media screen and (min-width:1px) and (max-width:1200px) {
    #jaguar .marketSelectorTemplate #logo {
        position: static;
        text-align: center;
        padding: 80px 0
    }
    #jaguar .marketSelectorTemplate #logo img {
        position: static
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #jaguar .marketSelectorTemplate #logo {
        padding: 32px 0
    }
}

.section {
    margin: 0 auto;
    min-width: 200px;
    overflow: hidden
}

.el,
.el .section,
.section {
    width: 100%
}

.el {
    position: relative;
    float: left
}

body .container {
    padding: 0;
    position: relative;
    max-width: 2000px;
    margin: 0 auto
}

body.isFullscreen .container {
    max-width: none
}

.gridContext {
    position: relative
}

@media screen and (min-width:1px) and (max-width:740px) {
    .section {
        width: 96%
    }
    .el .section {
        width: 100%
    }
}

@media screen and (min-width:740px) and (max-width:899px) {
    .section {
        min-width: 320px
    }
    .el .section,
    .section {
        width: 100%
    }
    body .el .el {
        left: 0;
        width: 100%
    }
}

@media screen and (min-width:901px) {
    .el .section,
    .section {
        width: 100%
    }
}

.row {
    position: relative
}

.row:after {
    content: "";
    display: table;
    clear: both
}

.row [class*=col-] {
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 10px;
    margin-left: 0
}

.rtl .row [class*=col-] {
    float: right
}

.row [class*=col-].nopadding {
    padding: 0
}

.GridListWrapper {
    display: block;
    width: 100%;
    padding: 80px 70px 40px;
    overflow: hidden;
    *zoom: 1
}

.GridListWrapper .items .el {
    display: inline-block;
    float: none;
    width: 33.333%;
    padding: 0 20px 40px;
    vertical-align: top
}

.GridListWrapper .items .el img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 33px
}

.GridListWrapper .items .el .carouselImageLink,
.GridListWrapper .items .el .fullscreen {
    margin: 0;
    padding: 0
}

.GridListWrapper .items .el .carouselImageLink:before,
.GridListWrapper .items .el .fullscreen:before {
    content: ""
}

.GridListWrapper .items .el .fullscreen {
    display: inline
}

.GridListWrapper .items .el .carouselImageLink {
    display: block;
    margin-bottom: 33px;
    vertical-align: top
}

.GridListWrapper .items .el .carouselImageLink img {
    margin-bottom: 0;
    padding-bottom: 0
}

.GridListWrapper .items .el .date {
    font-size: 12px;
    padding-bottom: 9px;
    color: #4a4f54
}

.GridListWrapper .items .el .heading {
    margin-bottom: 22px
}

.GridListWrapper .items .el .price {
    color: #4a4f54;
    font-family: avenir, arial, helvetica, sans-serif;
    display: block;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1.5px;
    margin-top: -14px;
    margin-bottom: 13px
}

.GridListWrapper .items .el .secondaryLinkWithStyle {
    margin-top: 24px
}

.GridListWrapper .items .el .secondaryLinkContainer {
    margin-top: 15px
}

.GridListWrapper .items .el .secondaryLinkContainer:first-child {
    margin-top: 24px
}

.GridListWrapper .items .el .secondaryLinkContainer .secondaryLinkWithStyle {
    margin: 0
}

.GridListWrapper .items[data-total="4"] .el,
.GridListWrapper .items[data-total="7"] .el,
.GridListWrapper .items[data-total="8"] .el {
    width: 25%
}

.GridListWrapper .items[data-total="1"] .el,
.GridListWrapper .items[data-total="2"] .el {
    width: 50%
}

.GridListWrapper .items[data-total="1"] .el {
    display: block;
    margin: auto
}

.GridListWrapper .ctaContainer {
    margin-top: 40px;
    margin-bottom: 40px
}

.GridListWrapper[data-wrapper=float] .items .el {
    display: block;
    float: left
}

.GridListWrapper[data-wrapper=float] .items .el:nth-child(3n+1) {
    clear: left
}

.GridListWrapper[data-wrapper=float] .items[data-total="4"] .el:nth-child(3n+1),
.GridListWrapper[data-wrapper=float] .items[data-total="7"] .el:nth-child(3n+1),
.GridListWrapper[data-wrapper=float] .items[data-total="8"] .el:nth-child(3n+1) {
    clear: none
}

.GridListWrapper[data-wrapper=float] .items[data-total="4"] .el:nth-child(4n+1),
.GridListWrapper[data-wrapper=float] .items[data-total="7"] .el:nth-child(4n+1),
.GridListWrapper[data-wrapper=float] .items[data-total="8"] .el:nth-child(4n+1) {
    clear: left
}

.GridListWrapper[data-wrapper=float] .items[data-total="1"] .el:nth-child(3n+1),
.GridListWrapper[data-wrapper=float] .items[data-total="2"] .el:nth-child(3n+1) {
    clear: none
}

.GridListWrapper[data-wrapper=float] .items[data-total="1"] .el:nth-child(odd),
.GridListWrapper[data-wrapper=float] .items[data-total="2"] .el:nth-child(odd) {
    clear: left
}

.GridListWrapper[data-wrapper=float] .items[data-total="1"] .el {
    display: block;
    float: none;
    margin: auto
}

.dark .GridListWrapper .items .el .date,
.dark .GridListWrapper .items .el .price,
.GridListWrapper.dark .items .el .date,
.GridListWrapper.dark .items .el .price {
    color: #e4e8e8
}

@media screen and (min-width:1px) and (max-width:900px) {
    .GridListWrapper {
        padding: 40px 20px
    }
    .GridListWrapper .items .el,
    .GridListWrapper .items[data-total="4"] .el,
    .GridListWrapper .items[data-total="5"] .el,
    .GridListWrapper .items[data-total="6"] .el,
    .GridListWrapper .items[data-total="7"] .el,
    .GridListWrapper .items[data-total="8"] .el {
        width: 50%
    }
    .GridListWrapper[data-wrapper=float] .items .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items .el:nth-child(4n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="4"] .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="4"] .el:nth-child(4n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="5"] .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="5"] .el:nth-child(4n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="6"] .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="6"] .el:nth-child(4n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="7"] .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="7"] .el:nth-child(4n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="8"] .el:nth-child(3n+1),
    .GridListWrapper[data-wrapper=float] .items[data-total="8"] .el:nth-child(4n+1) {
        clear: none
    }
    .GridListWrapper[data-wrapper=float] .items .el:nth-child(odd),
    .GridListWrapper[data-wrapper=float] .items[data-total="4"] .el:nth-child(odd),
    .GridListWrapper[data-wrapper=float] .items[data-total="5"] .el:nth-child(odd),
    .GridListWrapper[data-wrapper=float] .items[data-total="6"] .el:nth-child(odd),
    .GridListWrapper[data-wrapper=float] .items[data-total="7"] .el:nth-child(odd),
    .GridListWrapper[data-wrapper=float] .items[data-total="8"] .el:nth-child(odd) {
        clear: left
    }
    .GridListWrapper .ctaContainer {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .GridListWrapper {
        padding: 30px 10px 0
    }
    .GridListWrapper .items .el,
    .GridListWrapper .items[data-total="1"] .el,
    .GridListWrapper .items[data-total="2"] .el,
    .GridListWrapper .items[data-total="4"] .el,
    .GridListWrapper .items[data-total="5"] .el,
    .GridListWrapper .items[data-total="6"] .el,
    .GridListWrapper .items[data-total="7"] .el,
    .GridListWrapper .items[data-total="8"] .el {
        width: 100%
    }
    .GridListWrapper .items .el .carouselImageLink,
    .GridListWrapper .items .el img,
    .GridListWrapper .items[data-total="1"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="1"] .el img,
    .GridListWrapper .items[data-total="2"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="2"] .el img,
    .GridListWrapper .items[data-total="4"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="4"] .el img,
    .GridListWrapper .items[data-total="5"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="5"] .el img,
    .GridListWrapper .items[data-total="6"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="6"] .el img,
    .GridListWrapper .items[data-total="7"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="7"] .el img,
    .GridListWrapper .items[data-total="8"] .el .carouselImageLink,
    .GridListWrapper .items[data-total="8"] .el img {
        margin-bottom: 22px
    }
    .GridListWrapper[data-wrapper=float] .items .el {
        float: none;
        clear: both
    }
    .GridListWrapper .ctaContainer {
        margin-bottom: 30px
    }
}

.no-js .GridListWrapper .ctaContainer {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .GridListWrapper {
        padding-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .GridListWrapper .items .el:last-child {
        padding-bottom: 30px
    }
}

.TwoColumnContainer .GridListWrapper .items .el {
    width: 50%
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .TwoColumnContainer .GridListWrapper .items .el {
        width: 25%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TwoColumnContainer .GridListWrapper .items .el {
        width: auto;
        display: block
    }
}

.pageWrapper {
    margin: 0 auto;
    max-width: 2000px;
    padding: 0;
    position: relative;
    padding-top: 0
}

.grey .heading,
.grey .heading a,
.light .heading,
.light .heading a,
.no-js .lightWhenNoJS .heading,
.no-js .lightWhenNoJS .heading a,
[data-theme=grey] .heading,
[data-theme=grey] .heading a,
[data-theme=light] .heading,
[data-theme=light] .heading a {
    color: #0c121c
}

.grey .heading .headingWrapper:after,
.grey .heading .headingWrapper:before,
.grey .heading a .headingWrapper:after,
.grey .heading a .headingWrapper:before,
.light .heading .headingWrapper:after,
.light .heading .headingWrapper:before,
.light .heading a .headingWrapper:after,
.light .heading a .headingWrapper:before,
.no-js .lightWhenNoJS .heading .headingWrapper:after,
.no-js .lightWhenNoJS .heading .headingWrapper:before,
.no-js .lightWhenNoJS .heading a .headingWrapper:after,
.no-js .lightWhenNoJS .heading a .headingWrapper:before,
[data-theme=grey] .heading .headingWrapper:after,
[data-theme=grey] .heading .headingWrapper:before,
[data-theme=grey] .heading a .headingWrapper:after,
[data-theme=grey] .heading a .headingWrapper:before,
[data-theme=light] .heading .headingWrapper:after,
[data-theme=light] .heading .headingWrapper:before,
[data-theme=light] .heading a .headingWrapper:after,
[data-theme=light] .heading a .headingWrapper:before {
    background-color: #0c121c
}

.dark .heading,
.dark .heading a,
[data-theme=dark] .heading,
[data-theme=dark] .heading a {
    color: #e4e8e8
}

.dark .heading .headingWrapper:after,
.dark .heading .headingWrapper:before,
.dark .heading a .headingWrapper:after,
.dark .heading a .headingWrapper:before,
[data-theme=dark] .heading .headingWrapper:after,
[data-theme=dark] .heading .headingWrapper:before,
[data-theme=dark] .heading a .headingWrapper:after,
[data-theme=dark] .heading a .headingWrapper:before {
    background-color: #fff
}

.headerBlock {
    margin: 0 auto 80px
}

.headerBlock:not(.headerBlockLeft) {
    text-align: center
}

.headerBlock .heading,
.headerBlock:last-child {
    margin-bottom: 0
}

.headerBlock .subHeading {
    max-width: 80%;
    margin: 25px auto 0;
    font-size: 18px
}

.headerBlock.headerBlockH3 .subHeading {
    font-size: 14px;
    margin-top: 16px
}

.headerBlock.headerBlockWithForm {
    margin-bottom: 40px
}

.GridListWrapper .headerBlock {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBlock {
        margin-bottom: 40px
    }
    .headerBlock .subHeading {
        font-size: 16px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBlock {
        margin-bottom: 30px
    }
    .headerBlock .subHeading {
        max-width: none;
        font-size: 14px
    }
    .headerBlock.headerBlockH3:not(.headerBlockH3CentreSmall),
    .headerBlock.headerBlockH3:not(.headerBlockH3CentreSmall) .heading {
        text-align: left
    }
    .headerBlock.headerBlockWithForm {
        margin-bottom: 30px
    }
}

.headerBlock.headerBlockLeft {
    margin-bottom: 40px
}

.headerBlock.headerBlockLeft,
.headerBlock.headerBlockLeft .subHeading {
    text-align: inherit
}

.headerBlock.headerBlockLeft .subHeading {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    margin: 25px 0 0;
    max-width: 66.667%;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.2em
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBlock.headerBlockLeft .subHeading {
        max-width: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBlock.headerBlockLeft {
        margin-bottom: 30px
    }
}

.heading {
    letter-spacing: .05em;
    -webkit-font-smoothing: antialiased
}

.heading.headingFocus .headingWrapper,
.heading.headingLinear .headingWrapper {
    display: inline-block;
    position: relative;
    padding: .1875em 0 .25em
}

.heading.headingFocus .headingWrapper:after,
.heading.headingFocus .headingWrapper:before,
.heading.headingLinear .headingWrapper:after,
.heading.headingLinear .headingWrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.heading.headingFocus .headingWrapper:before,
.heading.headingLinear .headingWrapper:before {
    top: -1px
}

.heading.headingFocus .headingWrapper:after,
.heading.headingLinear .headingWrapper:after {
    bottom: -1px
}

.heading.headingFocus .headingWrapper>span,
.heading.headingLinear .headingWrapper>span {
    display: block
}

.heading.headingFocus .headingWrapper .headingTextSub,
.heading.headingLinear .headingWrapper .headingTextSub {
    margin-top: .17461538461538em;
    padding-bottom: .15em;
    font-size: 50%;
    margin-left: auto;
    margin-right: auto
}

.heading a {
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .heading.headingFocus .headingWrapper .headingTextSub,
    .heading.headingLinear .headingWrapper .headingTextSub {
        margin-top: 5px
    }
}

.heading {
    color: #0c121c
}

.heading .headingWrapper:after,
.heading .headingWrapper:before {
    background-color: #0c121c
}

.headingLight {
    color: #e4e8e8
}

.headingLight .headingWrapper:after,
.headingLight .headingWrapper:before {
    background-color: #fff
}

.headingLightGrey {
    color: #e4e8e8
}

.headingLightGrey .headingWrapper:after,
.headingLightGrey .headingWrapper:before {
    background-color: #e4e8e8
}

.heading {
    text-align: left
}

.heading .headingWrapper:after,
.heading .headingWrapper:before {
    left: 0;
    right: auto;
    margin-left: 0
}

.headingCentre {
    text-align: center
}

.headingCentre.headingFocus .headingWrapper:after,
.headingCentre.headingFocus .headingWrapper:before {
    left: 50%;
    right: auto;
    margin-left: -.67em
}

.headingRight {
    text-align: right
}

.headingRight .headingWrapper:after,
.headingRight .headingWrapper:before {
    left: auto;
    right: 0;
    margin-left: 0
}

.heading .headingWrapper:after,
.heading .headingWrapper:before {
    width: 0
}

.headingLinear .headingWrapper:after,
.headingLinear .headingWrapper:before {
    width: 100%
}

.headingFocus .headingWrapper:after,
.headingFocus .headingWrapper:before {
    width: 1.34em
}

.heading {
    padding: 1px 0
}

.heading .headingWrapper:after,
.heading .headingWrapper:before {
    height: 1px
}

.headingThick {
    padding: 2px 0
}

.headingThick .headingWrapper:after,
.headingThick .headingWrapper:before {
    height: 2px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headingThick {
        padding-top: 0;
        padding-bottom: 0
    }
}

.heading.headingH1,
h1.heading {
    font-size: 48px
}

.heading.headingH2,
h2.heading {
    font-size: 38px
}

.heading.headingH3,
h3.heading {
    font-size: 24px
}

.heading.headingH4,
h4.heading {
    font-size: 18px
}

.heading.headingH5,
h5.heading {
    font-size: 16px
}

.heading.headingH6,
h6.heading {
    font-size: 14px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .heading.headingH1,
    h1.heading {
        font-size: 42px
    }
    .heading.headingH2,
    h2.heading {
        font-size: 33px
    }
    .heading.headingH3,
    h3.heading {
        font-size: 21px
    }
    .heading.headingH4,
    h4.heading {
        font-size: 18px
    }
    .heading.headingH5,
    h5.heading {
        font-size: 16px
    }
    .heading.headingH6,
    h6.heading {
        font-size: 14px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .heading.headingH1,
    h1.heading {
        font-size: 30px
    }
    .heading.headingH2,
    h2.heading {
        font-size: 26px
    }
    .heading.headingH3,
    h3.heading {
        font-size: 18px
    }
    .heading.headingH4,
    h4.heading {
        font-size: 16px
    }
    .heading.headingH5,
    h5.heading {
        font-size: 15px
    }
    .heading.headingH6,
    h6.heading {
        font-size: 14px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .heading.headingFocus .headingWrapper,
    .heading.headingLinear .headingWrapper {
        padding: 0
    }
    .heading.headingFocus .headingWrapper:after,
    .heading.headingFocus .headingWrapper:before,
    .heading.headingLinear .headingWrapper:after,
    .heading.headingLinear .headingWrapper:before {
        display: none
    }
}

.shelfComponent {
    display: block;
    padding: 80px 90px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.shelfComponent:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}

@media screen and (min-width:1px) and (max-width:900px) {
    .shelfComponent {
        padding: 40px
    }
    .shelfComponent .ctaContainer {
        margin-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .shelfComponent {
        padding: 30px
    }
    .shelfComponent .ctaContainer {
        margin-top: 30px
    }
}

.spriteFlag-AE {
    background-image: url(/resources/public/images/flags/AE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AF {
    background-image: url(/resources/public/images/flags/AF.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AG {
    background-image: url(/resources/public/images/flags/AG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AL {
    background-image: url(/resources/public/images/flags/AL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AM {
    background-image: url(/resources/public/images/flags/AM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AN {
    background-image: url(/resources/public/images/flags/AN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AO {
    background-image: url(/resources/public/images/flags/AO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AR {
    background-image: url(/resources/public/images/flags/AR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AT {
    background-image: url(/resources/public/images/flags/AT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AU {
    background-image: url(/resources/public/images/flags/AU.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AW {
    background-image: url(/resources/public/images/flags/AW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-AZ {
    background-image: url(/resources/public/images/flags/AZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BA {
    background-image: url(/resources/public/images/flags/BA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BB {
    background-image: url(/resources/public/images/flags/BB.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BD {
    background-image: url(/resources/public/images/flags/BD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BE {
    background-image: url(/resources/public/images/flags/BE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BF {
    background-image: url(/resources/public/images/flags/BF.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BG {
    background-image: url(/resources/public/images/flags/BG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BH {
    background-image: url(/resources/public/images/flags/BH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BI {
    background-image: url(/resources/public/images/flags/BI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BJ {
    background-image: url(/resources/public/images/flags/BJ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BL {
    background-image: url(/resources/public/images/flags/BL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BM {
    background-image: url(/resources/public/images/flags/BM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BN {
    background-image: url(/resources/public/images/flags/BN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BO {
    background-image: url(/resources/public/images/flags/BO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BR {
    background-image: url(/resources/public/images/flags/BR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BS {
    background-image: url(/resources/public/images/flags/BS.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BT {
    background-image: url(/resources/public/images/flags/BT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BY {
    background-image: url(/resources/public/images/flags/BY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-BZ {
    background-image: url(/resources/public/images/flags/BZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CA {
    background-image: url(/resources/public/images/flags/CA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CD {
    background-image: url(/resources/public/images/flags/CD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CG {
    background-image: url(/resources/public/images/flags/CG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CH {
    background-image: url(/resources/public/images/flags/CH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CI {
    background-image: url(/resources/public/images/flags/CI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CL {
    background-image: url(/resources/public/images/flags/CL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CM {
    background-image: url(/resources/public/images/flags/CM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CN {
    background-image: url(/resources/public/images/flags/CN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CO {
    background-image: url(/resources/public/images/flags/CO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CR {
    background-image: url(/resources/public/images/flags/CR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CV {
    background-image: url(/resources/public/images/flags/CV.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CW {
    background-image: url(/resources/public/images/flags/CW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CY {
    background-image: url(/resources/public/images/flags/CY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CYJ {
    background-image: url(/resources/public/images/flags/CYJ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CYL {
    background-image: url(/resources/public/images/flags/CYL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-CZ {
    background-image: url(/resources/public/images/flags/CZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DE {
    background-image: url(/resources/public/images/flags/DE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DJ {
    background-image: url(/resources/public/images/flags/DJ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DK {
    background-image: url(/resources/public/images/flags/DK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DM {
    background-image: url(/resources/public/images/flags/DM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DO {
    background-image: url(/resources/public/images/flags/DO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-DZ {
    background-image: url(/resources/public/images/flags/DZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-EC {
    background-image: url(/resources/public/images/flags/EC.png);
    width: 30px;
    height: 22px
}

.spriteFlag-EE {
    background-image: url(/resources/public/images/flags/EE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-EG {
    background-image: url(/resources/public/images/flags/EG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-EH {
    background-image: url(/resources/public/images/flags/EH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ER {
    background-image: url(/resources/public/images/flags/ER.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ES {
    background-image: url(/resources/public/images/flags/ES.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ET {
    background-image: url(/resources/public/images/flags/ET.png);
    width: 30px;
    height: 22px
}

.spriteFlag-FI {
    background-image: url(/resources/public/images/flags/FI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-FJ {
    background-image: url(/resources/public/images/flags/FJ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-FK {
    background-image: url(/resources/public/images/flags/FK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-FR {
    background-image: url(/resources/public/images/flags/FR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GA {
    background-image: url(/resources/public/images/flags/GA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GB {
    background-image: url(/resources/public/images/flags/GB.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GD {
    background-image: url(/resources/public/images/flags/GD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GE {
    background-image: url(/resources/public/images/flags/GE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GH {
    background-image: url(/resources/public/images/flags/GH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GI {
    background-image: url(/resources/public/images/flags/GI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GM {
    background-image: url(/resources/public/images/flags/GM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GN {
    background-image: url(/resources/public/images/flags/GN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GQ {
    background-image: url(/resources/public/images/flags/GQ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GR {
    background-image: url(/resources/public/images/flags/GR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GT {
    background-image: url(/resources/public/images/flags/GT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GW {
    background-image: url(/resources/public/images/flags/GW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-GY {
    background-image: url(/resources/public/images/flags/GY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-HK {
    background-image: url(/resources/public/images/flags/HK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-HN {
    background-image: url(/resources/public/images/flags/HN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-HR {
    background-image: url(/resources/public/images/flags/HR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-HT {
    background-image: url(/resources/public/images/flags/HT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-HU {
    background-image: url(/resources/public/images/flags/HU.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ID {
    background-image: url(/resources/public/images/flags/ID.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IE {
    background-image: url(/resources/public/images/flags/IE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IL {
    background-image: url(/resources/public/images/flags/IL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IN {
    background-image: url(/resources/public/images/flags/IN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IQ {
    background-image: url(/resources/public/images/flags/IQ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IS {
    background-image: url(/resources/public/images/flags/IS.png);
    width: 30px;
    height: 22px
}

.spriteFlag-IT {
    background-image: url(/resources/public/images/flags/IT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-JM {
    background-image: url(/resources/public/images/flags/JM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-JO {
    background-image: url(/resources/public/images/flags/JO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-JP {
    background-image: url(/resources/public/images/flags/JP.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KE {
    background-image: url(/resources/public/images/flags/KE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KH {
    background-image: url(/resources/public/images/flags/KH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KM {
    background-image: url(/resources/public/images/flags/KM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KN {
    background-image: url(/resources/public/images/flags/KN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KR {
    background-image: url(/resources/public/images/flags/KR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KW {
    background-image: url(/resources/public/images/flags/KW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KY {
    background-image: url(/resources/public/images/flags/KY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-KZ {
    background-image: url(/resources/public/images/flags/KZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LA {
    background-image: url(/resources/public/images/flags/LA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LB {
    background-image: url(/resources/public/images/flags/LB.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LC {
    background-image: url(/resources/public/images/flags/LC.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LK {
    background-image: url(/resources/public/images/flags/LK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LR {
    background-image: url(/resources/public/images/flags/LR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LT {
    background-image: url(/resources/public/images/flags/LT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LU {
    background-image: url(/resources/public/images/flags/LU.png);
    width: 30px;
    height: 22px
}

.spriteFlag-LV {
    background-image: url(/resources/public/images/flags/LV.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MA {
    background-image: url(/resources/public/images/flags/MA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MD {
    background-image: url(/resources/public/images/flags/MD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ME {
    background-image: url(/resources/public/images/flags/ME.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MG {
    background-image: url(/resources/public/images/flags/MG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MK {
    background-image: url(/resources/public/images/flags/MK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ML {
    background-image: url(/resources/public/images/flags/ML.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MM {
    background-image: url(/resources/public/images/flags/MM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MN {
    background-image: url(/resources/public/images/flags/MN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MR {
    background-image: url(/resources/public/images/flags/MR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MT {
    background-image: url(/resources/public/images/flags/MT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MU {
    background-image: url(/resources/public/images/flags/MU.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MW {
    background-image: url(/resources/public/images/flags/MW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MX {
    background-image: url(/resources/public/images/flags/MX.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MY {
    background-image: url(/resources/public/images/flags/MY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-MZ {
    background-image: url(/resources/public/images/flags/MZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NC {
    background-image: url(/resources/public/images/flags/NC.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NE {
    background-image: url(/resources/public/images/flags/NE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NG {
    background-image: url(/resources/public/images/flags/NG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NI {
    background-image: url(/resources/public/images/flags/NI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NL {
    background-image: url(/resources/public/images/flags/NL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NO {
    background-image: url(/resources/public/images/flags/NO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NP {
    background-image: url(/resources/public/images/flags/NP.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NY {
    background-image: url(/resources/public/images/flags/NY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-NZ {
    background-image: url(/resources/public/images/flags/NZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-OM {
    background-image: url(/resources/public/images/flags/OM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PA {
    background-image: url(/resources/public/images/flags/PA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PE {
    background-image: url(/resources/public/images/flags/PE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PF {
    background-image: url(/resources/public/images/flags/PF.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PG {
    background-image: url(/resources/public/images/flags/PG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PH {
    background-image: url(/resources/public/images/flags/PH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PK {
    background-image: url(/resources/public/images/flags/PK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PL {
    background-image: url(/resources/public/images/flags/PL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PS {
    background-image: url(/resources/public/images/flags/PS.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PT {
    background-image: url(/resources/public/images/flags/PT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-PY {
    background-image: url(/resources/public/images/flags/PY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-QA {
    background-image: url(/resources/public/images/flags/QA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-RI {
    background-image: url(/resources/public/images/flags/RI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-RO {
    background-image: url(/resources/public/images/flags/RO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-RS {
    background-image: url(/resources/public/images/flags/RS.png);
    width: 30px;
    height: 22px
}

.spriteFlag-RU {
    background-image: url(/resources/public/images/flags/RU.png);
    width: 30px;
    height: 22px
}

.spriteFlag-RW {
    background-image: url(/resources/public/images/flags/RW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SA {
    background-image: url(/resources/public/images/flags/SA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SC {
    background-image: url(/resources/public/images/flags/SC.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SD {
    background-image: url(/resources/public/images/flags/SD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SE {
    background-image: url(/resources/public/images/flags/SE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SG {
    background-image: url(/resources/public/images/flags/SG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SI {
    background-image: url(/resources/public/images/flags/SI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SK {
    background-image: url(/resources/public/images/flags/SK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SL {
    background-image: url(/resources/public/images/flags/SL.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SN {
    background-image: url(/resources/public/images/flags/SN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SO {
    background-image: url(/resources/public/images/flags/SO.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SR {
    background-image: url(/resources/public/images/flags/SR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SS {
    background-image: url(/resources/public/images/flags/SS.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ST {
    background-image: url(/resources/public/images/flags/ST.png);
    width: 30px;
    height: 22px
}

.spriteFlag-SV {
    background-image: url(/resources/public/images/flags/SV.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TC {
    background-image: url(/resources/public/images/flags/TC.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TD {
    background-image: url(/resources/public/images/flags/TD.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TG {
    background-image: url(/resources/public/images/flags/TG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TH {
    background-image: url(/resources/public/images/flags/TH.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TN {
    background-image: url(/resources/public/images/flags/TN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TR {
    background-image: url(/resources/public/images/flags/TR.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TT {
    background-image: url(/resources/public/images/flags/TT.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TW {
    background-image: url(/resources/public/images/flags/TW.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TY {
    background-image: url(/resources/public/images/flags/TY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-TZ {
    background-image: url(/resources/public/images/flags/TZ.png);
    width: 30px;
    height: 22px
}

.spriteFlag-UA {
    background-image: url(/resources/public/images/flags/UA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-UG {
    background-image: url(/resources/public/images/flags/UG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-UK {
    background-image: url(/resources/public/images/flags/UK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-US {
    background-image: url(/resources/public/images/flags/US.png);
    width: 30px;
    height: 22px
}

.spriteFlag-UY {
    background-image: url(/resources/public/images/flags/UY.png);
    width: 30px;
    height: 22px
}

.spriteFlag-VG {
    background-image: url(/resources/public/images/flags/VG.png);
    width: 30px;
    height: 22px
}

.spriteFlag-VN {
    background-image: url(/resources/public/images/flags/VN.png);
    width: 30px;
    height: 22px
}

.spriteFlag-XI {
    background-image: url(/resources/public/images/flags/XI.png);
    width: 30px;
    height: 22px
}

.spriteFlag-XK {
    background-image: url(/resources/public/images/flags/XK.png);
    width: 30px;
    height: 22px
}

.spriteFlag-XM {
    background-image: url(/resources/public/images/flags/XM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-XX {
    background-image: url(/resources/public/images/flags/XX.png);
    width: 30px;
    height: 22px
}

.spriteFlag-YE {
    background-image: url(/resources/public/images/flags/YE.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ZA {
    background-image: url(/resources/public/images/flags/ZA.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ZM {
    background-image: url(/resources/public/images/flags/ZM.png);
    width: 30px;
    height: 22px
}

.spriteFlag-ZW {
    background-image: url(/resources/public/images/flags/ZW.png);
    width: 30px;
    height: 22px
}

.ieOnly,
.ieOnlyInline {
    display: none
}

#landrover .landrover-hide,
.hide {
    display: none!important
}

.show {
    display: inherit!important
}

.touchOnly {
    display: none!important
}

.touch .touchOnly {
    display: inherit!important
}

@media screen and (min-width:1px) and (max-width:740px) {
    .hideOnMobile {
        display: none!important
    }
}

@media screen and (min-width:741px) {
    .hideOnTablet,
    .onlyOnMobile {
        display: none!important
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .onlyOnDesktop {
        display: none!important
    }
}

@media screen and (min-width:901px) {
    .hideOnDesktop {
        display: none!important
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .onlyOnOver1024 {
        display: none!important
    }
}

@media screen and (min-width:1025px) {
    .hideOnOver1024 {
        display: none!important
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .onlyOnExtraLargeDesktop {
        display: none!important
    }
}

@media screen and (min-width:1281px) {
    .hideOnExtraLargeDesktop {
        display: none!important
    }
}

.visuallyHidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

img.alignLeft {
    float: left;
    margin: 5px 18px 18px 0
}

img.alignRight {
    float: right;
    margin: 5px 0 18px 18px
}

.ContentBlocksContainer .ctaListLink,
.secondaryLinkWithStyle {
    line-height: 1.25;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: .25em;
    text-decoration: none;
    border: 0
}

p>a {
    text-decoration: none;
    border-bottom: 1px solid
}

.dark a,
[data-theme=dark] a {
    color: #e4e8e8;
    border-bottom-color: hsla(180, 8%, 90%, .25)!important
}

.grey a,
.light a,
.no-js .lightWhenNoJS a,
.white a,
[data-theme=grey] a,
[data-theme=light] a,
[data-theme=white] a {
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.primaryLinks {
    text-align: left
}

.primaryLinksCentre {
    text-align: center
}

.primaryLinksRight {
    text-align: right
}

.fourthLinkContainer,
.primaryLinkContainer,
.secondaryLinkContainer,
.thirdLinkContainer {
    line-height: 0;
    display: block
}

.Snippet .primaryLinkContainer .primaryLinkWithStyle,
.Snippet .secondaryLinkContainer .primaryLinkWithStyle {
    display: inline-block;
    margin: 0;
    line-height: 45px;
    padding-top: 0
}

.Snippet .primaryLinkContainer .primaryLinkWithStyle>span,
.Snippet .secondaryLinkContainer .primaryLinkWithStyle>span {
    display: inline
}

.Snippet .primaryLinkContainer .primaryLinkWithStyle+.primaryLinkWithStyle,
.Snippet .secondaryLinkContainer .primaryLinkWithStyle+.primaryLinkWithStyle {
    margin-left: 30px
}

.Snippet .secondaryLinkContainer .primaryLinkWithStyle,
.Snippet .secondaryLinkContainer .secondaryLinkWithStyle {
    margin-top: 24px
}

.ctaContainer {
    margin-top: 80px;
    text-align: center
}

#landrover .ctaContainer a {
    margin: 0;
    vertical-align: top
}

input.primaryLinkWithStyle {
    display: inline-block
}

#landrover .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover .plwsLight,
#landrover .plwsTransparentLight {
    background-color: #fff;
    color: #0c121c
}

#landrover .plwsLight:hover,
#landrover .plwsTransparentLight:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover .plwsLight.disabled:hover,
#landrover .plwsTransparentLight.disabled:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .plwsLight:focus,
#landrover.focusStylesOn .plwsTransparentLight:focus {
    background-color: #0c121c;
    color: #0c121c
}

#landrover.focusStylesOn .plwsLight.disabled:focus,
#landrover.focusStylesOn .plwsTransparentLight.disabled:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover .plwsExtreme {
    background-color: #f2681d;
    color: #fff
}

#landrover .plwsExtreme:hover {
    background-color: #fff;
    color: #f2681d
}

#landrover .plwsExtreme.disabled:hover {
    background-color: #f2681d;
    color: #fff
}

#landrover.focusStylesOn .plwsExtreme:focus {
    background-color: #fff;
    color: #f2681d
}

#landrover.focusStylesOn .plwsExtreme.disabled:focus {
    background-color: #f2681d;
    color: #fff
}

#landrover .grey .plwsLight,
#landrover .grey .plwsTransparentLight,
#landrover .light .plwsLight,
#landrover .light .plwsTransparentLight,
#landrover .white .plwsLight,
#landrover .white .plwsTransparentLight,
#landrover [data-theme=grey] .plwsLight,
#landrover [data-theme=grey] .plwsTransparentLight,
#landrover [data-theme=light] .plwsLight,
#landrover [data-theme=light] .plwsTransparentLight,
#landrover [data-theme=white] .plwsLight,
#landrover [data-theme=white] .plwsTransparentLight {
    background-color: #0c121c;
    color: #fff
}

#landrover .grey .plwsLight:hover,
#landrover .grey .plwsTransparentLight:hover,
#landrover .light .plwsLight:hover,
#landrover .light .plwsTransparentLight:hover,
#landrover .white .plwsLight:hover,
#landrover .white .plwsTransparentLight:hover,
#landrover [data-theme=grey] .plwsLight:hover,
#landrover [data-theme=grey] .plwsTransparentLight:hover,
#landrover [data-theme=light] .plwsLight:hover,
#landrover [data-theme=light] .plwsTransparentLight:hover,
#landrover [data-theme=white] .plwsLight:hover,
#landrover [data-theme=white] .plwsTransparentLight:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .grey .plwsLight.disabled:hover,
#landrover .grey .plwsTransparentLight.disabled:hover,
#landrover .light .plwsLight.disabled:hover,
#landrover .light .plwsTransparentLight.disabled:hover,
#landrover .white .plwsLight.disabled:hover,
#landrover .white .plwsTransparentLight.disabled:hover,
#landrover [data-theme=grey] .plwsLight.disabled:hover,
#landrover [data-theme=grey] .plwsTransparentLight.disabled:hover,
#landrover [data-theme=light] .plwsLight.disabled:hover,
#landrover [data-theme=light] .plwsTransparentLight.disabled:hover,
#landrover [data-theme=white] .plwsLight.disabled:hover,
#landrover [data-theme=white] .plwsTransparentLight.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .grey .plwsLight:focus,
#landrover.focusStylesOn .grey .plwsTransparentLight:focus,
#landrover.focusStylesOn .light .plwsLight:focus,
#landrover.focusStylesOn .light .plwsTransparentLight:focus,
#landrover.focusStylesOn .white .plwsLight:focus,
#landrover.focusStylesOn .white .plwsTransparentLight:focus,
#landrover.focusStylesOn [data-theme=grey] .plwsLight:focus,
#landrover.focusStylesOn [data-theme=grey] .plwsTransparentLight:focus,
#landrover.focusStylesOn [data-theme=light] .plwsLight:focus,
#landrover.focusStylesOn [data-theme=light] .plwsTransparentLight:focus,
#landrover.focusStylesOn [data-theme=white] .plwsLight:focus,
#landrover.focusStylesOn [data-theme=white] .plwsTransparentLight:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .grey .plwsLight.disabled:focus,
#landrover.focusStylesOn .grey .plwsTransparentLight.disabled:focus,
#landrover.focusStylesOn .light .plwsLight.disabled:focus,
#landrover.focusStylesOn .light .plwsTransparentLight.disabled:focus,
#landrover.focusStylesOn .white .plwsLight.disabled:focus,
#landrover.focusStylesOn .white .plwsTransparentLight.disabled:focus,
#landrover.focusStylesOn [data-theme=grey] .plwsLight.disabled:focus,
#landrover.focusStylesOn [data-theme=grey] .plwsTransparentLight.disabled:focus,
#landrover.focusStylesOn [data-theme=light] .plwsLight.disabled:focus,
#landrover.focusStylesOn [data-theme=light] .plwsTransparentLight.disabled:focus,
#landrover.focusStylesOn [data-theme=white] .plwsLight.disabled:focus,
#landrover.focusStylesOn [data-theme=white] .plwsTransparentLight.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover .dark .primaryLinkWithStyle,
#landrover [data-contrast=dark] .primaryLinkWithStyle,
#landrover [data-theme=dark] .primaryLinkWithStyle {
    background-color: #fff;
    color: #0c121c
}

#landrover .dark .primaryLinkWithStyle:hover,
#landrover [data-contrast=dark] .primaryLinkWithStyle:hover,
#landrover [data-theme=dark] .primaryLinkWithStyle:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover .dark .primaryLinkWithStyle.disabled:hover,
#landrover [data-contrast=dark] .primaryLinkWithStyle.disabled:hover,
#landrover [data-theme=dark] .primaryLinkWithStyle.disabled:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .dark .primaryLinkWithStyle:focus,
#landrover.focusStylesOn [data-contrast=dark] .primaryLinkWithStyle:focus,
#landrover.focusStylesOn [data-theme=dark] .primaryLinkWithStyle:focus {
    background-color: #0c121c;
    color: #0c121c
}

#landrover.focusStylesOn .dark .primaryLinkWithStyle.disabled:focus,
#landrover.focusStylesOn [data-contrast=dark] .primaryLinkWithStyle.disabled:focus,
#landrover.focusStylesOn [data-theme=dark] .primaryLinkWithStyle.disabled:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover .dark .plwsExtreme,
#landrover [data-contrast=dark] .plwsExtreme,
#landrover [data-theme=dark] .plwsExtreme {
    background-color: #f2681d;
    color: #fff
}

#landrover .dark .plwsExtreme:hover,
#landrover [data-contrast=dark] .plwsExtreme:hover,
#landrover [data-theme=dark] .plwsExtreme:hover {
    background-color: #fff;
    color: #f2681d
}

#landrover .dark .plwsExtreme.disabled:hover,
#landrover [data-contrast=dark] .plwsExtreme.disabled:hover,
#landrover [data-theme=dark] .plwsExtreme.disabled:hover {
    background-color: #f2681d;
    color: #fff
}

#landrover.focusStylesOn .dark .plwsExtreme:focus,
#landrover.focusStylesOn [data-contrast=dark] .plwsExtreme:focus,
#landrover.focusStylesOn [data-theme=dark] .plwsExtreme:focus {
    background-color: #fff;
    color: #f2681d
}

#landrover.focusStylesOn .dark .plwsExtreme.disabled:focus,
#landrover.focusStylesOn [data-contrast=dark] .plwsExtreme.disabled:focus,
#landrover.focusStylesOn [data-theme=dark] .plwsExtreme.disabled:focus {
    background-color: #f2681d;
    color: #fff
}

.primaryLinkWithStyle[class*=" icon-"],
.primaryLinkWithStyle[class^=icon-] {
    padding-left: 49px;
    position: relative
}

.primaryLinkWithStyle[class*=" icon-"]:before,
.primaryLinkWithStyle[class^=icon-]:before {
    font-size: 20px;
    position: absolute;
    top: 23px;
    left: 15px;
    line-height: 0
}

.primaryLinkWithStyle.icon-ignite-brochure:before {
    font-size: 18px
}

.primaryLinkWithStyle.icon-finance-calculator:before,
.primaryLinkWithStyle.icon-share:before {
    font-size: 18px;
    top: 22px
}

.primaryLinkWithStyle.icon-offers:before {
    font-size: 15px
}

.primaryLinkWithStyle.icon-request-quote:before {
    font-size: 17px;
    top: 22px
}

.primaryLinkWithStyle.icon-ignite-inform:before {
    font-size: 18px;
    top: 24px
}

.primaryLinkWithStyle.icon-inventory:before {
    font-size: 18px;
    top: 21px
}

.primaryLinkWithStyle.icon-driveoffroad:before {
    top: 22px
}

.primaryLinkWithStyle.icon-new-star:before {
    font-size: 17px;
    top: 21px
}

.secondaryLinkWithStyle {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    padding-left: 18px;
    overflow: hidden;
    *zoom: 1;
    transition: color .4s, text-shadow .4s;
    margin-bottom: 20px
}

.secondaryLinkWithStyle:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 1px;
    left: -4px
}

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

.primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle,
.primaryLinkContainer+.secondaryLinkWithStyle {
    margin-top: 28px
}

#landrover .secondaryLinkWithStyle {
    color: #898d90
}

#landrover.focusStylesOn .secondaryLinkWithStyle:focus,
#landrover .secondaryLinkWithStyle:hover {
    color: #4a4f54;
    text-shadow: none
}

#landrover .dark .secondaryLinkWithStyle,
#landrover [data-theme=dark] .secondaryLinkWithStyle {
    color: #aeb0b2
}

#landrover .dark .secondaryLinkWithStyle:hover,
#landrover.focusStylesOn .dark .secondaryLinkWithStyle:focus,
#landrover.focusStylesOn [data-theme=dark] .secondaryLinkWithStyle:focus,
#landrover [data-theme=dark] .secondaryLinkWithStyle:hover {
    color: #e4e8e8;
    text-shadow: none
}

.strokeCTA {
    display: inline-table;
    min-width: 125px;
    height: 45px;
    line-height: 12px;
    margin-top: 30px;
    padding: 1px 24px 0;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .3em;
    cursor: pointer;
    border: 0;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition: color .4s, background-color .4s;
    overflow: hidden;
    *zoom: 1;
    background-color: transparent;
    color: #005a2b;
    border: 1px solid rgba(74, 79, 84, .6);
    box-sizing: border-box
}

.strokeCTA>span {
    display: table-cell;
    vertical-align: middle
}

.strokeCTA.disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    cursor: default
}

.strokeCTA:hover {
    background-color: #000;
    color: #fff;
    border-color: #000
}

.strokeCTA.disabled {
    background-color: transparent;
    color: #f0f0f0;
    border-color: rgba(0, 0, 0, .12)
}

.primaryLinkWithStyle {
    display: inline-table;
    min-width: 125px;
    height: 45px;
    line-height: 12px;
    margin-top: 30px;
    padding: 1px 24px 0;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .3em;
    cursor: pointer;
    border: 0;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition: color .4s, background-color .4s;
    overflow: hidden;
    *zoom: 1
}

.primaryLinkWithStyle>span {
    display: table-cell;
    vertical-align: middle
}

.primaryLinkWithStyle.disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    cursor: default
}

.overlay {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    z-index: 11;
    max-width: 2000px;
    margin: 0 auto
}

.overlay.transparent {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.mediaOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer
}

.mediaOverlay .mediaOverlayBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%;
    height: 110%;
    background-color: transparent;
    transition: background-color .4s
}

.lt-ie9 .mediaOverlay .mediaOverlayBg {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #000
}

.mediaOverlay.mediaOverlayOpaque .mediaOverlayBg {
    background-color: rgba(0, 0, 0, .1)
}

.lt-ie9 .mediaOverlay.mediaOverlayOpaque {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: .1
}

.mediaOverlay .mediaOverlayIcon {
    position: absolute
}

.mediaOverlay .mediaOverlayIcon:before {
    font-family: icons;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.mediaOverlay.mediaOverlayImage .mediaOverlayIcon {
    right: 15px;
    bottom: 13px
}

.mediaOverlay.mediaOverlayImage .mediaOverlayIcon:before {
    font-size: 22px
}

.mediaOverlay.mediaOverlayVideo .mediaOverlayIcon {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    font-size: 0
}

.mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:after,
.mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    display: inline-block;
    vertical-align: middle
}

.mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:after {
    content: "";
    height: 100%;
    width: 0
}

.coverImgBtn:focus+.mediaOverlay .mediaOverlayBg,
.mediaOverlay:hover .mediaOverlayBg,
a:hover .mediaOverlay .mediaOverlayBg {
    background-color: rgba(0, 0, 0, .3)
}

.lt-ie9 .coverImgBtn:focus+.mediaOverlay .mediaOverlayBg,
.lt-ie9 .mediaOverlay:hover .mediaOverlayBg,
.lt-ie9 a:hover .mediaOverlay .mediaOverlayBg {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: .3;
    background-color: #000
}

.Gallery .rsThumbs .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    font-size: 30px
}

.VideoPlayer .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before,
.YouTubePlayer .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    font-size: 68px
}

.Gallery .mediaOverlay.mediaOverlayImage .mediaOverlayIcon,
.Gallery .rsNavSelected .mediaOverlayBg,
.Gallery .rsNavSelected .mediaOverlayIcon,
.SocialFeed .mediaOverlay.mediaOverlayImage .mediaOverlayIcon,
.VehicleSelectorWrapper .mediaOverlay.mediaOverlayImage .mediaOverlayIcon {
    display: none
}

.rtl .mediaOverlay.mediaOverlayImage .mediaOverlayIcon {
    right: auto;
    left: 15px
}

.mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-align: center;
    font-size: 68px;
    width: 100%;
    margin: 0
}

body {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 1.28571428571429;
    -webkit-text-size-adjust: none;
    color: #4a4f54
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

small,
sub,
sup {
    font-size: .78571428571429em
}

sup {
    vertical-align: top;
    line-height: 1
}

sub {
    vertical-align: sub
}

a {
    color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .7em;
    line-height: 1;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-weight: 700;
    color: #0c121c
}

dl dd,
dl dt {
    text-align: left
}

dl dd {
    padding-bottom: 16px
}

dl dd:last-child {
    padding-bottom: 0
}

dl dt {
    padding: 16px 0
}

.ExperienceDrives__filters,
.ExperienceDrives__key,
.FAQModal__accordion__content,
.FAQModal__accordion__fixed-header,
.FAQModal__accordion__header__text,
.FAQModal__modal__content,
.FAQModal__toggle,
.fontSmooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.smallPrint,
.smallPrint p,
body .richText p.smallPrint {
    font-size: 12px;
    color: #4a4f54;
    line-height: 1.4
}

#landrover .caveat {
    font-size: 10px;
    letter-spacing: 1px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400
}

#landrover .caveat a {
    text-decoration: none;
    border-bottom: 1px solid
}

#landrover .grey .caveat,
#landrover .light .caveat {
    color: #4a4f54
}

#landrover .grey .caveat a,
#landrover .light .caveat a {
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

#landrover .dark .caveat {
    color: #e4e8e8
}

#landrover .dark .caveat a {
    border-bottom-color: hsla(180, 8%, 90%, .25)!important
}

.dark {
    background-color: #4a4f54
}

#jaguar .dark h1,
#jaguar .dark h2,
#jaguar .dark h3,
#jaguar .dark h4,
#jaguar .dark h5,
.dark {
    color: #e4e8e8
}

[data-theme=dark] {
    background-color: #4a4f54;
    color: #e4e8e8
}

[data-theme=dark] h1,
[data-theme=dark] h2,
[data-theme=dark] h3,
[data-theme=dark] h4,
[data-theme=dark] h5 {
    color: #e4e8e8
}

.grey {
    background-color: #e9ecec
}

#jaguar .grey h1,
#jaguar .grey h2,
#jaguar .grey h3,
#jaguar .grey h4,
#jaguar .grey h5,
.grey {
    color: #4a4f54
}

#jaguar .grey h1.fontH3Brand,
#jaguar .grey h2.fontH3Brand,
#jaguar .grey h3.fontH3Brand,
#jaguar .grey h4.fontH3Brand,
#jaguar .grey h5.fontH3Brand {
    color: #005a2b
}

[data-theme=grey] {
    background-color: #e9ecec;
    color: #4a4f54
}

[data-theme=grey] h1,
[data-theme=grey] h2,
[data-theme=grey] h3,
[data-theme=grey] h4,
[data-theme=grey] h5 {
    color: #4a4f54
}

.light,
.no-js .lightWhenNoJS,
.white {
    background-color: #f8f9f9;
    color: #4a4f54
}

#jaguar .light h1,
#jaguar .light h2,
#jaguar .light h3,
#jaguar .light h4,
#jaguar .light h5,
#jaguar .no-js .lightWhenNoJS h1,
#jaguar .no-js .lightWhenNoJS h2,
#jaguar .no-js .lightWhenNoJS h3,
#jaguar .no-js .lightWhenNoJS h4,
#jaguar .no-js .lightWhenNoJS h5,
#jaguar .white h1,
#jaguar .white h2,
#jaguar .white h3,
#jaguar .white h4,
#jaguar .white h5 {
    color: #0c121c
}

#jaguar .light h1.fontH3Brand,
#jaguar .light h2.fontH3Brand,
#jaguar .light h3.fontH3Brand,
#jaguar .light h4.fontH3Brand,
#jaguar .light h5.fontH3Brand,
#jaguar .no-js .lightWhenNoJS h1.fontH3Brand,
#jaguar .no-js .lightWhenNoJS h2.fontH3Brand,
#jaguar .no-js .lightWhenNoJS h3.fontH3Brand,
#jaguar .no-js .lightWhenNoJS h4.fontH3Brand,
#jaguar .no-js .lightWhenNoJS h5.fontH3Brand,
#jaguar .white h1.fontH3Brand,
#jaguar .white h2.fontH3Brand,
#jaguar .white h3.fontH3Brand,
#jaguar .white h4.fontH3Brand,
#jaguar .white h5.fontH3Brand {
    color: #005a2b
}

[data-theme=light],
[data-theme=white] {
    background-color: #f8f9f9;
    color: #4a4f54
}

#landrover .darkText {
    color: #4a4f54
}

.button,
button {
    background-color: hsla(0, 0%, 100%, 0);
    border: 1px solid #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition-duration: .5s
}

.button:hover,
button:hover {
    color: #333;
    background-image: none;
    background-color: #fff;
    border: 1px solid #fff
}

.inlined {
    position: relative;
    z-index: 2;
    opacity: .75;
    -webkit-transition: opacity .15s linear
}

.inlinedInputText {
    position: relative;
    z-index: 1
}

label.has-text {
    display: none!important
}

input[type=submit],
input[type=text],
textarea {
    -webkit-appearance: none;
    border-radius: 0
}

input[type=text] {
    font-family: avenir, arial, helvetica, sans-serif;
    border: none;
    font-size: 16px;
    padding: 12px 0 12px 15px;
    height: 45px;
    width: 100%;
    color: #4a4f54
}

input[type=checkbox] {
    background: #fff
}

.infoCardLayout {
    background-color: #e4e8e8;
    padding-bottom: 40px
}

.infoCardLayout .list {
    overflow: hidden;
    margin: 0 -20px
}

.infoCardLayout .list>li {
    vertical-align: top;
    display: inline-block;
    width: 33.333%
}

@media screen and (min-width:1px) and (max-width:1300px) {
    .infoCardLayout .list>li {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .infoCardLayout {
        padding-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .infoCardLayout {
        padding-bottom: 30px
    }
    .infoCardLayout .list {
        margin: 0
    }
    .infoCardLayout .list>li {
        width: 100%
    }
}

.infoCardLayout.dark {
    background-color: #4a4f54
}

.infoCardLayout.dark .infoCard .heading {
    color: #0c121c
}

.infoCardLayout.dark .infoCard .countryName,
.infoCardLayout.dark .infoCard a {
    color: #4a4f54
}

.infoCardLayout.dark .infoCard .email a {
    border-bottom: 1px solid rgba(74, 79, 84, .25)!important
}

#landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle {
    color: #898d90
}

#landrover.focusStylesOn .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus,
#landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:hover {
    color: #4a4f54;
    text-shadow: none
}

.infoCard {
    margin: 0 20px 40px;
    background-color: #f8f9f9;
    display: block
}

.infoCard,
.infoCard a {
    color: #4a4f54
}

.infoCard .cardHeader {
    overflow: hidden
}

.infoCard .cardDetails {
    padding: 20px
}

.infoCard .cardDetails .cardTitle {
    margin-bottom: 24px
}

.infoCard .cardDetails .cardTitle .headingH5,
.infoCard .cardDetails .cardTitle .headingH6 {
    color: #4a4f54;
    margin-top: 3px
}

.infoCard .cardDetails .sectionHeading {
    margin: 36px 0 12px
}

.infoCard .cardDetails .description {
    margin: 24px 0
}

.infoCard .cardDetails .description a {
    text-decoration: none;
    border-bottom: 1px solid rgba(74, 79, 84, .25)
}

.infoCard .cardDetails .cardData {
    margin-top: 24px;
    width: 100%
}

.infoCard .cardDetails .cardData td,
.infoCard .cardDetails .cardData th {
    padding-bottom: 12px;
    color: #4a4f54
}

.infoCard .cardDetails .cardData th {
    padding-right: 15px;
    white-space: nowrap;
    text-align: left;
    color: #0c121c
}

.infoCard .cardDetails .cardData td {
    width: 100%
}

.infoCard .cardDetails .cardData td .itemMobile,
.infoCard .cardDetails .cardData td .itemTablet {
    display: none
}

.infoCard .cardDetails .cardData td .itemDescription:before {
    content: " "
}

.infoCard .cardDetails .cardData a {
    text-decoration: none
}

.infoCard .cardDetails .cardData tr.email td {
    word-wrap: break-word;
    word-break: break-all
}

.infoCard .cardDetails .cardData tr.email td a {
    border-bottom: 1px solid rgba(74, 79, 84, .25)
}

.infoCard .cardDetails .cardData tr.tel td a {
    cursor: text;
    border-bottom: 0
}

.infoCard .cardDetails .cardData tr.bookAService {
    font-weight: 700
}

.infoCard .cardDetails .cardData tr.bookAService td a {
    border-bottom: 1px solid #4a4f54!important
}

.infoCard .mobileStateBtn {
    display: none;
    font-size: 10px;
    letter-spacing: .25em;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    border-top: 1px solid #e4e8e8;
    padding: 15px 20px;
    float: none;
    position: relative
}

.infoCard .mobileStateBtn:before {
    font-size: 9px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 15px;
    right: 25px
}

.infoCard .mobileStateBtn .less {
    display: none
}

.infoCard .mobileStateBtn .more {
    display: block
}

.infoCard .primaryLinkWithStyle,
.infoCard .secondaryLinkWithStyle {
    margin-top: 24px
}

.rtl .infoCard .cardDetails .cardData th {
    padding-right: 0;
    padding-left: 15px;
    text-align: right
}

.rtl .infoCard .mobileStateBtn {
    letter-spacing: 0
}

.rtl .infoCard .mobileStateBtn:before {
    right: auto;
    left: 25px
}

@media screen and (min-width:741px) {
    .infoCard .cardDetails .mobile {
        display: block!important
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .infoCard .cardDetails .cardData tr td .itemDesktop {
        display: none
    }
    .infoCard .cardDetails .cardData tr td .itemTablet {
        display: inline
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .infoCard {
        margin: 0 0 30px
    }
    .infoCard .cardDetails .cardTitle {
        margin-bottom: 0
    }
    .infoCard .cardDetails .cardData tr td .itemTablet {
        display: none
    }
    .infoCard .cardDetails .cardData tr td .itemMobile {
        display: inline
    }
    .touchCapability .infoCard .cardDetails .cardData tr.tel td a {
        cursor: pointer;
        border-bottom: 1px solid #fff
    }
    .touchCapability .infoCard .cardDetails .cardData tr.tel td a:hover {
        border-color: inherit
    }
    .infoCard .mobileStateBtn {
        display: block
    }
    .infoCard.openInfoCard .mobileStateBtn:before {
        content: "";
        font-family: icons;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 0
    }
    .infoCard.openInfoCard .mobileStateBtn .less {
        display: block
    }
    .infoCard.openInfoCard .mobileStateBtn .more {
        display: none
    }
    .no-js .infoCard .cardHeader img {
        min-width: 100%
    }
    .no-js .infoCard .mobile {
        display: block
    }
    .no-js .infoCard .mobileStateBtn {
        display: none
    }
}

.infoCardDealer .cardHeader {
    background-position: 50% 50%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.infoCardDealer .cardHeader.hasImage {
    min-height: 120px
}

.infoCardDealer .cardHeader .excellence {
    background-color: #a4a7a9;
    color: #fff;
    padding: 10px 20px
}

.infoCardDealer .cardDetails {
    display: block
}

.infoCardDealer .cardDetails .cardTitle {
    display: block;
    position: relative
}

.infoCardDealer .cardDetails .cardTitle .resultNumber {
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    position: absolute;
    left: -10px;
    top: -5px;
    color: #fff;
    letter-spacing: .1em;
    padding-top: 8px;
    text-align: center;
    font-size: 12px;
    text-indent: 1px
}

.infoCardDealer .cardDetails .cardTitle .distance,
.infoCardDealer .cardDetails .cardTitle .preferredLabel {
    font-size: 12px;
    color: #a4a7a9;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .05em;
    font-weight: 400;
    float: right
}

.infoCardDealer .cardDetails .cardTitle .preferredLabel {
    font-style: italic
}

.infoCardDealer .cardDetails .cardTitle .dealerNameText {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.infoCardDealer .cardDetails .services {
    color: #4a4f54;
    margin-left: 18px
}

.infoCardDealer .cardDetails .services li {
    display: block;
    float: left;
    min-height: 20px;
    margin-bottom: 12px;
    margin-right: 30px;
    line-height: 20px
}

.infoCardDealer .cardDetails .services li:before {
    content: "\2013";
    font-size: 20px;
    height: 17px;
    left: 0;
    margin-left: -18px!important;
    margin-right: 8px!important;
    top: 0
}

.infoCardDealer .cardDetails .address,
.infoCardDealer .cardDetails .contactDetails {
    margin-top: 24px
}

.infoCardDealer .cardDetails .contactDetails tr td .serviceType:before {
    content: " "
}

.infoCardDealer .cardDetails .ctas {
    margin-top: 24px
}

.infoCardDealer .cardDetails .ctas li {
    margin-top: 12px
}

#landrover .infoCardDealer .cardDetails .ctas li a {
    margin-top: 0
}

.infoCardDealer .cardDetails .ctas.mobileCtas {
    display: none
}

.infoCardDealer .cardDetails .vehicleLinks {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 24px;
    border-right: 0
}

.infoCardDealer .cardDetails .vehicleLinks li {
    display: table-cell
}

.infoCardDealer .cardDetails .vehicleLinks li:first-child {
    border-right: 1px solid #4a4f54;
    padding-right: 5px
}

#landrover .infoCardDealer .cardDetails .vehicleLinks li a {
    width: 100%;
    margin: 0;
    vertical-align: top
}

ol .infoCardDealer {
    margin-left: 0;
    margin-right: 0
}

ol .infoCardDealer .cardDetails .cardTitle {
    padding-left: 30px
}

ol .infoCardDealer .services {
    margin-left: 30px
}

.rtl .infoCardDealer .cardDetails .cardTitle .resultNumber {
    left: auto;
    right: -10px;
    letter-spacing: 0
}

.rtl .infoCardDealer .cardDetails .cardTitle .distance {
    right: auto;
    left: 0;
    letter-spacing: 0
}

.rtl .infoCardDealer .cardDetails .services li {
    float: right;
    margin-left: 0;
    margin-right: 20px
}

.rtl .infoCardDealer .cardDetails .services li:before {
    margin-right: -20px!important;
    margin-left: 10px!important;
    right: 0
}

.rtl ol .infoCardDealer .cardDetails .cardTitle {
    padding-right: 30px;
    padding-left: 90px
}

.rtl ol .infoCardDealer .services {
    margin-left: 0;
    margin-right: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .infoCardDealer .cardHeader.hasImage {
        background: none!important;
        min-height: 0
    }
    .infoCardDealer .cardDetails .ctas {
        display: none
    }
    .infoCardDealer .cardDetails .ctas.mobileCtas {
        display: block
    }
    .infoCardDealer .cardDetails .vehicleLinks {
        border: 0;
        display: block
    }
    .infoCardDealer .cardDetails .vehicleLinks li {
        display: block;
        border-right: 0
    }
    .no-js .infoCardDealer .cardDetails .ctas.mobileCtas {
        display: none
    }
}

.sidebarItem {
    margin-bottom: 33px;
    width: 100%
}

.sidebarItem p {
    color: #4a4f54
}

.sidebarItem .heading,
.sidebarItem p {
    margin-bottom: 22px
}

.sidebarItem .imageCaption {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 13px;
    padding: 0 33px 0 0
}

.sidebarItem .primaryLinkWithStyle,
.sidebarItem .secondaryLinkWithStyle {
    margin-top: 22px
}

.sidebarItem .primaryLinkWithStyle:first-child {
    margin-top: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .sidebarItem .imageCaption {
        font-size: 12px;
        padding-right: 0
    }
}

.TwoColumnContainer .sidebarItem {
    margin: 0 auto;
    max-width: 500px;
    padding: 33px 0 22px
}

.TwoColumnContainer .sidebarItem:first-child {
    margin-top: -33px
}

@media screen and (min-width:1001px) {
    .TwoColumnContainer .sidebarItem {
        float: left;
        margin: 0;
        max-width: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TwoColumnContainer .sidebarItem {
        padding: 22px 0
    }
    .TwoColumnContainer .sidebarItem:first-child {
        margin-top: -22px
    }
}

.rtl .sidebarItem .imageCaption {
    padding-right: 0;
    padding-left: 33px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .rtl .sidebarItem .imageCaption {
        padding-left: 0
    }
}

@media screen and (min-width:1001px) {
    .TwoColumnContainer .rtl .sidebarItem {
        float: right;
        margin: 0;
        max-width: none
    }
}

.dark .sidebarItem p,
.sidebarItem.dark p {
    color: #e4e8e8
}

.carousel .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #4a4f54;
    height: 54px;
    background-color: #e4e8e8
}

.carousel .controls .col1 {
    float: left;
    width: 100%
}

.carousel .rsNav .rsNavItem {
    display: inline-block
}

.carousel .pagination {
    text-align: center;
    margin-right: 116px
}

.carousel .pagination li {
    display: inline-block;
    margin: 0 5px
}

.carousel .pagination li a {
    padding: 26px 0;
    display: block;
    text-decoration: none
}

.carousel .pagination li a span {
    display: block;
    height: 2px;
    width: 33px;
    background-color: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease;
    line-height: 2px;
    font-size: 1px;
    text-indent: -99em
}

.carousel .pagination li.selected span,
.carousel .pagination li:hover span {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.carousel .alternativePagination {
    display: none;
    text-align: center;
    margin-right: 116px;
    margin-top: 23px;
    color: #e4e8e8;
    font-size: 12px
}

.carousel .navigation {
    float: left;
    margin-left: -116px;
    width: 116px
}

.carousel .navigation li {
    border-left: 1px solid #4a4f54;
    float: left
}

.carousel .navigation li a {
    display: block;
    width: 57px;
    height: 54px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0 0;
    color: #fff;
    background-color: hsla(0, 0%, 100%, 0);
    opacity: .2;
    transition-duration: .4s;
    transition-timing-function: ease
}

.carousel .navigation li a i {
    color: #fff;
    font-size: 28px
}

.carousel .navigation.notTouchDevice li a:hover {
    opacity: 1;
    background-color: hsla(0, 0%, 100%, .1)
}

.carousel .rsArrow {
    color: #fff;
    display: none;
    position: absolute;
    text-decoration: none;
    width: 90px;
    top: 0;
    text-shadow: 0 0 8px rgba(0, 0, 0, .3);
    z-index: 1;
    height: 50px;
    margin-top: -25px;
    top: 50%;
    font-size: 50px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .carousel .rsArrow {
        width: 60px
    }
}

.carousel .rsArrow .rsArrowIcn {
    opacity: .75;
    display: block;
    width: 90px;
    height: 60px;
    position: relative;
    top: 50%;
    margin-top: -30px
}

.carousel .rsArrow .rsArrowIcn .lt-ie9 {
    opacity: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .carousel .rsArrow .rsArrowIcn {
        width: 60px
    }
}

.carousel .rsArrow .rsArrowIcn:before {
    width: 90px;
    height: 60px
}

.carousel .rsArrow .rsArrowIcn:focus,
.carousel .rsArrow .rsArrowIcn:hover {
    opacity: 1
}

.carousel .rsArrow.rsArrowLeft {
    left: 90px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .carousel .rsArrow.rsArrowLeft {
        left: 16px
    }
}

.carousel .rsArrow.rsArrowLeft .rsArrowIcn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: 0;
    text-align: left
}

.carousel .rsArrow.rsArrowRight {
    right: 90px;
    text-align: right
}

@media screen and (min-width:1px) and (max-width:900px) {
    .carousel .rsArrow.rsArrowRight {
        right: 16px
    }
}

.carousel .rsArrow.rsArrowRight .rsArrowIcn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: 0;
    text-align: right
}

.royalSlider {
    width: 100%;
    height: 100%;
    position: relative;
    direction: ltr
}

.royalSlider>* {
    float: left
}

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0)
}

.rsWebkit3d .rsABlock,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsLink,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsPreloader,
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsThumbs,
.rsWebkit3d img {
    -webkit-backface-visibility: hidden
}

.rsFade.rsWebkit3d .rsContainer,
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img {
    -webkit-transform: none
}

.rsOverflow {
    float: left
}

.rsOverflow,
.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
    left: 0;
    top: 0
}

.rsVisibleNearbyWrap .rsOverflow {
    position: absolute;
    left: 0;
    top: 0
}

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.rsArrow,
.rsThumbsArrow {
    cursor: pointer
}

.rsThumb {
    float: left;
    position: relative
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
    opacity: 1;
    transition: opacity .3s linear
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear .3s, opacity .3s linear
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}

.royalSlider.rsFullscreen {
    position: fixed!important;
    height: auto!important;
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
    z-index: 2147483647!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1!important;
    transition: 0s;
    display: none
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
    height: auto
}

.rsPreloader {
    position: absolute;
    z-index: 0
}

.rsNav {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .25)
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
}

.rsTabs {
    float: left;
    background: none!important
}

.rsTabs,
.rsThumbs {
    -webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s
}

.rsVideoFrameHolder.rsVideoActive {
    opacity: 1
}

.rsVideoContainer .rsVideoObj,
.rsVideoContainer embed,
.rsVideoContainer iframe,
.rsVideoContainer video {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rsVideoContainer.rsIOSVideo embed,
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video {
    box-sizing: border-box;
    padding-right: 44px
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
}

img.rsImg {
    max-width: none
}

.grab-cursor {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.grabbing-cursor {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.rsNoDrag {
    cursor: auto
}

.rsLink {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 20;
    background: url(blank.gif)
}

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsThumbs,
.rsDefault .rsVideoFrameHolder {
    background: #151515;
    color: #fff
}

.rsDefault .rsArrow {
    height: 100%;
    width: 44px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21
}

.rsDefault.rsVer .rsArrow {
    width: 100%;
    height: 44px
}

.rsDefault.rsVer .rsArrowLeft {
    top: 0;
    left: 0
}

.rsDefault.rsVer .rsArrowRight {
    bottom: 0;
    left: 0
}

.rsDefault.rsHor .rsArrowLeft {
    left: 0;
    top: 0
}

.rsDefault.rsHor .rsArrowRight {
    right: 0;
    top: 0
}

.rsDefault .rsArrowIcn {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: absolute;
    cursor: pointer;
    background: url(rs-default.png);
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000;
    border-radius: 2px
}

.rsDefault .rsArrowIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
    background-position: -64px -32px
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
    background-position: -64px -64px
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
    background-position: -96px -32px
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
    background-position: -96px -64px
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
    opacity: .2;
    filter: alpha(opacity=20);
    *display: none
}

.rsDefault .rsBullets {
    position: absolute;
    z-index: 35;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #000;
    background: rgba(0, 0, 0, .75);
    text-align: center;
    line-height: 8px;
    overflow: hidden
}

.rsDefault .rsBullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 6px 5px
}

.rsDefault .rsBullet span {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #777;
    background: hsla(0, 0%, 100%, .5)
}

.rsDefault .rsBullet.rsNavSelected span {
    background-color: #fff
}

.rsDefault .rsThumbsHor {
    width: 100%
}

.rsDefault .rsThumbsVer {
    width: 96px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
    position: relative;
    height: 100%
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
    position: relative;
    width: 100%
}

.rsDefault .rsThumb {
    float: left;
    overflow: hidden;
    width: 96px;
    height: 72px
}

.rsDefault .rsThumb img {
    width: 100%;
    height: 100%
}

.rsDefault .rsThumb.rsNavSelected {
    background: #02874a
}

.rsDefault .rsThumb.rsNavSelected img {
    opacity: .3;
    filter: alpha(opacity=30)
}

.rsDefault .rsTmb {
    display: block
}

.rsDefault .rsTmb h5 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    line-height: 20px;
    color: #fff
}

.rsDefault .rsTmb span {
    color: #ddd;
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 18px
}

.rsDefault .rsThumbsArrow {
    height: 100%;
    width: 20px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 21;
    background: #000;
    background: rgba(0, 0, 0, .75)
}

.rsDefault .rsThumbsArrow:hover {
    background: rgba(0, 0, 0, .9)
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
    width: 100%;
    height: 20px
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
    top: 0;
    left: 0
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
    bottom: 0;
    left: 0
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
    left: 0;
    top: 0
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
    right: 0;
    top: 0
}

.rsDefault .rsThumbsArrowIcn {
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    cursor: pointer;
    background: url(rs-default.png)
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -128px -32px
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -128px -48px
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
    background-position: -144px -32px
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
    background-position: -144px -48px
}

.rsDefault .rsThumbsArrowDisabled {
    display: none!important
}

@media screen and (min-width:0px) and (max-width:800px) {
    .rsDefault .rsThumb {
        width: 59px;
        height: 44px
    }
    .rsDefault .rsThumbsVer {
        width: 59px
    }
}

.rsDefault .rsTabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding-top: 12px;
    position: relative
}

.rsDefault .rsTab {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    height: auto;
    width: auto;
    color: #333;
    padding: 5px 13px 6px;
    min-width: 72px;
    border: 1px solid #d9d9dd;
    border-right: 1px solid #f5f5f5;
    text-decoration: none;
    background-color: #fff;
    background-image: linear-gradient(180deg, #fefefe, #f4f4f4);
    box-shadow: inset 1px 0 0 #fff;
    *display: inline;
    *zoom: 1
}

.rsDefault .rsTab:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.rsDefault .rsTab:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #cfcfcf
}

.rsDefault .rsTab:active {
    border: 1px solid #d9d9dd;
    background-color: #f4f4f4;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2)
}

.rsDefault .rsTab.rsNavSelected {
    color: #fff;
    border: 1px solid #999;
    text-shadow: 1px 1px #838383;
    box-shadow: inset 0 1px 9px hsla(0, 0%, 40%, .65);
    background: #acacac;
    background-image: -moz-llinear-gradient(top, #acacac, #bbb);
    background-image: linear-gradient(180deg, #acacac, #bbb)
}

.rsDefault .rsFullscreenBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 22;
    display: block;
    position: absolute;
    cursor: pointer
}

.rsDefault .rsFullscreenIcn {
    display: block;
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(rs-default.png) 0 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000;
    border-radius: 2px
}

.rsDefault .rsFullscreenIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
    background-position: -32px 0
}

.rsDefault .rsPlayBtn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .3);
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    cursor: pointer
}

.rsDefault .rsPlayBtnIcon {
    width: 64px;
    display: block;
    height: 64px;
    border-radius: 4px;
    transition: .3s;
    background: url(rs-default.png) no-repeat 0 -32px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
    background-color: rgba(0, 0, 0, .9)
}

.rsDefault .rsBtnCenterer {
    position: absolute;
    left: 50%;
    top: 50%
}

.rsDefault .rsCloseVideoBtn {
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
    top: -38px;
    right: -6px
}

.rsDefault .rsCloseVideoIcn {
    margin: 6px;
    width: 32px;
    height: 32px;
    background: url(rs-default.png) -64px 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    *background-color: #000
}

.rsDefault .rsCloseVideoIcn:hover {
    background-color: rgba(0, 0, 0, .9)
}

.rsDefault .rsPreloader {
    width: 20px;
    height: 20px;
    background-image: url(../preloaders/preloader-white.gif);
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px
}

.rsDefault .rsGCaption {
    position: absolute;
    float: none;
    bottom: 6px;
    left: 6px;
    text-align: left;
    background: #000;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 2px 8px;
    width: auto;
    font-size: 12px;
    border-radius: 2px
}

html[dir=rtl] .carouselNavigation>div {
    text-align: right
}

.carouselNavigation {
    display: table;
    width: 100%;
    margin-left: 0;
    clear: both
}

.carouselNavigation>div {
    display: table-cell;
    vertical-align: middle;
    color: #4a4f54;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1em;
    font-weight: 400
}

.carouselNavigation>div .divide,
.carouselNavigation>div .number,
.carouselNavigation>div a {
    display: inline-block;
    vertical-align: middle
}

.carouselNavigation>div .number {
    width: 20px;
    text-align: center
}

.carouselNavigation>div .divide {
    font-weight: 200;
    font-size: 20px;
    margin: 0 3px 0 2px
}

.carouselNavigation>div>div {
    display: inline-block
}

.carouselNavigation>div a {
    color: #4a4f54
}

.carouselNavigation>div a.next:before,
.carouselNavigation>div a.prev:before {
    transition-property: color;
    transition-duration: .25s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    vertical-align: baseline;
    margin: 0;
    width: 15px
}

.no-js .carouselNavigation {
    display: none
}

.carouselNavigation.dark .carouselNavigation>div,
.carouselNavigation.dark .carouselNavigation>div .divide {
    color: #e4e8e8
}

.carouselNavigation.dark .carouselNavigation>div a {
    color: #e4e8e8;
    -webkit-filter: brightness(.4);
    filter: brightness(.4)
}

@media screen and (min-width:1px) and (max-width:740px) {
    .carouselNavigation>div {
        font-size: 21px
    }
    .carouselNavigation>div .number {
        width: 17px
    }
    .carouselNavigation>div>div {
        margin-left: 26px;
        margin-right: 26px
    }
    .carouselNavigation>div a.next:before,
    .carouselNavigation>div a.prev:before {
        width: 13px
    }
}

.carouselNavigation>div {
    font-size: 24px
}

.carouselNavigation>div>div {
    margin: 0 22px
}

.carouselNavigation>div a {
    text-decoration: none
}

.carouselNavigation>div a.prev:before {
    content: ""
}

.carouselNavigation>div a.next:before,
.carouselNavigation>div a.prev:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: 0;
    width: 15px
}

.carouselNavigation>div a.next:before {
    content: ""
}

.light .carouselNavigation>div .numbers {
    color: #000
}

.light .carouselNavigation>div a {
    color: #4a4f54
}

.light .carouselNavigation>div a.next:hover:before,
.light .carouselNavigation>div a.prev:hover:before {
    color: #a4a7a9
}

.light .carouselNavigation>div a.next:before,
.light .carouselNavigation>div a.prev:before {
    color: #000
}

.dark .carouselNavigation>div .numbers,
.dark .carouselNavigation>div a {
    color: #fff
}

.dark .carouselNavigation>div a.next:hover:before,
.dark .carouselNavigation>div a.prev:hover:before {
    color: #a4a7a9
}

.dark .carouselNavigation>div a.next:before,
.dark .carouselNavigation>div a.prev:before {
    color: #fff
}

.dealerLocatorHeader {
    position: relative
}

.dealerLocatorHeader .imageWrap {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.dealerLocatorHeader noscript img {
    width: 100%
}

.dealerLocatorHeader .errorMessage {
    display: none;
    text-align: center;
    padding-bottom: 16px;
    color: #b81f1f
}

.dealerLocatorHeader .dealerLocatorSearch {
    position: relative;
    min-height: 335px
}

.dealerLocatorHeader .searchForms {
    width: 90%;
    max-width: 900px;
    overflow: visible;
    margin: 0 auto;
    text-align: center
}

.dealerLocatorHeader .searchForms form {
    display: inline
}

.dealerLocatorHeader .searchForms form .selectHeader {
    display: none
}

.dealerLocatorHeader .searchForms form .col {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 8px
}

.dealerLocatorHeader .searchForms form .formButton {
    clear: both;
    margin: 0 auto;
    width: 50%;
    padding: 0 8px
}

.dealerLocatorHeader .searchForms .seperator {
    margin: 15px 0;
    text-align: center;
    position: relative
}

.dealerLocatorHeader[data-total-form-fields="2"] .searchForms .formButton,
.dealerLocatorHeader[data-total-form-fields="3"] .searchForms .formButton {
    float: right;
    clear: none
}

.dealerLocatorHeader[data-total-form-fields="2"] .searchForms .formButton .continueButton,
.dealerLocatorHeader[data-total-form-fields="3"] .searchForms .formButton .continueButton {
    margin-top: 0!important
}

.dealerLocatorHeader[data-total-form-fields="3"] .searchForms .searchSelectContainer,
.dealerLocatorHeader[data-total-form-fields="4"] .searchForms .searchSelectContainer {
    width: 33.333%;
    float: left;
    padding: 0 10px
}

.dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .col,
.dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .formButton,
.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .col,
.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .formButton {
    width: 33.333%
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms {
    position: relative
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms .searchSelectContainer {
    position: relative;
    left: 33.334%
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .mainInput {
    float: right;
    margin: 0 auto;
    position: relative
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .retailerType {
    float: right;
    position: relative;
    bottom: 45px;
    min-height: 45px
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .formButton {
    padding-top: 20px
}

.dealerLocatorHeader[data-total-form-fields="4"] .searchForms form .country {
    position: absolute
}

@media screen and (min-width:1px) and (max-width:900px) {
    .dealerLocatorHeader .searchForms {
        width: 100%
    }
    .dealerLocatorHeader .searchForms.multipleForms .searchSelectContainer {
        padding-left: 0
    }
    .dealerLocatorHeader .searchForms form .colLast {
        padding-right: 0
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms .searchSelectContainer {
        padding-left: 10px
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms .searchSelectContainer .DropdownSelect .selected {
        padding-left: 15px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .dealerLocatorHeader .imageWrap {
        display: none
    }
    .dealerLocatorHeader .selectHeader {
        text-align: center
    }
    .dealerLocatorHeader .dealerLocatorSearch {
        min-height: 0
    }
    .dealerLocatorHeader .searchForms {
        width: 100%;
        max-width: auto
    }
    .dealerLocatorHeader .searchForms.multipleForms .searchSelectContainer {
        padding-right: 0
    }
    .dealerLocatorHeader .searchForms form .col {
        width: 100%;
        max-width: 350px;
        text-align: center;
        padding: 0 0 20px;
        margin: 0 auto;
        float: none
    }
    .dealerLocatorHeader .searchForms form .formButton {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding: 0
    }
    .dealerLocatorHeader .searchForms form .formButton .continueButton {
        margin: 0
    }
    .dealerLocatorHeader .searchForms.multipleForms .searchSelectContainer {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding-bottom: 20px
    }
    .dealerLocatorHeader .searchForms.multipleForms form .col,
    .dealerLocatorHeader .searchForms.multipleForms form .formButton {
        width: 100%
    }
    .dealerLocatorHeader[data-total-form-fields="2"] .searchForms form .col,
    .dealerLocatorHeader[data-total-form-fields="2"] .searchForms form .formButton,
    .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .col,
    .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .formButton {
        width: inherit
    }
    .dealerLocatorHeader[data-total-form-fields="2"] .searchForms form .formButton,
    .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .formButton {
        float: none
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms form .mainInput {
        top: 20px;
        float: none
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms form .retailerType {
        float: none;
        top: 20px;
        min-height: 0
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms form .country {
        top: 0;
        right: 0;
        left: 0
    }
    .dealerLocatorHeader[data-total-form-fields="4"] .searchForms.multipleForms .searchSelectContainer {
        padding: 0;
        position: relative;
        top: 65px;
        left: 0;
        padding-bottom: 65px
    }
}

#landrover .dealerLocatorHeader .continueButton {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: 20px
}

#landrover .dealerLocatorHeader .continueButton.disabled {
    opacity: .4;
    cursor: default
}

#landrover .dealerLocatorHeader .continueButton.disabled:focus,
#landrover .dealerLocatorHeader .continueButton.disabled:hover {
    background: none;
    color: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .dealerLocatorHeader .continueButton {
        margin-top: 0
    }
}

.no-js .dealerLocatorHeader .searchForms form .selectHeader {
    display: none
}

.no-js .dealerLocatorHeader .DropdownSelect {
    font-size: 1em
}

.sliderContainer {
    text-align: center;
    position: relative;
    z-index: 1
}

.sliderControls {
    font-size: 48px;
    margin: .5em auto 0;
    padding: .5em 0;
    position: relative;
    -ms-touch-action: none
}

.sliderControls .sliderHandle,
.sliderControls .sliderProgress {
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.lt-ie9 .sliderControls .sliderHandle,
.lt-ie9 .sliderControls .sliderProgress {
    border-bottom: 1px solid #4a4f54;
    box-sizing: content-box
}

.sliderControls .sliderTrack {
    position: relative
}

.sliderControls .sliderTrackBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}

.sliderControls .sliderProgress {
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 0
}

.sliderControls .sliderHandle {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 0;
    height: 3px
}

.sliderControls .handleInner {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    top: -50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    direction: ltr;
    font-size: 48px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sliderControls .handleInner:before {
    content: ""
}

.sliderControls .handleInner:after,
.sliderControls .handleInner:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.sliderControls .handleInner:after {
    content: ""
}

.sliderControls .handleInner:after,
.sliderControls .handleInner:before {
    position: absolute;
    margin: 0;
    line-height: 4em;
    width: 2em;
    font-size: 12px;
    font-weight: 700;
    vertical-align: bottom
}

@media screen and (min-width:1px) and (max-width:740px) {
    .sliderControls {
        margin-top: 15px
    }
    .sliderControls .sliderTrack {
        height: 3px
    }
    .sliderControls .sliderHandle,
    .sliderControls .sliderProgress {
        -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
    }
    .sliderControls .sliderHandle {
        font-size: 32px
    }
    .sliderControls .sliderHandle .handleInner {
        left: -16px;
        font-size: 32px
    }
    .sliderControls .sliderHandle .handleInner:after,
    .sliderControls .sliderHandle .handleInner:before {
        position: absolute;
        top: -.75em;
        padding-top: .75em;
        padding-bottom: .75em
    }
}

.rtl .sliderControls .sliderProgress {
    left: auto;
    right: 0
}

.no-js .sliderContainerLower {
    display: none
}

.sliderControls {
    width: 100%
}

.sliderControls .handleInner {
    width: 1em;
    height: 1em;
    left: -24px;
    background-color: #fff
}

.sliderControls .handleInner:after,
.sliderControls .handleInner:before {
    color: #0c121c
}

@media screen and (min-width:1px) and (max-width:740px) {
    .sliderControls .handleInner:after,
    .sliderControls .handleInner:before {
        font-size: 8px
    }
}

.sliderControls .handleInner:before {
    left: 1px
}

.sliderControls .handleInner:after {
    right: 1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .sliderControls .handleInner {
        left: -16px
    }
    .sliderControls .handleInner:before {
        left: -.5em;
        padding-left: .75em
    }
    .sliderControls .handleInner:after {
        right: -.5em;
        padding-right: .75em
    }
}

.sliderControls .sliderTrack {
    height: 4px
}

.sliderControls .sliderProgress {
    top: 0;
    height: 100%
}

.sliderControls .sliderProgress,
.sliderControls .sliderTrackBackground {
    background-color: #fff
}

.sliderControls .sliderTrackBackground {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: .15
}

.directionArrow {
    border: none;
    padding: 0;
    position: absolute
}

.directionArrow:focus,
.directionArrow:hover {
    background-color: transparent;
    border: none
}

.directionArrow:focus span:before,
.directionArrow:hover span:before {
    color: #fff
}

.directionArrow {
    display: none;
    width: 90px;
    height: 100%;
    z-index: 5;
    top: 0;
    font-size: 50px;
    line-height: 0;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    transition: opacity 1s
}

.directionArrow span {
    display: block;
    width: 90px;
    position: relative;
    text-align: center
}

.directionArrow.left {
    left: 0
}

.directionArrow.left span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.directionArrow.right {
    right: 0
}

.directionArrow.right span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.directionArrow:focus,
.directionArrow:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media screen and (min-width:1px) and (max-width:900px) {
    .directionArrow {
        width: 60px;
        height: 50px;
        margin-top: -25px;
        top: 50%
    }
    .directionArrow span {
        width: 60px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-fles-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    touch-action: pan-y
}

.swiper-wp8-vertical {
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background-color: #e4e8e8
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 3px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #a5a7aa;
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: b 1s steps(12) infinite;
    animation: b 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes b {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes b {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.grey .swiper-scrollbar {
    background-color: #cdd1d1
}

.dark .swiper-scrollbar {
    background-color: #65696e
}

.dark .swiper-scrollbar-drag {
    background-color: #e4e8e8
}

.swiper-scrollbar-growing .swiper-scrollbar-drag {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    bottom: 0;
    -webkit-transition: right .4s ease-in;
    -webkit-transition-delay: .4s;
    transition: right .4s ease-in .4s
}

.scrollButton {
    width: 50px;
    line-height: 50px;
    background-color: #0c121c;
    color: #fff;
    text-decoration: none;
    z-index: 5;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: background-color .5s, color .5s
}

.scrollButton,
.scrollButton:after {
    display: inline-block;
    text-align: center
}

.scrollButton:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    position: relative;
    top: -1px
}

.scrollButton:hover {
    background-color: #fff;
    color: #0c121c
}

.noJsText {
    display: none
}

.no-js .noJsText {
    display: block;
    text-align: center;
    font-weight: 700
}

.profileLinks {
    margin: 40px 0 0;
    text-align: center
}

.profileLinks li {
    display: inline-block;
    width: 90px;
    margin-bottom: 40px;
    vertical-align: top
}

.profileLinks li a {
    display: block;
    text-decoration: none;
    overflow: hidden
}

.profileLinks li a .ico {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 18px;
    font-size: 23px;
    background-color: #0c121c;
    transition: background .4s ease
}

.profileLinks li a .ico:before {
    color: #e4e8e8;
    vertical-align: top
}

.profileLinks li a.facebook .ico {
    line-height: 52px
}

.profileLinks li a.facebook .ico:before {
    content: "";
    margin-top: -8px
}

.profileLinks li a.facebook .ico:before,
.profileLinks li a.instagram .ico:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.profileLinks li a.instagram .ico:before {
    content: "";
    margin-top: -6px;
    margin-right: 2px
}

.profileLinks li a.pinterest .ico:before {
    content: "";
    margin-top: -4px
}

.profileLinks li a.pinterest .ico:before,
.profileLinks li a.twitter .ico:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.profileLinks li a.twitter .ico:before {
    content: ""
}

.profileLinks li a.youtube .ico {
    font-size: 29px
}

.profileLinks li a.youtube .ico:before {
    content: "";
    margin-top: -8px
}

.profileLinks li a.tumblr .ico:before,
.profileLinks li a.youtube .ico:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.profileLinks li a.tumblr .ico:before {
    content: "";
    margin-top: -6px
}

.profileLinks li a .text .count {
    margin-bottom: 3px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: .1em
}

.profileLinks li a .text .label {
    font-size: 9px;
    line-height: 12px;
    letter-spacing: .2em;
    font-weight: 700;
    -webkit-font-smoothing: auto
}

.profileLinks li a .text .label .hover {
    display: none
}

.profileLinks li a:hover .ico:before {
    color: #fff
}

.profileLinks li a:hover.facebook .ico {
    background-color: #305891
}

.profileLinks li a:hover.instagram .ico {
    background-color: #406e95
}

.profileLinks li a:hover.pinterest .ico {
    background-color: #c82828
}

.profileLinks li a:hover.twitter .ico {
    background-color: #2ca8d2
}

.profileLinks li a:hover.youtube .ico {
    background-color: #e62d27
}

.profileLinks li a:hover.tumblr .ico {
    background-color: #2f5070
}

.profileLinks li a:hover .text .label .normal {
    display: none
}

.profileLinks li a:hover .text .label .hover {
    display: inline
}

.profileLinks.noText .profileLinks {
    margin-top: 80px;
    margin-bottom: -10px
}

.profileLinks.noText .profileLinks li {
    width: 60px;
    margin-bottom: 10px
}

.profileLinks.noText .profileLinks li a .ico {
    margin-bottom: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .profileLinks.noText .profileLinks {
        margin-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .profileLinks.noText .profileLinks {
        margin-top: 30px
    }
}

.profileLinks.dark .profileLinks li a .text .count {
    color: #fff
}

.profileLinks.dark .profileLinks li a .text .label,
.profileLinks.dark .profileLinks li a:hover .text .count {
    color: #a4a7a9
}

.profileLinks.dark .profileLinks li a:hover .text .label {
    color: #fff
}

.profileLinks.grey .profileLinks li a .text .count {
    color: #0c121c
}

.profileLinks.grey .profileLinks li a .text .label,
.profileLinks.grey .profileLinks li a:hover .text .count {
    color: #a4a7a9
}

.profileLinks.grey .profileLinks li a:hover .text .label {
    color: #0c121c
}

.profileLinks.light .profileLinks li a .text .count {
    color: #4a4f54
}

.profileLinks.light .profileLinks li a .text .label,
.profileLinks.light .profileLinks li a:hover .text .count {
    color: #a4a7a9
}

.profileLinks.light .profileLinks li a:hover .text .label {
    color: #4a4f54
}

.itemsAtAGlance .ctaContainer {
    padding-left: 20px;
    padding-right: 20px
}

.itemsAtAGlance .items .el .feature {
    margin-bottom: 21.333px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em
}

.itemsAtAGlance .items .el .dividerBlock {
    margin-bottom: 21.333px;
    padding-top: 19px;
    padding-bottom: 21px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    font-family: lr_ot4, arial, helvetica, sans-serif
}

.itemsAtAGlance .items .el .dividerBlock div,
.itemsAtAGlance .items .el .dividerBlock span {
    display: inline-block;
    line-height: 1
}

.itemsAtAGlance .items .el .valueLarge,
.itemsAtAGlance .items .el .valueSmall {
    font-size: 56px;
    font-weight: 700
}

.itemsAtAGlance .items .el .unitLarge,
.itemsAtAGlance .items .el .unitSmall {
    margin-left: .25em;
    font-size: 34px
}

.itemsAtAGlance .ReviewRatingBadge .ratingLink {
    display: none
}

.itemsAtAGlance .reviewContent {
    text-align: center
}

.itemsAtAGlance .reviewTitle {
    text-align: center;
    font-size: 30px
}

.itemsAtAGlance.GridListWrapper .reviewContent .reviewTitle {
    margin-bottom: 5px
}

.itemsAtAGlance .ReviewRatingBadge {
    margin-top: 0
}

.itemsAtAGlance.light .items .el .feature,
.itemsAtAGlance.white .items .el .feature {
    color: #0c121c
}

.itemsAtAGlance.light .items .el .dividerBlock,
.itemsAtAGlance.white .items .el .dividerBlock {
    border-color: #e4e8e8
}

.itemsAtAGlance.grey .items .el .feature {
    color: #0c121c
}

.itemsAtAGlance.grey .items .el .dividerBlock {
    border-color: #a4a7a9
}

.itemsAtAGlance.dark {
    -webkit-font-smoothing: antialiased
}

.itemsAtAGlance.dark .items .el .feature {
    color: #fff
}

.itemsAtAGlance.dark .items .el .dividerBlock {
    color: #e4e8e8;
    border-color: #a4a7a9
}

@media screen and (min-width:1px) and (max-width:1200px) {
    .itemsAtAGlance .reviewTitle {
        font-size: 26px
    }
}

@media screen and (min-width:1px) and (max-width:1100px) {
    .itemsAtAGlance .items .el,
    .itemsAtAGlance .items[data-total="4"] .el {
        width: 50%
    }
    .itemsAtAGlance .items .el .feature,
    .itemsAtAGlance .items[data-total="4"] .el .feature {
        margin-bottom: 10.667px
    }
    .itemsAtAGlance .items .el .dividerBlock,
    .itemsAtAGlance .items[data-total="4"] .el .dividerBlock {
        margin-bottom: 10.667px;
        padding-top: 9px;
        padding-bottom: 11px
    }
    .itemsAtAGlance .reviewTitle {
        font-size: 30px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .itemsAtAGlance .items .el,
    .itemsAtAGlance .items[data-total="4"] .el {
        width: 100%
    }
    .itemsAtAGlance .reviewTitle {
        font-size: 24px
    }
}

.Accolades {
    overflow: hidden;
    position: relative
}

.Accolades__bgImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.Accolades__slider {
    width: 100%
}

.Accolades__slide {
    text-align: center;
    padding: 30px
}

.Accolades__img {
    max-width: 260px;
    margin: 0 auto;
    width: 100%
}

.Accolades__img img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.Accolades__copy {
    color: #fff;
    margin: 32px auto 0;
    text-align: center
}

.Accolades__copy--primary {
    margin-bottom: 30px
}

.Accolades__controls {
    font-family: Jaguar, Arial Unicode, arial, helvetica, sans-serif;
    color: #fff;
    position: relative;
    text-align: center;
    margin-bottom: 30px
}

.Accolades__controls--numbers {
    height: 25px
}

.Accolades .TargetLinks {
    display: inline-block;
    color: #fff;
    margin-bottom: 30px;
    text-decoration: none;
    letter-spacing: 2.5px;
    letter-spacing: .25rem
}

.Accolades[data-total="1"] .Accolades__controls {
    display: none
}

.Accolades__bullet {
    background: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 50px;
    display: inline-block;
    height: 8px;
    opacity: .6;
    margin: 0 5px;
    width: 8px
}

.Accolades__bullet--active {
    opacity: 1
}

.Accolades__separator {
    margin-left: 10px;
    margin-right: 10px
}

.Accolades__next,
.Accolades__previous {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: auto;
    cursor: pointer
}

.Accolades__previous {
    margin-right: 16px
}

.Accolades__next {
    margin-left: 12px
}

.Accolades[data-alignment=none] .Accolades__img {
    display: none
}

@media (max-width:741px) {
    .Accolades__bgImage {
        background-image: none!important
    }
}

@media (min-width:741px) {
    .Accolades[data-alignment=none] .Accolades__copy {
        float: none;
        text-align: center;
        margin: 0 auto
    }
    .Accolades[data-alignment=none] .Accolades__controls {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .Accolades[data-alignment=left] .Accolades__copy {
        float: right;
        text-align: right
    }
    .Accolades[data-alignment=left] .Accolades__img {
        float: left
    }
    .Accolades[data-alignment=left] .Accolades__controls {
        left: 40px
    }
    .Accolades[data-alignment=right] .Accolades__copy {
        float: left;
        text-align: left
    }
    .Accolades[data-alignment=right] .Accolades__img {
        float: right;
        text-align: right
    }
    .Accolades[data-alignment=right] .Accolades__controls {
        left: 40px
    }
    .Accolades[data-pagination] .Accolades__slide {
        padding-bottom: 0
    }
    .Accolades__slide {
        overflow: hidden;
        text-align: left;
        padding: 80px 40px 56px
    }
    .Accolades__copy {
        max-width: 506px;
        margin: 0
    }
    .Accolades__img {
        max-width: 142px;
        min-height: 80px;
        margin-bottom: 30px
    }
    .Accolades__img img {
        margin: 0
    }
    .Accolades__controls {
        display: inline-block;
        padding-bottom: 56px;
        margin-bottom: 0
    }
}

@media (min-width:961px) {
    .Accolades__img {
        min-height: 198px
    }
}

@media (min-width:1155px) {
    .Accolades[data-alignment=left] .Accolades__controls,
    .Accolades[data-alignment=right] .Accolades__controls {
        left: 90px
    }
    .Accolades__slide {
        padding: 80px 90px 64px
    }
    .Accolades__copy {
        max-width: 625px
    }
    .Accolades__img {
        max-width: 350px
    }
    .Accolades__controls {
        padding-bottom: 64px
    }
}

@media (min-width:1750px) {
    .Accolades__copy {
        max-width: 1047px
    }
}

.Accordion--mobile-only .accordion-group-title {
    display: none
}

@media screen and (min-width:901px) {
    .Accordion--mobile-only {
        height: auto!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion--mobile-only {
        position: relative;
        z-index: 1;
        transition: height .5s
    }
    .Accordion--mobile-only .accordion-group {
        clear: both;
        width: 100%;
        height: 100%
    }
    .Accordion--mobile-only .accordion-group-title {
        color: #0c121c;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.1em;
        width: 100%;
        min-height: 50px;
        background: #fff;
        border-top: 1px solid #dbdcdd;
        padding: 10px 30px;
        display: table;
        position: relative;
        cursor: pointer
    }
    .Accordion--mobile-only .accordion-group-title.fixed {
        position: fixed;
        top: 0
    }
    .Accordion--mobile-only .accordion-fixed-header {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 3;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: opacity .35s ease-in-out
    }
    .Accordion--mobile-only .accordion-fixed-header .accordion-group-title {
        box-shadow: 0 0 4px rgba(1, 1, 1, .2);
        border-top: 0 none;
        border-bottom: 1px solid #dbdcdd
    }
    .Accordion--mobile-only .accordion-fixed-header.transitioning .accordion-group-title {
        border-bottom: 0;
        box-shadow: none
    }
    .Accordion--mobile-only .accordion-group-title-inner {
        display: table-cell;
        vertical-align: middle;
        font-family: lr_ot4, arial, helvetica, sans-serif;
        letter-spacing: .7px;
        padding-top: 1px;
        padding-right: 15px
    }
    .Accordion--mobile-only .accordion-group-content {
        display: block;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #dbdcdd;
        transition: height .5s
    }
    .Accordion--mobile-only .closed .accordion-group-content {
        height: 0
    }
    .Accordion--mobile-only .accordion-toggle-icon {
        width: 14px;
        height: 14px;
        position: absolute;
        right: 18px;
        top: 50%;
        margin-top: -8px;
        background: url(/resources/public/images/accordion/accordion-icon--closed.svg) no-repeat top
    }
    .Accordion--mobile-only .accordion-toggle-icon.open {
        background: url(/resources/public/images/accordion/accordion-icon--open.svg) no-repeat top
    }
}

.AccordionContainer .content-accordion-content {
    height: auto
}

.AccordionContainer .content-accordion-header {
    cursor: pointer
}

.AccordionContainer .fixed-header {
    position: fixed;
    top: 49px;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 4
}

.AccordionContainer .fixed-header .header {
    box-shadow: 0 0 4px rgba(1, 1, 1, .2);
    border-top: 0 none
}

.AccordionContainer .header {
    background: #fff;
    border-top: 1px solid #b7b9bb;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #0c121c;
    font-weight: 700;
    letter-spacing: .05em;
    position: relative;
    display: table;
    width: 100%;
    padding: 12px 11px 12px 30px;
    line-height: 25px;
    min-height: 50px;
    font-size: 15px
}

.AccordionContainer .header .icon,
.AccordionContainer .header .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .AccordionContainer .header .aw-tooltip {
    display: table-cell;
    height: 25px;
    width: 25px
}

.AccordionContainer .header .open {
    display: table-cell
}

.AccordionContainer .header .close {
    display: none
}

.AccordionContainer .header.accordion-open .close {
    display: table-cell
}

.AccordionContainer .header.accordion-open .open {
    display: none
}

.AccordionContainer .header.accordion-transition {
    border-bottom: 1px solid #b7b9bb
}

@media (max-width:740px) {
    .AccordionContainer .content-accordion-content {
        height: 0;
        overflow: hidden;
        transition: height .8s
    }
}

@media (min-width:741px) {
    .AccordionContainer .fixed-header,
    .AccordionContainer .header {
        display: none
    }
    .AccordionContainer .content-accordion-content {
        height: auto!important
    }
}

@media (max-width:740px) {
    .Accordion--mobile-hide {
        display: none!important
    }
    .Accordion--mobile-hide.Snippet {
        display: block!important;
        height: 1px;
        padding: 0;
        visibility: hidden;
        position: absolute;
        top: 0
    }
}

.ActionLinkList>div {
    margin: 0 auto;
    padding: 0 70px
}

.ActionLinkList .actionLinks {
    display: table;
    width: 100%
}

.ActionLinkList .actionLink {
    display: table-cell;
    width: 33.333%;
    padding: 40px 20px
}

.ActionLinkList .actionLink .secondaryLinkWithStyle,
.ActionLinkList .actionLink p {
    margin-top: 22px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ActionLinkList>div {
        padding: 0 20px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ActionLinkList {
        display: none
    }
}

.Article .sectionWrapper img {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    height: auto;
    display: block
}

.ArticleQuote+.Article {
    margin-top: -80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ArticleQuote+.Article {
        margin-top: -60px
    }
}

.TwoColumnContainer .Article .sectionWrapper .richText img {
    min-width: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0
}

.no-js .Article .section {
    overflow-x: scroll
}

@media screen and (min-width:741px) {
    blockquote {
        margin: 30px 40px
    }
}

.Article {
    width: 100%
}

.Article .sectionWrapper {
    padding: 80px 90px;
    overflow: hidden;
    *zoom: 1
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Article .sectionWrapper {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .sectionWrapper {
        padding: 30px
    }
}

.Article .sectionWrapper .section {
    width: 100%;
    margin: 0 auto;
    overflow: visible
}

.Article .sectionWrapper .section:first-child {
    margin-top: 0
}

.Article .articleHeader {
    display: none
}

.Article .links,
.Article .richText,
.Article .section>h1,
.Article .section>h2 {
    max-width: 600px;
    margin: 0 auto
}

@media screen and (min-width:1px) and (max-width:1080px) {
    .Article .links,
    .Article .richText,
    .Article .section>h1,
    .Article .section>h2 {
        max-width: 500px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .links,
    .Article .richText,
    .Article .section>h1,
    .Article .section>h2 {
        max-width: none
    }
}

.Article .richText .intro,
.Article .sectionWrapper h1,
.Article .sectionWrapper h2,
.Article .sectionWrapper h3 {
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .5px
}

.Article .richText .intro,
.Article .sectionWrapper h1,
.Article .sectionWrapper h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 40px;
    display: block
}

@media screen and (min-width:1px) and (max-width:1080px) {
    .Article .richText .intro,
    .Article .sectionWrapper h1,
    .Article .sectionWrapper h2 {
        font-size: 22.5px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .richText .intro,
    .Article .sectionWrapper h1,
    .Article .sectionWrapper h2 {
        margin-bottom: 30px;
        font-size: 18px
    }
}

.Article .richText>.intro {
    margin-left: -80px;
    margin-right: -110px
}

@media screen and (min-width:1px) and (max-width:1080px) {
    .Article .richText>.intro {
        margin-left: -80px;
        margin-right: -95px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .richText>.intro {
        margin-left: -30px;
        margin-right: -45px;
        margin-left: auto;
        margin-right: auto
    }
}

.Article .sectionWrapper h3 {
    font-weight: 700;
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 1.4;
    margin: 36px 0 6px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .sectionWrapper h3 {
        font-size: 16px;
        margin: 33px 0 5.5px
    }
}

.Article .richText h1,
.Article .richText h2 {
    margin-top: 40px
}

.Article .richText h1:first-child,
.Article .richText h2:first-child,
.Article .richText h3:first-child,
.Article .richText h4:first-child {
    margin-top: 0
}

.Article .richText ul {
    padding-left: 1em;
    margin-left: 0
}

.Article .richText ul li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.Article .richText ul li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.Article .richText ol {
    padding-left: 1.5em;
    margin-left: 0
}

.Article .richText ol li {
    line-height: 1.286em;
    margin-bottom: 1.286em;
    list-style-type: decimal
}

.Article .richText ol,
.Article .richText ul {
    margin: 32px 0;
    font-size: 16px
}

.Article .richText ol:first-child,
.Article .richText ul:first-child {
    margin-top: 0
}

.Article .richText ol li,
.Article .richText ul li {
    margin-bottom: 16px;
    font-weight: 700
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .richText ol,
    .Article .richText ul {
        font-size: 14px
    }
}

.Article .richText .tickList li {
    position: relative;
    list-style-type: none
}

.Article .richText .tickList li:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    left: -22px;
    font-size: 13px;
    top: 4px
}

.Article .richText blockquote,
.Article .richText p {
    font-size: 14px;
    line-height: 1.5em
}

.Article .richText p {
    margin-bottom: 1.5em
}

.Article .richText p strong {
    font-weight: 600
}

.Article .richText p:last-child {
    margin-bottom: 0
}

.Article .richText blockquote {
    margin-bottom: 2em
}

.Article .sectionWrapper .richText img {
    min-width: 760px;
    margin-left: -80px;
    margin-right: -80px
}

.Article .sectionWrapper span.bottom,
.Article .sectionWrapper span.top {
    display: block
}

.Article .sectionWrapper span.top {
    margin: 0 0 40px
}

.Article .sectionWrapper span.bottom {
    margin: 40px 0
}

.Article .sectionWrapper .imageCaption {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    max-width: 760px;
    margin: -32px auto 40px
}

.Article .sectionWrapper .links+span img {
    margin-top: 40px
}

@media screen and (min-width:1px) and (max-width:1080px) {
    .Article .sectionWrapper .imageCaption,
    .Article .sectionWrapper img {
        max-width: 660px
    }
    .Article .sectionWrapper .richText img {
        min-width: 660px;
        margin-left: -80px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article .sectionWrapper .imageCaption,
    .Article .sectionWrapper img {
        max-width: none
    }
    .Article .sectionWrapper .richText img {
        min-width: 0;
        margin-left: 0;
        margin-right: 0
    }
    .Article .sectionWrapper span.top {
        margin-bottom: 30px
    }
    .Article .sectionWrapper span.bottom {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .Article .sectionWrapper .imageCaption {
        margin: -22px 0 30px;
        padding-right: 0
    }
}

.Article a {
    color: #4a4f54
}

.Article a:focus,
.Article a:hover {
    color: #0c121c
}

.Article .responsiveTableArrow {
    top: 30px
}

.Article .responsiveTableArrow.bottom {
    top: auto;
    bottom: 30px
}

.Article .ResponsiveTable {
    margin: 40px 0;
    border: none
}

.Article.dark,
.Article[data-theme=dark] {
    background-color: #4a4f54
}

.Article.dark,
.Article.dark .richText blockquote,
.Article.dark .richText p,
.Article.dark .smallPrint,
.Article.dark a,
.Article[data-theme=dark],
.Article[data-theme=dark] .richText blockquote,
.Article[data-theme=dark] .richText p,
.Article[data-theme=dark] .smallPrint,
.Article[data-theme=dark] a {
    color: #e4e8e8
}

.Article.dark .sectionWrapper h1,
.Article.dark .sectionWrapper h2,
.Article.dark .sectionWrapper h3,
.Article.dark .sectionWrapper h4,
.Article[data-theme=dark] .sectionWrapper h1,
.Article[data-theme=dark] .sectionWrapper h2,
.Article[data-theme=dark] .sectionWrapper h3,
.Article[data-theme=dark] .sectionWrapper h4 {
    color: #fff
}

.Article.grey,
.Article[data-theme=grey] {
    background-color: #e9ecec
}

.Article.light,
.Article[data-theme=light] {
    background-color: #f8f9f9
}

.TwoColumnContainer .Article .sectionWrapper {
    padding: 0
}

.TwoColumnContainer .Article .richText .intro,
.TwoColumnContainer .Article .sectionWrapper h1,
.TwoColumnContainer .Article .sectionWrapper h2 {
    margin-bottom: 20px
}

.TwoColumnContainer .Article .links,
.TwoColumnContainer .Article .richText,
.TwoColumnContainer .Article .section>h1,
.TwoColumnContainer .Article .section>h2 {
    max-width: none
}

.TwoColumnContainer .AtAGlance {
    padding: 1px 0 0;
    margin-left: -20px;
    margin-right: -20px;
    width: auto
}

.TwoColumnContainer .AtAGlance .headerBlock {
    padding-left: 0;
    padding-right: 0
}

.autoCompleteContainer {
    position: relative
}

.autoCompleteMenu {
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 7;
    text-align: left;
    overflow-y: auto;
    max-height: 240px;
    width: 100%
}

.autoCompleteMenu .autoCompleteItem,
.autoCompleteMenu .autoCompleteTitle {
    display: block;
    padding: 12.5px 20px;
    font-size: 14px;
    text-decoration: none;
    color: #4a4f54;
    border-bottom: 1px solid #e4e8e8!important;
    line-height: 15px!important;
    background: #fff;
    cursor: pointer
}

.autoCompleteMenu .autoCompleteItem.promoted,
.autoCompleteMenu .autoCompleteTitle.promoted {
    background: #e4e8e8;
    border-bottom-color: #f8f9f9!important
}

.autoCompleteMenu .autoCompleteItem.promoted span,
.autoCompleteMenu .autoCompleteTitle.promoted span {
    color: #4a4f54;
    font-size: 10px;
    float: right
}

.autoCompleteMenu .autoCompleteItem.autoCompleteSelected,
.autoCompleteMenu .autoCompleteItem:focus,
.autoCompleteMenu .autoCompleteItem:hover,
.autoCompleteMenu .autoCompleteTitle:focus,
.autoCompleteMenu .autoCompleteTitle:hover {
    background: #e4e8e8
}

#header .autoCompleteMenu {
    position: absolute;
    top: 108px;
    left: 0;
    z-index: 3;
    max-height: 246px
}

#header .autoCompleteMenu .autoCompleteItem,
#header .autoCompleteMenu .autoCompleteTitle {
    text-align: left;
    padding: 12.5px 20px 12.5px 259px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #header .autoCompleteMenu {
        display: none
    }
}

.BazaarVoiceRating {
    min-height: 20px
}

.no-js .BazaarVoiceRating {
    display: none
}

.BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars {
    font-family: avenir, arial, helvetica, sans-serif!important;
    line-height: 18px!important
}

.BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: transparent!important
}

.BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link {
    font-size: 13px!important;
    cursor: auto!important
}

.BazaarVoiceRating .bv-cleanslate .bv-shared a.bv-rating-stars-container .bv-rating-stars {
    cursor: pointer!important
}

.Quote .BazaarVoiceRating {
    margin-top: 30px
}

.Quote .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-on {
    color: #f8f9f9!important
}

.Quote .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link {
    color: #e4e8e8!important
}

.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-stars-container {
    text-align: center!important
}

.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-stars-container dd {
    display: inline-block!important
}

.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating,
.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-label,
.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-on,
.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link {
    color: #005a2b!important
}

.VehicleSelector .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: #cdd1d1!important
}

.VehicleSummary.dark .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: #b7b9bb!important
}

.VehicleSummary.dark .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link {
    color: #e4e8e8!important
}

.VehicleSummary.grey .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off,
.VehicleSummary.light .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: #d9dcdc!important
}

.VehicleSummary.grey .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-on,
.VehicleSummary.light .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-on {
    color: #005a2b!important
}

.VehicleSummary.grey .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link,
.VehicleSummary.light .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-text-link {
    color: #4a4f54!important
}

.VehicleSummary.grey .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: #a4a7a9!important
}

.VehicleSummary.light .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars-off {
    color: #d9dcdc!important
}

.BazaarVoiceReviews .reviews {
    background-color: #fff
}

#book-a-service-tool-container {
    background-color: #f8f9f9;
    padding: 0 90px 80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #book-a-service-tool-container {
        padding: 0 40px 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #book-a-service-tool-container {
        padding: 0 0 30px
    }
}

.BookATestDriveRedirect .PostcodeLookupHeader {
    padding-top: 80px;
    background-color: #f8f9f9;
    text-align: center;
    padding-bottom: 0
}

.BookATestDriveRedirect .PostcodeLookupHeader h1,
.BookATestDriveRedirect .PostcodeLookupHeader h2,
.BookATestDriveRedirect .PostcodeLookupHeader h3 {
    color: #4a4f54
}

.BookATestDriveRedirect .PostcodeLookupHeader h1,
.BookATestDriveRedirect .PostcodeLookupHeader h2 {
    font-size: 38px
}

.BookATestDriveRedirect .PostcodeLookupHeader h3 {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 18px;
    margin: auto;
    font-weight: 400
}

.BookATestDriveRedirect .PostcodeLookupFormWrapper {
    background-color: #f8f9f9;
    padding-top: 30px;
    padding-bottom: 80px
}

.BookATestDriveRedirect .PostcodeLookupFormWrapper .PostcodeLookupForm {
    text-align: center
}

.BookATestDriveRedirect .PostcodeLookupFormWrapper .PostcodeLookupForm .BookATestDrivePostcodeLookupInput {
    width: 200px;
    margin: auto;
    margin-bottom: 10px;
    margin-right: 20px
}

.BookATestDriveRedirect .PostcodeLookupFormWrapper .PostcodeLookupForm .BookATestDrivePostcodeLookupContinueButton {
    margin-top: 0;
    vertical-align: bottom;
    margin-bottom: 10px
}

.BookATestDriveRedirect .PostcodeLookupFormWrapper .BookATestDrivePostcodeLookupError {
    color: red;
    display: none;
    margin-top: 10px
}

.BookATestDriveRedirect .BookATestDriveWidget {
    background-color: #f8f9f9;
    padding-top: 25px;
    padding-bottom: 25px;
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .BookATestDriveRedirect .PostcodeLookupHeader {
        padding-top: 30px
    }
    .BookATestDriveRedirect .PostcodeLookupHeader h1,
    .BookATestDriveRedirect .PostcodeLookupHeader h2 {
        font-size: 26px
    }
    .BookATestDriveRedirect .PostcodeLookupHeader h3 {
        font-size: 14px
    }
    .BookATestDriveRedirect .PostcodeLookupFormWrapper {
        padding-bottom: 30px
    }
    .BookATestDriveRedirect .PostcodeLookupFormWrapper .PostcodeLookupForm .BookATestDrivePostcodeLookupInput {
        display: block;
        margin-right: auto;
        margin-bottom: 30px
    }
}

.Caveat {
    line-height: 13px;
    line-height: 1.3rem
}

.Caveat.fullWidth p {
    max-width: 100%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Caveat p {
        max-width: none
    }
}

.Caveat {
    padding: 0 90px 80px
}

.Caveat[data-padding-top="x0.5"] {
    padding-top: 5px
}

.Caveat[data-padding-top=x1] {
    padding-top: 10px
}

.Caveat[data-padding-top=x2] {
    padding-top: 20px
}

.Caveat[data-padding-top=x4] {
    padding-top: 40px
}

.Caveat[data-padding-top=x8] {
    padding-top: 80px
}

.Caveat[data-padding-bottom="x0.5"] {
    padding-bottom: 5px
}

.Caveat[data-padding-bottom=x1] {
    padding-bottom: 10px
}

.Caveat[data-padding-bottom=x2] {
    padding-bottom: 20px
}

.Caveat[data-padding-bottom=x4] {
    padding-bottom: 40px
}

.Caveat[data-padding-bottom=x8] {
    padding-bottom: 80px
}

.Caveat p {
    font-size: 10px;
    letter-spacing: 1px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    color: #a4a7a9;
    max-width: 600px;
    letter-spacing: 1.5px!important
}

.Caveat p a {
    text-decoration: none;
    border-bottom: 1px solid
}

.right {
    text-align: right
}

.right p {
    margin-left: auto;
    margin-right: 0
}

.centre {
    text-align: center
}

.centre p {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1px) and (max-width:900px) {
    padding: 0 40px 40px;
    p {
        max-width: 500px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    padding: 0 30px 30px;
    p {
        max-width: none
    }
}

.grey p,
.light p {
    color: #4a4f54
}

.dark p {
    color: #e4e8e8
}

.white {
    background: #fff
}

html[lang=de-DE] .co2,
html[lang=de-DE] .combined-consumption {
    display: block!important;
    font-size: 10px
}

.Compare {
    background: #fff;
    overflow: hidden;
    *zoom: 1
}

.Compare .ComparisonTable .table.images td div {
    width: 50%;
    display: inline-block
}

.Compare select {
    display: none
}

html[lang=en-XI] .Compare .meta-block .from-price,
html[lang=en-XI] .Compare .option-details .meta,
html[lang=en-XT] .Compare .meta-block .from-price,
html[lang=en-XT] .Compare .option-details .meta {
    display: none!important
}

.Compare .step1text .mobile,
.Compare .step2text .mobile,
.Compare .step3text .mobile {
    display: none
}

.Compare .surround {
    margin-left: auto;
    margin-right: auto;
    width: 300px
}

.Compare .surround .meta-block {
    padding: 20px
}

.Compare .surround .meta-block h5 {
    letter-spacing: .8px
}

.Compare .surround .meta-block .meta {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    display: block
}

.Compare .surround .meta-block .meta.from-price {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    padding-top: 0;
    margin-top: 15px
}

.Compare .surround img {
    width: 100%
}

.Compare .surround .DropdownSelect {
    width: 100%;
    margin-top: 15px
}

.Compare .surround .DropdownSelect ul li:first-child,
.Compare .swiper-scrollbar {
    display: none
}

.Compare .choose-vehicle-title {
    opacity: 1;
    transition: opacity .5s
}

.Compare .Accordion.data-container[data-engines="0"] {
    height: 0!important
}

.Compare .Accordion.data-container[data-engines="1"] .accordion-group-title {
    width: calc(33.33% + 1px)
}

.Compare .Accordion.data-container[data-engines="2"] .accordion-group-title {
    width: calc(66.66% + 1px)
}

.Compare .step-indicator {
    text-align: center;
    margin-top: 80px
}

.Compare .step-indicator ul {
    width: 100%;
    font-size: 0;
    opacity: 1;
    transition: opacity .5s
}

.Compare .step-indicator ul li {
    display: inline-block;
    cursor: pointer
}

.Compare .step-indicator ul li div {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 35px;
    padding-bottom: 7px
}

.Compare .step-indicator ul[data-step="4"] {
    opacity: 0
}

.Compare .just-added {
    opacity: 0;
    height: 0!important;
    border: 0!important
}

.Compare .mobile-stickynav {
    display: block
}

.Compare .headerBlock h2 {
    margin: 40px auto;
    padding: 0
}

.Compare .data-block,
.Compare .select-block {
    padding: 0 90px
}

.Compare .data-block {
    height: auto
}

.Compare .data-block,
.Compare .data-block.has-transition {
    transition: height .5s
}

.Compare .mobile-add-button {
    display: none;
    margin: 0 auto
}

.Compare .headerBlock {
    margin: 40px auto;
    padding: 0
}

.Compare .headerBlock .heading {
    font-size: 34px;
    position: relative
}

.Compare .headerBlock .heading .close-button {
    display: none;
    text-decoration: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: -4px;
    right: 90px
}

.Compare .headerBlock .heading .close-button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    width: 40px;
    line-height: 40px;
    margin: 0;
    font-weight: 700
}

.Compare .select-block {
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative
}

.Compare .select-block .slide-controls {
    opacity: 1;
    transition: opacity .3s
}

.Compare .select-block.no-arrows .slide-controls {
    opacity: 0
}

.Compare .select-block .body-selector,
.Compare .select-block .swiper-container {
    opacity: 1;
    -webkit-transition: opacity .5s;
    -webkit-transition-delay: .5s;
    transition: opacity .5s .5s
}

.Compare .select-block.faded .swiper-container {
    opacity: .1
}

.Compare .select-block.faded .body-selector {
    opacity: 0
}

.Compare .select-block.choose-vehicle {
    z-index: 1
}

.Compare .select-block.choose-vehicle .back-to-vehicles,
.Compare .select-block.choose-vehicle .body-selector {
    display: none
}

.Compare .select-block.choose-derivative {
    position: relative;
    z-index: 2
}

.Compare .select-block.choose-derivative .back-to-vehicles {
    position: absolute;
    left: 90px;
    top: 54px;
    font-size: 10px;
    text-decoration: none;
    display: none!important
}

.Compare .select-block.choose-derivative .back-to-vehicles:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: -3px 5px 0 0
}

.Compare .select-block.choose-derivative.has-tabs .back-to-vehicles {
    top: 120px
}

.Compare .select-block.choose-derivative.has-tabs .close-button {
    top: 63px
}

.Compare .scroll-mask {
    transition: height .5s;
    overflow: hidden;
    width: 100%;
    margin-bottom: 40px
}

.Compare .option-image {
    width: 100%;
    height: 200px;
    background-size: cover
}

.Compare .slider-container {
    position: relative;
    overflow: hidden;
    transition: height .5s;
    opacity: 1
}

.Compare .slider-container>.select-block {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    -webkit-transition: left .5s;
    -webkit-transition-delay: .5s;
    transition: left .5s .5s
}

.Compare .slider-container>.select-block.choose-vehicle {
    z-index: 1
}

.Compare .slider-container>.select-block.choose-derivative {
    z-index: 2
}

.Compare .slider-container>.select-block.choose-engine {
    z-index: 3;
    padding-bottom: 160px
}

.Compare .slider-container>.select-block.shown {
    left: 0
}

.Compare .slider-container>.select-block .scroll-mask {
    transition: height .5s;
    overflow: hidden;
    width: 100%;
    margin-bottom: 40px
}

.Compare .slider-container>.select-block .option-image {
    width: 100%;
    height: 200px;
    background-size: cover
}

.Compare .slider-container.transition {
    opacity: 0;
    height: 0!important
}

.Compare .slider-container .swiper-container .swiper-slide.selected .option-details,
.Compare .slider-container .swiper-container .swiper-slide:hover .option-details {
    transition: background .2s ease-in-out
}

.Compare .slider-container .swiper-container .swiper-slide.selected .option-image {
    opacity: .9;
    transition: opacity .2s ease-in-out
}

.Compare .slider-container .swiper-container .swiper-slide .option-details {
    padding: 20px;
    transition: background .2s ease-in-out
}

.Compare .slider-container .slide-controls {
    height: 60px;
    position: relative;
    text-align: left
}

.Compare .slider-container .slide-controls .next,
.Compare .slider-container .slide-controls .prev {
    opacity: 1;
    z-index: 3;
    transition: opacity .5s;
    height: 30px;
    font-size: 23px;
    font-weight: 700;
    display: inline-block;
    margin: 15px 0 0;
    cursor: pointer
}

.Compare .slider-container .slide-controls .next:before,
.Compare .slider-container .slide-controls .prev:before {
    transition: color .2s
}

.Compare .slider-container .slide-controls .next:hover,
.Compare .slider-container .slide-controls .prev:hover {
    opacity: 1
}

.Compare .slider-container .slide-controls .next.swiper-button-disabled,
.Compare .slider-container .slide-controls .prev.swiper-button-disabled {
    opacity: .2!important
}

.Compare .indicator-container {
    width: 50%;
    margin: 0 auto
}

.Compare .indicator-container .indicator {
    width: 100px;
    height: 5px;
    position: relative
}

.Compare .indicator-container .indicator.hasTransition {
    transition: left .2s
}

.Compare .body-selector {
    display: none;
    margin-bottom: 40px
}

.Compare .body-selector ul {
    margin-left: auto;
    margin-right: auto;
    display: table
}

.Compare .body-selector ul li {
    display: table-cell;
    cursor: pointer;
    padding: 12px 25px;
    letter-spacing: .25em;
    text-indent: .25em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    transition: background-color .4s ease, color .4s ease
}

.Compare .derivative-click,
.Compare .product-click,
.Compare .vehicle-click {
    float: left
}

.Compare .derivative-click img,
.Compare .product-click img,
.Compare .vehicle-click img {
    width: 100%
}

.Compare .derivatives-slider {
    opacity: 1
}

.Compare .derivatives-slider.fast-transition {
    transition: opacity .3s
}

.Compare .derivatives-slider,
.Compare .some-products,
.Compare .vehicles-slider {
    cursor: pointer;
    opacity: 1
}

.Compare .derivatives-slider .swiper-slide:hover .option-image,
.Compare .some-products .swiper-slide:hover .option-image,
.Compare .vehicles-slider .swiper-slide:hover .option-image {
    opacity: .9;
    transition: opacity .2s ease-in-out
}

.Compare .derivatives-slider .swiper-slide .option-image,
.Compare .some-products .swiper-slide .option-image,
.Compare .vehicles-slider .swiper-slide .option-image {
    width: 100%;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    display: block
}

.Compare .derivatives-slider.faded,
.Compare .some-products.faded,
.Compare .vehicles-slider.faded {
    opacity: 0;
    transition: opacity 0s
}

.Compare .pane {
    width: 100%;
    overflow: scroll
}

.Compare .pane .inner {
    width: 75%;
    float: left
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare {
        padding: 0
    }
}

.Compare .fixed-background {
    display: block;
    position: fixed;
    max-width: 2000px;
    margin: 0 auto;
    top: 50px;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    transition: opacity .3s, height 0s
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare .fixed-background {
        display: none
    }
}

.Compare .ComparisonTable.hidden-td-0 .Accordion td:first-child>div,
.Compare .ComparisonTable.hidden-td-1 .Accordion td:nth-child(2)>div,
.Compare .ComparisonTable.hidden-td-2 .Accordion td:nth-child(3)>div {
    opacity: 0
}

.Compare .ComparisonTable .Accordion td>div {
    opacity: 1;
    transition: opacity .3s
}

.Compare .ComparisonTable .Accordion .header-row {
    padding: 15px 20px;
    text-align: right
}

.Compare .ComparisonTable .Accordion .header-row a {
    text-transform: uppercase
}

.Compare .ComparisonTable .scroll-x {
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    position: relative;
    width: 100%;
    opacity: 0;
    padding-top: 20%;
    padding-bottom: 20px;
    transition: padding-top 1s, opacity 1s
}

.Compare .ComparisonTable .scroll-x.transition {
    padding-top: 50px;
    opacity: 1
}

@media screen and (min-width:741px) {
    .Compare .ComparisonTable .scroll-x {
        position: static
    }
}

.Compare .ComparisonTable .scroll-x .Accordion {
    overflow-y: hidden;
    opacity: 1;
    transition: opacity .2s, height .5s
}

.Compare .ComparisonTable .scroll-x .Accordion .toggle.openAll {
    width: auto
}

.Compare .ComparisonTable .scroll-x .Accordion .openAll {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    transition: padding-left .1s ease-out
}

.Compare .ComparisonTable .scroll-x .Accordion .openAll .close,
.no-js .Compare .ComparisonTable .scroll-x .Accordion .openAll {
    display: none
}

.Compare .ComparisonTable .scroll-x .Accordion.hidden-td {
    opacity: 0
}

.Compare .ComparisonTable .scroll-x .Accordion.closed {
    height: 0!important;
    opacity: 0
}

.Compare .ComparisonTable .scroll-x .models-table {
    height: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1
}

.Compare .ComparisonTable .scroll-x .models-table.populating-engine .populated.not-populating {
    opacity: .5
}

.Compare .ComparisonTable .scroll-x .models-table.is-fixed {
    background: transparent;
    z-index: 1
}

.Compare .ComparisonTable .scroll-x .models-table.is-fixed .empty,
.Compare .ComparisonTable .scroll-x .models-table.is-fixed .populated {
    border-bottom: 0
}

.Compare .ComparisonTable[data-total="0"] {
    display: none;
    height: 0
}

.Compare .ComparisonTable[data-total="1"] .accordion-group-title,
.Compare .ComparisonTable[data-total="1"] .header-row {
    width: calc(33.33% + 1px)
}

.Compare .ComparisonTable[data-total="2"] .accordion-group-title,
.Compare .ComparisonTable[data-total="2"] .header-row {
    width: calc(66.66% + 1px)
}

.Compare .ComparisonTable[data-total="3"] .header-row {
    width: 100%
}

.Compare .ComparisonTable .accordion-group-title {
    text-align: left;
    padding: 16px 20px 14px;
    vertical-align: top;
    text-transform: uppercase;
    cursor: pointer;
    position: relative
}

.Compare .ComparisonTable .accordion-group-title>div {
    transition: padding-left .1s ease-out
}

.Compare .ComparisonTable .accordion-group-content {
    transition: height .5s;
    overflow: hidden;
    position: relative
}

.Compare .ComparisonTable .accordion-group {
    clear: both;
    float: left;
    width: 100%!important
}

.Compare .ComparisonTable .accordion-group table {
    margin-top: 0;
    transition: margin .5s
}

.Compare .ComparisonTable .accordion-group.open table {
    margin-top: 0
}

.Compare .ComparisonTable .accordion-group.closed table {
    margin-top: -10px
}

.Compare .ComparisonTable .compare-cta-block table td {
    border-top-width: 0
}

.Compare .ComparisonTable .compare-cta-block table td:empty {
    border: 0 none!important
}

.Compare .ComparisonTable .table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.Compare .ComparisonTable .table tr.vehicles-row td {
    position: relative
}

.Compare .ComparisonTable .table tr.vehicles-row td.populated {
    background-clip: padding-box
}

.Compare .ComparisonTable .table tr.vehicles-row td.populated img {
    width: 100%;
    display: block
}

.Compare .ComparisonTable .table.keyFeatures {
    border-collapse: auto
}

.Compare .ComparisonTable .table.keyFeatures tr td {
    padding: 8px 20px 8px 30px;
    border-top: 0 none;
    border-bottom: 0 none
}

.Compare .ComparisonTable .table.keyFeatures tr:first-child td {
    padding-top: 15px
}

.Compare .ComparisonTable .table.keyFeatures tr:last-child td {
    padding-bottom: 15px
}

.Compare .ComparisonTable .table td {
    text-align: left;
    empty-cells: show;
    white-space: pre-line;
    vertical-align: top;
    min-width: 180px;
    font-size: 12px
}

.Compare .ComparisonTable .table td strong {
    display: block;
    padding-bottom: 1px
}

.Compare .ComparisonTable .table td br {
    display: none
}

.Compare .ComparisonTable .table td:empty {
    border: 0 none
}

.Compare .ComparisonTable .table td.title {
    padding: 15px 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.6px
}

.Compare .ComparisonTable .table td.empty {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 0
}

.Compare .ComparisonTable .table td.empty.disabled {
    opacity: .3
}

.Compare .ComparisonTable .table td.empty:hover span {
    opacity: .7;
    transition: opacity .15s ease-in-out
}

.Compare .ComparisonTable .table td .remove {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.Compare .ComparisonTable .table td img {
    width: 100%
}

.Compare .ComparisonTable .table td .meta-block {
    padding: 20px
}

.Compare .ComparisonTable .table td .meta-block span.meta.co2 {
    margin-top: 12px;
    display: none
}

.Compare .ComparisonTable .table td .meta-block span.meta.combined-consumption {
    display: none;
    letter-spacing: 1px;
    padding-top: 3px
}

.Compare .ComparisonTable .table td .meta-block .DropdownSelect {
    margin-top: 15px;
    margin-bottom: 0
}

.Compare .ComparisonTable .table td .meta-block .DropdownSelect .selected span {
    padding-left: 20px;
    padding-right: 35px
}

.Compare .ComparisonTable .table td .meta-block .DropdownSelect ul li:first-child {
    display: none
}

.Compare .ComparisonTable .table td .meta-block .DropdownSelect ul li span {
    padding-left: 20px
}

.Compare .ComparisonTable .table td.button-cell {
    padding: 20px
}

.Compare .ComparisonTable .table td.button-cell .primaryLinkWithStyle {
    margin-top: 0;
    margin-bottom: 1px;
    width: 100%;
    text-align: left;
    -webkit-font-smoothing: antialiased
}

.Compare .ComparisonTable .table td.button-cell .primaryLinkWithStyle span {
    padding-left: 50px
}

.Compare .ComparisonTable .table-grid {
    table-layout: fixed
}

.Compare .ComparisonTable .model-selector-table td {
    white-space: normal;
    padding: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare .ComparisonTable {
        padding: 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .swiper-container {
        overflow: visible
    }
    .swiper-container .swiper-scrollbar {
        bottom: -20px;
        top: auto
    }
    .select-block .slide-controls {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Compare .headerBlock .heading {
        font-size: 21px
    }
    .Compare .step-indicator {
        margin: 40px auto 30px;
        width: 62%
    }
    .Compare .select-block {
        padding-bottom: 40px
    }
    .Compare .data-block,
    .Compare .select-block {
        padding-left: 40px;
        padding-right: 40px
    }
    .Compare .data-block.choose-derivative .back-to-vehicles,
    .Compare .select-block.choose-derivative .back-to-vehicles {
        top: 50px!important
    }
    .Compare .slide-controls {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare .mobile-add-button {
        display: table;
        max-width: 200px;
        margin-top: 40px
    }
    .Compare .step1text .mobile,
    .Compare .step2text .mobile,
    .Compare .step3text .mobile {
        display: block
    }
    .Compare .step1text .desktop,
    .Compare .step2text .desktop,
    .Compare .step3text .desktop {
        display: none
    }
    .Compare .swiper-scrollbar {
        display: block;
        top: auto;
        bottom: -20px
    }
    .Compare .surround {
        max-width: 100%
    }
    .Compare .fixed-mobile-header {
        text-transform: uppercase;
        font-size: 14px;
        font-family: lr_ot4, arial, helvetica, sans-serif
    }
    .Compare .fixed-mobile-header>p {
        padding-bottom: 3px
    }
    .Compare .fixed-mobile-header .bodystyle,
    .Compare .fixed-mobile-header .price {
        font-size: 12px;
        font-family: avenir, arial, helvetica, sans-serif
    }
    .Compare .fixed-mobile-header .price {
        font-weight: 700;
        padding: 0
    }
    .Compare .step-indicator {
        margin-top: 30px
    }
    .Compare .step-indicator ul li {
        width: 33.333%
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (min-width:1px) and (max-width:740px) {
    .Compare .step-indicator ul li {
        width: 20%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare .step-indicator ul li div {
        margin: 0 10px
    }
    .Compare .models-table {
        z-index: 3
    }
    .Compare .fixed-background {
        display: none
    }
    .Compare .headerBlock {
        margin: 20px auto;
        width: 70%
    }
    .Compare .headerBlock .heading {
        font-size: 18px
    }
    .Compare .headerBlock .heading .close-button {
        width: 30px;
        height: 30px;
        right: -30px;
        top: -4px!important
    }
    .Compare .headerBlock .heading .close-button:before {
        font-size: 12px;
        width: 30px;
        line-height: 30px
    }
    .Compare .select-block {
        padding-bottom: 30px
    }
    .Compare .data-block,
    .Compare .select-block {
        padding-left: 30px;
        padding-right: 30px
    }
    .Compare .data-block.choose-derivative .back-to-vehicles,
    .Compare .select-block.choose-derivative .back-to-vehicles {
        top: 42px!important;
        left: 30px;
        font-size: 12px
    }
    .Compare .data-block.choose-derivative .back-to-vehicles span,
    .Compare .select-block.choose-derivative .back-to-vehicles span {
        display: none
    }
    .Compare .data-block .swiper-container .next,
    .Compare .data-block .swiper-container .prev,
    .Compare .select-block .swiper-container .next,
    .Compare .select-block .swiper-container .prev {
        display: none!important
    }
    .Compare .data-block .ComparisonTable,
    .Compare .select-block .ComparisonTable {
        padding-top: 1px
    }
    .Compare .data-block .ComparisonTable .empty,
    .Compare .data-block .ComparisonTable .empty-cell,
    .Compare .select-block .ComparisonTable .empty,
    .Compare .select-block .ComparisonTable .empty-cell {
        display: none
    }
    .Compare .data-block .ComparisonTable .header-row,
    .Compare .select-block .ComparisonTable .header-row {
        width: 100%!important
    }
    .Compare .data-block .ComparisonTable[data-total="0"] .scroll-x,
    .Compare .select-block .ComparisonTable[data-total="0"] .scroll-x {
        padding-bottom: 200px
    }
    .Compare .data-block .ComparisonTable[data-total="1"] .accordion-group-title,
    .Compare .data-block .ComparisonTable[data-total="1"] .populated,
    .Compare .select-block .ComparisonTable[data-total="1"] .accordion-group-title,
    .Compare .select-block .ComparisonTable[data-total="1"] .populated {
        width: 100%
    }
    .Compare .data-block .ComparisonTable[data-total="1"] .Accordion,
    .Compare .data-block .ComparisonTable[data-total="1"] .models-table,
    .Compare .select-block .ComparisonTable[data-total="1"] .Accordion,
    .Compare .select-block .ComparisonTable[data-total="1"] .models-table {
        width: 100%!important
    }
    .Compare .data-block .ComparisonTable[data-total="1"] .mobile-stickynav>div,
    .Compare .select-block .ComparisonTable[data-total="1"] .mobile-stickynav>div {
        width: 100%
    }
    .Compare .data-block .ComparisonTable[data-total="1"] .scroll-x,
    .Compare .select-block .ComparisonTable[data-total="1"] .scroll-x {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .Compare .data-block .ComparisonTable[data-total="1"] .scroll-x .model-selector-table,
    .Compare .select-block .ComparisonTable[data-total="1"] .scroll-x .model-selector-table {
        width: 100%!important
    }
    .Compare .data-block .ComparisonTable[data-total="2"] .populated,
    .Compare .select-block .ComparisonTable[data-total="2"] .populated {
        width: 50%
    }
    .Compare .data-block .ComparisonTable[data-total="2"] .accordion-group-title,
    .Compare .select-block .ComparisonTable[data-total="2"] .accordion-group-title {
        width: 100%
    }
    .Compare .data-block .ComparisonTable[data-total="2"] .mobile-stickynav>div,
    .Compare .select-block .ComparisonTable[data-total="2"] .mobile-stickynav>div {
        width: 50%
    }
    .Compare .data-block .ComparisonTable[data-total="3"] .mobile-add-button,
    .Compare .select-block .ComparisonTable[data-total="3"] .mobile-add-button {
        display: none
    }
    .Compare .data-block .ComparisonTable[data-total="3"] .populated,
    .Compare .select-block .ComparisonTable[data-total="3"] .populated {
        width: 33.3333%
    }
    .Compare .data-block .ComparisonTable[data-total="3"] .accordion-group-title,
    .Compare .select-block .ComparisonTable[data-total="3"] .accordion-group-title {
        width: 100%
    }
    .Compare .data-block .ComparisonTable[data-total="3"] .mobile-stickynav>div,
    .Compare .select-block .ComparisonTable[data-total="3"] .mobile-stickynav>div {
        width: 33.33333%
    }
    .Compare .data-block .ComparisonTable .Accordion.data-container[data-engines="0"],
    .Compare .select-block .ComparisonTable .Accordion.data-container[data-engines="0"] {
        height: 0!important
    }
    .Compare .data-block .ComparisonTable .accordion-toggle-icon,
    .Compare .select-block .ComparisonTable .accordion-toggle-icon {
        font-size: 14px
    }
    .Compare .data-block .ComparisonTable .accordion-toggle-icon:after,
    .Compare .select-block .ComparisonTable .accordion-toggle-icon:after {
        height: 13px
    }
    .Compare .data-block .ComparisonTable .table td:not(.populated),
    .Compare .select-block .ComparisonTable .table td:not(.populated) {
        padding: 15px 20px
    }
    .Compare .data-block .ComparisonTable .table td:not(.populated).feature,
    .Compare .select-block .ComparisonTable .table td:not(.populated).feature {
        padding: 8px 20px
    }
    .Compare .data-block .ComparisonTable .table td.title,
    .Compare .select-block .ComparisonTable .table td.title {
        font-size: 10px
    }
    .Compare .data-block {
        padding-left: 0;
        padding-right: 0
    }
    .Compare .scroll-x>div {
        padding-left: 20px;
        padding-right: 20px
    }
    .Compare .swiper-container {
        overflow: visible
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Compare .swiper-scrollbar {
        display: block;
        top: auto;
        bottom: -20px
    }
}

@media screen and (max-width:460px) {
    .Compare .body-selector ul {
        width: 100%
    }
    .Compare .body-selector ul li {
        display: block;
        width: 100%
    }
}

.no-js .Compare {
    height: 768px
}

.no-js .Compare .noJsText {
    padding-top: 200px
}

.no-js .Compare .Compare-container {
    display: none
}

.table.finances tr td:not(.title) .data-content {
    position: relative;
    padding-right: 15px
}

.table.finances tr .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.table.finances tr .tooltip div {
    position: absolute;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(/resources/public/images/comparison/information.svg);
    background-size: contain;
    opacity: .3;
    right: -2px
}

.tooltip_popup {
    padding: 20px;
    padding-top: 60px;
    width: auto;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: auto;
    max-height: 100vh;
    box-shadow: 0 3.5px 2.5px -1px rgba(0, 0, 0, .2);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.tooltip_popup p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.spinner {
    position: absolute;
    display: none;
    height: 100%;
    z-index: 0;
    border-top-width: 0
}

#finance-disclaimer {
    letter-spacing: 1.5px;
    line-height: 12.8571px;
    font-size: 10px;
    padding: 20px 90px
}

#finance-disclaimer p {
    margin-bottom: 10px;
    text-decoration: underline
}

@media screen and (min-width:1px) and (max-width:900px) {
    #finance-disclaimer {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #finance-disclaimer {
        padding: 28px 30px
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all .3s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.mfp-bg {
    opacity: .4
}

body:not(.isFullscreen) .mfp-close {
    top: 0;
    right: 0;
    border: 0;
    font-size: 36px;
    font-weight: 300;
    line-height: .6
}

.engine-selector {
    box-sizing: border-box
}

.engine-selector table td {
    border-top: 0!important;
    padding: 20px!important
}

.engine-selector .change-engine {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2em;
    font-family: avenir, lr_ot4, arial, helvetica, sans-serif;
    letter-spacing: 1.6px
}

.engine-selector .DropdownSelect {
    margin-top: 15px
}

.engine-selector .DropdownSelect .selected {
    z-index: 0
}

.engine-selector .DropdownSelect .selected span {
    padding-left: 15px;
    padding-right: 35px
}

.engine-selector .DropdownSelect ul li:first-child {
    display: none
}

.engine-selector .DropdownSelect ul li span {
    padding-left: 20px
}

.noFinanceMessage a {
    text-decoration: none;
    border-bottom: 1px solid rgba(74, 79, 84, .25)
}

.finProdTerms {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: .28px
}

.Compare .data-block {
    background: #f8f9f9
}

.Compare .surround {
    border: 1px solid #e4e8e8
}

.Compare .surround .meta-block .meta {
    color: #4a4f54
}

.Compare .surround .meta-block .meta.from-price {
    color: #0c121c
}

.Compare .step-indicator ul li div {
    color: #a4a7a9
}

.Compare .step-indicator ul[data-step="1"] li:first-child>div {
    color: #005a2b;
    border-bottom: 3px solid #e4e8e8
}

.Compare .step-indicator ul[data-step="2"] li:first-child>div {
    color: #4a4f54
}

.Compare .step-indicator ul[data-step="2"] li:nth-child(2)>div {
    color: #005a2b;
    border-bottom: 3px solid #e4e8e8
}

.Compare .step-indicator ul[data-step="3"] li:first-child>div,
.Compare .step-indicator ul[data-step="3"] li:nth-child(2)>div {
    color: #4a4f54
}

.Compare .step-indicator ul[data-step="3"] li:nth-child(3)>div {
    color: #005a2b;
    border-bottom: 3px solid #e4e8e8
}

.Compare .headerBlock .heading .close-button {
    color: #0c121c
}

.Compare .select-block.choose-derivative,
.Compare .select-block.choose-vehicle {
    background-color: #f8f9f9
}

.Compare .select-block.choose-derivative .back-to-vehicles {
    color: #0c121c
}

.Compare .select-block.choose-derivative .back-to-vehicles:before {
    color: #000
}

.Compare .slider-container,
.Compare .slider-container>.select-block {
    background: #f8f9f9
}

.Compare .slider-container>.select-block .surround {
    background: #fff
}

.Compare .swiper-container .swiper-slide {
    border-top: 1px solid #e9ecec;
    border-bottom: 1px solid #e9ecec;
    border-right: 1px solid #e9ecec
}

.Compare .swiper-container .swiper-slide:first-child {
    border-left: 1px solid #e9ecec
}

.Compare .swiper-container .swiper-slide:hover .option-details {
    background: #f8f9f9
}

.Compare .swiper-container .swiper-slide.selected .option-details {
    background: #f8f9f9;
    transition: background .2s ease-in-out
}

.Compare .swiper-container .swiper-slide.selected .option-image {
    opacity: .9;
    transition: opacity .2s ease-in-out
}

.Compare .swiper-container .swiper-slide.selected .selected-icon {
    background: url(/resources/public/images/comparison/comptick.svg) no-repeat
}

.Compare .swiper-container .swiper-slide .selected-icon {
    height: 19px;
    width: 19px;
    background: url(/resources/public/images/comparison/compadd.svg) no-repeat;
    float: right
}

.Compare .swiper-container .swiper-slide .selected-icon .icon-tick {
    display: none
}

.Compare .swiper-container .swiper-slide .selected-icon .selected {
    background: url(/resources/public/images/comparison/comptick.svg) no-repeat
}

.Compare .swiper-container .swiper-slide .option-details {
    background: #fff
}

.Compare .swiper-container .swiper-slide .option-details span.meta {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 12px;
    padding-top: 5px;
    display: block;
    color: #4a4f54
}

.Compare .swiper-container .swiper-slide .option-details h5 {
    text-transform: uppercase;
    margin: 0;
    line-height: 1.2em;
    letter-spacing: .8px;
    font-size: 14px
}

.Compare .slide-controls .next:hover:before,
.Compare .slide-controls .prev:hover:before {
    color: #a4a7a9
}

.Compare .slide-controls .next:before,
.Compare .slide-controls .prev:before {
    color: #4a4f54
}

.Compare .slide-controls .prev {
    left: 0
}

.Compare .slide-controls .prev:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.Compare .slide-controls .next {
    right: 0
}

.Compare .slide-controls .next:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.indicator-container {
    background: #ccc
}

.indicator-container .indicator {
    background: #444
}

.body-selector ul li {
    color: #fff;
    background: #0c121c;
    transition: background-color .4s ease, color .4s ease
}

.body-selector ul li.active,
.body-selector ul li:hover {
    background: #fff;
    color: #0c121c
}

.derivatives-slider .inner,
.pane .inner,
.vehicles-slider .inner {
    background: purple
}

.fixed-background {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.ComparisonTable .Accordion td:not(.empty-cell):not(.empty):not(.title) {
    background: #fff
}

.ComparisonTable .Accordion .header-row {
    border-right: 1px solid #e4e8e8;
    border-left: 1px solid #e4e8e8;
    background: #fff
}

.ComparisonTable .Accordion .header-row a {
    color: #000
}

.ComparisonTable .Accordion .header-row.hasDropDown {
    border-bottom: 1px solid #e4e8e8
}

.ComparisonTable .scroll-x .Accordion .openAll {
    color: #4a4f54
}

.ComparisonTable .scroll-x .Accordion .openAll:hover {
    color: #0c121c
}

.ComparisonTable[data-total="2"] tr td.title {
    border-bottom-color: #e4e8e8
}

.ComparisonTable[data-total="2"] tr td.title:first-of-type {
    border-right-color: #e4e8e8
}

.ComparisonTable[data-total="2"] tr td.title:nth-of-type(2) {
    border-left-color: #e4e8e8
}

.ComparisonTable[data-total="3"] tr td.title:nth-of-type(n+2) {
    border-left-color: #f8f9f9
}

.ComparisonTable[data-total="3"] tr td.title:not(:nth-child(3)) {
    border-right-color: #f8f9f9
}

.ComparisonTable .accordion-group-title {
    background: #e4e8e8;
    color: #0c121c;
    border-bottom: 1px solid #fff
}

.ComparisonTable .accordion-group-title>div {
    transition: padding-left .1s ease-out
}

.ComparisonTable .accordion-group-title h6 {
    margin: 0;
    padding: 1px 10px 0 0;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.6px
}

.ComparisonTable .open .accordion-group-title {
    border-bottom: 1px solid #e4e8e8
}

.ComparisonTable .accordion-group .accordion-toggle-icon {
    color: #0c121c;
    position: absolute;
    font-size: 14px;
    right: 20px;
    word-break: normal
}

.ComparisonTable .accordion-group .accordion-toggle-icon:after {
    content: ""
}

.ComparisonTable .accordion-group .accordion-toggle-icon.closed:after,
.ComparisonTable .accordion-group .accordion-toggle-icon:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ComparisonTable .accordion-group .accordion-toggle-icon.closed:after {
    right: -18px;
    content: ""
}

.ComparisonTable .table tr.vehicles-row td.populated {
    background: #fff
}

.ComparisonTable .table tr:first-child td.title {
    border-top-color: #f8f9f9
}

.ComparisonTable .table tr.preTitle td {
    border-bottom-color: #fff
}

.ComparisonTable .table td {
    padding: 15px 20px 15px 30px;
    border: 1px solid #e4e8e8
}

.ComparisonTable .table td.title {
    background: #f8f9f9;
    border-bottom-color: #e4e8e8;
    border-top-color: #f8f9f9
}

.ComparisonTable .table td.empty span {
    background: url(/resources/public/images/comparison/Plus-add-vehicle.svg) no-repeat top;
    background-size: 60% 60%;
    display: block;
    padding: 70px 10px 0;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: -23%;
    opacity: 1;
    transition: opacity .15s ease-in-out
}

.ComparisonTable .table td .meta-block h5 {
    text-transform: uppercase;
    margin: 0;
    line-height: 1.2em;
    font-size: 14px;
    letter-spacing: .8px
}

.ComparisonTable .table td .meta-block span.meta {
    color: #4a4f54;
    display: block
}

.ComparisonTable .table td .meta-block span.meta.from-price {
    color: #0c121c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    padding-top: 0;
    margin-top: 12px
}

.ComparisonTable .table td .remove {
    background: url(/resources/public/images/comparison/compare-remove.png) no-repeat
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Compare .fixed-mobile-header {
        color: #0c121c
    }
    .Compare .fixed-mobile-header .bodystyle {
        color: #4a4f54
    }
}

.no-js .Compare {
    background: #fff
}

.tooltip_popup {
    background: #e4e8e8
}

.spinner {
    background-color: #fff;
    border: 1px solid #e4e8e8
}

#finance-disclaimer {
    color: #4a4f54;
    background-color: #fff
}

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

button.mfp-close:hover {
    background: #e4e8e8;
    border: 0 #e4e8e8
}

.engine-selector table td:first-child {
    border-left: 1px solid #e4e8e8
}

.engine-selector table td {
    border-right: 1px solid #e4e8e8;
    border-bottom: 1px solid #e4e8e8
}

.noFinanceMessage {
    color: #4a4f54
}

.noFinanceMessage a {
    color: #4a4f54;
    border-bottom: 1px solid #777b7f
}

.noFinanceMessage a:hover {
    color: #0c121c
}

.CompareTwo {
    background: #fff
}

.CompareTwo .total-container {
    float: right
}

.CompareTwo .choose-container .vehicle-selector {
    position: relative;
    padding: 40px 90px 0
}

.CompareTwo .choose-container .vehicle-selector .select-option.model-selected .selected-icon,
.CompareTwo .choose-container .vehicle-selector .select-option.selected .selected-icon {
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    background: #9acd32;
    line-height: 20px;
    display: block
}

.CompareTwo .choose-container .vehicle-selector .select-option.selected .option-details {
    background: #f6f7f7
}

.CompareTwo .choose-container .model-selector {
    opacity: 0;
    padding: 40px 90px 0;
    background: #f6f7f7
}

.CompareTwo .choose-container .model-selector .option-details {
    height: 88px
}

.CompareTwo .choose-container .title-header {
    padding: 0 0 20px;
    text-align: center
}

.CompareTwo .choose-container .title-header h3 {
    font-size: 2em;
    text-transform: uppercase
}

.CompareTwo .choose-container .Selectable {
    overflow: hidden;
    *zoom: 1
}

.CompareTwo .choose-container .button-container {
    display: none;
    padding: 20px 0;
    background: #f6f7f7
}

.CompareTwo .choose-container .button-container .compare-button {
    margin: 0 auto;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 15px
}

.CompareTwo .data-container {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .CompareTwo .choose-container .model-selector,
    .CompareTwo .choose-container .vehicle-selector {
        padding: 20px 0
    }
    .CompareTwo .choose-container .title-header h3 {
        font-size: 1.5em
    }
}

@-webkit-keyframes c {
    0% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .4
    }
    80% {
        opacity: .2
    }
    to {
        opacity: 0
    }
}

@keyframes c {
    0% {
        opacity: 1
    }
    20% {
        opacity: .8
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .4
    }
    80% {
        opacity: .2
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.24)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes d {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.24);
        transform: scale(1.24)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes e {
    0% {
        stroke-dashoffset: -230px
    }
    50% {
        stroke-dashoffset: -115px
    }
    to {
        stroke-dashoffset: 0px
    }
}

@keyframes e {
    0% {
        stroke-dashoffset: -230px
    }
    50% {
        stroke-dashoffset: -115px
    }
    to {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes f {
    0% {
        stroke-dashoffset: 0px
    }
    50% {
        stroke-dashoffset: 115px
    }
    to {
        stroke-dashoffset: 230px
    }
}

@keyframes f {
    0% {
        stroke-dashoffset: 0px
    }
    50% {
        stroke-dashoffset: 115px
    }
    to {
        stroke-dashoffset: 230px
    }
}

.ComparisonSlider {
    opacity: 0;
    z-index: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-colour: hsla(0, 0%, 5%, 0)
}

.hotSpotActive .ComparisonSlider {
    overflow: visible;
    z-index: 1000
}

.ComparisonSlider .headerBlock {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    padding: 80px 90px 40px;
    margin-bottom: 0
}

.ComparisonSlider:hover .hotspot {
    transition: .5s linear
}

.ComparisonSlider .hotspot {
    position: absolute;
    z-index: 30;
    opacity: 1;
    width: 200px;
    height: 125px
}

.ComparisonSlider .hotspot.flipH {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    overflow: visible
}

.ComparisonSlider .hotspot.flipH .hotspotLine {
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"
}

.ComparisonSlider .hotspot.flipV {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.ComparisonSlider .hotspot .inner {
    position: relative
}

.ComparisonSlider .hotspot .inner.hidden .hotspotLine {
    -ms-animation: f .3s normal forwards;
    -o-animation: f .3s normal forwards;
    transition-timing-function: linear;
    -webkit-animation-name: f;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation: f .3s normal forwards;
    animation: f .3s normal forwards
}

.ComparisonSlider .hotspot .inner .hotspotLine {
    position: relative;
    display: block;
    top: 10px;
    stroke-dashoffset: -230px;
    stroke-dasharray: 230px 230px;
    -ms-animation: e .8s normal forwards;
    -o-animation: e .8s normal forwards;
    transition-timing-function: linear;
    -webkit-animation-name: e;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    z-index: 10;
    -webkit-animation: e .8s normal forwards;
    animation: e .8s normal forwards
}

.ComparisonSlider .hotspot .inner .hotspotLine path {
    stroke-width: 1.3px
}

.ComparisonSlider .hotspot .inner .hotspotPoint {
    opacity: 0
}

.ComparisonSlider .hotspot .inner .hotspotIcon {
    position: absolute;
    opacity: 0;
    background: none;
    z-index: 10;
    text-align: center;
    color: #fff;
    border: 1px solid #fff!important;
    font-weight: 500;
    left: -36px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    margin-left: 7px;
    display: block
}

.ComparisonSlider .hotspot .inner .hotspotIcon:before {
    line-height: inherit;
    margin: 0;
    display: block;
    width: 100%
}

.ComparisonSlider .hotspot .inner .hotspotIcon.pulse:before,
.ComparisonSlider .hotspot .inner .hotspotIcon:hover:before {
    -webkit-animation: d .8s linear 0s;
    animation: d .8s linear 0s
}

.active .ComparisonSlider.disableAnimation .hotspot .inner .hotspotLine {
    opacity: 1
}

.ComparisonSlider.disableAnimation .hotspot .inner.hidden {
    opacity: 0
}

.ComparisonSlider.disableAnimation .hotspot .inner .hotspotLine {
    stroke-dashoffset: 0;
    stroke-dasharray: 0 0;
    -webkit-animation: none;
    animation: none;
    opacity: 0;
    transition: opacity .8s
}

.ComparisonSlider.disableAnimation .active .hotspot .inner .hotspotLine {
    opacity: 1
}

.lt-ie10 .ComparisonSlider .hotspot.flipH .hotspotIcon {
    left: auto;
    right: -30px
}

.ComparisonSlider.load-progress,
.ComparisonSlider.loading {
    opacity: 1;
    z-index: 1;
    min-height: 200px
}

.ComparisonSlider.load-progress .loaderOverlay,
.ComparisonSlider.load-progress .loaderOverlay:before,
.ComparisonSlider.loading .loaderOverlay,
.ComparisonSlider.loading .loaderOverlay:before {
    z-index: 100;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    display: block;
    background: #0c121c
}

.ComparisonSlider.load-progress .loaderOverlay:before,
.ComparisonSlider.loading .loaderOverlay:before {
    content: "";
    z-index: 101;
    background: hsla(0, 0%, 5%, 0);
    background: radial-gradient(ellipse at center, hsla(0, 0%, 5%, 0) 0, #0e0e0e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0e0e0e", endColorstr="#0e0e0e", GradientType=1)
}

.ComparisonSlider.load-progress .loaderOverlay {
    -webkit-animation: c 2s 1s 1 steps(5) forwards;
    animation: c 2s 1s 1 steps(5) forwards
}

.ComparisonSlider.loaded {
    opacity: 1
}

.ComparisonSlider.loaded .loaderOverlay {
    display: none
}

.ComparisonSlider .sliderSet {
    transition: opacity .4s
}

.ComparisonSlider .sliderSet.toggling .comparisonWrapper,
.ComparisonSlider .sliderSet.toggling .hotspotWrapper,
.ComparisonSlider .sliderSet.toggling .sliderContainer {
    opacity: 0!important
}

.ComparisonSlider .sliderContainer {
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715);
    opacity: 0;
    z-index: 3
}

.ComparisonSlider .sliderControls {
    width: 800px
}

.ComparisonSlider .overlaidSlider {
    z-index: 100;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    width: 100%;
    margin: 0
}

.ComparisonSlider .overlaidSlider .sliderTrack {
    display: none
}

.ComparisonSlider .overlaidSlider .sliderControls {
    width: 100%;
    margin: 0
}

.ComparisonSlider .overlaidSlider .sliderVerticalLine {
    display: block;
    background-color: hsla(0, 0%, 100%, .37);
    height: 100vh;
    width: 4px;
    position: fixed;
    top: -100%;
    left: -2px;
    top: -50vh;
    z-index: 4
}

.ComparisonSlider .hotspotWrapper {
    position: relative;
    width: 800px;
    height: 0;
    margin: 0 auto;
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715);
    opacity: 0
}

.ComparisonSlider .hotspotContent {
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none
}

.ComparisonSlider .comparisonWrapper {
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715);
    height: 410px;
    width: 800px;
    margin: 0 auto;
    z-index: 3;
    position: relative;
    overflow: hidden;
    opacity: .2
}

.ComparisonSlider .comparisonWrapper .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: auto
}

.ComparisonSlider .comparisonWrapper .afterImage {
    z-index: 7
}

.ComparisonSlider .comparisonWrapperOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 0
}

.ComparisonSlider .comparisonWrapperOverlay .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
    background-repeat: no-repeat;
    background-size: cover
}

.ComparisonSlider .hotspotOverlay {
    position: fixed;
    width: 40px;
    height: 40px;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 1000;
    transition: opacity .4s;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.ComparisonSlider .hotspotOverlay.hotspotOpen {
    opacity: 1
}

.ComparisonSlider .hotspotOverlay .fullscreenHeader {
    opacity: 0;
    background: #0c121c
}

.ComparisonSlider .hotspotOverlay.hotspotActive {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 70px
}

.ComparisonSlider .hotspotOverlay.hotspotActive .fullscreenHeader {
    opacity: 1
}

.ComparisonSlider .hotspotOverlay .hotspotOverlayClose {
    color: #fff;
    text-decoration: none;
    float: right;
    width: 70px;
    height: 70px;
    display: block
}

.ComparisonSlider .hotspotOverlay .hotspotOverlayClose:before {
    font-size: 18px;
    width: 70px;
    line-height: 70px;
    margin: 0;
    padding-top: 1px
}

.ComparisonSlider .hotspotOverlayContent {
    opacity: 0;
    margin: 0 auto;
    transition: opacity .4s ease-out;
    position: relative;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2
}

.ComparisonSlider .hotspotOpen .hotspotOverlayContent {
    display: block
}

.ComparisonSlider .hotspotActive .hotspotOverlayContent {
    opacity: 1
}

.ComparisonSlider .hotspotClosing .hotspotOverlayContent {
    display: none
}

.ComparisonSlider .comparisonSliderCarousel {
    position: relative;
    z-index: 2;
    transition: height .4s
}

.ComparisonSlider .comparisonSliderItem {
    padding: 40px 0 80px
}

.ComparisonSlider .comparisonSliderItem.active .comparisonWrapper,
.ComparisonSlider .comparisonSliderItem.active .hotspotWrapper,
.ComparisonSlider .comparisonSliderItem.active .sliderContainer {
    opacity: 1
}

.ComparisonSlider .royalSlider .rsOverflow {
    transition: none!important;
    -webkit-transition: none!important
}

.ComparisonSlider .rsNav {
    float: none;
    position: absolute;
    left: 50px;
    bottom: 18px;
    height: 42px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.ComparisonSlider .rsNav .rsNavItem {
    cursor: pointer;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    padding-top: 18px;
    font-weight: 700;
    line-height: 1em;
    width: 27px;
    text-align: center;
    transition: all .5s ease;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.ComparisonSlider .rsNav .rsNavSelected {
    font-size: 42px;
    padding-top: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.ComparisonSlider .carouselNavigation {
    display: none;
    visibility: hidden
}

.ComparisonSlider .tabFilterContainer {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 50%;
    right: -50%;
    padding: 0 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ComparisonSlider .addThisMenu a,
.ComparisonSlider .SocialSharing a {
    color: #fff
}

.ComparisonSlider .sliderSet .addThisMenuHolder {
    position: absolute;
    bottom: 81px;
    right: 60px
}

.touchCapability .ComparisonSlider .sliderSet .addThisMenuHolder {
    display: none
}

.ComparisonSlider .sliderSet .addThisMenuHolder>div {
    overflow: hidden;
    height: 100vh;
    width: 60px;
    position: relative
}

.ComparisonSlider .sliderSet .addThisMenuHolder>div .addThisMenu {
    position: absolute;
    bottom: 0
}

.ComparisonSlider .comparisonSliderBg,
.ComparisonSlider .comparisonSliderBgNoScript {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    box-sizing: content-box
}

.ComparisonSlider .comparisonSliderBgNoScript {
    background-position: 50%;
    background-repeat: no-repeat
}

@media screen and (min-width:1px) and (max-width:1100px) {
    .ComparisonSlider .sliderSet .addThisMenuHolder {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .ComparisonSlider .headerBlock {
        padding: 40px 40px 20px
    }
    .ComparisonSlider .hotspotWrapper {
        position: relative;
        width: 600px
    }
    .ComparisonSlider .comparisonWrapper {
        width: 600px;
        height: 308px
    }
    .ComparisonSlider .sliderControls {
        width: 600px
    }
    .ComparisonSlider .comparisonSliderItem {
        padding: 40px 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ComparisonSlider .hotspotOverlay {
        background: #4a4f54;
        overflow: auto
    }
    .ComparisonSlider .hotspotOverlay.hotspotActive {
        padding-top: 50px
    }
    .ComparisonSlider .hotspotOverlay .hotspotOverlayClose {
        width: 50px;
        height: 50px
    }
    .ComparisonSlider .hotspotOverlay .hotspotOverlayClose:before {
        width: 50px;
        line-height: 50px
    }
    .ComparisonSlider .hotspotWrapper {
        width: 600px
    }
    .ComparisonSlider .comparisonWrapperOverlay .image {
        background-repeat: no-repeat;
        background-size: 100%
    }
}

@media screen and (min-width:1px) and (max-width:567px) {
    .ComparisonSlider .rsArrow {
        display: none;
        visibility: hidden
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ComparisonSlider .headerBlock {
        padding: 30px 30px 20px
    }
    .ComparisonSlider .headerBlock .subHeading {
        display: none;
        visibility: hidden
    }
    .ComparisonSlider .hotspotWrapper {
        width: 100%;
        max-width: 330px
    }
    .ComparisonSlider .hotspotWrapper .hotspot {
        width: 30px;
        height: 30px
    }
    .ComparisonSlider .hotspotWrapper .hotspot .hotspotLine,
    .ComparisonSlider .hotspotWrapper .hotspot.hotspotMobileHide {
        visibility: hidden;
        display: none
    }
    .ComparisonSlider .hotspotOverlayContent {
        margin: 0 24px;
        width: auto
    }
    .ComparisonSlider .comparisonWrapper {
        height: 169px;
        width: 100%;
        max-width: 330px
    }
    .ComparisonSlider .comparisonWrapper .image {
        background-size: contain;
        background-position: 50% 50%
    }
    .ComparisonSlider .comparisonSliderItem {
        padding: 30px
    }
    .ComparisonSlider .sliderControls {
        width: 100%;
        max-width: 330px
    }
    .ComparisonSlider .overlaidSlider .sliderControls {
        font-size: 38px;
        max-width: 100%
    }
    .ComparisonSlider .overlaidSlider .sliderVerticalLine {
        display: none
    }
    .ComparisonSlider .overlaidSlider .sliderHandle .handleInner {
        font-size: 38px;
        left: -19px
    }
    .ComparisonSlider .overlaidSlider .sliderHandle .handleInner:after,
    .ComparisonSlider .overlaidSlider .sliderHandle .handleInner:before {
        font-size: 10px
    }
    .ComparisonSlider .overlaidSlider .sliderHandle:after,
    .ComparisonSlider .overlaidSlider .sliderHandle:before {
        position: absolute;
        content: "";
        top: -16px;
        height: 1em;
        width: 8px;
        display: block
    }
    .ComparisonSlider .overlaidSlider .sliderHandle:after {
        right: -24px
    }
    .ComparisonSlider .overlaidSlider .sliderHandle:before {
        left: -24px
    }
    .ComparisonSlider .TabFilter {
        padding-bottom: 0
    }
}

.no-js .ComparisonSlider {
    opacity: 1
}

.no-js .ComparisonSlider .carouselNavigation,
.no-js .ComparisonSlider .hotspotWrapper {
    display: none
}

.no-js .ComparisonSlider .headerBlock {
    position: relative;
    padding: 40px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .ComparisonSlider .headerBlock {
        padding: 30px
    }
}

.no-js .ComparisonSlider .comparisonSliderItem {
    width: 100%;
    padding: 40px 0
}

.no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper {
    display: block;
    height: auto;
    overflow: visible;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .afterImage,
.no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .beforeImage {
    display: inline-block;
    float: left;
    width: 50%
}

.no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .afterImage img,
.no-js .ComparisonSlider .comparisonSliderItem:first-child .comparisonWrapper .beforeImage img {
    max-width: 100%;
    position: relative;
    padding: 20px
}

.no-js .ComparisonSlider .comparisonSliderItem:not(:first-child) {
    display: none
}

.no-js .ComparisonSlider .comparisonSliderItem .comparisonWrapper {
    opacity: 1
}

.no-js .ComparisonSlider .comparisonSliderItem .comparisonWrapper>.twentytwenty-container {
    overflow: visible
}

.hotSpotActive body {
    width: 100%;
    overflow: hidden;
    height: 100.1%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .hotSpotActive {
        overflow: hidden
    }
    .hotSpotActive #header {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        transition: opacity .4s
    }
    .hotSpotActive .pageWrapper,
    .hotSpotActive body {
        overflow: hidden;
        height: 100%
    }
    .hotSpotActive .pageWrapper:after,
    .hotSpotActive body:after {
        content: "";
        width: 100%;
        height: 120%;
        display: block;
        position: absolute;
        top: -50px;
        left: 0;
        background: #4a4f54;
        z-index: 1
    }
    .hotSpotActive body {
        padding: 0!important
    }
    .hotSpotActive .pageWrapper {
        padding-top: 50px
    }
}

.ContactDetailsCard {
    padding: 40px 30px
}

.ContactDetailsCard__title {
    margin-bottom: 40px;
    text-align: center
}

.ContactDetailsCard__card {
    margin: 0 auto;
    max-width: 500px;
    padding: 24px
}

.ContactDetailsCard__card__title {
    margin-bottom: 19px
}

.ContactDetailsCard__card__section {
    margin-bottom: 20px
}

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

.ContactDetailsCard__card__footer {
    margin-top: -20px
}

.ContactDetailsCard__card__footer sub {
    vertical-align: baseline
}

.ContactDetailsCard__card__section__title {
    margin-bottom: 17px
}

.ContactDetailsCard__card__section__detail {
    display: table;
    width: 100%
}

.ContactDetailsCard__card__section__detail__row {
    display: table-row
}

.ContactDetailsCard__card__section__detail__row__label {
    display: table-cell;
    padding-bottom: 11px;
    padding-right: 16px;
    white-space: nowrap;
    width: 1px
}

.ContactDetailsCard__card__section__detail__row__text {
    display: table-cell;
    padding-bottom: 11px
}

@media screen and (min-width:741px) {
    .ContactDetailsCard {
        padding: 64px 30px
    }
    .ContactDetailsCard__title {
        margin-bottom: 64px
    }
}

@media screen and (min-width:901px) {
    .ContactDetailsCard {
        padding: 80px 30px
    }
    .ContactDetailsCard__title {
        margin-bottom: 80px
    }
}

.ContactDetailsCard,
.ContactDetailsCard[data-theme=dark] {
    background: #4a4f54;
    color: #4a4f54
}

.ContactDetailsCard .ContactDetailsCard__title,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__title {
    color: #fff
}

.ContactDetailsCard .ContactDetailsCard__card,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__card {
    background: #fff
}

.ContactDetailsCard .ContactDetailsCard__card__section__detail__row__label,
.ContactDetailsCard .ContactDetailsCard__card__section__title,
.ContactDetailsCard .ContactDetailsCard__card__title,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__card__section__detail__row__label,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__card__section__title,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__card__title {
    color: #0b2121
}

.ContactDetailsCard .ContactDetailsCard__card__section__detail__row__link,
.ContactDetailsCard[data-theme=dark] .ContactDetailsCard__card__section__detail__row__link {
    color: #4a4f54
}

.ContactDetailsCard[data-theme=grey] .ContactDetailsCard__title,
.ContactDetailsCard[data-theme=light] .ContactDetailsCard__title {
    color: #0c121c
}

.ContactDetailsCard[data-theme=grey] {
    background: #e9ecec
}

.ContactDetailsCard[data-theme=light] {
    background: #f8f9f9
}

.ContactDetailsCard {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 19px;
    line-height: 1.9rem
}

.ContactDetailsCard__title {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1.3px;
    letter-spacing: .13rem;
    line-height: 26px;
    line-height: 2.6rem;
    text-transform: uppercase
}

.ContactDetailsCard__card__title {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 1.6px;
    letter-spacing: .16rem;
    line-height: 18px;
    line-height: 1.8rem;
    text-transform: uppercase
}

.ContactDetailsCard__card__section__title {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1.2px;
    letter-spacing: .12rem;
    line-height: 19px;
    line-height: 1.9rem;
    text-transform: uppercase
}

.ContactDetailsCard__card__footer,
.ContactDetailsCard__card__footer sub {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 15px;
    line-height: 1.5rem
}

@media screen and (min-width:741px) {
    .ContactDetailsCard__title {
        font-size: 3.3rem;
        letter-spacing: .16rem;
        line-height: 3.3rem
    }
}

@media screen and (min-width:901px) {
    .ContactDetailsCard__title {
        font-size: 3.8rem;
        letter-spacing: .25rem;
        line-height: 3.8rem
    }
}

.ContentBlocksContainer .contentCards {
    position: relative
}

.ContentBlocksContainer .contentCards .contentCardsInner {
    display: flex
}

html:not(.touch) .ContentBlocksContainer .contentCards .contentCardsInner {
    flex-wrap: wrap
}

.ContentBlocksContainer .contentCards .imageContainer {
    position: relative
}

.ContentBlocksContainer .primaryLinkContainer+.secondaryLinkContainer {
    margin-top: 17px
}

.ContentBlocksContainer .primaryLinkContainer .primaryLinkWithStyle {
    margin-top: 15px;
    padding-top: 17px;
    padding-bottom: 16px
}

.ContentBlocksContainer.twoCol .el {
    width: 49.5%!important;
    display: inline-block!important;
    float: none!important
}

.ContentBlocksContainer .ctaContainerMobileHomepage {
    display: none
}

.ContentBlocksContainer .ctaListLink {
    display: block;
    line-height: 1;
    position: relative
}

.ContentBlocksContainer .ctaListLink i {
    font-size: 20px;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0
}

.ContentBlocksContainer .ctaListLink i:before {
    margin: 0
}

.ContentBlocksContainer .swiper-container {
    margin-left: -70px;
    margin-right: -70px
}

.ContentBlocksContainer .swiper-scrollbar {
    width: auto;
    margin-top: 15px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=swiping] .contentCardsInner {
    transition-timing-function: ease-out;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .4s
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el,
.touch .ContentBlocksContainer[data-template=swiping] .el {
    box-sizing: content-box;
    padding: 0
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el.hidden,
.touch .ContentBlocksContainer[data-template=swiping] .el.hidden {
    display: none
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el.swiper-slide,
.touch .ContentBlocksContainer[data-template=swiping] .el.swiper-slide {
    opacity: .3;
    transition: opacity 1.1s ease
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el.swiper-slide-active,
.touch .ContentBlocksContainer[data-template=swiping] .el.swiper-slide-active {
    opacity: 1
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el .price,
.touch .ContentBlocksContainer[data-template=swiping] .el .price {
    margin-bottom: 12px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links][data-swiping=true] .swiper-slide,
.touch .ContentBlocksContainer[data-template=swiping][data-swiping=true] .swiper-slide {
    opacity: 1;
    transition: none
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard,
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard {
    padding-bottom: 25px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .textContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard .textContainer {
    padding-right: 35px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .imageContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard .imageContainer {
    position: relative
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .secondaryLinkContainer:not(:first-child),
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard .secondaryLinkContainer:not(:first-child) {
    display: none
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ctaContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ctaContainer {
    margin: 0
}

.touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=initial-load] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=true] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=initial-load] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=true] .contentCardsInner {
    -webkit-transform: none;
    transform: none
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .body,
.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .date {
    display: none
}

.touch .ContentBlocksContainer[data-template=content-blocks-2column] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=content-blocks] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=model-selector-lite-stacked] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=model-selector-stacked] .contentCardsInner {
    flex-wrap: wrap
}

@media screen and (min-width:741px) {
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el.swiper-slide-active+.el.swiper-slide,
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el.swiper-slide-active+.el.swiper-slide+.el.swiper-slide,
    .touch .ContentBlocksContainer[data-template=swiping] .el.swiper-slide-active+.el.swiper-slide,
    .touch .ContentBlocksContainer[data-template=swiping] .el.swiper-slide-active+.el.swiper-slide+.el.swiper-slide {
        opacity: 1
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ContentBlocksContainer[data-toggle-links=true] {
        padding-top: 54px
    }
    .ContentBlocksContainer[data-toggle-links=true] .GridListWrapper {
        padding-top: 0
    }
    .ContentBlocksContainer[data-toggle-links=true] .headerBlock {
        margin-bottom: 25px
    }
    .ContentBlocksContainer[data-toggle-links=true] .ToggleLinks {
        margin-top: 54px;
        padding-bottom: 5px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5!important
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .heading {
        position: absolute;
        padding: 0;
        top: 0;
        line-height: 54px;
        white-space: nowrap;
        font-size: 21px;
        overflow: hidden
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .headingWrapper {
        padding: 0
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .headingWrapper:after,
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .headingWrapper:before {
        content: none
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .swiper-container,
    .touch .ContentBlocksContainer[data-template=swiping] .swiper-container {
        margin-left: -20px;
        margin-right: -20px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=true] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=true] .contentCardsInner {
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ContentBlocksContainer[data-toggle-links=true] {
        padding-top: 40px
    }
    .ContentBlocksContainer[data-toggle-links=true] .ToggleLinks {
        margin-top: 40px;
        padding-bottom: 5px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .heading {
        line-height: 40px;
        font-size: 14px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .swiper-container,
    .touch .ContentBlocksContainer[data-template=swiping] .swiper-container {
        margin-left: -10px;
        margin-right: -10px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=true] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=true] .contentCardsInner {
        -webkit-transform: none;
        transform: none
    }
    .touch .ContentBlocksContainer[data-template=swiping] .ctaContainer {
        margin: 0 -10px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ctaContainer,
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .subHeading {
        display: none
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ctaContainerMobileHomepage {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el.swiper-slide-active+.el.swiper-slide,
    .touch .ContentBlocksContainer[data-template=swiping] .el.swiper-slide-active+.el.swiper-slide {
        opacity: 1
    }
}

.ContentBlocksContainer .headerBlock {
    background-color: #f8f9f9
}

.ContentBlocksContainer .ctaList {
    background-color: #e4e8e8
}

.ContentBlocksContainer .ctaListLink {
    border-bottom: 1px solid #d9dcdc!important;
    padding: 20px 50px 20px 62px
}

.ContentBlocksContainer .ctaListLink i {
    left: 30px
}

.ContentBlocksContainer .ctaListLink i:before {
    line-height: 50px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .swiper-scrollbar,
.touch .ContentBlocksContainer[data-template=swiping] .swiper-scrollbar {
    left: 90px;
    right: 95px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .contentCardsInner,
.touch .ContentBlocksContainer[data-template=swiping] .contentCardsInner {
    -webkit-transform: translate(90px);
    transform: translate(90px)
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el,
.touch .ContentBlocksContainer[data-template=swiping] .el {
    width: calc(33.333% - 60px)
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .el:last-child,
.touch .ContentBlocksContainer[data-template=swiping] .el:last-child {
    margin-right: 180px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .textContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard .textContainer {
    padding-left: 90px;
    margin-right: -90px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .imageContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ContentCard .imageContainer {
    margin-left: 90px;
    margin-right: -85px
}

.touch .ContentBlocksContainer[data-template=swiping-light-links] .ctaContainer,
.touch .ContentBlocksContainer[data-template=swiping] .ctaContainer {
    padding: 40px 0 0
}

.ContentBlocksContainer.grey .headerBlock {
    background-color: #e9ecec
}

.ContentBlocksContainer.dark .headerBlock {
    background-color: #4a4f54
}

.touch .ContentBlocksContainer.grey .ctaList {
    background-color: #d9dcdc
}

.touch .ContentBlocksContainer.grey .ctaListLink {
    border-bottom: 1px solid #cdd1d1!important
}

@media screen and (min-width:1px) and (max-width:900px) {
    .touch .ContentBlocksContainer.grey[data-template=swiping-light-links] .ctaList {
        background-color: #f8f9f9
    }
    .touch .ContentBlocksContainer.grey[data-template=swiping-light-links] .ctaListLink {
        border-color: #e4e8e8!important
    }
}

.touch .ContentBlocksContainer.dark[data-template=swiping-light-links] .ctaList,
.touch .ContentBlocksContainer.dark[data-template=swiping] .ctaContainer {
    background-color: #3f4347
}

.touch .ContentBlocksContainer.dark[data-template=swiping-light-links] .ctaListLink {
    border-color: #4a4f54!important
}

@media screen and (min-width:741px) {
    .ContentBlocksContainer .headerBlock>:last-child {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ContentBlocksContainer .headerBlock>:last-child {
        margin-bottom: 40px
    }
    .ContentBlocksContainer[data-toggle-links=true] .headerBlock {
        margin-bottom: 25px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .heading {
        left: 30px;
        right: 30px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .ToggleLinks {
        margin-left: -22px;
        margin-right: -22px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .swiper-scrollbar,
    .touch .ContentBlocksContainer[data-template=swiping] .swiper-scrollbar {
        left: 40px;
        right: 45px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping] .contentCardsInner {
        -webkit-transform: translate(40px);
        transform: translate(40px)
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el,
    .touch .ContentBlocksContainer[data-template=swiping] .el {
        width: calc(33.333% - 26.667px)
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el:last-child,
    .touch .ContentBlocksContainer[data-template=swiping] .el:last-child {
        margin-right: 80px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .textContainer,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .textContainer {
        padding-left: 40px;
        margin-right: -40px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .imageContainer,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .imageContainer {
        margin-left: 40px;
        margin-right: -35px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ctaContainer,
    .touch .ContentBlocksContainer[data-template=swiping] .ctaContainer {
        padding: 20px 0 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ContentBlocksContainer .headerBlock {
        margin-bottom: 30px
    }
    .ContentBlocksContainer .headerBlock>:last-child {
        margin-bottom: 80px
    }
    .ContentBlocksContainer[data-toggle-links=true] .headerBlock {
        margin-bottom: 25px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .headerBlock .heading {
        left: 30px;
        right: 30px
    }
    .ContentBlocksContainer[data-toggle-links=true].headerFixed .ToggleLinks {
        margin-left: -22px;
        margin-right: -22px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .swiper-scrollbar,
    .touch .ContentBlocksContainer[data-template=swiping] .swiper-scrollbar {
        left: 30px;
        right: 35px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping] .contentCardsInner {
        -webkit-transform: translate(30px);
        transform: translate(30px)
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el,
    .touch .ContentBlocksContainer[data-template=swiping] .el {
        width: calc(100% - 60px)
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el:last-child,
    .touch .ContentBlocksContainer[data-template=swiping] .el:last-child {
        margin-right: 60px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .textContainer,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .textContainer {
        padding-left: 30px;
        margin-right: -30px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .imageContainer,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .imageContainer {
        margin-left: 30px;
        margin-right: -25px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .imageContainer img,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .imageContainer img {
        margin-bottom: 44px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .ContentCard .primaryLinkWithStyle,
    .touch .ContentBlocksContainer[data-template=swiping] .ContentCard .primaryLinkWithStyle {
        margin-top: 3px
    }
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping-light-links][data-in-viewport=true] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=initial-load] .contentCardsInner,
    .touch .ContentBlocksContainer[data-template=swiping][data-in-viewport=true] .contentCardsInner {
        -webkit-transform: none;
        transform: none
    }
    .touch .ContentBlocksContainer[data-template=swiping] .ctaContainer {
        padding: 40px 0 30px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .touch .ContentBlocksContainer[data-template=swiping-light-links] .el,
    .touch .ContentBlocksContainer[data-template=swiping] .el {
        width: calc(50% - 30px)
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .ContentBlocksContainer[data-toggle-links=true] {
        padding-top: 0
    }
    .Accordion .ContentBlocksContainer[data-toggle-links=true] .headerBlock {
        display: block!important
    }
    .Accordion .ContentBlocksContainer .headerBlock,
    .Accordion .ContentBlocksContainer h2.heading {
        display: none
    }
    .Accordion .ContentBlocksContainer .headerBlock:not(.headerBlockLeft),
    .Accordion .ContentBlocksContainer .headingCentre {
        text-align: left
    }
    .Accordion .ContentBlocksContainer .subHeading {
        margin: 0 0 30px
    }
}

.ContentCard .secondaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle {
    margin-top: 9px
}

.CursorAnimateRotate .cursor {
    display: none;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    width: 33px;
    height: 54px;
    margin-top: 60px;
    margin-left: 33px
}

.CursorAnimateRotate .cursor.isVisible {
    display: block
}

.CursorAnimateRotate .cursorIcon {
    width: 33px;
    height: 54px;
    pointer-events: none;
    background-image: url(/resources/public/images/cursor-left.png);
    background-repeat: none;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out, -webkit-transform .4s ease-out
}

.CursorAnimateRotate.offScreen .cursor {
    display: none
}

.CursorAnimateRotate.right .cursor {
    margin-left: 10px
}

.CursorAnimateRotate.right .cursorIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.CursorAnimateRotate,
.CursorAnimateRotate .rsOverflow,
.CursorAnimateRotate video {
    cursor: none!important
}

.CursorNoAnimateNoRotate.left,
.CursorNoAnimateNoRotate.left .rsOverflow[style],
.CursorNoAnimateNoRotate.left .rsOverflow[style] video {
    cursor: url(/resources/public/images/cursor-left.cur), pointer!important
}

.CursorNoAnimateNoRotate.right,
.CursorNoAnimateNoRotate.right .rsOverflow[style],
.CursorNoAnimateNoRotate.right .rsOverflow[style] video {
    cursor: url(/resources/public/images/cursor-right.cur), pointer!important
}

.no-js .DefenderJourneyCarousel {
    display: none
}

.DefenderJourneyCarousel {
    background: #fff;
    padding-bottom: 80px
}

.DefenderJourneyCarousel .swiper-container {
    height: 750px;
    background: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DefenderJourneyCarousel .swiper-container {
        height: 250px
    }
}

.DefenderJourneyCarousel .swiper-container .left,
.DefenderJourneyCarousel .swiper-container .right {
    height: 100%;
    width: 10%;
    z-index: 2;
    position: absolute;
    opacity: 1;
    transition: opacity .2s
}

.DefenderJourneyCarousel .swiper-container .left.swiper-button-disabled,
.DefenderJourneyCarousel .swiper-container .right.swiper-button-disabled {
    opacity: .2
}

.DefenderJourneyCarousel .swiper-container .left div,
.DefenderJourneyCarousel .swiper-container .right div {
    position: absolute;
    top: 50%;
    margin-top: -20px
}

.DefenderJourneyCarousel .swiper-container .left div:before,
.DefenderJourneyCarousel .swiper-container .right div:before {
    font-size: 49px
}

.DefenderJourneyCarousel .swiper-container .left {
    left: 0
}

.DefenderJourneyCarousel .swiper-container .left div {
    right: 0
}

.DefenderJourneyCarousel .swiper-container .left div:before {
    right: -18px;
    color: #000;
    text-align: right;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.DefenderJourneyCarousel .swiper-container .right {
    right: 0
}

.DefenderJourneyCarousel .swiper-container .right div {
    left: 0
}

.DefenderJourneyCarousel .swiper-container .right div:before {
    left: -18px;
    color: #000;
    text-align: left;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.DefenderJourneyCarousel .swiper-slide {
    height: 100%;
    text-align: center
}

.DefenderJourneyCarousel .swiper-slide .backgroundImage {
    height: 750px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DefenderJourneyCarousel .swiper-slide .backgroundImage {
        height: 250px
    }
}

.DefenderJourneyCarousel .swiper-slide.video iframe {
    max-width: 80%;
    max-height: 100%;
    display: none;
    margin-left: auto;
    margin-right: auto
}

.DefenderJourneyCarousel .swiper-slide.video .cover-image .play {
    height: 58px;
    width: 58px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -29px;
    margin-top: -29px;
    color: #fff
}

.DefenderJourneyCarousel .swiper-slide.video .cover-image .play:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 58px;
    position: relative;
    left: -10px;
    top: 0
}

.DefenderJourneyCarousel .swiper-slide span {
    display: block;
    text-align: center
}

.DefenderJourneyCarousel .swiper-slide span img {
    display: inline-block;
    vertical-align: top
}

@media (max-width:767px) {
    .DefenderJourneyCarousel {
        padding-bottom: 0
    }
    .DefenderJourneyCarousel .swiper-container .backgroundImage,
    .DefenderJourneyCarousel .swiper-container .video iframe {
        width: 80%;
        max-width: 80%
    }
    .DefenderJourneyCarousel .swiper-container .left div,
    .DefenderJourneyCarousel .swiper-container .right div {
        margin-top: -18px
    }
    .DefenderJourneyCarousel .swiper-container .left div:before,
    .DefenderJourneyCarousel .swiper-container .right div:before {
        font-size: 30px
    }
    .DefenderJourneyCarousel .swiper-slide span {
        display: block
    }
    .DefenderJourneyCarousel .swiper-slide span img {
        max-width: 100%;
        display: block
    }
    .DefenderJourneyCarousel .swiper-slide iframe {
        margin-left: auto;
        margin-right: auto
    }
    .DefenderJourneyCarousel .swiper-slide img {
        height: auto
    }
}

.no-js .DefenderJourneyStoryMap {
    display: none
}

.DefenderJourneyStoryMap {
    position: relative
}

.DefenderJourneyStoryMap .map {
    width: 100%;
    height: 600px
}

.DefenderJourneyStoryMap #map-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1
}

@media screen and (min-width:741px) {
    .DefenderJourneyStoryMap #map-controls {
        left: 30px;
        top: 50px
    }
}

@media screen and (min-width:901px) {
    .DefenderJourneyStoryMap #map-controls {
        left: 60px
    }
}

@media screen and (min-width:1025px) {
    .DefenderJourneyStoryMap #map-controls {
        left: 90px
    }
}

.DefenderJourneyStoryMap #map-controls .control {
    margin-bottom: 9px;
    height: 50px;
    width: 50px;
    background: #fff;
    transition: background .2s, color .2s, box-shadow .2s;
    cursor: pointer;
    border-radius: 1px
}

.DefenderJourneyStoryMap #map-controls .control:after {
    font-size: 28px;
    position: relative;
    left: 6px;
    top: 11px
}

.DefenderJourneyStoryMap #map-controls .control:hover {
    background: #000;
    color: #fff
}

.DefenderJourneyStoryMap #map-controls .control.plus {
    display: none
}

@media screen and (min-width:741px) {
    .DefenderJourneyStoryMap #map-controls .control.plus {
        display: block
    }
}

.DefenderJourneyStoryMap #map-controls .control.plus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

.DefenderJourneyStoryMap #map-controls .control.minus {
    display: none
}

@media screen and (min-width:741px) {
    .DefenderJourneyStoryMap #map-controls .control.minus {
        display: block
    }
}

.DefenderJourneyStoryMap #map-controls .control.minus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

.DefenderJourneyStoryMap #map-controls .control.recenter {
    display: none
}

@media screen and (min-width:741px) {
    .DefenderJourneyStoryMap #map-controls .control.recenter {
        display: block
    }
}

.DefenderJourneyStoryMap #map-controls .control.recenter:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

.back-to-top {
    height: 0;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 5000;
    transition: height .2s;
    background: #e4e8e8;
    opacity: .97;
    overflow: hidden;
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1px) and (max-width:740px) {
    .back-to-top {
        z-index: 8
    }
}

.back-to-top a {
    float: left;
    line-height: 46px;
    padding-left: 35px;
    color: #0c121c;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 9px;
    font-family: lr_ot4, avenir, arial, helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: 3.5px
}

.back-to-top a:before {
    position: relative;
    margin-right: 10px;
    top: -1px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.back-to-top.shown {
    height: 46px
}

.back-to-map {
    padding: 10px 20px;
    background: #000;
    color: #fff;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 5000;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.back-to-map.show {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes g {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes h {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.richMarker {
    line-height: 30px;
    width: 38px;
    cursor: pointer;
    transition: background .5s, color .5s, opacity 1s, -webkit-transform .5s;
    transition: transform .5s, background .5s, color .5s, opacity 1s;
    transition: transform .5s, background .5s, color .5s, opacity 1s, -webkit-transform .5s;
    -webkit-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
    text-align: center;
    opacity: 1
}

.richMarker img {
    width: 100%;
    height: 100%
}

.richMarker.created {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.richMarker.visible {
    transition: background 1s, color 1s, -webkit-transform 1s;
    transition: transform 1s, background 1s, color 1s;
    transition: transform 1s, background 1s, color 1s, -webkit-transform 1s;
    -webkit-transform: scale(1.5) rotateY(1turn);
    transform: scale(1.5) rotateY(1turn)
}

.no-js .DefenderJourneyMap>* {
    display: none
}

.no-js .DefenderJourneyMap>.no-js {
    display: block;
    height: 200px;
    background: #fff;
    color: #4a4f54;
    font-size: 30px;
    text-align: center;
    line-height: 200px;
    font-family: lr_ot4, arial, verdana, Helvetica, sans-serif
}

.DefenderJourneyMap .cluster {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.DefenderJourneyMap .cluster.hovered {
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.DefenderJourneyMap .cluster>* {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.DefenderJourneyMap .no-js {
    display: none
}

.DefenderJourneyMap .map-page-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    transition: height .5s
}

.DefenderJourneyMap #translations {
    display: none
}

.DefenderJourneyMap .journey-container {
    height: 600px;
    position: relative;
    left: 0;
    webkit-transition: all .8s cubic-bezier(1, 0, 0, 1), height 1s;
    transition: all .8s cubic-bezier(1, 0, 0, 1), height 1s
}

.DefenderJourneyMap .journey-container .no-results {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    line-height: 48px;
    text-align: center;
    overflow: hidden;
    background: #0c121c;
    color: #fff;
    z-index: 1;
    opacity: 0;
    transition: height .2s, opacity .2s;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 9px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.DefenderJourneyMap .journey-container .no-results.visible {
    opacity: 1;
    height: 48px
}

.DefenderJourneyMap .journey-container.show-map {
    left: -100%
}

.DefenderJourneyMap .journey-container #map {
    height: 100%;
    width: 100%
}

.DefenderJourneyMap .journey-container #map-view {
    position: relative;
    height: 100%
}

.DefenderJourneyMap .journey-container #map {
    transition: right .5s;
    position: absolute;
    -webkit-transform: none;
    transform: none;
    right: 0
}

.DefenderJourneyMap .journey-container .infoBox {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2)
}

.DefenderJourneyMap .journey-container .infoBox>img {
    display: none
}

.DefenderJourneyMap .journey-container .infoBox.closing {
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.DefenderJourneyMap .journey-container .ajax-container {
    background: #4a4f54;
    z-index: 101;
    overflow: hidden
}

.DefenderJourneyMap .journey-container #list-view {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: 100%;
    transition: left .5s;
    padding-left: 0;
    padding-right: 0;
    background: #4a4f54
}

.DefenderJourneyMap .journey-container #list-view .journey-totals {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    height: 60px;
    color: #fff;
    background: #4a4f54;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 9px;
    letter-spacing: 3px;
    line-height: 80px;
    text-transform: uppercase
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #list-view .journey-totals {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media screen and (min-width:901px) {
    .DefenderJourneyMap .journey-container #list-view .journey-totals {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media screen and (min-width:1001px) {
    .DefenderJourneyMap .journey-container #list-view .journey-totals {
        padding-left: 90px;
        padding-right: 90px
    }
}

.DefenderJourneyMap .journey-container #list-view .journey-card {
    max-width: inherit;
    position: relative
}

.DefenderJourneyMap .journey-container #list-view.open {
    left: 0
}

.DefenderJourneyMap .journey-container #list-view .list-container {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    position: absolute;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    padding-top: 60px;
    transition: opacity .5s .5s, -webkit-transform 1s;
    transition: transform 1s, opacity .5s .5s;
    transition: transform 1s, opacity .5s .5s, -webkit-transform 1s
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #list-view .list-container {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.DefenderJourneyMap .journey-container #list-view .list-container.new,
.DefenderJourneyMap .journey-container #list-view .list-container.old {
    opacity: 0;
    transition: opacity .5s
}

.DefenderJourneyMap .journey-container #list-view .list-container:after {
    opacity: 0;
    transition: opacity .2s, z-index 0s;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    z-index: -1;
    position: absolute;
    font-size: 50px;
    height: 50px;
    width: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    text-shadow: 0 0 10px #fc0
}

.DefenderJourneyMap .journey-container #list-view .list-container.loading {
    opacity: .2
}

.DefenderJourneyMap .journey-container #list-view ul.list {
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #list-view ul.list {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (min-width:901px) {
    .DefenderJourneyMap .journey-container #list-view ul.list {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:1025px) {
    .DefenderJourneyMap .journey-container #list-view ul.list {
        padding-left: 70px;
        padding-right: 70px
    }
}

.DefenderJourneyMap .journey-container #list-view ul.list li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 20px
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .DefenderJourneyMap .journey-container #list-view ul.list li {
        width: 50%
    }
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #list-view ul.list li {
        width: 50%
    }
}

@media screen and (min-width:901px) {
    .DefenderJourneyMap .journey-container #list-view ul.list li {
        width: 33.3333333%
    }
}

.DefenderJourneyMap .journey-container #list-view ul.list li.wide {
    font-family: lr_ot4, avenir, arial, helvetica, sans-serif;
    width: 100%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 90px
}

.DefenderJourneyMap .journey-container #list-view ul.list li.wide p {
    margin-bottom: 10px
}

.DefenderJourneyMap .journey-container #list-view div.pagination-container {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4a4f54
}

.DefenderJourneyMap .journey-container #list-view ul.pagination {
    list-style: none;
    margin: 80px 0;
    padding: 0;
    text-align: center;
    font-family: lr_ot4
}

.DefenderJourneyMap .journey-container #list-view ul.pagination .ellipse {
    color: #898c8f
}

.DefenderJourneyMap .journey-container #list-view ul.pagination li {
    padding: 0 10px;
    width: auto;
    display: inline;
    font-size: 24px
}

.DefenderJourneyMap .journey-container #list-view ul.pagination li a {
    color: #898c8f;
    text-decoration: none
}

.DefenderJourneyMap .journey-container #list-view ul.pagination li.active {
    color: #fff
}

.DefenderJourneyMap .journey-container #list-view ul.pagination li.active span {
    border-bottom: 1px solid #fff
}

.DefenderJourneyMap .journey-container #map-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    transition: top .2s
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #map-controls {
        left: 30px;
        top: 50px
    }
}

@media screen and (min-width:901px) {
    .DefenderJourneyMap .journey-container #map-controls {
        left: 60px
    }
}

@media screen and (min-width:1025px) {
    .DefenderJourneyMap .journey-container #map-controls {
        left: 90px
    }
}

.DefenderJourneyMap .journey-container #map-controls.has-no-results {
    top: 59px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DefenderJourneyMap .journey-container #map-controls.has-no-results {
        top: 50px
    }
}

.DefenderJourneyMap .journey-container #map-controls .control {
    margin-bottom: 9px;
    height: 50px;
    width: 50px;
    background: #fff;
    transition: background .2s, color .2s, box-shadow .2s;
    cursor: pointer;
    border-radius: 1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-container #map-controls .control {
        height: 30px;
        width: 30px
    }
}

.DefenderJourneyMap .journey-container #map-controls .control:after {
    font-size: 28px;
    position: relative;
    left: 6px;
    top: 11px
}

.DefenderJourneyMap .journey-container #map-controls .control:hover {
    background: #000;
    color: #fff
}

.DefenderJourneyMap .journey-container #map-controls .control.locate:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    top: 9px
}

.ie .DefenderJourneyMap .journey-container #map-controls .control.locate:after {
    top: 13px
}

.DefenderJourneyMap .journey-container #map-controls .control.plus {
    display: none
}

@media (min-width:599px) {
    .DefenderJourneyMap .journey-container #map-controls .control.plus {
        display: block
    }
}

.DefenderJourneyMap .journey-container #map-controls .control.plus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-container #map-controls .control.plus:after {
        font-size: 18px;
        top: 0;
        left: 0
    }
}

.DefenderJourneyMap .journey-container #map-controls .control.drag {
    display: block;
    background: #000 url(/resources/public/images/DefenderJourneys/drag-on.png) no-repeat;
    background-size: cover
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap .journey-container #map-controls .control.drag {
        display: none
    }
}

.DefenderJourneyMap .journey-container #map-controls .control.drag.active {
    background: #000 url(/resources/public/images/DefenderJourneys/drag-off.png) no-repeat;
    background-size: cover
}

.DefenderJourneyMap .journey-container #map-controls .control.drag.active:after {
    color: #fff
}

.DefenderJourneyMap .journey-container #map-controls .control.minus {
    display: none
}

@media (min-width:599px) {
    .DefenderJourneyMap .journey-container #map-controls .control.minus {
        display: block
    }
}

.DefenderJourneyMap .journey-container #map-controls .control.minus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-container #map-controls .control.locate:after,
    .DefenderJourneyMap .journey-container #map-controls .control.minus:after,
    .DefenderJourneyMap .journey-container #map-controls .control.plus:after {
        font-size: 18px;
        top: 3px;
        left: 2px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-container #map-controls .control.drag:after {
        font-size: 18px;
        top: 4px;
        left: 4px
    }
}

.DefenderJourneyMap #filter-bar {
    background: #fff;
    width: 100%;
    font-size: 9px;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 10px 2px rgba(1, 1, 1, .2);
    height: 45px;
    overflow: hidden
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar {
        height: 46px;
        overflow: visible
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown {
    text-transform: uppercase;
    padding-left: 0;
    display: flex;
    flex-direction: column
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown {
        float: left;
        display: inline
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li {
    cursor: pointer;
    float: none;
    position: relative;
    padding: 0 15px 0 25px;
    font-weight: 900;
    width: 100%;
    letter-spacing: 3px;
    background-color: #e4e8e8;
    color: #4a4f54
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.open .chevron:after,
.DefenderJourneyMap #filter-bar>ul.dropdown>li.open .chevron:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-only {
    display: block
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-only {
        display: none
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-first {
    order: 0
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-second {
    order: 1
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-third {
    order: 2
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.mob-fourth {
    order: 3
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li {
        width: auto;
        float: left
    }
}

@media screen and (min-width:1025px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li {
        width: 266px
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>span {
    display: block;
    line-height: 46px;
    top: 2px
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul {
    border-color: #e4e8e8;
    border-style: solid;
    overflow: hidden;
    opacity: 0;
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    margin-left: -25px;
    margin-right: -25px;
    transition: height .5s, opacity .5s
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li>ul {
        position: absolute;
        top: 47px;
        margin-left: 0;
        margin-right: 0
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li {
    border-width: 0 1px 1px;
    border-bottom: 1px solid #e4e8e8
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li:last-child {
    border-bottom: 0
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li span {
    position: relative;
    top: 4px
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a {
    line-height: 46px;
    padding: 0 15px 0 25px;
    color: #313639;
    text-decoration: none;
    display: block;
    transition: background .2s
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a.active,
.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a:hover,
.DefenderJourneyMap #filter-bar>ul.dropdown>li>ul li a:hover.active {
    background: #e4e8e8;
    color: #313639
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.separator {
    background: transparent;
    width: 1px;
    line-height: 0;
    margin-top: 0;
    padding: 0;
    height: 0
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li.separator {
        line-height: 25px;
        margin-top: 10px;
        padding: 1px;
        height: 25px
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single {
    width: 100%;
    background: #fff;
    padding: 0 15px 0 18px
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li.single {
        width: auto
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a {
    line-height: 46px;
    transition: color .2s;
    text-decoration: none;
    padding: 0 0 0 10px;
    display: block;
    position: relative;
    top: 2px;
    color: #7f7f7f;
    letter-spacing: 3.5px;
    font-weight: 900
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a:before {
    font-size: 16px;
    position: relative;
    left: -5px;
    transition: color .3s;
    color: #7f7f7f
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured span:not(:first-child) {
    display: none
}

@media screen and (min-width:1121px) {
    .DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured span:not(:first-child) {
        display: inline
    }
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    top: -4px
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured.active {
    color: #313639
}

.DefenderJourneyMap #filter-bar>ul.dropdown>li.single a.featured.active:before {
    color: #005a2b
}

.DefenderJourneyMap #filter-bar .chevron {
    font-size: 9px;
    position: relative;
    padding-right: 10px;
    display: block;
    font-weight: 900;
    letter-spacing: 3.5px;
    color: #0c121c
}

@media screen and (min-width:740px) and (max-width:899px) {
    .DefenderJourneyMap #filter-bar .chevron {
        min-width: 130px
    }
}

.DefenderJourneyMap #filter-bar .chevron:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 8px;
    display: inline-block;
    left: 14px;
    float: right;
    margin-top: -1px;
    line-height: 46px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.DefenderJourneyMap #filter-bar .chevron.left:after {
    display: none
}

.DefenderJourneyMap #filter-bar .chevron.left:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 8px;
    display: inline-block;
    float: left;
    right: 7px;
    position: relative;
    margin-top: -1px;
    line-height: 46px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.DefenderJourneyMap #filter-bar .mode-switch {
    float: right;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar .mode-switch {
        margin-top: auto
    }
}

.DefenderJourneyMap #filter-bar .mode-switch li {
    font-size: 10px;
    float: left;
    position: relative
}

.DefenderJourneyMap #filter-bar .mode-switch li a {
    display: block;
    line-height: 46px;
    transition: color .2s;
    color: #7f7f7f;
    padding: 0 10px;
    margin: 0 3px;
    font-weight: 900;
    letter-spacing: 3.5px;
    text-decoration: none
}

@media screen and (min-width:741px) {
    .DefenderJourneyMap #filter-bar .mode-switch li a {
        padding: 0 27px
    }
}

.DefenderJourneyMap #filter-bar .mode-switch li a:after {
    background: #005a2b;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    transition: height .2s
}

.DefenderJourneyMap #filter-bar .mode-switch li a.active {
    color: #313639
}

.DefenderJourneyMap #filter-bar .mode-switch li a:hover:after {
    background: #4a4f54
}

.DefenderJourneyMap #filter-bar .mode-switch li a.active:after,
.DefenderJourneyMap #filter-bar .mode-switch li a:hover:after {
    height: 4px
}

.DefenderJourneyMap #filter-bar .mode-switch li.separator {
    height: 25px;
    background: #8d8d8d;
    margin-top: 10px;
    padding: 10px 0 0;
    width: 1px;
    line-height: 25px
}

.DefenderJourneyMap .journey-card {
    background: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    max-width: 350px
}

@media (max-width:330px) {
    .DefenderJourneyMap .journey-card {
        max-width: 300px
    }
}

.DefenderJourneyMap .journey-card .summary-image {
    width: 100%;
    height: 230px
}

@media screen and (min-width:1px) and (max-width:330px) {
    .DefenderJourneyMap .journey-card .summary-image {
        height: 130px
    }
}

@media screen and (min-width:330px) and (max-width:419px) {
    .DefenderJourneyMap .journey-card .summary-image {
        height: 200px
    }
}

.DefenderJourneyMap .journey-card .separator {
    width: 100%;
    margin-bottom: 15px
}

.DefenderJourneyMap .journey-card .close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
    background: #000;
    margin: 2px;
    z-index: 10;
    line-height: 20px;
    text-align: center;
    transition: background .2s;
    cursor: pointer
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-card .close {
        right: 5px;
        top: 5px
    }
}

.DefenderJourneyMap .journey-card .close:hover {
    background: #e4e8e8
}

.DefenderJourneyMap .journey-card .close:hover:after {
    color: #000
}

.DefenderJourneyMap .journey-card .close:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: relative;
    font-size: 11px;
    top: 1px;
    color: #fff;
    left: 0;
    transition: color .2s
}

.DefenderJourneyMap .journey-card img {
    width: 100%
}

.DefenderJourneyMap .journey-card img.featured {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap .journey-card img.featured {
        width: 50px
    }
}

.DefenderJourneyMap .journey-card img.featured.hidden {
    display: none
}

.DefenderJourneyMap .journey-card .details {
    padding: 0 30px 28px;
    font-family: lr_ot4
}

.DefenderJourneyMap .journey-card .details .title {
    font-size: 18px;
    text-align: center;
    color: #313639;
    font-weight: 700;
    margin-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.DefenderJourneyMap .journey-card .details .author {
    font-size: 14px;
    color: #005a2b;
    padding-bottom: 15px;
    letter-spacing: 1px
}

.DefenderJourneyMap .journey-card .details a {
    position: relative;
    line-height: 46px;
    display: inline-block;
    padding: 0 32px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: 3px;
    font-weight: 700;
    transition: background .2s, color .2s, opacity .2s
}

.DefenderJourneyMap .journey-card .details a.loading {
    opacity: .5
}

.DefenderJourneyMap .journey-card .details a:hover {
    background: #e4e8e8;
    color: #000
}

.DefenderJourneyMap .infoBox:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -16px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 16px;
    border-color: hsla(0, 0%, 100%, 0);
    border-top-color: #fff
}

@media screen and (min-width:1px) and (max-width:330px) {
    .DefenderJourneyMap .map .journey-card .author {
        font-size: 12px;
        padding-bottom: 7px
    }
    .DefenderJourneyMap .map .journey-card .title {
        font-size: 12px;
        margin-top: 0;
        padding-top: 10px
    }
    .DefenderJourneyMap .map .journey-card a {
        line-height: 30px;
        padding: 0 14px;
        margin-top: 0
    }
}

.DefenderJourneyMap~.SameSizeCarousel,
.DefenderJourneyStoryDetail~.SameSizeCarousel {
    background: #e9ecec;
    padding-top: 60px
}

.DefenderJourneyMap~.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img,
.DefenderJourneyStoryDetail~.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img {
    margin-bottom: 0
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem>div,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem>div {
    background: #fff
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem>div img,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem>div img {
    max-width: 100%
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem span[data-background-image],
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem span[data-background-image] {
    display: block;
    height: 230px;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    margin-bottom: 33px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .carouselImageLink,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .carouselImageLink {
    margin-bottom: 0
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .featured,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .featured {
    display: block;
    position: absolute;
    top: 0;
    z-index: 3
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .featured img,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .featured img {
    width: 100px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .separator,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .separator {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .separator img,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .separator img {
    margin-bottom: 0
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .linkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .linkContainer {
    margin-top: 16px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer {
    margin-top: 0;
    text-align: center;
    padding-bottom: 31px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .heading,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .heading {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .subHeading,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .subHeading {
    display: none
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .headerBlock,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .headerBlock {
    margin-bottom: 60px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem h5,
.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem p,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem h5,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem p {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-family: lr_ot4;
    font-weight: 700
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem h5,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem h5 {
    margin-bottom: 2px!important;
    font-size: 18px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem h5,
    .DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem h5 {
        padding-top: 50px
    }
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem p,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem p {
    color: #005a2b;
    letter-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .primaryLinkWithStyle,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .primaryLinkWithStyle {
    padding: 1px 27px 0
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .primaryLinkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .primaryLinkContainer {
    text-align: center;
    padding-bottom: 31px!important
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle {
    display: none
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle span,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .secondaryLinkWithStyle span {
    letter-spacing: 4px
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .linkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .linkContainer {
    margin-top: 31px!important;
    margin-left: 15px;
    margin-right: 15px;
    border-top: 1px solid #a4a7a9
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .linkContainer a,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .linkContainer a {
    text-transform: uppercase
}

.DefenderJourneyMap~.SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel .mediaCarouselItem .linkContainer .primaryLinkContainer {
    margin-top: 31px
}

.DefenderJourneyMap~.SameSizeCarousel.defenderJourney .mediaCarouselItem .linkContainer,
.DefenderJourneyStoryDetail~.SameSizeCarousel.defenderJourney .mediaCarouselItem .linkContainer {
    border-top: none
}

#landrover .DefenderJourneyMap~.FullWidthImage .itemContainer,
#landrover .DefenderJourneyStoryDetail~.FullWidthImage .itemContainer {
    height: 305px;
    padding: 70px
}

#landrover .DefenderJourneyMap~.FullWidthImage .itemContainer .heading,
#landrover .DefenderJourneyMap~.FullWidthImage .itemContainer .itemContent,
#landrover .DefenderJourneyStoryDetail~.FullWidthImage .itemContainer .heading,
#landrover .DefenderJourneyStoryDetail~.FullWidthImage .itemContainer .itemContent {
    text-align: center
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .infoBox .summary-image {
        display: none
    }
    .DefenderJourneyMap .infoBox .journey-card .title {
        margin-top: 0;
        padding-top: 20px;
        font-size: 12px
    }
    .DefenderJourneyMap .infoBox .journey-card .author {
        font-size: 11px
    }
}

.no-js .DefenderJourneyStoryDetail .sharing {
    display: none
}

.DefenderJourneyStoryDetail {
    font-family: lr_ot4, Avenir;
    background: #fff;
    padding-top: 90px;
    padding-bottom: 80px;
    position: relative
}

.DefenderJourneyStoryDetail .explore-more {
    max-width: 2000px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    position: absolute;
    width: 100%;
    display: none;
    top: 0;
    z-index: 5;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #eef1f1;
    border-top: 1px solid #eef1f1;
    opacity: 1
}

@media screen and (min-width:741px) {
    .DefenderJourneyStoryDetail .explore-more {
        background: #e4e8e8;
        opacity: .97;
        border-top: 0;
        border-bottom: 0
    }
}

.DefenderJourneyStoryDetail .explore-more a {
    float: left;
    padding-left: 35px;
    line-height: 50px;
    font-size: 9px;
    font-family: lr_ot4, avenir, arial, helvetica, sans-serif;
    letter-spacing: 3.5px;
    font-weight: 900;
    text-decoration: none;
    color: #0c121c;
    text-transform: uppercase
}

.DefenderJourneyStoryDetail .explore-more a:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: relative;
    margin-right: 10px;
    top: -1px
}

.DefenderJourneyStoryDetail .story-detail-container {
    width: 662px;
    margin-left: auto;
    margin-right: auto;
    color: #000
}

@media (max-width:662px) {
    .DefenderJourneyStoryDetail .story-detail-container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.DefenderJourneyStoryDetail .model-summary,
.DefenderJourneyStoryDetail h2 {
    text-align: center;
    text-transform: uppercase;
    color: #4a4f54
}

.DefenderJourneyStoryDetail .lines {
    position: relative
}

.DefenderJourneyStoryDetail .lines:after,
.DefenderJourneyStoryDetail .lines:before {
    height: 1px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #0c121c
}

.DefenderJourneyStoryDetail .model-summary {
    font-size: 24px;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 24px
}

.DefenderJourneyStoryDetail h2 {
    padding-top: 22px;
    font-size: 48px;
    letter-spacing: 2px;
    margin: 0 65px;
    font-weight: 700;
    line-height: 48px
}

@media (max-width:662px) {
    .DefenderJourneyStoryDetail h2 {
        margin: 0 10px;
        font-size: 28px;
        line-height: 28px
    }
}

.DefenderJourneyStoryDetail .icons-container {
    text-align: center;
    padding-bottom: 20px
}

.DefenderJourneyStoryDetail .icons-container i {
    color: #4a4f54;
    display: inline-block;
    padding: 0;
    font-size: 40px
}

.DefenderJourneyStoryDetail .user-summary {
    padding: 19px 2px 15px;
    font-size: 14px;
    line-height: 14px;
    font-family: lr_ot4, Avenir;
    text-transform: uppercase;
    color: #898c8f;
    letter-spacing: .7px
}

.DefenderJourneyStoryDetail .user-summary .year {
    float: right
}

.DefenderJourneyStoryDetail .journey-summary {
    font-family: lr_ot4, Avenir;
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 2px;
    margin-top: 12px;
    letter-spacing: -.1px;
    color: #4a4f54
}

.DefenderJourneyStoryDetail .journey-summary .from:after,
.DefenderJourneyStoryDetail .journey-summary .from:before,
.DefenderJourneyStoryDetail .journey-summary .to:after,
.DefenderJourneyStoryDetail .journey-summary .to:before {
    font-size: 20px;
    position: relative;
    top: 0;
    color: #005a2b
}

.DefenderJourneyStoryDetail .journey-summary .from {
    padding-right: 4px;
    margin-left: -1px
}

.DefenderJourneyStoryDetail .journey-summary .from:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    left: -5px;
    margin-right: 0
}

.DefenderJourneyStoryDetail .journey-summary .to {
    padding-left: 5px
}

.DefenderJourneyStoryDetail .journey-summary .to:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    left: 5px;
    margin-left: 0
}

.DefenderJourneyStoryDetail .journey-summary .distance {
    float: right
}

.DefenderJourneyStoryDetail .content {
    padding: 25px 0 55px;
    font-family: Avenir
}

.DefenderJourneyStoryDetail .content p {
    font-size: 14px;
    color: #464f54;
    letter-spacing: .5px;
    margin-bottom: 10px
}

.DefenderJourneyStoryDetail .sharing {
    text-align: right;
    margin-top: -30px
}

.DefenderJourneyStoryDetail .sharing p {
    line-height: 50px;
    float: right;
    color: #464f54;
    letter-spacing: .5px;
    font-size: 14px;
    padding-right: 20px;
    white-space: nowrap
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare {
    float: right
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a {
    text-decoration: none
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.twitter {
    background: #76bbef
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.facebook {
    background: #6076ab
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a:hover span.plus {
    background: #c7c7c7
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span {
    transition: background .2s;
    display: block;
    letter-spacing: .5px;
    height: 50px;
    width: 50px;
    float: left
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span i {
    position: relative;
    right: 7px;
    top: 8px;
    font-size: 25px;
    color: #fff
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.twitter {
    background: #58acea
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.facebook {
    background: #3a5795
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.facebook i {
    top: 5px
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span.plus {
    background: #bababa
}

.DefenderJourneyStoryDetail .sharing .DefenderJourneyShare a>span:after {
    position: relative;
    top: -1px;
    left: 5px;
    color: #898c8f;
    font-size: 20px
}

.DerivativesOverview {
    background: #f0f0f0;
    color: #444;
    padding-bottom: 16px
}

.js .DerivativesOverview .toggleContentItem {
    display: none
}

.js .DerivativesOverview .toggleContentItem:first-child {
    display: block
}

.js .DerivativesOverview .toggleContentItem.toggleContentItem--force-open {
    display: block!important
}

.js .DerivativesOverview .ToggleLinks {
    background-color: #fff;
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    max-width: inherit
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem {
    min-width: auto;
    display: inline-block;
    padding: 0;
    margin-left: 0;
    height: 100%
}

@media screen and (min-width:741px) {
    .js .DerivativesOverview .ToggleLinks .toggleLinksItem {
        width: inherit;
        min-width: auto
    }
}

@media screen and (min-width:901px) {
    .js .DerivativesOverview .ToggleLinks .toggleLinksItem {
        width: inherit
    }
}

@media screen and (min-width:2001px) {
    .js .DerivativesOverview .ToggleLinks .toggleLinksItem {
        width: inherit
    }
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem.active .toggleLinksLink {
    color: #fff;
    background-color: #444
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus,
.js .DerivativesOverview .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover {
    background-color: #0c121c
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem .toggleLinksLink {
    color: #444;
    background-color: #f0f0f0;
    border-right: 1px solid #d8d8d8;
    height: 100%;
    white-space: normal;
    max-width: 250px;
    padding-top: 13px;
    padding-bottom: 11px
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem .toggleLinksLink:focus,
.js .DerivativesOverview .ToggleLinks .toggleLinksItem .toggleLinksLink:hover {
    background-color: #f9f9f9
}

.js .DerivativesOverview .ToggleLinks .toggleLinksItem:last-child .toggleLinksLink {
    border-right: none
}

.Derivative {
    background: #fff;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 16px;
    border-top: 1px solid #d8d8d8
}

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

@media screen and (min-width:741px) {
    .js .Derivative {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media screen and (min-width:901px) {
    .js .Derivative {
        border-bottom: 1px solid #d8d8d8
    }
}

.Derivative__range {
    background: #fff;
    padding-top: 24px;
    padding-bottom: 24px;
    overflow: hidden
}

@media screen and (min-width:741px) {
    .Derivative__range {
        padding-bottom: 36px
    }
}

@media screen and (min-width:901px) {
    .Derivative__range {
        padding-bottom: 27px
    }
}

.Derivative__image {
    order: 1;
    height: 56.25vw
}

.Derivative__image [data-background-image],
.Derivative__image [data-background-image] div {
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width:741px) {
    .js .Derivative__image {
        height: calc((56.25vw - 40px) / 2);
        padding-right: 40px
    }
}

@media screen and (min-width:901px) {
    .js .Derivative__image {
        height: 28.125vw;
        padding-right: 0
    }
}

@media screen and (min-width:2001px) {
    .js .Derivative__image {
        height: 562.5px;
        padding-right: 0
    }
}

.Derivative__intro {
    order: 2;
    padding: 21px 30px 16px
}

@media screen and (min-width:741px) {
    .js .Derivative__intro {
        padding: 29px 30px 19px
    }
}

@media screen and (min-width:901px) {
    .js .Derivative__intro {
        background: #f9f9f9;
        padding: 25px 40px 26px
    }
}

.Derivative__price {
    margin: 14px 0 0;
    color: #000;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1.02px
}

@media screen and (min-width:741px) {
    .js .Derivative__price {
        margin-top: 19px
    }
}

.Derivative__strapline {
    margin: 14px 0 0
}

@media screen and (min-width:741px) {
    .js .Derivative__strapline {
        margin-top: 19px
    }
}

.Derivative__from-price {
    font-weight: 500
}

.Derivative__full-derivative-name-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media screen and (min-width:741px) {
    .Derivative__full-derivative-name-wrapper {
        flex-direction: column
    }
}

.Derivative__full-derivative-name {
    margin: 0;
    color: #005a2b;
    font-weight: 600;
    order: 1;
    flex: 1 1 auto;
    padding-right: 30px
}

.Derivative__logo {
    color: #000;
    order: 2
}

@media screen and (min-width:741px) {
    .Derivative__logo {
        order: 0
    }
}

.Derivative__logo:before {
    font-size: 37px;
    margin: 0
}

@media screen and (min-width:741px) {
    .Derivative__logo:before {
        margin: -2px 0 11px -2px;
        font-size: 45px
    }
}

@media screen and (min-width:901px) {
    .js .Derivative__links {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center
    }
    .js .Derivative__links>:first-child {
        margin-right: 28px
    }
}

.Derivative__links .primaryLinkWithStyle {
    margin: 20px 0 0
}

.Derivative__links .secondaryLinkWithStyle {
    margin: 24px 0 0
}

.Derivative__specs {
    order: 4;
    background: #f9f9f9
}

@media screen and (min-width:901px) {
    .js .Derivative__specs {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        border-top: 1px solid #d8d8d8
    }
}

.Derivative__features {
    order: 5;
    margin-top: -1px
}

@media screen and (min-width:901px) {
    .js .Derivative__features {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        border-top: 1px solid #d8d8d8
    }
}

.Derivative__group {
    flex: 0 0 auto
}

@media screen and (min-width:741px) {
    .js .Derivative__group--copy,
    .js .Derivative__group--image {
        width: 50%;
        order: 1;
        display: flex;
        flex-direction: column;
        background: #f9f9f9
    }
    .js .Derivative__group--image {
        order: 2;
        justify-content: flex-start;
        padding-top: 32px;
        padding-bottom: 22px
    }
    .js .Derivative__group--data {
        order: 3;
        width: 100%
    }
}

@media screen and (min-width:901px) {
    .js .Derivative__group {
        order: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }
    .js .Derivative__group--copy {
        order: 1;
        border-right: 1px solid #d8d8d8;
        background: transparent
    }
    .js .Derivative__group--image {
        background: transparent;
        padding: 0
    }
    .js .Derivative__group--data {
        display: none
    }
}

@media screen and (min-width:741px) {
    .Derivative__feature-list {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid
    }
}

@media screen and (min-width:901px) {
    .Derivative__feature-list {
        flex: 1 0 auto
    }
}

.Derivative__feature-list-item {
    margin-bottom: 23px;
    padding-left: 10px;
    display: inline-block;
    width: 100%
}

.Derivative__feature-text {
    color: #444;
    border-bottom: 1px solid #d8d8d8;
    position: relative
}

.Derivative__feature-text:before {
    content: "\2022";
    position: absolute;
    left: -10px;
    top: 2px
}

.Derivative__grouped-features-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    align-items: flex-start
}

@media screen and (min-width:741px) {
    .js .Derivative__grouped-features-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        flex: 1 0 auto
    }
}

.Derivative__grouped-features {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:741px) {
    .js .Derivative__grouped-features {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.Derivative__grouped-feature:first-child .Derivative__grouped-feature__title {
    margin-top: 0
}

@media screen and (min-width:741px) {
    .js .Derivative__grouped-feature {
        flex: 0 0 auto;
        width: calc(50% - 15px)
    }
    .js .Derivative__grouped-feature:nth-child(2) .Derivative__grouped-feature__title {
        margin-top: 0
    }
}

.Derivative__grouped-feature__features {
    margin-left: 16px;
    list-style: disc outside none
}

.Derivative__grouped-feature__title {
    margin-bottom: 7px;
    margin-top: 10px;
    padding: 0;
    font-weight: 500
}

.Derivative__grouped-feature__content {
    margin-bottom: 10px;
    padding: 0
}

.Derivative__grouped-feature__button {
    border: none!important;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left
}

.Derivative__grouped-feature__caveat,
.Derivative__grouped-feature__label {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400
}

.Derivative__grouped-feature__button .Derivative__grouped-feature__label {
    border-bottom: 1px solid #d8d8d8
}

.Derivative [data-modal-content] {
    display: none
}

.Derivative__modal__title {
    text-transform: uppercase
}

.Derivative__text-cta .secondaryLinkWithStyle {
    margin-top: 23px
}

@media screen and (min-width:901px) {
    .js .Derivative__text-cta .secondaryLinkWithStyle {
        margin-top: 40px
    }
}

.Derivative__spec-wrapper {
    position: relative
}

@media screen and (min-width:901px) {
    .js .Derivative__spec-wrapper {
        flex: 1 0 auto
    }
}

.Derivative__spec-wrapper .DropdownSelect {
    height: auto
}

.Derivative__spec-wrapper .DropdownSelect .selected {
    height: auto;
    padding: 16px;
    border: 1px solid #d8d8d8
}

.Derivative__spec-wrapper .DropdownSelect .selected:focus,
.Derivative__spec-wrapper .DropdownSelect .selected:hover {
    border: 1px solid rgba(74, 79, 84, .6)
}

.Derivative__spec-wrapper .DropdownSelect .selected+ul span,
.Derivative__spec-wrapper .DropdownSelect .selected>span {
    white-space: normal;
    text-overflow: unset;
    line-height: 15px;
    font-size: 12px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 500;
    color: #444;
    letter-spacing: 1.2px
}

.Derivative__spec-wrapper .DropdownSelect ul {
    top: 100%;
    display: none
}

@media screen and (min-width:901px) {
    .Derivative__spec-wrapper .DropdownSelect ul {
        position: absolute
    }
}

.Derivative__spec-wrapper .DropdownSelect ul li {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    background: #f9f9f9
}

.Derivative__spec-wrapper .DropdownSelect ul li.active,
.Derivative__spec-wrapper .DropdownSelect ul li:focus,
.Derivative__spec-wrapper .DropdownSelect ul li:hover {
    background: #f0f0f0
}

.Derivative__spec-wrapper .DropdownSelect select {
    z-index: -1;
    height: 0;
    width: 0
}

.Derivative__spec-group {
    position: relative
}

.Derivative__spec-title {
    white-space: normal;
    text-overflow: unset;
    line-height: 18px;
    font-size: 12px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 500;
    color: #444;
    letter-spacing: 1.2px;
    margin: -6px 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8
}

@media screen and (min-width:901px) {
    .js .Derivative__spec-title {
        margin-top: 0;
        border-top: 1px solid #d8d8d8;
        padding-top: 15px
    }
}

.Derivative__accordion-label {
    display: block;
    padding: 30px 40px 22px;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 3px;
    color: #000;
    font-weight: 500
}

.Derivative__specs .Derivative__accordion-label {
    padding-right: 90px
}

.js .Derivative__accordion-label {
    display: none
}

@media screen and (min-width:901px) {
    .js .Derivative__accordion-label {
        display: block
    }
}

.Derivative__accordion-button {
    position: relative;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    padding: 19px 78px 19px 30px;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 14px;
    margin: 0
}

.Derivative__accordion-button,
.Derivative__accordion-button:hover {
    border: none;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #fff
}

.Derivative__accordion-button:after,
.Derivative__accordion-button:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #444;
    top: 50%;
    margin-top: -2px;
    right: 30px
}

.Derivative__accordion-button:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.Derivative__accordion-button[aria-expanded=true]:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width:901px) {
    .js .Derivative__accordion-button {
        cursor: default;
        display: none
    }
    .js .Derivative__accordion-button:after,
    .js .Derivative__accordion-button:before {
        display: none
    }
}

.Derivative__accordion-content {
    padding: 24px 30px 16px;
    position: relative;
    border-bottom: 1px solid #d8d8d8
}

.Derivative__accordion-content:before {
    content: "";
    width: 100%;
    height: 6px;
    background: linear-gradient(180deg, #d8d8d8 0, hsla(0, 0%, 85%, 0));
    position: absolute;
    top: -1px;
    left: 0
}

.Derivative__accordion-content--force-open {
    display: block!important
}

.Derivative__accordion-content[data-has-ctas=false] {
    padding: 24px 30px
}

@media screen and (min-width:901px) {
    .js .Derivative__accordion-content {
        display: flex!important;
        flex-direction: column;
        border-bottom: 0;
        flex: 1 0 auto;
        padding: 0 40px 30px;
        position: relative
    }
    .js .Derivative__accordion-content:before {
        display: none
    }
    .Derivative__specs .js .Derivative__accordion-content {
        padding-right: 90px
    }
}

.Derivative__engine-data {
    padding: 22px 0 0
}

@media screen and (min-width:741px) {
    .Derivative__engine-data {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.Derivative__engine-wrapper {
    margin-top: 25px
}

.Derivative__engine-wrapper:first-child {
    margin-top: 0
}

@media screen and (min-width:741px) {
    .Derivative__engine-wrapper {
        margin-top: 0;
        flex: 0 1 auto;
        display: flex;
        flex-direction: column;
        margin-right: 56px
    }
    .Derivative__engine-wrapper:last-child {
        margin-right: 0
    }
}

@media screen and (min-width:901px) {
    .Derivative__engine-wrapper {
        margin-right: 2.225vw
    }
}

.Derivative__engine-attribute-label {
    margin-bottom: 7px;
    line-height: 1.2em;
    max-width: 220px
}

@media screen and (min-width:741px) {
    .Derivative__engine-attribute-label {
        min-height: 30px;
        max-width: 170px;
        flex: 0 0 auto
    }
}

@media screen and (min-width:741px) {
    .Derivative__engine-body {
        flex: 1 0 auto
    }
}

.Derivative__engine-attribute-wrapper {
    display: inline;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: .92;
    position: relative
}

.Derivative__engine-button .Derivative__engine-attribute-wrapper {
    border-bottom: 1px solid #d8d8d8
}

.Derivative__engine-attribute-value {
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 44px;
    letter-spacing: .17px
}

.Derivative__engine-attribute-secondary-value {
    font-weight: 300
}

.Derivative__engine-button {
    padding: 0;
    text-align: start;
    color: #444;
    background: transparent!important;
    border: none!important
}

.Derivative__spec {
    width: 100%;
    position: relative;
    z-index: 1
}

.Derivative__spec+.Derivative__spec {
    margin-top: 48px
}

.Derivative__spec br {
    display: none
}

.js .Derivative__spec {
    top: 0;
    position: absolute;
    display: none
}

.js .Derivative__spec:first-child {
    display: block
}

.js .Derivative__spec+.Derivative__spec {
    margin-top: 0
}

.Derivative__spec--force-open {
    display: block!important
}

.Derivative__spec--line-wrap .Derivative__engine-body br {
    display: block
}

.Derivative__toggle-links--force-noscroll {
    overflow: visible!important
}

.Derivative__carousel {
    height: 100%;
    position: relative;
    z-index: 1
}

.Derivative__carousel__item {
    height: 100%;
    display: none
}

.Derivative__carousel__item:first-child,
.js .Derivative__carousel__item {
    display: block
}

.Derivative .rsBullets {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999
}

@media screen and (min-width:901px) {
    .Derivative .rsBullets {
        bottom: 25px
    }
}

.Derivative .rsBullet {
    display: block;
    position: relative;
    margin: 0 3px
}

.Derivative .rsBullet span {
    display: block;
    width: 9px;
    height: 9px;
    background: hsla(0, 0%, 100%, .6);
    border-radius: 100px;
    border: 1px solid rgba(74, 79, 84, .6);
    box-shadow: 0 0 0 0 transparent;
    box-sizing: border-box;
    cursor: pointer
}

.Derivative .rsBullet.rsNavSelected span {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, .5)
}

@media screen and (min-width:901px) {
    .Derivative .rsBullet span {
        width: 8px;
        height: 8px
    }
    .Derivative .rsBullet.rsNavSelected {
        margin-top: 0x
    }
    .Derivative .rsBullet.rsNavSelected span {
        width: 8px;
        height: 8px
    }
}

.Derivative .rsArrow {
    position: absolute;
    z-index: 5;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -25px;
    left: -9999px
}

@media screen and (min-width:901px) {
    .Derivative .rsArrow.rsArrowLeft {
        left: 14px
    }
    .Derivative .rsArrow.rsArrowLeft:before {
        content: "";
        font-family: icons;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 0
    }
    .Derivative .rsArrow.rsArrowRight {
        left: auto;
        right: 14px
    }
    .Derivative .rsArrow.rsArrowRight:before {
        content: "";
        font-family: icons;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 0
    }
    .Derivative .rsArrow.rsArrowLeft:before,
    .Derivative .rsArrow.rsArrowRight:before {
        font-size: 48px;
        color: #fff;
        text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
        margin: 0
    }
}

.Derivative .rsArrow .rsArrowIcn {
    display: none
}

.DropdownNav {
    max-width: 350px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-align: left;
    position: relative
}

.DropdownNav .selected {
    display: table;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 45px;
    padding: 0 40px 0 23px;
    line-height: 12px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-font-smoothing: subpixel-antialiased;
    transition: background-color .4s ease-out, color .4s ease-out, border-color .4s ease-out
}

.DropdownNav .selected:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 17px;
    right: 16px;
    font-size: 10px
}

.DropdownNav .selected span {
    display: table-cell;
    vertical-align: middle
}

.DropdownNav.active .selected:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.DropdownNav ul {
    display: none
}

.DropdownNav ul li {
    display: table;
    float: none!important;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 45px;
    padding: 0 23px;
    line-height: 12px;
    border-bottom: 1px solid;
    cursor: pointer
}

.DropdownNav ul li a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none
}

.no-js .DropdownNav ul {
    display: block
}

.DropdownNav .selected {
    background-color: #0c121c;
    color: #fff
}

.DropdownNav.active .selected:focus,
.DropdownNav .selected:hover {
    background-color: #4a4f54
}

.DropdownNav ul li {
    background-color: #fff;
    border-color: #e4e8e8
}

.DropdownNav ul li:last-child {
    border-bottom: 0
}

.DropdownNav ul li a {
    color: #0c121c
}

.DropdownNav ul li.active,
.DropdownNav ul li:focus,
.DropdownNav ul li:hover {
    background-color: #e4e8e8
}

.grey .DropdownNav ul li {
    border-color: #dee2e2
}

.grey .DropdownNav ul li:focus,
.grey .DropdownNav ul li:hover {
    background-color: #dee2e2
}

.dark .DropdownNav.active .selected:focus,
.dark .DropdownNav.open .selected,
.dark .DropdownNav .selected:hover {
    background-color: #383b3f
}

select.DropdownSelect {
    visibility: hidden
}

.no-js select.DropdownSelect {
    visibility: visible
}

.DropdownSelect {
    height: 45px;
    font-size: 10px;
    letter-spacing: .2em;
    text-align: left;
    position: relative
}

.DropdownSelect select {
    position: absolute;
    visibility: hidden
}

.DropdownSelect .selected {
    display: table;
    position: relative;
    z-index: 3;
    width: 100%;
    height: 45px;
    padding: 0 40px 0 23px;
    line-height: 12px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: background-color .4s ease-out, color .4s ease-out, border-color .4s ease-out
}

.DropdownSelect .selected:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 17px;
    right: 16px;
    font-size: 10px
}

.DropdownSelect .selected .flag {
    position: absolute;
    top: 12px;
    left: 12px
}

.DropdownSelect .selected span {
    display: table-cell;
    vertical-align: middle
}

.DropdownSelect .selected span.hasFlag {
    padding-left: 30px
}

.DropdownSelect ul {
    display: none;
    position: absolute;
    top: 45px;
    z-index: 4;
    width: 100%;
    background-color: #fff;
    max-height: 292px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0 solid
}

.DropdownSelect ul li {
    display: table;
    float: none!important;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 45px;
    padding: 0 23px;
    line-height: 12px;
    cursor: pointer;
    border-bottom: 1px solid
}

.DropdownSelect ul li:last-child {
    border-bottom: 0 solid
}

.DropdownSelect ul li span {
    display: table-cell;
    vertical-align: middle
}

.DropdownSelect ul li span.hasFlag {
    padding-right: 30px
}

.DropdownSelect ul li .flag {
    position: absolute;
    top: 10px;
    right: 10px;
    box-sizing: content-box;
    border: 1px solid #e4e8e8;
    background-repeat: no-repeat
}

.DropdownSelect .selected[data-val=lang-العربية],
.DropdownSelect ul li[data-val=lang-العربية] {
    font-size: 16px;
    letter-spacing: 0
}

.DropdownSelect.DropdownSelectDirectionUp ul {
    top: auto;
    bottom: 45px
}

.DropdownSelect .clickOff {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(/resources/public/images/DropdownSelect/click-off-bg.png)
}

.DropdownSelect.disabled .selected {
    cursor: auto;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2
}

.DropdownSelect.open .selected {
    z-index: 6
}

.DropdownSelect.open .selected:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.DropdownSelect.open ul {
    display: block;
    z-index: 7
}

.DropdownSelect.open .clickOff {
    display: block;
    z-index: 5
}

.DropdownSelect.error .selected {
    border: 1px solid #f2681d
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DropdownSelect {
        position: relative
    }
    .DropdownSelect select {
        width: 100%;
        height: 45px;
        position: absolute;
        z-index: 6;
        top: 0;
        left: 0;
        visibility: visible;
        -webkit-appearance: menulist-button;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
    .DropdownSelect ul {
        display: none
    }
}

.DropdownSelect {
    font-weight: 700
}

.DropdownSelect .selected {
    background-color: #0c121c;
    color: #fff
}

.DropdownSelect .selected:focus,
.DropdownSelect .selected:hover {
    background-color: #4a4f54
}

.DropdownSelect ul li {
    color: #0c121c;
    border-color: #e4e8e8;
    background-color: #fff
}

.DropdownSelect ul li.active,
.DropdownSelect ul li:focus,
.DropdownSelect ul li:hover {
    background-color: #e4e8e8
}

.DropdownSelect.disabled .selected:focus,
.DropdownSelect.disabled .selected:hover {
    background-color: #0c121c
}

.DropdownSelect.open .selected {
    background-color: #4a4f54
}

.grey .DropdownSelect ul li {
    border-color: #dee2e2
}

.grey .DropdownSelect ul li:focus,
.grey .DropdownSelect ul li:hover {
    background-color: #dee2e2
}

.dark .DropdownSelect.open .selected,
.dark .DropdownSelect .selected:focus,
.dark .DropdownSelect .selected:hover {
    background-color: #383b3f
}

.DualFrameCarousel {
    visibility: hidden;
    position: relative;
    overflow: hidden
}

.DualFrameCarousel .royalSlider {
    height: 500px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider {
        height: 800px
    }
}

.DualFrameCarousel .royalSlider .overflow {
    width: 100%;
    height: 550px
}

.DualFrameCarousel .royalSlider .rsSlide {
    height: 100%;
    width: 100%;
    font-size: 0
}

.DualFrameCarousel .royalSlider .rsSlide .slideInner {
    padding: 0 70px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .rsSlide .slideInner {
        padding: 0
    }
}

.DualFrameCarousel .royalSlider .rsSlide .gridContext,
.DualFrameCarousel .royalSlider .rsSlide .slideInner {
    height: 100%
}

.DualFrameCarousel .royalSlider .rsSlide>div {
    width: 100%;
    height: 100%;
    font-size: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .rsSlide>div {
        height: auto
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left,
    .DualFrameCarousel .royalSlider .right {
        height: auto!important
    }
}

.DualFrameCarousel .royalSlider .left {
    border: none;
    width: 100%;
    width: 33.333%;
    padding: 80px 30px 80px 20px;
    height: 790px
}

@media screen and (min-width:1px) and (max-width:990px) {
    .DualFrameCarousel .royalSlider .left {
        height: 826px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left {
        height: 442px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left {
        height: 330px
    }
}

@media screen and (min-width:1px) and (max-width:500px) {
    .DualFrameCarousel .royalSlider .left {
        height: 402px
    }
}

@media screen and (min-width:1px) and (max-width:340px) {
    .DualFrameCarousel .royalSlider .left {
        height: 420px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left {
        width: auto;
        padding: 0 40px 40px;
        margin-top: 90px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left {
        padding: 0 30px 60px;
        margin-top: 69px
    }
}

@media screen and (min-width:901px) {
    .DualFrameCarousel .royalSlider .left>div>div>div {
        padding: 0!important
    }
}

.DualFrameCarousel .royalSlider .left p {
    font-size: 14px;
    line-height: 18px
}

.DualFrameCarousel .royalSlider .left .headingLogo {
    color: #0c121c;
    display: block;
    max-width: 50%;
    max-height: 50px;
    margin-bottom: 10px
}

.DualFrameCarousel .royalSlider .left .headingLogo.icon-svo {
    margin-bottom: 20px
}

.DualFrameCarousel .royalSlider .left .headingLogo:before {
    display: inline-block;
    font-size: 50px;
    margin: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left .headingLogo:before {
        font-size: 45px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left .headingLogo:before {
        font-size: 35px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left .headingLogo {
        max-height: 45px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left .headingLogo {
        max-height: 35px
    }
}

.DualFrameCarousel .royalSlider .left .heading {
    margin-bottom: 18px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .left h3.heading {
        font-size: 24px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left h3.heading {
        font-size: 18px;
        margin-bottom: 18px
    }
}

.DualFrameCarousel .royalSlider .left .title {
    margin-bottom: 36px;
    color: #a4a7a9
}

.DualFrameCarousel .royalSlider .left .title .headingWrapper:after,
.DualFrameCarousel .royalSlider .left .title .headingWrapper:before {
    background-color: #a4a7a9
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .left .title {
        display: none
    }
}

.DualFrameCarousel .royalSlider .left .caveat {
    margin-top: 36px
}

.DualFrameCarousel .royalSlider .right {
    position: absolute;
    left: 33.333%;
    text-align: center;
    right: -70px;
    padding-left: 20px;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .right {
        width: 100%;
        position: relative;
        left: auto;
        right: auto;
        height: auto;
        padding: 0
    }
}

.DualFrameCarousel .royalSlider .right>div {
    float: left;
    width: 50%;
    height: 40%
}

.DualFrameCarousel .royalSlider .right>div .image.backgroundImage {
    display: block;
    background-position: 50% 50%;
    height: 100%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .right>div {
        display: none
    }
}

.DualFrameCarousel .royalSlider .right>div.top {
    width: 100%;
    height: 60%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .royalSlider .right>div.top {
        display: block;
        padding: 0;
        float: none
    }
}

.DualFrameCarousel .royalSlider .right.single>div {
    height: 100%
}

.DualFrameCarousel .royalSlider .right a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden
}

.DualFrameCarousel .royalSlider .right .title {
    display: none;
    text-align: center;
    padding: 24px 0;
    margin: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .royalSlider .right .title {
        display: block;
        font-size: 22px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel.singleSlide .left {
        margin-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel.singleSlide .left {
        margin-top: 30px
    }
}

.DualFrameCarousel .carouselNavigation {
    position: absolute;
    left: 90px;
    bottom: 80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel .carouselNavigation {
        left: 0;
        bottom: auto;
        margin-top: 30px;
        text-align: center
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel .carouselNavigation {
        height: 69px;
        margin-top: 0
    }
}

.DualFrameCarousel .primaryLinkWithStyle {
    margin-top: 36px
}

.DualFrameCarousel.dark .navigation .numbers,
.DualFrameCarousel.dark .navigation>div a {
    color: #e4e8e8
}

.DualFrameCarousel.dark .royalSlider .left .headingLogo {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel[data-total="1"] .royalSlider .rsSlide>div>div.left {
        margin-top: 40px
    }
}

.DualFrameCarousel.sidebarOnRight .royalSlider .rsSlide>div>div.left {
    float: right
}

.DualFrameCarousel.sidebarOnRight .royalSlider .rsSlide>div>div.right {
    float: left
}

.DualFrameCarousel .royalSlider .rsSlide>div,
.DualFrameCarousel .royalSlider .rsSlide>div>div.right,
.no-js .DualFrameCarousel,
.no-js .DualFrameCarousel .royalSlider {
    display: inline-block
}

.DualFrameCarousel .royalSlider .rsSlide>div:after,
.DualFrameCarousel .royalSlider .rsSlide>div>div.right:after,
.no-js .DualFrameCarousel .royalSlider:after,
.no-js .DualFrameCarousel:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.no-js .DualFrameCarousel {
    visibility: visible
}

.no-js .DualFrameCarousel p.title {
    margin-top: 30px;
    display: block
}

.no-js .DualFrameCarousel .royalSlider {
    width: 90%;
    margin: 0 auto 30px;
    display: block;
    height: auto;
    font-size: 0
}

.no-js .DualFrameCarousel .royalSlider>div {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    float: none;
    padding: 20px;
    margin-bottom: 30px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .DualFrameCarousel .royalSlider>div {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .DualFrameCarousel .royalSlider>div {
        width: 100%
    }
}

.no-js .DualFrameCarousel .royalSlider .right {
    position: static;
    width: auto
}

.no-js .DualFrameCarousel .royalSlider .left {
    width: auto
}

.no-js .DualFrameCarousel .royalSlider .left p.title {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .DualFrameCarousel .royalSlider .left {
        padding: 0;
        margin: 0
    }
}

.no-js .DualFrameCarousel .royalSlider img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.no-js .DualFrameCarousel .navigation {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .DualFrameCarousel .primaryLinkWithStyle {
        margin-top: 30px
    }
    .Accordion .DualFrameCarousel h3.title.heading {
        display: none!important
    }
}

.DualFrameCarousel2 {
    visibility: hidden;
    position: relative;
    clear: both
}

.DualFrameCarousel2 .royalSlider {
    direction: ltr
}

.DualFrameCarousel2 .mediaOverlay:hover .mediaOverlayBg,
.DualFrameCarousel2 a:hover .mediaOverlay .mediaOverlayBg {
    background-color: rgba(0, 0, 0, .3)
}

.DualFrameCarousel2 .Slider .overflow {
    width: 100%;
    height: 550px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider .overflow {
        height: 100%
    }
}

.DualFrameCarousel2 .Slider .rsSlide {
    width: 100%
}

.DualFrameCarousel2 .Slider .rsSlide .slideInner {
    padding: 0 70px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider .rsSlide .slideInner {
        padding: 0
    }
}

.DualFrameCarousel2 .Slider .rsSlide .gridContext,
.DualFrameCarousel2 .Slider .rsSlide .slideInner {
    height: 100%
}

.DualFrameCarousel2 .Slider .rsSlide>div {
    width: 100%;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2 .Slider .rsSlide>div {
        height: auto
    }
}

.DualFrameCarousel2 .Slider .rsSlide span[data-picture]:not([data-background-image]) .image {
    width: 100%;
    display: block
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__left,
    .DualFrameCarousel2 .Slider__right {
        height: auto!important
    }
}

.DualFrameCarousel2 .Slider__left.triple>div.top,
.DualFrameCarousel2 .Slider__left.triple a>div.top,
.DualFrameCarousel2 .Slider__right.triple>div.top,
.DualFrameCarousel2 .Slider__right.triple a>div.top {
    height: 60%
}

.DualFrameCarousel2 .Slider__left {
    border: none;
    width: 100%;
    width: 33.333%;
    padding: 72px 20px 56px
}

.DualFrameCarousel2 .Slider__left .headerBox {
    display: block;
    left: 0;
    max-width: 100%;
    padding: 0!important
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__left .headerBox {
        height: inherit;
        width: 100%;
        max-width: 600px
    }
}

.DualFrameCarousel2 .Slider__left .headerBox .headerBoxContent {
    padding: 0!important
}

.DualFrameCarousel2 .Slider__left .headerBox .headerBoxContent>:first-child {
    margin-top: 0!important
}

.DualFrameCarousel2 .Slider__left .headerBox__copy {
    margin: 15px 0 0
}

.DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:first-of-type .primaryLinkWithStyle,
.DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:first-of-type .secondaryLinkWithStyle {
    margin: 40px 0 0
}

.DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:nth-of-type(n+2) .primaryLinkWithStyle,
.DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:nth-of-type(n+2) .secondaryLinkWithStyle {
    margin: 16px 0 0
}

.DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span.primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle {
    margin-top: 24px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__left {
        width: auto;
        padding: 99px 40px 48px
    }
    .DualFrameCarousel2 .Slider__left .headerBox__copy {
        margin: 19px 0 0
    }
    .DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:first-of-type .primaryLinkWithStyle,
    .DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:first-of-type .secondaryLinkWithStyle {
        margin: 32px 0 0
    }
    .DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:nth-of-type(n+2) .primaryLinkWithStyle,
    .DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span:nth-of-type(n+2) .secondaryLinkWithStyle {
        margin: 24px 0 0
    }
    .DualFrameCarousel2 .Slider__left .headerBox .linkContainer>span.primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle {
        margin-top: 32px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2 .Slider__left {
        padding: 81px 30px 40px
    }
    .DualFrameCarousel2 .Slider__left .headerBox__title {
        margin-top: 8px
    }
    .DualFrameCarousel2 .Slider__left .headerBox__copy {
        margin: 14px 0 0
    }
}

.DualFrameCarousel2 .Slider__left .caveat {
    margin-top: 27px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__left .caveat {
        max-width: 600px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2 .Slider__left .caveat {
        margin-top: 28px
    }
}

@media screen and (min-width:901px) {
    .DualFrameCarousel2 .Slider__left>div>div>div {
        padding: 0!important
    }
}

.DualFrameCarousel2 .Slider__right {
    position: absolute;
    left: 33.333%;
    text-align: center;
    right: -70px;
    padding-left: 20px;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__right {
        width: 100%;
        position: relative;
        left: auto;
        right: auto;
        height: auto;
        padding: 0
    }
}

.DualFrameCarousel2 .Slider__right>div,
.DualFrameCarousel2 .Slider__right a>div {
    position: relative;
    float: left;
    width: 50%;
    height: 40%
}

.DualFrameCarousel2 .Slider__right>div.mediaOverlay,
.DualFrameCarousel2 .Slider__right a>div.mediaOverlay {
    position: absolute;
    width: 100%;
    height: 100%
}

.DualFrameCarousel2 .Slider__right>div.mediaOverlay .mediaOverlayBg,
.DualFrameCarousel2 .Slider__right a>div.mediaOverlay .mediaOverlayBg {
    width: 100%;
    height: 100%
}

.DualFrameCarousel2 .Slider__right>div.mediaOverlay.mediaOverlayImage .mediaOverlayIcon,
.DualFrameCarousel2 .Slider__right a>div.mediaOverlay.mediaOverlayImage .mediaOverlayIcon {
    display: none
}

.DualFrameCarousel2 .Slider__right>div .image.backgroundImage,
.DualFrameCarousel2 .Slider__right a>div .image.backgroundImage {
    display: block;
    background-position: 50% 50%;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__right>div,
    .DualFrameCarousel2 .Slider__right a>div {
        display: none
    }
    .DualFrameCarousel2 .Slider__right>div.mediaOverlay,
    .DualFrameCarousel2 .Slider__right a>div.mediaOverlay {
        display: block
    }
}

.DualFrameCarousel2 .Slider__right>div.top,
.DualFrameCarousel2 .Slider__right a>div.top {
    width: 100%;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__right>div.top,
    .DualFrameCarousel2 .Slider__right a>div.top {
        display: block;
        padding: 0;
        float: none
    }
}

.DualFrameCarousel2 .Slider__right img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.DualFrameCarousel2 .Slider__right.single>div {
    height: 100%
}

.DualFrameCarousel2 .Slider__right a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .Slider__right a {
        display: block
    }
}

.DualFrameCarousel2 .Slider__right .title {
    display: none;
    text-align: center;
    padding: 24px 0;
    margin: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2 .Slider__right .title {
        display: block;
        font-size: 22px
    }
}

.DualFrameCarousel2 .Slider .rsSlide {
    -webkit-transform: translateZ(1px)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2.singleSlide.sidebarOnRight .Slider__left,
    .DualFrameCarousel2.singleSlide .Slider__left {
        margin-top: 0;
        padding-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2.singleSlide.sidebarOnRight .Slider__left,
    .DualFrameCarousel2.singleSlide .Slider__left {
        margin-top: 0;
        padding-top: 28px
    }
}

.DualFrameCarousel2 .carouselNavigation {
    position: absolute;
    left: 86px;
    bottom: 56px;
    width: 50%;
    -webkit-transform: translateZ(2px)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .carouselNavigation {
        left: 36px;
        text-align: left;
        height: 103px;
        width: 50%
    }
    .DualFrameCarousel2 .carouselNavigation>div {
        font-size: 1.3rem
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2 .carouselNavigation {
        left: 26px;
        height: 89px
    }
}

.DualFrameCarousel2.dark .navigation .numbers,
.DualFrameCarousel2.dark .navigation>div a {
    color: #e4e8e8
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2[data-total="1"] .royalSlider .rsSlide>div>div.left {
        margin-top: 40px
    }
}

.DualFrameCarousel2.sidebarOnRight .Slider__left {
    float: right;
    padding: 72px 20px 56px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2.sidebarOnRight .Slider__left {
        padding: 99px 40px 48px;
        float: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2.sidebarOnRight .Slider__left {
        padding: 81px 30px 40px
    }
}

.DualFrameCarousel2.sidebarOnRight .Slider__right {
    right: 33.333%;
    left: -70px;
    padding-left: 0;
    padding-right: 20px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2.sidebarOnRight .Slider__right {
        width: 100%;
        position: relative;
        left: auto;
        right: auto;
        padding: 0
    }
}

.DualFrameCarousel2.sidebarOnRight .carouselNavigation {
    right: 9px;
    left: auto;
    bottom: 56px;
    text-align: left;
    width: 33.33333%;
    display: block
}

.DualFrameCarousel2.sidebarOnRight .carouselNavigation .prev {
    margin-left: 2px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2.sidebarOnRight .carouselNavigation {
        left: 36px;
        text-align: left;
        display: table
    }
    .DualFrameCarousel2.sidebarOnRight .carouselNavigation .prev {
        margin-left: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameCarousel2.sidebarOnRight .carouselNavigation {
        left: 26px
    }
}

.DualFrameCarousel2.carouselSizer {
    visibility: hidden!important;
    padding: 0 70px;
    width: 100vw;
    position: fixed;
    top: 0;
    left: -200vw
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2.carouselSizer {
        padding: 0
    }
}

.DualFrameCarousel2.carouselSizer .Slider__left {
    float: none!important
}

.DualFrameCarousel2 .headerBox__slug+.headerBox__title {
    margin-top: 15px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameCarousel2 .headerBox__slug+.headerBox__title {
        margin-top: 19px
    }
}

.DualFrameCarousel2 .royalSlider .rsSlide>div,
.DualFrameCarousel2 .royalSlider .rsSlide>div>div.right,
.no-js .DualFrameCarousel2,
.no-js .DualFrameCarousel2 .royalSlider {
    display: inline-block
}

.DualFrameCarousel2 .royalSlider .rsSlide>div:after,
.DualFrameCarousel2 .royalSlider .rsSlide>div>div.right:after,
.no-js .DualFrameCarousel2 .royalSlider:after,
.no-js .DualFrameCarousel2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.no-js .DualFrameCarousel2 {
    visibility: visible
}

.no-js .DualFrameCarousel2 p.title {
    margin-top: 30px;
    display: block
}

.no-js .DualFrameCarousel2 .royalSlider {
    width: 90%;
    margin: 0 auto 30px;
    display: block;
    height: auto;
    font-size: 0
}

.no-js .DualFrameCarousel2 .royalSlider>div {
    width: 33.333%;
    display: inline-block;
    vertical-align: top;
    float: none;
    padding: 20px;
    margin-bottom: 30px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .DualFrameCarousel2 .royalSlider>div {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .DualFrameCarousel2 .royalSlider>div {
        width: 100%
    }
}

.no-js .DualFrameCarousel2 .royalSlider .Slider__right {
    position: static;
    width: auto
}

.no-js .DualFrameCarousel2 .royalSlider .Slider__left {
    width: auto
}

.no-js .DualFrameCarousel2 .royalSlider .Slider__left p.title {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .DualFrameCarousel2 .royalSlider .Slider__left {
        padding: 0;
        margin: 0
    }
}

.no-js .DualFrameCarousel2 .royalSlider img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.no-js .DualFrameCarousel2 .navigation {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .DualFrameCarousel2 .primaryLinkWithStyle {
        margin-top: 30px
    }
    .Accordion .DualFrameCarousel2 h3.title.heading {
        display: none!important
    }
}

.EngineSpecifications {
    font-size: 14px
}

.EngineSpecifications .headerBlock {
    padding-left: 0;
    padding-right: 0
}

.EngineSpecifications .responsiveTableArrow {
    margin-bottom: 6px;
    margin-top: -25px
}

.EngineSpecifications .responsiveTableArrow.bottom {
    margin-top: 20px
}

.EngineSpecifications .responsiveTableArrow .leftArrow,
.EngineSpecifications .responsiveTableArrow .rightArrow {
    font-size: 12px
}

.EngineSpecifications .responsiveTableArrow .leftArrow {
    margin-left: 3px
}

.EngineSpecifications .responsiveTableArrow .rightArrow:before {
    margin-left: -2px
}

.EngineSpecifications .responsiveTableArrow .bar {
    height: 1px;
    margin-top: 6px;
    margin-left: 12px;
    margin-right: 10px
}

.EngineSpecifications.dark a.secondaryLinkWithStyle {
    color: #4a4f54!important
}

.EngineSpecifications.dark .responsiveTableArrow .leftArrow,
.EngineSpecifications.dark .responsiveTableArrow .rightArrow {
    color: #a4a7a9
}

.EngineSpecifications.dark .responsiveTableArrow .bar {
    background-color: #a4a7a9
}

.EngineSpecifications th:first-child {
    font-weight: 500;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px
}

.EngineSpecifications th:first-child .engineName {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #0c121c;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 11px
}

.EngineSpecifications th:first-child span {
    display: block;
    font-weight: 400;
    margin-bottom: 5px
}

.EngineSpecifications th:first-child span:nth-child(2) {
    margin-top: 12px
}

.EngineSpecifications th:first-child a {
    margin-top: 10px;
    font-size: 10px;
    letter-spacing: .25em;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding-left: 18px;
    margin-top: 25px;
    display: inline-block;
    overflow: hidden;
    *zoom: 1;
    line-height: 1.25
}

.EngineSpecifications th:first-child a:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #4a4f54;
    position: absolute;
    top: 0;
    left: -4px;
    font-size: 10px
}

.EngineSpecifications th:first-child a:focus,
.EngineSpecifications th:first-child a:hover {
    text-decoration: none;
    color: #4a4f54
}

.EngineSpecifications th:first-child a:focus:before,
.EngineSpecifications th:first-child a:hover:before {
    color: #4a4f54
}

.EngineSpecifications tr:first-child th {
    font-weight: 700
}

.EngineSpecifications tr:first-child th span {
    font-weight: 400;
    display: block
}

.EngineSpecifications .ctaContainer {
    margin-top: 80px;
    margin-bottom: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EngineSpecifications .headerBlock {
        margin: 0 auto 40px
    }
    .EngineSpecifications th:first-child {
        font-size: 14px
    }
    .EngineSpecifications th:first-child .engineName {
        font-size: 20px;
        color: #0c121c
    }
    .EngineSpecifications th:first-child span {
        font-size: 14px
    }
    .EngineSpecifications th:first-child a {
        font-size: 10px;
        padding-left: 10px
    }
    .EngineSpecifications th:first-child a:before {
        font-size: 10px
    }
    .EngineSpecifications .ctaContainer {
        margin-top: 40px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EngineSpecifications .headerBlock {
        margin: 0 auto 30px
    }
    .EngineSpecifications .responsiveTableArrow {
        margin-top: -25px
    }
    .EngineSpecifications th:first-child {
        font-size: 14px
    }
    .EngineSpecifications th:first-child .engineName {
        color: #0c121c;
        font-size: 18px
    }
    .EngineSpecifications th:first-child span {
        font-size: 11px
    }
    .EngineSpecifications th:first-child a {
        font-size: 8px;
        padding-left: 10px;
        letter-spacing: .12em;
        padding-top: 3px;
        padding-bottom: 3px
    }
    .EngineSpecifications th:first-child a:before {
        font-size: 9px;
        top: 3px
    }
    .EngineSpecifications .ctaContainer {
        margin-top: 30px;
        margin-bottom: 0
    }
    .EngineSpecifications .ctaContainer .primaryLinkWithStyle {
        width: 100%
    }
}

.no-js .EngineSpecifications {
    overflow-x: scroll
}

.EUEmissions .api-container,
.EUEmissions .no-js,
.EUEmissions .no-results,
.EUEmissions .results,
.no-js .EUEmissions .shelfComponent>* {
    display: none
}

.no-js .EUEmissions .headerBlock {
    display: block
}

.no-js .EUEmissions .no-js {
    display: block;
    width: 75%;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 30px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .EUEmissions .no-js {
        width: 90%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .EUEmissions .no-js {
        width: 100%
    }
}

.no-js .EUEmissions .no-js .no-js-icon {
    box-sizing: border-box;
    float: left;
    width: 10%
}

.no-js .EUEmissions .no-js .no-js-icon:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px
}

.no-js .EUEmissions .no-js .no-js-text {
    box-sizing: border-box;
    float: left;
    width: 90%
}

.no-js .EUEmissions.light .no-js {
    border: 1px solid #000
}

.EUEmissions .EmissionsSpecifications table:not(.nonResponsive) {
    border-top: 0;
    border-bottom: 0
}

.EUEmissions .headerBlock .subHeading {
    max-width: 100%
}

.EUEmissions .no-results h1 {
    font-size: 24px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .no-results h1 {
        font-size: 18px
    }
}

.EUEmissions .more-info-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 10
}

.EUEmissions .more-info-overlay .data {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50vw;
    height: 90vh;
    margin-top: -45vh;
    margin-left: -25vw;
    background: #fff;
    padding: 20px
}

.EUEmissions .more-info-overlay .data .close-button {
    height: 20px;
    width: 20px;
    background: #000;
    position: absolute;
    top: 10px;
    right: 10px;
    text-decoration: none;
    transition: background .4s
}

.EUEmissions .more-info-overlay .data .close-button:after {
    transition: color .4s;
    color: #fff;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EUEmissions .more-info-overlay .data .close-button:hover {
    background: #fff
}

.EUEmissions .more-info-overlay .data .close-button:hover:after {
    color: #000
}

.EUEmissions .more-info-overlay .data .data-scroller {
    color: #000;
    overflow: scroll;
    max-height: 95%
}

.EUEmissions .more-info-overlay .data .data-scroller p {
    margin-bottom: 20px
}

.EUEmissions .more-info-overlay .data img {
    max-width: 100%;
    margin-bottom: 50px
}

.EUEmissions .EmissionsTable {
    padding: 30px
}

.EUEmissions .EmissionsTable tr>th:first-child {
    min-width: 110px;
    text-align: center
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .EmissionsTable tr>th:first-child {
        min-width: 0
    }
}

.EUEmissions .EmissionsTable tr>td:first-child {
    background: #e4e8e8;
    border-right: 1px solid #4a4f54
}

.EUEmissions .EmissionsTable tr>th {
    background: #e4e8e8;
    width: 110px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .EmissionsTable tr>th {
        width: auto
    }
}

.EUEmissions .EmissionsTable tr:first-child>td,
.EUEmissions .EmissionsTable tr:first-child>th {
    font-weight: 700;
    white-space: nowrap
}

.EUEmissions .EmissionsTable .ResponsiveTableContainer .responsiveTableArrow {
    margin-left: 120px;
    width: auto
}

.EUEmissions .EmissionsTable .ResponsiveTableContainer .responsiveTableArrow.bottom {
    top: 5px
}

.EUEmissions .EmissionsTable .ResponsiveTableContainer .pinned {
    width: 120px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .EmissionsTable .ResponsiveTableContainer .pinned {
        width: 60px
    }
}

.EUEmissions .EmissionsTable .ResponsiveTableContainer .scrollable {
    margin-left: 120px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .EmissionsTable .ResponsiveTableContainer .scrollable {
        margin-left: 60px
    }
}

.EUEmissions .input-container {
    position: relative
}

.EUEmissions .input-container .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price div.aw-tooltip,
.EUEmissions .input-container div.icon,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .EUEmissions .input-container div.aw-tooltip {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: none
}

.EUEmissions .input-container .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price div.aw-tooltip:hover:after,
.EUEmissions .input-container div.icon:hover:after,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .EUEmissions .input-container div.aw-tooltip:hover:after {
    opacity: .8
}

.EUEmissions .input-container .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price div.aw-tooltip:after,
.EUEmissions .input-container div.icon:after,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .EUEmissions .input-container div.aw-tooltip:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    position: relative;
    top: 10px;
    color: #000;
    opacity: .4;
    transition: opacity .2s
}

.EUEmissions .error-message {
    height: 0;
    background: #b81f1f;
    line-height: 39px;
    opacity: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 54px;
    overflow: hidden;
    transition: opacity .4s, margin .4s, height .4s;
    transition-timing-function: ease-in-out
}

.EUEmissions .error-message.visible {
    height: 39px;
    opacity: 1
}

.EUEmissions .scroll-enabler {
    overflow: scroll
}

.EUEmissions .errorContainer {
    margin: 0 auto;
    width: 50%
}

.EUEmissions .errorContainer .main-error-message {
    background: red;
    color: #fff;
    margin-bottom: 40px;
    padding: 10px;
    text-align: center;
    width: 100%
}

.EUEmissions .grid {
    letter-spacing: -.31em
}

.EUEmissions .grid .grid-cell {
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: normal;
    padding: 0 10px
}

.EUEmissions .grid .grid-25 {
    -webkit-perspective: 200px;
    perspective: 200px;
    width: 25%;
    vertical-align: top;
    padding: 0 20px
}

.EUEmissions .textfield {
    outline: none;
    border: 2px solid #fff;
    transition: border .2s
}

.EUEmissions .textfield.error {
    border: 2px solid #b81f1f;
    color: red
}

.EUEmissions .textfield.valid {
    border: 2px solid green
}

.EUEmissions label {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase
}

.EUEmissions .eu_emissions_form .buttonContainer {
    margin-top: 0
}

.EUEmissions .buttonContainer {
    margin-top: 34px;
    text-align: center
}

.EUEmissions .buttonContainer .continueButton {
    margin-top: 0
}

.EUEmissions .buttonContainer .continueButton,
.EUEmissions .buttonContainer .searchAgainButton {
    text-transform: uppercase
}

.EUEmissions .results .specs-results-header {
    margin-bottom: 60px
}

.EUEmissions .results .specs-results-header h1 {
    font-size: 24px
}

@media (max-width:1025px) {
    .EUEmissions .grid .grid-25 {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .grid .grid-25 {
        width: 100%;
        padding: 0
    }
    .EUEmissions .eu_emissions_form .buttonContainer {
        margin-top: 0
    }
    .EUEmissions .buttonContainer {
        margin-top: 0;
        width: 100%
    }
    .EUEmissions .results .specs-results-header {
        margin-bottom: 30px
    }
    .EUEmissions .more-info-overlay .data {
        width: 90vw;
        height: 90vh;
        margin-top: -45vh;
        margin-left: -45vw
    }
    .EUEmissions .primaryLinkWithStyle {
        margin-top: 24px
    }
    .EUEmissions .error-message.visible {
        margin-bottom: 15px
    }
}

.EUEmissions .buttonContainer .continueButton:disabled {
    background-color: #ccc!important;
    color: #979ca1!important
}

@media (max-width:1025px) {
    .EUEmissions .eu_emissions_form .buttonContainer {
        margin-top: 22px
    }
    .EUEmissions .error-message {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EUEmissions .headerBlock {
        margin-top: 10px;
        margin-bottom: 40px
    }
}

.ExperienceDrives__disambiguation {
    padding: 30px
}

.ExperienceDrives__disambiguation__inner {
    margin: 0 auto;
    max-width: 1024px;
    text-align: center
}

.ExperienceDrives__disambiguation__links-toggle__less {
    display: none
}

@media screen and (min-width:741px) {
    .ExperienceDrives__disambiguation {
        padding: 0 40px 40px
    }
    .ExperienceDrives__disambiguation__inner {
        margin: 0 auto
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__disambiguation {
        padding: 0 80px 80px
    }
}

.ExperienceDrives .ExperienceDrives__disambiguation,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__disambiguation,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__disambiguation,
.ExperienceDrives[data-theme=light] .ExperienceDrives__disambiguation,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__disambiguation {
    background-color: #fff
}

.ExperienceDrives .ExperienceDrives__disambiguation__title,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__disambiguation__title,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__disambiguation__title,
.ExperienceDrives[data-theme=light] .ExperienceDrives__disambiguation__title,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__disambiguation__title {
    color: #0c121c
}

.ExperienceDrives .ExperienceDrives__disambiguation__text,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__disambiguation__text,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__disambiguation__text,
.ExperienceDrives[data-theme=light] .ExperienceDrives__disambiguation__text,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__disambiguation__text {
    color: #4a4f54
}

.ExperienceDrives .ExperienceDrives__disambiguation__link,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__disambiguation__link,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__disambiguation__link,
.ExperienceDrives[data-theme=light] .ExperienceDrives__disambiguation__link,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__disambiguation__link {
    color: #4a5054
}

.ExperienceDrives__disambiguation__title {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: .899px;
    letter-spacing: .09rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin: 0 0 18px;
    margin: 0 0 1.8rem
}

.ExperienceDrives__disambiguation__text {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .3px;
    letter-spacing: .03rem;
    line-height: 19px;
    line-height: 1.9rem;
    margin: 0 0 24px;
    margin: 0 0 2.4rem
}

.ExperienceDrives__disambiguation__links {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .3px;
    letter-spacing: .03rem;
    line-height: 18px;
    line-height: 1.8rem
}

.ExperienceDrives__disambiguation__links-item {
    margin-bottom: 18px;
    margin-bottom: 1.8rem
}

.ExperienceDrives__disambiguation__links-item:last-child {
    margin-bottom: 0
}

.ExperienceDrives__disambiguation__link {
    font-weight: 700;
    margin: 0 auto;
    margin: 0 0 18px;
    margin: 0 0 1.8rem;
    text-decoration: none
}

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

.ExperienceDrives__disambiguation__links-toggle {
    margin: 18px 0 0;
    margin: 1.8rem 0 0
}

@media screen and (min-width:741px) {
    .ExperienceDrives__disambiguation__title {
        font-size: 1.8rem;
        letter-spacing: .09rem;
        line-height: 1.8rem;
        margin: 0 0 2rem
    }
}

.ExperienceDrives__filters {
    position: relative;
    align-content: center;
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    justify-content: center;
    padding: 18px 24px;
    width: 100%;
    line-height: 1em
}

.ExperienceDrives__filters__container {
    width: 100%;
    position: absolute;
    top: 45px;
    left: 0;
    background-color: #fff;
    z-index: 2
}

.ExperienceDrives__filters__container li {
    border-bottom: 1px solid #f8f9f9;
    color: #000;
    padding: 18px 24px;
    position: relative
}

.ExperienceDrives__filters__container li span {
    padding-right: 20px
}

.ExperienceDrives__filters__container li span:after {
    display: none!important
}

.ExperienceDrives__filters span {
    display: block;
    width: 100%;
    text-transform: uppercase
}

.ExperienceDrives__filters span:after {
    content: "";
    margin-left: .2em;
    font-size: 9px;
    font-size: .9rem;
    position: relative;
    top: -1px;
    margin-left: 6px;
    color: #0c121c;
    float: right
}

.ExperienceDrives__filters.active span:after,
.ExperienceDrives__filters span:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ExperienceDrives__filters.active span:after {
    content: "";
    margin-left: .2em
}

.ExperienceDrives__filters .toggle__icon {
    border-radius: 50%;
    border: 1px solid;
    background-color: #eff1f1;
    border-color: #005a2b;
    width: 17px;
    height: 17px;
    text-align: center;
    cursor: inherit;
    display: inline-block;
    line-height: 17px;
    vertical-align: top;
    position: absolute;
    top: 14px;
    right: 22px
}

.ExperienceDrives__filter--on {
    background-color: #f8f9f9
}

.ExperienceDrives__filter--on .toggle__icon {
    background: #005a2b
}

.ExperienceDrives__filter--off {
    background-color: #fff
}

.ExperienceDrives__filters__selectUnselectAll {
    border-bottom: 1px solid #d2d5d6;
    color: #005a2b;
    padding: 18px 24px;
    text-align: right
}

.ExperienceDrives__filters__selectUnselectAll span {
    padding-right: 19px
}

.ExperienceDrives__filters__selectUnselectAll span:after {
    display: none!important
}

.ExperienceDrives__filters__selectUnselectAll.inactive .toggle__icon {
    background: #005a2b
}

.ExperienceDrives__filters__button__holder {
    padding: 22px 20px
}

.ExperienceDrives__filters__apply {
    width: 100%;
    margin-top: 0
}

@media screen and (min-width:741px) {
    .ExperienceDrives__filters {
        flex-direction: column;
        height: 45px;
        min-width: 300px;
        order: 0;
        width: auto
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__filters {
        min-width: 355px;
        background: #e4e8e8!important;
        color: #0c121c!important
    }
}

.ExperienceDrives__filters {
    background: #4a4f54;
    color: #fff;
    font-size: 9px;
    font-size: .9rem;
    font-weight: 700;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: 1.8px
}

.ExperienceDrives__filters__apply.inactive {
    background-color: #ccc!important;
    color: #fff!important;
    cursor: default
}

.ExperienceDrives__filters__apply.inactive:hover {
    border: none
}

.ExperienceDrives__key {
    flex-grow: 1;
    height: auto
}

.ExperienceDrives__key__list {
    align-content: center;
    display: flex;
    flex-wrap: row;
    justify-content: center;
    padding: 10px 30px;
    width: 100%
}

.ExperienceDrives__key__list__item {
    padding: 10px 0;
    text-align: center;
    width: 50%
}

.ExperienceDrives__key__list__item__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center
}

.ExperienceDrives__key__list__item__label {
    line-height: 1em
}

@media screen and (min-width:741px) {
    .ExperienceDrives__key {
        height: 45px;
        order: 1
    }
    .ExperienceDrives__key__list {
        align-content: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 100%;
        justify-content: left;
        padding: 0;
        width: auto
    }
    .ExperienceDrives__key__list__item {
        padding: 0 15px;
        width: auto
    }
    .ExperienceDrives__key__list__item__inner {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__key__list__item {
        padding: 0 24px;
        border-right: 1px solid #f5f5f5
    }
    .ExperienceDrives__key__list__item:nth-child(3) {
        border-right: none
    }
}

.ExperienceDrives__key {
    background: #fff;
    font-size: 9px;
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: 1.8px;
    color: #4a4f54
}

.ExperienceDrives__key__list__item__icon {
    display: inline-block;
    height: 22px;
    margin-bottom: 4px;
    width: 22px
}

.ExperienceDrives__key__list__item.experience-centre .ExperienceDrives__key__list__item__icon {
    background: url(/resources/public/images/ExperienceDriveMapAndLocator/map-key-experience-centre.svg) no-repeat scroll 0 0 transparent;
    background-size: contain
}

.ExperienceDrives__key__list__item.factory .ExperienceDrives__key__list__item__icon {
    background: url(/resources/public/images/ExperienceDriveMapAndLocator/map-key-factory.svg) no-repeat scroll 0 0 transparent;
    background-size: contain;
    width: 22px
}

.ExperienceDrives__key__list__item.above-and-beyond .ExperienceDrives__key__list__item__icon {
    background: url(/resources/public/images/ExperienceDriveMapAndLocator/map-key-above-and-beyond.svg) no-repeat scroll 0 0 transparent;
    background-size: contain
}

.ExperienceDrives__key__list__item.your-location .ExperienceDrives__key__list__item__icon {
    background: url(/resources/public/images/ExperienceDriveMapAndLocator/map-key-your-location.svg) no-repeat scroll 0 0 transparent;
    background-size: contain
}

@media screen and (min-width:741px) {
    .ExperienceDrives__key__list__item__icon {
        margin-bottom: 0;
        margin-right: 4px;
        height: 20px;
        width: 20px
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__key__list__item__icon {
        margin-right: 8px
    }
}

.ExperienceDrives__search {
    padding: 40px 30px;
    text-align: center
}

.ExperienceDrives__search__description,
.ExperienceDrives__search__title {
    margin: 0 auto;
    max-width: 630px
}

.ExperienceDrives__search__form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 600px;
    text-align: left
}

.ExperienceDrives__search__error-message {
    display: block;
    width: 100%
}

.ExperienceDrives__search__noscript-error-message {
    display: none;
    width: 100%
}

.ExperienceDrives__search__input {
    margin: 0;
    width: 100%
}

.ExperienceDrives__search__submit {
    margin: 16px 0 0;
    width: 100%
}

@media screen and (min-width:741px) {
    .ExperienceDrives__search__input {
        flex-grow: 1;
        width: auto!important
    }
    .ExperienceDrives__search__submit {
        margin: 0 0 0 16px;
        width: auto
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__search {
        padding: 80px
    }
}

.no-js .ExperienceDrives__search__form {
    display: none
}

.no-js .ExperienceDrives__search__noscript-error-message {
    display: block;
    width: 100%
}

.ExperienceDrives .ExperienceDrives__search,
.ExperienceDrives[data-theme=dark] .ExperienceDrives__search,
.ExperienceDrives[data-theme=Dark] .ExperienceDrives__search,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__search,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__search,
.ExperienceDrives[data-theme=light] .ExperienceDrives__search,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__search,
.ExperienceDrives[data-theme=white] .ExperienceDrives__search,
.ExperienceDrives[data-theme=White] .ExperienceDrives__search {
    background: #f6f7f7
}

.ExperienceDrives .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=dark] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=Dark] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=light] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=white] .ExperienceDrives__search__title,
.ExperienceDrives[data-theme=White] .ExperienceDrives__search__title {
    color: #0c121c
}

.ExperienceDrives .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=dark] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=Dark] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=grey] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=Grey] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=light] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=Light] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=white] .ExperienceDrives__search__description,
.ExperienceDrives[data-theme=White] .ExperienceDrives__search__description {
    color: #4a4f54
}

.ExperienceDrives__search__title {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 1px;
    letter-spacing: .1rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    text-transform: uppercase
}

.ExperienceDrives__search__description {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 19px;
    line-height: 1.9rem;
    margin-bottom: 34px;
    margin-bottom: 3.4rem
}

.ExperienceDrives__search__error-message {
    align-items: center;
    display: flex;
    justify-content: center
}

.ExperienceDrives__search__error-message:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    background: #ff0505;
    border-radius: 1.7rem;
    box-sizing: content-box;
    flex-grow: 0;
    color: #fff;
    height: 13px;
    height: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    margin-right: 5px;
    margin-right: .5rem;
    padding: 5px;
    padding: .5rem;
    width: 13px;
    width: 1.3rem
}

.ExperienceDrives__search__error-message .ExperienceDrives__search__error-message__text {
    color: #ff0505;
    flex-grow: 1;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .2px;
    letter-spacing: .02rem;
    line-height: 16px;
    line-height: 1.6rem
}

.ExperienceDrives__search__noscript-error-message {
    color: #ff0505;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .2px;
    letter-spacing: .02rem;
    line-height: 16px;
    line-height: 1.6rem;
    text-align: center
}

.ExperienceDrives__search__loading-message {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px 0 0
}

.ExperienceDrives__search__loading-message:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    box-sizing: content-box;
    flex-grow: 0;
    font-size: 20px;
    font-size: 2rem;
    height: 13px;
    height: 1.3rem;
    line-height: 15px;
    line-height: 1.5rem;
    margin-right: 5px;
    margin-right: .5rem;
    padding: 5px;
    padding: .5rem;
    width: 13px;
    width: 1.3rem
}

.ExperienceDrives__search__loading-message .ExperienceDrives__search__error-message__text {
    flex-grow: 1;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .2px;
    letter-spacing: .02rem;
    line-height: 16px;
    line-height: 1.6rem
}

.ExperienceDrives__search__input.error {
    border: 1px solid #ff0505;
    color: #ff0505
}

.ExperienceDrives__search__submit {
    text-transform: uppercase
}

@media screen and (min-width:741px) {
    .ExperienceDrives__search__title {
        font-size: 3.3rem;
        letter-spacing: .26rem;
        line-height: 4.5rem;
        margin-bottom: 3.2rem
    }
    .ExperienceDrives__search__description {
        font-size: 1.8rem;
        letter-spacing: 0;
        line-height: 2.5rem;
        margin-bottom: 4.2rem
    }
}

@media screen and (min-width:901px) {
    .ExperienceDrives__search__title {
        font-size: 3.8rem;
        letter-spacing: .25rem;
        line-height: 3.8rem;
        margin-bottom: 3.6rem
    }
    .ExperienceDrives__search__description {
        margin-bottom: 5rem
    }
    .ExperienceDrives__search__error-message {
        margin-top: 14px
    }
}

.ExperienceDrives__top-bar {
    align-items: center;
    border-top: 1px solid #e4e8e8;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2
}

.ExperienceDrives__map {
    height: 80vh
}

.ExperienceDrives__map-container {
    position: relative
}

.ExperienceDrives__map .gm-bundled-control {
    display: none
}

.ExperienceDriveMapAndLocator .map-controls {
    position: absolute;
    top: 10px;
    left: 10px;
    transition: top .2s
}

@media screen and (min-width:741px) {
    .ExperienceDriveMapAndLocator .map-controls {
        left: 30px;
        top: 50px
    }
}

@media screen and (min-width:901px) {
    .ExperienceDriveMapAndLocator .map-controls {
        left: 60px
    }
}

@media screen and (min-width:1025px) {
    .ExperienceDriveMapAndLocator .map-controls {
        left: 90px
    }
}

.ExperienceDriveMapAndLocator .map-controls.has-no-results {
    top: 59px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ExperienceDriveMapAndLocator .map-controls.has-no-results {
        top: 50px
    }
}

.ExperienceDriveMapAndLocator .map-controls .control {
    margin-bottom: 9px;
    height: 50px;
    width: 50px;
    background: #fff;
    transition: background .2s, color .2s, box-shadow .2s;
    cursor: pointer;
    border-radius: 1px;
    color: #0c121c;
    overflow: hidden
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ExperienceDriveMapAndLocator .map-controls .control {
        height: 30px;
        width: 30px
    }
}

.ExperienceDriveMapAndLocator .map-controls .control:after {
    font-size: 28px;
    position: relative;
    left: 6px;
    top: 11px
}

.ExperienceDriveMapAndLocator .map-controls .control:hover {
    background: #000;
    color: #fff
}

.ExperienceDriveMapAndLocator .map-controls .control.locate:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    top: 9px
}

.ie .ExperienceDriveMapAndLocator .map-controls .control.locate:after {
    top: 13px
}

.ExperienceDriveMapAndLocator .map-controls .control.plus {
    display: none
}

@media (min-width:599px) {
    .ExperienceDriveMapAndLocator .map-controls .control.plus {
        display: block
    }
}

.ExperienceDriveMapAndLocator .map-controls .control.plus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ExperienceDriveMapAndLocator .map-controls .control.plus:after {
        font-size: 18px;
        top: 0;
        left: 0
    }
}

.ExperienceDriveMapAndLocator .map-controls .control.minus {
    display: none
}

@media (min-width:599px) {
    .ExperienceDriveMapAndLocator .map-controls .control.minus {
        display: block
    }
}

.ExperienceDriveMapAndLocator .map-controls .control.minus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ExperienceDriveMapAndLocator .map-controls .control.locate:after,
    .ExperienceDriveMapAndLocator .map-controls .control.minus:after,
    .ExperienceDriveMapAndLocator .map-controls .control.plus:after {
        font-size: 18px;
        top: 3px;
        left: 2px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ExperienceDriveMapAndLocator .map-controls .control.drag:after {
        font-size: 18px;
        top: 4px;
        left: 4px
    }
}

.ExperienceDrives__map-container .infoBox {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    margin-bottom: 20px
}

.ExperienceDrives__map-container .event-infobox {
    text-align: left
}

.ExperienceDrives__map-container .event-infobox:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -22px;
    margin-bottom: -24px;
    width: 44px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%
}

@media screen and (max-width:700px) {
    .ExperienceDrives__map-container .event-infobox:after {
        width: 30px;
        height: 19px;
        margin-bottom: -16px;
        margin-left: -15px
    }
}

.ExperienceDrives__map-container .event-infobox .infoboxImage {
    width: 100%;
    height: 190px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.ExperienceDrives__map-container .event-infobox .infoboxClose {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background: #000;
    margin: 2px;
    z-index: 10;
    line-height: 20px;
    text-align: center;
    transition: background .2s;
    cursor: pointer
}

.ExperienceDrives__map-container .event-infobox .infoboxClose:hover {
    background: #e4e8e8
}

.ExperienceDrives__map-container .event-infobox .infoboxClose:hover:after {
    color: #000
}

.ExperienceDrives__map-container .event-infobox .infoboxClose:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: relative;
    font-size: 11px;
    top: -23px;
    color: #fff;
    left: 0;
    transition: color .2s
}

.ExperienceDrives__map-container .event-infobox .infoContainer {
    padding: 27px 30px 30px;
    background-color: #fff
}

.ExperienceDrives__map-container .event-infobox .infoContainer .primaryLinkContainer {
    text-align: center
}

.ExperienceDrives__map-container .event-infobox .infoContainer>span {
    text-align: center;
    display: block;
    width: 100%
}

.ExperienceDrives__map-container .event-infobox .infoContainer>span .cta-primary,
.ExperienceDrives__map-container .event-infobox .infoContainer>span .cta-secondary {
    float: none;
    margin-bottom: 20px;
    margin-right: 0
}

.ExperienceDrives__map-container .event-infobox .infoContainer .primaryLinkWithStyle {
    margin-top: 0
}

.ExperienceDrives__map-container .event-infobox .infoboxName {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    letter-spacing: .9px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #0c121c;
    box-sizing: border-box
}

.ExperienceDrives__map-container .event-infobox .infoboxLocation {
    font-weight: 700;
    font-size: 1.6em;
    margin-bottom: 20px;
    color: #4a4f54;
    letter-spacing: .8px
}

.ExperienceDrives__map-container .event-infobox .infoboxSubheader {
    font-weight: 700;
    margin-bottom: 15px;
    color: #0c121c;
    font-size: 1.4em;
    letter-spacing: .7px
}

.ExperienceDrives__map-container .event-infobox .shortDesc {
    color: #4a4f54;
    font-size: 1.4em;
    letter-spacing: .28px;
    line-height: 19px;
    padding-bottom: 28px
}

@media screen and (max-width:700px) {
    .ExperienceDrives__map-container .event-infobox .infoboxName {
        font-size: 16px;
        margin-bottom: 4px
    }
}

@media screen and (min-width:741px) {
    .ExperienceDrives__top-bar {
        flex-wrap: nowrap
    }
}

.ExperienceRegion .infoCard .cardHeader {
    display: block;
    min-height: 250px;
    background-position: 50% 50%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.ExperienceRegion .infoCard .cardDetails .cardTitle .centreName,
.ExperienceRegion .infoCard .cardDetails .cardTitle .countryName {
    display: block
}

.ExperienceRegion .infoCard .cardDetails .experiencesHeading:before {
    margin: -6px 10px 0 0;
    font-size: 19px;
    vertical-align: middle
}

.ExperienceRegion .infoCard .cardDetails .cardCta {
    margin: 24px 0 0
}

.rtl .ExperienceRegion .infoCard .cardDetails .sectionHeading:before {
    margin-right: 0;
    margin-left: 10px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ExperienceRegion .infoCard .cardHeader {
        min-height: 120px
    }
    .ExperienceRegion .infoCard .cardDetails {
        padding-bottom: 0
    }
    .ExperienceRegion .infoCard .cardDetails .description,
    .ExperienceRegion .infoCard .cardDetails .experienceData,
    .ExperienceRegion .infoCard .cardDetails .experiencesHeading {
        display: none
    }
    #landrover .ExperienceRegion .infoCard .cardDetails .cardCta {
        width: 100%
    }
    .ExperienceRegion .mobile {
        display: none;
        padding-bottom: 24px
    }
}

.ExperienceRegions .infoCard {
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.ExperienceRegions .infoCard .regionHeader {
    display: block;
    height: 300px;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.no-js .ExperienceRegions .infoCard .regionHeader {
    overflow: hidden
}

.no-js .ExperienceRegions .infoCard .regionHeader img {
    width: 100%
}

.ExperienceRegions .infoCard .regionTitle {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    height: 300px;
    width: 100%;
    text-align: center
}

.ExperienceRegions .infoCard .regionTitle .overlay {
    display: block;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 101%;
    height: 300px;
    background: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s
}

.ExperienceRegions .infoCard .regionTitle h3 {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    z-index: 3
}

.ExperienceRegions .infoCard .regionTitle .headingWrapper:after,
.ExperienceRegions .infoCard .regionTitle .headingWrapper:before {
    background-color: #fff
}

.ExperienceRegions .infoCard .regionStats {
    overflow: hidden;
    padding: 20px
}

.ExperienceRegions .infoCard .regionStats .heading {
    color: #4a4f54;
    margin: 0;
    font-weight: 400
}

.ExperienceRegions .infoCard .regionStats .numberOfCentres {
    float: left
}

.ExperienceRegions .infoCard .regionStats .numberOfCentres:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: -4px 6px 0 0;
    font-size: 20px
}

.ExperienceRegions .infoCard .regionStats .numberOfCountries {
    float: right
}

.ExperienceRegions .infoCard .regionStats .numberOfCountries:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 0;
    margin-top: 0 3px 0 0;
    font-size: 22px
}

.ExperienceRegions .infoCard:hover .regionTitle .overlay {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ExperienceRegions .infoCard .regionStats .numberOfCentres {
        float: left
    }
    .ExperienceRegions .infoCard .regionStats .numberOfCentres:before {
        font-size: 15px;
        margin-right: 6px
    }
    .ExperienceRegions .infoCard .regionStats .numberOfCountries {
        float: right
    }
    .ExperienceRegions .infoCard .regionStats .numberOfCountries:before {
        margin-top: -1px;
        font-size: 17px;
        margin-right: 6px
    }
}

@media screen and (min-width:1px) and (max-width:600px) {
    .ExperienceRegions .secondaryHeading span {
        display: none
    }
    .ExperienceRegions .infoCard .regionHeader {
        height: 100px
    }
    .ExperienceRegions .infoCard .regionStats {
        padding-top: 42px
    }
    .ExperienceRegions .infoCard .regionTitle {
        height: auto;
        left: 20px;
        top: 115px;
        width: auto
    }
    .ExperienceRegions .infoCard .regionTitle h3 {
        color: #0c121c;
        text-align: left;
        font-size: 16px;
        padding: 0;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .ExperienceRegions .infoCard .numberOfCentres,
    .ExperienceRegions .infoCard .numberOfCountries {
        font-weight: 200;
        font-size: 12px
    }
    .ExperienceRegions .infoCard:hover .regionTitle .overlay {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

.ExperienceRegions.dark .regionTitle .heading {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:600px) {
    .ExperienceRegions.dark .regionTitle .heading {
        color: #0c121c
    }
}

.Exterior360 {
    cursor: pointer;
    position: relative;
    text-align: left
}

.Exterior360 .text {
    display: none
}

.Exterior360 .canvas-container {
    position: relative
}

.Exterior360 .canvas-container .click-to-interact {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    opacity: 1;
    transition: opacity .5s
}

.Exterior360 .canvas-container .click-to-interact .text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -47px;
    height: 92px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #fff;
    text-align: center
}

.Exterior360 .canvas-container .click-to-interact .text span {
    position: relative;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3em;
    display: block;
    margin-top: 10px;
    text-transform: uppercase
}

.Exterior360 .canvas-container .click-to-interact img {
    width: 92px
}

.Exterior360 .canvas-container .click-to-interact.gone {
    opacity: 0
}

.Exterior360 .text.desktop,
.Exterior360 canvas {
    display: block
}

.Exterior360.noCursor {
    cursor: -webkit-grabbing
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Exterior360 .text.desktop {
        display: none
    }
    .Exterior360 .text.mobile {
        display: block
    }
}

.Exterior360 .translations {
    display: none
}

.Exterior360 .ScrollDown {
    left: 50%;
    margin-left: -25px;
    display: none
}

.Exterior360 .sliderContainer {
    position: absolute;
    bottom: 5%;
    width: 50%;
    left: 25%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translatey(20%);
    transform: translatey(20%);
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715), transform .4s ease
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Exterior360 .sliderContainer {
        bottom: 1%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .sliderContainer {
        width: 80%;
        left: 10%
    }
}

.Exterior360 .sliderContainer--show {
    visibility: visible
}

.Exterior360 .sliderContainer--loaded {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0)
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainer .Exterior360 .headerBox {
        margin-top: 50px!important
    }
    .Exterior360 .canvas-container .click-to-interact .text {
        height: 74px;
        margin-top: -37px
    }
    .Exterior360 .canvas-container .click-to-interact .text img {
        width: 74px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .AccordionContainer .Exterior360 .headerBox__textSub__subtitle {
        font-size: 18px!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .TabbedContainer .Exterior360 .fullFrameContent.headerBox.withImage {
        margin-top: 0!important
    }
    .Accordion .TabbedContainer .Exterior360 .fullFrameContent .headerBox__textMain {
        display: block;
        margin-bottom: 22px;
        font-size: 18px
    }
    .Accordion .TabbedContainer .Exterior360 .fullFrameContent .headerBox__subtitle,
    .Accordion .TabbedContainer .Exterior360 .fullFrameContent .headerBox__textSub {
        display: none
    }
}

.no-js .Exterior360 {
    height: 768px;
    background: #fff
}

.no-js .Exterior360 .noJsText {
    padding-top: 200px
}

.no-js .Exterior360 .fullFrameContent {
    display: none
}

.ExperienceRegion .infoCard .cardDetails .cardTitle .countryName {
    font-size: 14px;
    color: #4a4f54;
    margin-top: 3px
}

.FAQModal {
    background: #f9f9f9;
    padding: 42px 90px 80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FAQModal {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FAQModal {
        padding: 32px 0 30px
    }
}

.FAQModal__accordion {
    position: relative;
    max-width: 100%;
    margin: 0 auto
}

.FAQModal__accordion__section {
    position: relative;
    list-style: none;
    width: 100%
}

.FAQModal__accordion__section:last-child .FAQModal__accordion__header {
    border-bottom: 0
}

.FAQModal__accordion__fixed-header,
.FAQModal__accordion__header {
    color: #fff;
    padding: 15px 50px 15px 30px;
    width: 100%
}

.FAQModal__accordion__header {
    background-color: #4a4f54;
    border-bottom: 1px solid #555;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.FAQModal__accordion__header:active,
.FAQModal__accordion__header:hover,
.FAQModal__accordion__header:visited {
    color: #fff
}

.FAQModal__accordion__fixed-header,
.FAQModal__accordion__header__text {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap
}

.FAQModal__accordion__fixed-header {
    background: rgba(74, 79, 84, .8);
    display: none;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transition: opacity .5s ease-out;
    z-index: 1
}

.FAQModal__accordion__fixed-header.visible {
    height: auto;
    opacity: 1
}

.FAQModal__accordion__header__text:after {
    content: "";
    font-family: icons;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    right: 18px;
    top: 20px;
    z-index: 2
}

.FAQModal__accordion__content {
    background: #fff;
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: relative
}

.FAQModal__accordion__section.active .FAQModal__accordion__header__text:after {
    content: "";
    font-family: icons;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-weight: 400;
    right: 18px;
    top: 20px
}

.FAQModal__accordion__section.showContent .FAQModal__accordion__content {
    opacity: 1
}

[dir=rtl] .FAQModal__accordion__fixed-header,
[dir=rtl] .FAQModal__accordion__header {
    padding: 15px 30px 15px 50px;
    text-align: right
}

[dir=rtl] .FAQModal__accordion__header__text:after,
[dir=rtl] .FAQModal__accordion__section.active .FAQModal__accordion__header__text:after {
    left: 18px;
    right: auto
}

[dir=rtl] .FAQModal__accordion__container {
    margin: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FAQModal__accordion__header__text:after,
    .FAQModal__accordion__section.active .FAQModal__accordion__header__text:after {
        top: 17px
    }
    .FAQModal__accordion__fixed-header,
    .FAQModal__accordion__header__text {
        font-size: 1.3rem;
        line-height: 1
    }
    .FAQModal__accordion__fixed-header {
        display: none
    }
}

.FAQModal__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 27px 30px 27px 46px
}

.FAQModal__list__item {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: inline-block;
    flex-grow: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%
}

.FAQModal__list__item:first-child,
.FAQModal__list__item:nth-child(2) {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.FAQModal__list__item:last-child:nth-child(odd) .FAQModal__list__link {
    max-width: 50%
}

.FAQModal__list__link {
    width: 100%;
    color: #4a4f54;
    display: inline-block;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0;
    line-height: 1.46;
    padding: 17px 40px 17px 0;
    position: relative;
    text-decoration: none
}

.FAQModal__list__link:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #005a2b;
    left: 0;
    margin-left: -19px;
    margin-top: -7px;
    position: absolute;
    top: 50%
}

.FAQModal__list__link:hover {
    color: #005a2b
}

.FAQModal__list__modal-content {
    display: none
}

[dir=rtl] .FAQModal__list {
    padding: 27px 46px 27px 30px
}

[dir=rtl] .FAQModal__list__link {
    padding: 17px 0 17px 40px
}

[dir=rtl] .FAQModal__list__link:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #005a2b;
    margin-left: 0;
    margin-right: -19px;
    margin-top: -7px;
    left: auto;
    position: absolute;
    right: 0;
    top: 50%
}

[dir=rtl] .FAQModal__list__link:hover {
    color: #005a2b
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FAQModal__list {
        padding: 30px 30px 30px 40px
    }
    .FAQModal__list__item {
        width: 100%
    }
    .FAQModal__list__item:nth-child(2) {
        border-top: none
    }
    .FAQModal__list__item:last-child:nth-child(odd) .FAQModal__list__link {
        max-width: 100%
    }
    [dir=rtl] .FAQModal__list {
        padding: 30px 40px 30px 30px
    }
}

.FAQModal__modal {
    background-color: #fff;
    border-radius: 0;
    display: none;
    left: 50%;
    margin: 0;
    margin-left: -400px;
    max-height: 80%;
    max-width: 800px;
    min-height: 180px;
    opacity: 0;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 90px 56px 50px;
    position: fixed;
    top: 10%;
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px);
    width: 100%;
    z-index: 1041
}

.FAQModal__modal__icon-close:after {
    content: "";
    font-family: icons;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #4a4f54;
    font-weight: 400;
    height: 15px;
    position: fixed;
    right: 21px;
    text-decoration: none;
    top: 24px;
    width: 15px;
    z-index: 1042
}

.FAQModal__modal-backdrop {
    background-color: #000;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040
}

.FAQModal__modal__title {
    color: #4a4f54;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: 3px;
    letter-spacing: .3rem;
    margin: 0 0 24px;
    text-transform: uppercase
}

.FAQModal__modal__content {
    color: #4a4f54;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.52;
    letter-spacing: 0
}

[dir=rtl] .FAQModal__modal {
    padding: 56px 50px 56px 90px
}

[dir=rtl] .FAQModal__modal__icon-close:after {
    right: auto;
    left: 21px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FAQModal__modal {
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        left: 0;
        margin: 0;
        padding: 48px 80px 48px 40px;
        right: 0;
        top: 0;
        width: 100%
    }
    .FAQModal__modal__title {
        font-size: 1.7rem;
        line-height: .94;
        letter-spacing: .24rem;
        margin: 0 0 32px
    }
    [dir=rtl] .FAQModal__modal {
        padding: 48px 40px 48px 80px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FAQModal__modal {
        padding: 48px 30px
    }
    .FAQModal__modal__title {
        font-size: 1.7rem;
        line-height: 1.24;
        letter-spacing: .255rem
    }
}

.FAQModal__toggle {
    color: #005a2b;
    cursor: pointer;
    float: right;
    position: relative;
    margin: 10px 0 10px 20px
}

.FAQModal__toggle__close,
.FAQModal__toggle__open {
    float: right;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .8px;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.FAQModal__toggle__open:before {
    content: ""
}

.FAQModal__toggle__close:before,
.FAQModal__toggle__open:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #005a2b;
    font-size: 9px;
    left: 0;
    margin-left: -15px;
    margin-top: -4px;
    position: absolute;
    top: 50%
}

.FAQModal__toggle__close:before {
    content: ""
}

[dir=rtl] .FAQModal__toggle {
    float: left;
    margin: 15px 20px 15px 0
}

[dir=rtl] .FAQModal__toggle__close:before,
[dir=rtl] .FAQModal__toggle__open:before {
    left: auto;
    margin-left: 0;
    margin-right: -15px;
    right: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FAQModal__toggle {
        display: none
    }
}

.FeatureHighlight .ctaContainer {
    padding-left: 20px;
    padding-right: 20px
}

.FeatureHighlight .items .el a.primaryLinkWithStyle,
.FeatureHighlight .items .el a.secondaryLinkWithStyle {
    display: block;
    margin-top: 18px
}

.FeatureHighlight .el a.primaryLinkWithStyle:first-of-type,
.FeatureHighlight .el a.secondaryLinkWithStyle:first-of-type {
    margin-top: 24px
}

.FeatureHighlight .el a:first-child {
    display: inline-block;
    position: relative
}

.FeatureHighlight .el .heading a {
    color: inherit
}

.TwoColumnContainer .FeatureHighlight {
    padding: 1px 0 0
}

.TwoColumnContainer .FeatureHighlight:last-child>div:last-child {
    margin-bottom: 0
}

.FleetAndBusinessContacts .list2Col {
    max-width: 960px;
    margin: 0 auto
}

.FleetAndBusinessContacts .list2Col>li {
    width: 50%
}

.FleetAndBusinessContacts .list1Col {
    max-width: 480px;
    margin: 0 auto
}

.FleetAndBusinessContacts .list1Col>li {
    width: 100%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FleetAndBusinessContacts .list2Col {
        max-width: none;
        margin: auto
    }
    .FleetAndBusinessContacts .list2Col>li {
        width: 100%
    }
    .FleetAndBusinessContacts .list1Col {
        max-width: none;
        margin: auto
    }
}

.FleetAndBusinessContacts .infoCard .cardHeader {
    display: block;
    min-height: 250px;
    background-position: 50% 50%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.FleetAndBusinessContacts .infoCard .cardDetails .cardTitle .centreName,
.FleetAndBusinessContacts .infoCard .cardDetails .cardTitle .locationName {
    display: block
}

.FleetAndBusinessContacts .infoCard .cardDetails .mainContact {
    margin-bottom: 24px
}

.FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactName,
.FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactPosition {
    display: block
}

.FleetAndBusinessContacts .infoCard .cardDetails .mainContact .mainContactName {
    color: #000
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FleetAndBusinessContacts .infoCard .cardHeader {
        min-height: 120px
    }
    .FleetAndBusinessContacts .infoCard .mainContact:first-child {
        margin-top: 24px
    }
    #landrover .FleetAndBusinessContacts .infoCard .cardDetails .cardCta {
        display: block
    }
}

:focus {
    outline: 0
}

body.focusStylesOn :focus {
    box-shadow: inset 0 0 5px #2f84ea, 0 0 5px #2f84ea
}

body.focusStylesOn .noFocusStyles:focus {
    box-shadow: none
}

.FooterNav {
    position: relative;
    z-index: 1;
    padding: 0 0 40px
}

.no-js .FooterNav {
    padding-bottom: 0
}

.FooterNav .footerWrapper {
    overflow: hidden;
    padding: 0 70px
}

.FooterNav .navWrapper {
    padding: 0 20px 22px
}

.FooterNav .navWrapper h2 {
    font-family: avenir, arial, helvetica, sans-serif;
    padding: 0 0 14px;
    margin: 0;
    -webkit-transform: translateZ(0);
    transform: none
}

.FooterNav .navWrapper h2:first-child {
    padding: 46px 0 14px
}

.FooterNav .navWrapper ul {
    margin: 0;
    padding: 0 0 30px
}

.FooterNav .navWrapper li {
    padding: 4px 0 5px
}

.FooterNav .navWrapper li a {
    text-decoration: none;
    transition: color .4s
}

.FooterNav .navWrapper li a i {
    position: relative;
    font-size: 5px
}

.FooterNav .navWrapper li a .icon-chevron-down,
.FooterNav .navWrapper li a .icon-chevron-up {
    display: none;
    top: -2px;
    left: 5px
}

.FooterNav .navWrapper li a i.active {
    display: inline
}

.FooterNav .navWrapper li ul {
    display: none;
    margin: 0 0 0 10px
}

.FooterNav .navWrapper li ul li {
    padding: 2px 0
}

.FooterNav[data-total="1"] .navWrapper {
    width: 100%
}

.FooterNav[data-total="2"] .navWrapper {
    width: 50%
}

.FooterNav[data-total="3"] .navWrapper {
    width: 33.333%
}

.FooterNav[data-total="4"] .navWrapper {
    width: 25%
}

.FooterNav[data-total="5"] .navWrapper {
    width: 20%
}

.FooterNav[data-total="6"] .navWrapper {
    width: 16.667%
}

.FooterNav[data-total="7"] .navWrapper {
    width: 14.286%
}

.FooterNav[data-total="8"] .navWrapper {
    width: 12.5%
}

.FooterNav .socialLinks>ul:first-child {
    margin-top: 46px
}

.FooterNav .socialLinks ul {
    margin-top: 10px
}

.FooterNav .socialLinks ul li {
    padding: 0 0 10px
}

.FooterNav .socialLinks ul li a {
    height: 50px;
    display: table
}

.FooterNav .socialLinks ul li a>span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 23px;
    text-align: center;
    transition: background-color .4s
}

.FooterNav .socialLinks ul li a strong {
    display: table-cell;
    vertical-align: middle;
    padding-left: 11px
}

.FooterNav .socialLinks ul .icon-social_facebook:before {
    margin-top: -4px
}

.FooterNav .socialLinks ul .icon-social_google:before {
    margin-top: -1px;
    margin-left: 8.6px;
    font-size: 27px
}

.FooterNav .socialLinks ul .icon-social_vkontakt:before {
    margin-top: 4px
}

.FooterNav .socialLinks ul .icon-social_sinaweibo:before {
    margin-top: -1px
}

.FooterNav .socialLinks ul .icon-social_pinterest:before {
    margin-top: -2px
}

.FooterNav .socialLinks ul .icon-social_blogger:before,
.FooterNav .socialLinks ul .icon-social_douban:before,
.FooterNav .socialLinks ul .icon-social_instagram:before,
.FooterNav .socialLinks ul .icon-social_linkedin:before,
.FooterNav .socialLinks ul .icon-social_renren:before {
    margin-top: -5px
}

.FooterNav .socialLinks ul .icon-social_tumblr:before {
    margin-top: -6px
}

.FooterNav .socialLinks ul .icon-social_wechat:before {
    margin-top: -2px
}

.FooterNav .socialLinks ul .icon-social_youtube {
    font-size: 29px;
    line-height: 45px
}

.FooterNav .socialLinks ul .icon-social_youtube:before {
    margin-top: -8px
}

.FooterNav .socialLinksFloat {
    width: auto!important;
    clear: both!important;
    display: block!important;
    padding-top: 0
}

.FooterNav .socialLinksFloat ul {
    margin-top: 15px
}

.FooterNav .socialLinksFloat ul li {
    margin-right: 6px;
    width: 55px;
    float: left
}

.FooterNav .socialLinksFloat ul li a {
    text-indent: -9999px
}

.FooterNav .hygieneLinks {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 0 70px
}

.FooterNav .hygieneLinks:after {
    content: "";
    clear: both;
    display: table
}

.no-js .FooterNav .hygieneLinks {
    position: static
}

.FooterNav .hygieneLinks li {
    float: left
}

.FooterNav .hygieneLinks li a {
    display: inline-block;
    padding: 16px 20px;
    text-decoration: none;
    transition: background-color .4s ease-out;
    transition: color .4s ease-out
}

.FooterNav .hygieneLinks li a.toggleHandle {
    display: none;
    position: relative
}

.FooterNav .hygieneLinks li a.toggleHandle:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: relative;
    padding-left: 6px;
    top: -1px
}

.FooterNav .hygieneLinks li.selectMarket>a {
    padding-left: 50px;
    display: block
}

.FooterNav .hygieneLinks li.selectMarket>a span.countryCode {
    display: none
}

.FooterNav .hygieneLinks li.selectMarket>a .flag {
    position: absolute;
    top: 15px;
    left: 20px
}

.FooterNav .hygieneLinks li.selectMarket .primaryLinkWithStyle {
    display: inline-table
}

.FooterNav .hygieneLinks li.selectMarket div.DropdownSelect .selected[data-val=lang-العربية],
.FooterNav .hygieneLinks li.selectMarket div.DropdownSelect ul li[data-val=lang-العربية] {
    letter-spacing: 0
}

.FooterNav .hygieneLinks li ul.toggleContent,
.FooterNav .hygieneLinks li ul.toggleContent li {
    float: left
}

.FooterNav .hygieneLinks li.open a.toggleHandle:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.FooterNav .hygieneLinks li.open .toggleContent {
    display: block
}

.FooterNav .marketSelectorContainer {
    display: none;
    position: absolute;
    bottom: 40px;
    width: 320px;
    padding: 20px
}

.FooterNav .marketSelectorContainer.open {
    display: block
}

.FooterNav .marketSelectorContainer .col {
    padding-bottom: 20px
}

.FooterNav .marketSelectorContainer .formButton .continueButton {
    margin-top: 0;
    width: 100%;
    font-size: 10px;
    padding: 13px 23px 11px
}

.FooterNav .marketSelectorContainer .formButton .continueButton.disabled {
    opacity: .4;
    cursor: default
}

.FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus,
.FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover {
    background: none
}

.FooterNav .marketSelectorContainer .secondaryLinks {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FooterNav .footerWrapper {
        overflow: hidden
    }
    .FooterNav .marketSelectorContainer {
        width: 100%
    }
    .FooterNav .marketSelectorContainer .col,
    .FooterNav .marketSelectorContainer .formButton {
        margin: 0 auto
    }
    .FooterNav .navWrapper {
        padding: 0 0 22px
    }
    .FooterNav .navWrapper h2,
    .FooterNav .navWrapper h2:first-child,
    .FooterNav .navWrapper ul {
        padding-left: 20px
    }
    .FooterNav .navWrapper:nth-child(3) h2,
    .FooterNav .navWrapper:nth-child(3) ul {
        padding-left: 10px
    }
    .FooterNav .socialLinks h2 {
        display: block;
        float: none
    }
    .FooterNav .socialLinks ul {
        margin-top: 9px
    }
    .FooterNav .socialLinks ul ul {
        margin: 0;
        padding-left: 0
    }
    .FooterNav .socialLinks li {
        margin-right: 6px;
        width: 55px
    }
    .FooterNav .socialLinks li:last-child {
        margin-right: 0
    }
    .FooterNav ul.hygieneLinks {
        padding-left: 20px
    }
    .FooterNav ul.hygieneLinks li .toggleHandle {
        display: block
    }
    .FooterNav ul.hygieneLinks li .toggleContent {
        display: none
    }
    .FooterNav ul.hygieneLinks li.open .toggleContent {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 40px
    }
    .FooterNav ul.hygieneLinks li.open .toggleContent li {
        float: none;
        width: 100%
    }
    .FooterNav ul.hygieneLinks li.open .toggleContent li a {
        display: block
    }
    .no-js .FooterNav ul.hygieneLinks {
        height: auto;
        overflow: hidden
    }
    .no-js .FooterNav ul.hygieneLinks li a.toggleHandle {
        display: none
    }
    .no-js .FooterNav ul.hygieneLinks li.selectMarket a,
    .no-js .FooterNav ul.hygieneLinks li ul.toggleContent {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FooterNav {
        padding-bottom: 82px;
        padding-left: 0
    }
    .FooterNav .footerWrapper {
        padding: 30px 30px 15px
    }
    .FooterNav .navWrapper {
        display: none;
        padding: 0
    }
    .FooterNav .navWrapper h2:first-child {
        padding: 0
    }
    .FooterNav[data-total="1"] .socialLinks,
    .FooterNav[data-total="2"] .socialLinks,
    .FooterNav[data-total="3"] .socialLinks,
    .FooterNav[data-total="4"] .socialLinks,
    .FooterNav[data-total="5"] .socialLinks,
    .FooterNav[data-total="6"] .socialLinks,
    .FooterNav[data-total="7"] .socialLinks,
    .FooterNav[data-total="8"] .socialLinks {
        width: auto
    }
    .FooterNav .socialLinks {
        display: block;
        width: auto;
        margin: 0 auto;
        float: none
    }
    .FooterNav .socialLinks .heading {
        text-align: center;
        font-size: 11px;
        letter-spacing: 1.5px;
        font-family: avenir, arial, helvetica, sans-serif;
        font-weight: 400
    }
    .FooterNav .socialLinks .heading.headingFocus .headingWrapper:after,
    .FooterNav .socialLinks .heading.headingFocus .headingWrapper:before {
        left: 50%;
        right: auto;
        margin-left: -.67em
    }
    .FooterNav .socialLinks ul {
        display: block;
        text-align: center;
        margin: 28px auto 0;
        padding: 0
    }
    .FooterNav .socialLinks ul li {
        display: inline-block;
        float: none;
        padding: 0 7.5px 15px;
        margin: 0;
        width: auto
    }
    .FooterNav .socialLinks ul li a {
        width: 50px;
        display: block
    }
    .FooterNav .socialLinks ul li a strong {
        display: none
    }
    .FooterNav .socialLinks>ul:first-child {
        margin-top: 0
    }
    .FooterNav .socialLinksFloat h2 {
        text-align: left!important;
        padding-left: 50px!important
    }
    .FooterNav ul.hygieneLinks {
        padding: 0 10px
    }
    .FooterNav ul.hygieneLinks li.selectMarket a span.countryName {
        display: none
    }
    .FooterNav ul.hygieneLinks li.selectMarket a span.countryCode {
        display: inline
    }
    .FooterNav .recallLinks {
        display: inherit;
        width: 100%;
        padding: 0 10px;
        border-bottom: 1px solid
    }
    .FooterNav .recallLinks:after {
        content: "";
        clear: both;
        display: table
    }
    .no-js .FooterNav .recallLinks {
        position: static
    }
    .FooterNav .recallLinks li {
        float: left
    }
    .FooterNav .recallLinks li a {
        display: inline-block;
        padding: 16px 18px;
        font-size: 8px;
        text-decoration: none;
        letter-spacing: .3em
    }
}

.no-js .navWrapper li ul {
    position: relative;
    display: block
}

.FooterNav .navWrapper h2 {
    font-weight: 700
}

.FooterNav .hygieneLinks li a,
.FooterNav .navWrapper h2,
.FooterNav .navWrapper li a {
    font-size: 9px;
    letter-spacing: .2em
}

.FooterNav {
    background-color: #4a4f54
}

.FooterNav .navWrapper h2 {
    color: #fff
}

.FooterNav .navWrapper li a {
    color: #e4e8e8
}

.FooterNav .navWrapper li a.active,
.FooterNav .navWrapper li a:focus,
.FooterNav .navWrapper li a:hover {
    color: #fff
}

.FooterNav .socialLinks ul li a>span {
    background-color: #0c121c
}

.FooterNav .socialLinks ul .social_facebook:hover span {
    background-color: #305891
}

.FooterNav .socialLinks ul .social_twitter:hover span {
    background-color: #2ca8d2
}

.FooterNav .socialLinks ul .social_linkedin:hover span {
    background-color: #007bb6
}

.FooterNav .socialLinks ul .social_google:hover span {
    background-color: #dd4b39
}

.FooterNav .socialLinks ul .social_tumblr:hover span {
    background-color: #2f5070
}

.FooterNav .socialLinks ul .social_sinaweibo:hover span {
    background-color: #df2029
}

.FooterNav .socialLinks ul .social_pinterest:hover span {
    background-color: #c82828
}

.FooterNav .socialLinks ul .social_douban:hover span {
    background-color: #0e7512
}

.FooterNav .socialLinks ul .social_vkontakt:hover span {
    background-color: #2f5070
}

.FooterNav .socialLinks ul .social_renren:hover span {
    background-color: #0259a0
}

.FooterNav .socialLinks ul .social_youtube:hover span {
    background-color: #e62d27
}

.FooterNav .socialLinks ul .social_blogger:hover span {
    background-color: #f60
}

.FooterNav .socialLinks ul .social_instagram:hover span {
    background-color: #406e95
}

.FooterNav .socialLinks ul .social_wechat:hover span {
    background-color: #93d034
}

.FooterNav .hygieneLinks {
    background-color: #0c121c
}

.FooterNav .hygieneLinks li a {
    color: #e4e8e8
}

.FooterNav .hygieneLinks li a:focus,
.FooterNav .hygieneLinks li a:hover {
    color: #fff
}

.FooterNav .hygieneLinks li.open a.toggleHandle {
    background: #4a4f54
}

.FooterNav .marketSelectorContainer {
    background-color: #a4a7a9
}

.FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus,
.FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FooterNav ul.hygieneLinks li.open .toggleContent li {
        background: #fff;
        border-bottom: 1px solid #0c121c
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FooterNav .recallLinks {
        background-color: #0c121c;
        border-bottom-color: #30363e
    }
    .FooterNav .recallLinks li a {
        color: #e4e8e8
    }
    .FooterNav .recallLinks li a:focus,
    .FooterNav .recallLinks li a:hover {
        color: #fff
    }
}

.lightTheme .FooterNav .hygieneLinks {
    background-color: #fff
}

.lightTheme .FooterNav .hygieneLinks li a {
    color: #4a4f54;
    font-weight: 700
}

.lightTheme .FooterNav .hygieneLinks li a:focus,
.lightTheme .FooterNav .hygieneLinks li a:hover {
    color: #0c121c
}

.lightTheme .FooterNav .hygieneLinks li.open a.toggleHandle {
    background: #e4e8e8
}

.lightTheme .FooterNav .marketSelectorContainer {
    background-color: #e4e8e8
}

.lightTheme .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus,
.lightTheme .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover {
    color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:900px) {
    .lightTheme .FooterNav ul.hygieneLinks li.open .toggleContent li {
        background-color: #e4e8e8;
        border-bottom-color: #cdd1d1
    }
    .lightTheme .FooterNav ul.hygieneLinks li.open .toggleContent li:last-child {
        border: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .lightTheme .FooterNav .recallLinks {
        background-color: #fff;
        border-bottom-color: #e4e8e8
    }
    .lightTheme .FooterNav .recallLinks li a {
        font-weight: 700;
        color: #4a4f54
    }
    .lightTheme .FooterNav .recallLinks li a:focus,
    .lightTheme .FooterNav .recallLinks li a:hover {
        color: #4a4f54
    }
}

.FormElements {
    padding: 20px
}

.formHeader {
    padding-bottom: 40px
}

.formHeader h2 {
    color: #4a4f54
}

.formHeader p {
    font-size: 14px;
    color: #4a4f54
}

.formSection {
    padding: 16px 0
}

.formSection h3 {
    color: #4a4f54;
    margin: 0
}

.formSection p {
    padding: 16px 0;
    color: #4a4f54
}

.formSection .formrow {
    width: 50%;
    padding: 16px 0
}

.formSection .formrow label {
    padding-bottom: 16px;
    display: block;
    color: #4a4f54
}

.formSection .formrow .DropdownSelect,
.formSection .formrow .textfield {
    margin-bottom: 16px
}

.formSection .formrow .textfield.error {
    border: 1px solid #f2681d;
    margin-bottom: 10px
}

.formSection .formrow p.errorMessage {
    color: red
}

.formSection .formrow.radio {
    padding-top: 0
}

.formSection .formrow.radio:first-of-type {
    padding-top: 16px
}

.formSection .formrow.radio label {
    display: inline-block;
    padding-bottom: 0
}

.formSection .formrow.inlineForm {
    overflow: hidden
}

.formSection .formrow.inlineForm .textfield {
    float: left;
    width: 60%;
    margin-right: 5%
}

.formSection .checkboxContainer {
    overflow: hidden;
    padding: 16px 0 0
}

.formSection .checkboxContainer .formrow {
    padding-top: 0
}

.formSection .checkboxContainer .formrow label {
    display: inline-block;
    padding-bottom: 0
}

.formSection .formButton {
    text-align: center;
    padding-bottom: 40px
}

#landrover .formSection .primaryLinkWithStyle {
    margin: 0
}

#landrover .formSection .formButton .primaryLinkWithStyle {
    margin: 0;
    width: 50%;
    max-width: 350px
}

#landrover .formSection .inlineForm .primaryLinkWithStyle {
    float: left;
    width: 35%;
    min-width: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .formSection .formrow {
        width: 100%
    }
    .formSection .formrow .DropdownSelect,
    .formSection .formrow.inlineForm,
    .formSection .formrow .textfield {
        max-width: 350px
    }
    .formSection .checkboxContainer .formrow {
        width: 100%
    }
}

.FramedContent>div,
.FramedForm>div {
    margin: 0 auto
}

.FramedContent>div iframe,
.FramedForm>div iframe {
    margin: 0 auto;
    max-width: 1400px;
    display: block
}

.TwoColumnContainer .FramedContent,
.TwoColumnContainer .FramedForm {
    padding: 0
}

.TwoColumnContainer .FramedContent>div,
.TwoColumnContainer .FramedForm>div {
    margin: 0
}

.TwoColumnContainer .FramedContent>div iframe,
.TwoColumnContainer .FramedForm>div iframe {
    margin: 0;
    max-width: auto
}

.FrameSlider,
.FrameSlider .frameSliderItem {
    position: relative;
    overflow: hidden;
    width: 100%
}

.FrameSlider .frameSliderItem {
    float: left;
    height: 100%
}

.FrameSlider .frameSliderBg,
.FrameSlider .frameSliderBgNoScript,
.FrameSlider .vehicleNoScript {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    box-sizing: content-box
}

.FrameSlider .frameSliderBgNoScript,
.FrameSlider .vehicleNoScript {
    background-position: 50%;
    background-repeat: no-repeat
}

.FrameSlider .headings {
    position: relative;
    z-index: 1;
    padding-bottom: 375px;
    margin-bottom: 0;
    top: -16px
}

.FrameSlider .secondaryHeading {
    font-weight: 500
}

.FrameSlider .subHeading {
    max-width: 680px;
    min-height: 46px;
    margin-bottom: 25px
}

.FrameSlider .spriteContainer {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1600px;
    height: 800px;
    margin-left: -800px;
    opacity: .2;
    transition: opacity .4s
}

.FrameSlider .spriteContainer .vehicle,
.FrameSlider .spriteContainerContext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.FrameSlider .spriteContainerContext {
    z-index: 1
}

.FrameSlider .spriteContainer .vehicle {
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.FrameSlider .frames-loaded .spriteContainer {
    opacity: 1
}

.FrameSlider .backgroundOverlay .backgroundOverlayElement {
    background-color: #0c121c;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .4s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.FrameSlider .backgroundOverlay.backgroundOverlayActive .backgroundOverlayElement {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.FrameSlider .backgroundOverlay.vehicleForeground .vehicle {
    z-index: 1
}

.FrameSlider .royalSlider {
    min-height: 400px
}

.FrameSlider .royalSlider.rsAutoHeight .rsArrowIcn:before {
    zoom: 1
}

.FrameSlider .sliderContainer {
    opacity: 0;
    transition: opacity .4s
}

.FrameSlider .sliderControls {
    width: 650px
}

.FrameSlider .frames-loaded .sliderContainer {
    opacity: 1
}

.FrameSlider .sliderTitle {
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    -webkit-transition: opacity .5s ease-out;
    -webkit-transition-delay: 0;
    transition: opacity .5s ease-out 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0
}

.FrameSlider .sliderTitle.current {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transition: opacity .5s ease-out;
    -webkit-transition-delay: .1s;
    transition: opacity .5s ease-out .1s
}

.FrameSlider .sliderContainerLower {
    position: relative;
    top: 18px
}

@media screen and (max-height:620px),
screen and (min-width:1px) and (max-width:1100px) {
    .FrameSlider .headings {
        padding-bottom: 270px;
        top: -20px
    }
    .FrameSlider .spriteContainer {
        top: -40px;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FrameSlider .frameSliderBg,
    .FrameSlider .frameSliderBgNoScript {
        top: -90px;
        padding-top: 90px
    }
    .FrameSlider .subHeading {
        margin-bottom: 20px
    }
    .FrameSlider .headings {
        padding-bottom: 265px;
        top: 0
    }
    .FrameSlider .spriteContainer {
        top: -95px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FrameSlider {
        height: auto
    }
    .FrameSlider .shelfComponent {
        padding-left: 16px;
        padding-right: 16px
    }
    .FrameSlider .headings {
        padding-bottom: 10px;
        max-width: none;
        margin-bottom: 0;
        top: 0
    }
    .FrameSlider .subHeading {
        display: none
    }
    .FrameSlider .spriteContainer {
        top: 0;
        width: 200%;
        height: auto;
        padding-top: 100%;
        margin: -28.125% 0 -28.125% -100%;
        position: relative;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .FrameSlider .sliderContainer {
        margin-top: 10px
    }
    .FrameSlider .sliderControls {
        width: 220px
    }
    .FrameSlider .royalSlider {
        min-height: 0
    }
    .FrameSlider .sliderTitle {
        -webkit-transition: opacity .15s ease-out;
        -webkit-transition-delay: 0;
        transition: opacity .15s ease-out 0
    }
    .FrameSlider .sliderTitle.headingH6 {
        font-size: 11px
    }
    .FrameSlider .sliderTitle.current {
        -webkit-transition: opacity .15s ease-out;
        -webkit-transition-delay: 50ms;
        transition: opacity .15s ease-out 50ms
    }
    .FrameSlider .sliderContainerLower {
        margin-top: 9px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:portrait) {
    .FrameSlider .heading {
        min-height: 52px
    }
    .FrameSlider .rsArrow {
        display: none!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .FrameSlider .shelfComponent {
        padding-left: 60px;
        padding-right: 60px
    }
    .FrameSlider .outerContainer {
        margin: 0 30px
    }
}

@media screen and (min-width:1601px) {
    .FrameSlider {
        background-repeat: no-repeat;
        background-size: cover;
        -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
    }
}

.no-js .FrameSlider .frameSliderItem {
    display: none
}

.no-js .FrameSlider .frameSliderItem:first-child {
    display: block
}

.no-js .FrameSlider .sliderSpriteNoScript,
.no-js .FrameSlider .vehicleNoScript {
    max-width: 100%
}

.no-js .FrameSlider .sliderContainer,
.no-js .FrameSlider .spriteContainer {
    opacity: 1
}

.TabbedContainer .FullFrameCarousel {
    min-height: 0
}

.FullFrameCarousel {
    width: 100%;
    min-height: 600px;
    text-align: center;
    position: relative;
    background-color: #000;
    overflow: hidden
}

.FullFrameCarousel .headerBox.withImage .headerBoxContent {
    background-color: transparent
}

.FullFrameCarousel .fullFrameContent {
    background-color: hsla(0, 0%, 100%, .9)
}

.FullFrameCarousel.youtubepresent,
.FullFrameCarousel.youtubepresent .carousel,
.FullFrameCarousel.youtubepresent .rsOverflow {
    min-height: 0
}

.FullFrameCarousel .tab-content {
    display: none
}

.FullFrameCarousel .VideoPlayer.finished .mejs-overlay-play,
.FullFrameCarousel .VideoPlayer.paused .mejs-overlay-play {
    width: 100%
}

.FullFrameCarousel .VideoPlayer.finished .mediaOverlay,
.FullFrameCarousel .VideoPlayer.paused .mediaOverlay {
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .VideoPlayer.finished .mediaOverlay,
    .FullFrameCarousel .VideoPlayer.paused .mediaOverlay {
        position: relative
    }
}

.FullFrameCarousel .YouTubeGalleryAsset {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .YouTubeGalleryAsset {
        position: relative;
        height: 55vw;
        width: 100%
    }
}

.FullFrameCarousel .YouTubeGalleryAsset>h4,
.FullFrameCarousel .YouTubeGalleryAsset>p {
    display: none
}

.FullFrameCarousel .YouTubeGalleryAsset .youTubePlayerFFCMask {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    top: 0;
    left: 0;
    z-index: 2
}

.FullFrameCarousel .YouTubeGalleryAsset .YouTubePlayer {
    display: block;
    padding: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .YouTubeGalleryAsset .YouTubePlayer {
        position: relative;
        height: 55vw;
        width: 100%
    }
}

.FullFrameCarousel .YouTubeGalleryAsset .mediaOverlay {
    z-index: 3
}

.FullFrameCarousel .YouTubeGalleryAsset .playerWrapper {
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.FullFrameCarousel .YouTubeGalleryAsset .playerWrapper .placeholderVideo {
    z-index: 1;
    width: 100%;
    height: 100%
}

.FullFrameCarousel .YouTubeGalleryAsset .playerWrapper>a {
    display: none!important
}

.FullFrameCarousel .mediaOverlay .mediaOverlayBg {
    width: 100%;
    height: 100%
}

.FullFrameCarousel .mediaOverlay:hover .mediaOverlayBg {
    background: none
}

.FullFrameCarousel .galleryImageLink .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    font-size: 68px
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .FullFrameCarousel .galleryImageLink .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
        text-align: right;
        padding-right: 33.333%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .galleryImageLink .mediaOverlay.mediaOverlayVideo {
        padding-top: calc(29% - 24px)
    }
    .FullFrameCarousel .galleryImageLink .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon {
        height: auto
    }
    .FullFrameCarousel .galleryImageLink .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
        font-size: 42px;
        text-align: center;
        padding-right: 0
    }
}

.FullFrameCarousel.loaded {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.FullFrameCarousel .rsOverflow {
    min-height: 600px
}

.FullFrameCarousel .carousel {
    text-align: center;
    overflow: hidden;
    direction: ltr;
    min-height: 600px
}

.FullFrameCarousel .carousel .rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: table
}

.FullFrameCarousel .carousel .fullFrameItem {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #4a4f54
}

.FullFrameCarousel .carousel .fullFrameItem .VideoPlayer>span,
.FullFrameCarousel .carousel .fullFrameItem>span,
.FullFrameCarousel .carousel .fullFrameItem noscript>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: cover
}

.FullFrameCarousel .carousel .fullFrameItem>span {
    z-index: 0
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent {
    z-index: 2;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .3s ease
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .3s ease
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextMain {
    color: #a4a7a9;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    margin-bottom: 36px
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub {
    margin: auto;
    padding-top: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: block;
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 18px
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub .subtitle {
    letter-spacing: 1.2px
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .bodyText {
    font-size: 14px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    letter-spacing: .28px;
    line-height: 18px;
    padding-top: 0
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .primaryLinkWithStyle {
    margin-top: 36px
}

.FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .secondaryLinkWithStyle {
    color: #898d90;
    margin-top: 30px
}

.FullFrameCarousel .carousel .fullFrameItem.left,
.FullFrameCarousel .carousel .fullFrameItem.left .headerBox .bodyText {
    text-align: left
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .headerBox {
    z-index: 4
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .YouTubeGalleryAsset {
    z-index: 1
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset [data-background-image] {
    z-index: 2
}

@media screen and (min-width:741px) {
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .headerBox {
        pointer-events: none
    }
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .headerBox.visible {
        pointer-events: auto
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset {
        height: auto
    }
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .headerBox {
        opacity: 1;
        margin-top: 45px;
        position: relative;
        z-index: 4
    }
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset [data-background-image] {
        position: absolute!important;
        padding: 0!important;
        height: 55vw!important;
        top: 0;
        left: 0
    }
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo {
    opacity: 0;
    z-index: 3;
    pointer-events: none;
    transition: opacity .3s ease
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    pointer-events: auto
}

.FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
    font-size: 68px
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
        padding-right: 33%;
        text-align: right
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before {
        padding-right: 0;
        text-align: center
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .carousel .fullFrameItem--withYouTubeGalleryAsset .mediaOverlay.mediaOverlayVideo {
        height: 55vw
    }
}

.FullFrameCarousel .carousel>.fullFrameItem>span {
    z-index: auto
}

.FullFrameCarousel .carousel .video {
    max-width: 100%
}

.FullFrameCarousel .carousel .video .VideoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.FullFrameCarousel .carousel .video .VideoPlayer.flash {
    width: 100%;
    height: 100%
}

.FullFrameCarousel .carousel .video .VideoPlayer.flash embed,
.FullFrameCarousel .carousel .video .VideoPlayer.flash object {
    position: absolute;
    top: 0;
    left: 0
}

.FullFrameCarousel .carousel .video .VideoPlayer .posterImage {
    display: none
}

.FullFrameCarousel .carousel .video .VideoPlayer video::-webkit-media-controls,
.FullFrameCarousel .carousel .video .VideoPlayer video::-webkit-media-controls-start-playback-button {
    display: none
}

@media screen and (min-width:741px) {
    .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video {
        position: static;
        width: 100%!important;
        height: 100%!important
    }
}

.FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button {
    font-size: 68px;
    border-right: none
}

.FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button:before {
    color: #fff;
    position: relative;
    top: -5px;
    left: -2px
}

.ie .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-button button {
    height: 68px;
    width: 68px
}

.FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls div {
    display: none
}

.FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls.hide {
    visibility: hidden!important;
    display: none!important
}

.FullFrameCarousel .carousel .video .VideoPlayer .mejs-layers {
    width: 100%;
    height: 100%
}

.FullFrameCarousel .carousel .video .VideoPlayer video {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: 100%;
    visibility: visible;
    -o-object-fit: cover;
    object-fit: cover
}

.FullFrameCarousel .carousel .video .VideoPlayer+span {
    z-index: -1
}

.ie .FullFrameCarousel .carousel .video .VideoPlayer+span,
.ms-edge .FullFrameCarousel .carousel .video .VideoPlayer+span {
    z-index: 0
}

.FullFrameCarousel .disable {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.FullFrameCarousel[data-total="1"] .mejs-video,
.FullFrameCarousel[data-total="1"] .mejs-video object,
.FullFrameCarousel[data-total="1"] .mejs-video video {
    cursor: default
}

.FullFrameCarousel .carouselNavigation {
    position: absolute;
    left: 90px;
    bottom: 80px;
    text-align: left;
    width: auto;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .3s ease;
    margin-left: -25px
}

.FullFrameCarousel .carouselNavigation.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .3s ease
}

.FullFrameCarousel .carouselNavigation>div {
    color: #fff
}

.TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carouselNavigation>div {
    color: #4a4f54
}

.lt-ie10 .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carouselNavigation>div {
    position: relative;
    z-index: 3
}

.FullFrameCarousel .carouselNavigation>div>a {
    color: #fff
}

.TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carouselNavigation>div>a {
    color: #4a4f54
}

.FullFrameCarousel .carouselNavigation>div>a:hover:before {
    color: #a4a7a9
}

.lt-ie9 #landrover .FullFrameCarousel {
    background-color: transparent;
    max-width: 1600px;
    margin: 0 auto
}

.lt-ie9 #landrover .FullFrameCarousel .image {
    background-position: 50%!important
}

.lt-ie9 #landrover .FullFrameCarousel .fullFrameContent {
    visibility: hidden
}

.lt-ie9 #landrover .FullFrameCarousel .linkContainer {
    margin-top: 0
}

.lt-ie9 #landrover .FullFrameCarousel .carousel>.fullFrameItem>.fullFrameContent,
.lt-ie9 #landrover .FullFrameCarousel .current .fullFrameContent {
    visibility: visible
}

html.no-js .FullFrameCarousel {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    height: auto;
    min-height: 0
}

html.no-js .FullFrameCarousel .carousel>* {
    float: none
}

html.no-js .FullFrameCarousel .carousel .video .VideoPlayer+span {
    display: block;
    z-index: 1
}

html.no-js .FullFrameCarousel .carousel span {
    z-index: 1
}

html.no-js .FullFrameCarousel .carousel .fullFrameItem {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    vertical-align: middle;
    position: relative;
    text-align: center;
    height: auto;
    display: block
}

html.no-js .FullFrameCarousel .carousel .fullFrameItem.left {
    text-align: left
}

html.no-js .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .FullFrameCarousel .VideoPlayer .mediaOverlayIcon:before {
        padding-right: 33.333%;
        text-align: right
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FullFrameCarousel {
        min-height: 0
    }
    .FullFrameCarousel .headerBox.withImage {
        max-width: 300px
    }
    .FullFrameCarousel .carouselNavigation {
        left: 30px;
        margin-top: 30px;
        bottom: 40px;
        margin-left: -10px;
        opacity: 1
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carouselNavigation {
        left: 50px
    }
    .FullFrameCarousel .rsOverflow {
        min-height: 0
    }
    .FullFrameCarousel .disable {
        display: none
    }
    .FullFrameCarousel .carousel {
        min-height: 0
    }
    .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub {
        font-size: 18px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel {
        background-color: #f8f9f9
    }
    .FullFrameCarousel .carouselNavigation {
        bottom: 250px;
        width: 55%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 0;
        text-align: center;
        margin-left: 0
    }
    .FullFrameCarousel .carouselNavigation>div {
        padding-top: 30px
    }
    .FullFrameCarousel .carouselNavigation>div>a {
        color: #4a4f54
    }
    .FullFrameCarousel .carousel .video .VideoPlayer video {
        height: 100%!important;
        width: 100%!important
    }
    .FullFrameCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls {
        bottom: auto
    }
    .FullFrameCarousel .carousel .fullFrameItem,
    .FullFrameCarousel .carousel .fullFrameItem.alignedText,
    .FullFrameCarousel .carousel .fullFrameItem.left {
        display: block
    }
    .FullFrameCarousel .carousel .fullFrameItem.alignedText>span,
    .FullFrameCarousel .carousel .fullFrameItem.left>span,
    .FullFrameCarousel .carousel .fullFrameItem>span {
        display: block;
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
        background-position: 50% 50%;
        background-size: cover;
        -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
    }
    .FullFrameCarousel .carousel .fullFrameItem.alignedText>span>span,
    .FullFrameCarousel .carousel .fullFrameItem.left>span>span,
    .FullFrameCarousel .carousel .fullFrameItem>span>span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .FullFrameCarousel .carousel .fullFrameItem.alignedText .fullFrameContent,
    .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent,
    .FullFrameCarousel .carousel .fullFrameItem.left .fullFrameContent {
        margin-top: 45px;
        position: static;
        padding-top: 0;
        bottom: 0;
        min-height: 230px;
        width: 100%;
        background: #f8f9f9
    }
    .FullFrameCarousel .carousel .fullFrameItem.alignedText .headerBox.withImage,
    .FullFrameCarousel .carousel .fullFrameItem .headerBox.withImage,
    .FullFrameCarousel .carousel .fullFrameItem.left .headerBox.withImage {
        max-width: none
    }
    .FullFrameCarousel .VideoPlayer .mediaOverlayIcon:before {
        padding-right: 0;
        text-align: center
    }
}

@media screen and (min-width:1px) and (max-width:400px) {
    html.no-js .FullFrameCarousel .carousel .fullFrameItem:first-child {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullFrameCarousel.grey .carousel .fullFrameItem,
    #landrover .FullFrameCarousel.grey .carousel .fullFrameItem .fullFrameContent.headerBox {
        background: #e9ecec
    }
    #landrover .FullFrameCarousel.dark .carouselNavigation a,
    #landrover .FullFrameCarousel.dark .carouselNavigation div {
        color: #e4e8e8
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem {
        background: #4a4f54;
        color: #fff
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .bodyText,
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .headingTextMain,
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .headingTextSub,
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryHeading {
        color: #fff
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryLinkWithStyle {
        background-color: #fff;
        color: #0c121c
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .primaryLinkWithStyle:hover {
        background-color: #0c121c;
        color: #fff
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .secondaryLinkWithStyle {
        color: #aeb0b2
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .secondaryLinkWithStyle:hover {
        color: #e4e8e8
    }
    #landrover .FullFrameCarousel.dark .carousel .fullFrameItem .fullFrameContent.headerBox {
        background: #4a4f54;
        color: #fff
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel {
        background: #e4e8e8
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .tab-content {
        display: block;
        width: 100%;
        padding-bottom: 56.25%;
        position: relative
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .tab-content .tab-content-body {
        position: absolute;
        bottom: -120px;
        height: 70px;
        padding: 10px 25px;
        border-bottom: 1px solid silver;
        width: 100%;
        text-align: left;
        font-size: 14px;
        font-family: avenir, arial, helvetica, sans-serif
    }
    .no-js .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .tab-content .tab-content-body {
        bottom: -70px
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .tab-content span {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-size: cover
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel {
        padding-top: 120px
    }
    .no-js .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel {
        padding-top: 70px
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem {
        position: relative;
        overflow: hidden
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer .mediaOverlay {
        position: absolute
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer .mediaOverlay,
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer video {
        margin-top: 50px
    }
    .ie .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .VideoPlayer {
        z-index: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (min-width:1px) and (max-width:740px) {
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .galleryImageLink {
        display: block;
        height: calc(56.25% - 100px);
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem>span {
        margin-top: 50px;
        z-index: 0
    }
    .ie .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem>span {
        z-index: 1
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent {
        background: #e4e8e8;
        border-bottom: 1px solid silver;
        margin-top: 30px;
        min-height: 0;
        padding: 0 0 30px;
        opacity: 1
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextMain {
        display: none
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub {
        background: #e4e8e8;
        border-bottom: 1px solid silver;
        color: #000;
        cursor: pointer;
        font-size: 10px;
        font-family: avenir, arial, helvetica, sans-serif;
        height: 50px;
        letter-spacing: 1.8px;
        line-height: 30px;
        margin-bottom: 0;
        padding: 10px 25px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-transform: uppercase
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub:after {
        content: " ";
        background-image: url(/resources/public/images/icons/concertina-open.svg);
        background-repeat: no-repeat;
        background-position: 100%;
        float: right;
        height: 30px;
        width: 30px
    }
    .no-js .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub:after {
        display: none
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub.open:after {
        background-image: url(/resources/public/images/icons/concertina-close.svg)
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub .subtitle {
        display: inline
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .bodyText,
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .linkContainer {
        padding: 0 25px
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .primaryLinkWithStyle {
        margin-top: 30px
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox {
        position: static
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox__title {
        background: #e4e8e8;
        border-bottom: 1px solid silver;
        color: #000;
        cursor: pointer;
        height: 50px;
        margin-bottom: 0;
        padding: 10px 25px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-transform: uppercase
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox__title:after {
        content: " ";
        background-image: url(/resources/public/images/icons/concertina-open.svg);
        background-repeat: no-repeat;
        background-position: 100%;
        float: right;
        height: 30px;
        width: 30px
    }
    .no-js .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox__title:after {
        display: none
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox__title.open:after {
        background-image: url(/resources/public/images/icons/concertina-close.svg)
    }
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carouselNavigation {
        display: none
    }
    .TabbedContainer .FullFrameCarousel.oneSlide .headerBox {
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .tab-content .tab-content-body {
        padding: 10px 30px
    }
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox {
        margin-top: 0;
        padding: 0
    }
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headerBox__title,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .headingTextSub,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox .headerBox__title,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox .headingTextSub {
        padding: 10px 30px
    }
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .bodyText,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .fullFrameContent .linkContainer,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox .bodyText,
    .AccordionContainer .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox .linkContainer {
        padding: 0
    }
}

.Accordion .FullFrameCarousel.oneSlide .carousel .rsOverflow {
    cursor: auto!important
}

.Accordion .FullFrameCarousel.oneSlide .carousel .rsOverflow .rsContainer {
    -webkit-transform: initial!important;
    transform: none!important
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .FullFrameCarousel.oneSlide .tab-content {
        padding-bottom: 0!important
    }
    .Accordion .FullFrameCarousel.oneSlide .tab-content .image {
        display: none
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel {
        padding-top: 0
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem {
        height: auto!important
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem>span {
        margin-top: 0
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox {
        margin-top: 0!important;
        padding: 30px;
        background: #f8f9f9;
        border-bottom: 0 none
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headerBox__slug,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headingTextMain,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headerBox__slug,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headingTextMain {
        display: none;
        margin-bottom: 22px;
        font-size: 18px;
        letter-spacing: .9px
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headerBox__title,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headingTextSub,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .subtitle,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headerBox__title,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headingTextSub,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .subtitle {
        display: block;
        letter-spacing: .9px
    }
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .bodyText,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headerBoxContent,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .linkContainer,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .bodyText,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headerBoxContent,
    .Accordion .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .linkContainer {
        padding: 0
    }
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headerBox__slug,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headingTextMain,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headerBox__slug,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headingTextMain {
        display: block!important
    }
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headerBox__title,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .headingTextSub,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .fullFrameContent .subtitle,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headerBox__title,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .headingTextSub,
    .Accordion .TabbedContainer .FullFrameCarousel.oneSlide .carousel .fullFrameItem .headerBox .subtitle {
        display: none!important
    }
    .Accordion .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .galleryImageLink {
        top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .carouselNavigation>div {
        color: #4a4f54
    }
    .FullFrameCarousel .carouselNavigation>div .number {
        font-size: 24px;
        font-weight: 700
    }
    .FullFrameCarousel .carouselNavigation>div>a {
        color: #4a4f54
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainer:not([data-total="1"]) .FullFrameCarousel .carousel .fullFrameItem .headerBox__title {
        background: #e4e8e8;
        font-size: 10px;
        font-family: avenir, arial, helvetica, sans-serif;
        letter-spacing: 1.8px;
        line-height: 30px
    }
}

.FullFrameCarouselL462Test {
    width: 100%;
    min-height: 600px;
    text-align: center;
    position: relative;
    background-color: #000;
    overflow: hidden
}

.FullFrameCarouselL462Test .headerBox.withImage .headerBoxContent {
    background-color: transparent
}

.FullFrameCarouselL462Test .fullFrameContent {
    background-color: hsla(0, 0%, 100%, .9)
}

.FullFrameCarouselL462Test .tab-content {
    display: none
}

.FullFrameCarouselL462Test .VideoPlayer.finished .mejs-overlay-play,
.FullFrameCarouselL462Test .VideoPlayer.paused .mejs-overlay-play {
    width: 100%
}

.FullFrameCarouselL462Test .VideoPlayer.finished .mediaOverlay,
.FullFrameCarouselL462Test .VideoPlayer.paused .mediaOverlay {
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarouselL462Test .VideoPlayer.finished .mediaOverlay,
    .FullFrameCarouselL462Test .VideoPlayer.paused .mediaOverlay {
        position: relative
    }
}

.FullFrameCarouselL462Test .mediaOverlay .mediaOverlayBg {
    width: 100%;
    height: 100%
}

.FullFrameCarouselL462Test .mediaOverlay:hover .mediaOverlayBg {
    background: none
}

.FullFrameCarouselL462Test.loaded {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.FullFrameCarouselL462Test .rsOverflow {
    min-height: 600px
}

.FullFrameCarouselL462Test .carousel {
    text-align: center;
    overflow: hidden;
    direction: ltr;
    min-height: 600px
}

.FullFrameCarouselL462Test .carousel .rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: table
}

.FullFrameCarouselL462Test .carousel .fullFrameItem {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #4a4f54
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .VideoPlayer>span,
.FullFrameCarouselL462Test .carousel .fullFrameItem>span,
.FullFrameCarouselL462Test .carousel .fullFrameItem noscript>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: cover
}

.FullFrameCarouselL462Test .carousel .fullFrameItem>span {
    z-index: 0
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent {
    z-index: 2;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .3s ease
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .3s ease
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .headingTextMain {
    color: #a4a7a9;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .8px;
    margin-bottom: 36px
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .headingTextSub {
    margin: auto;
    padding-top: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: block;
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 18px
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .headingTextSub .subtitle {
    letter-spacing: 1.2px
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .bodyText {
    font-size: 14px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    letter-spacing: .28px;
    line-height: 18px;
    padding-top: 0
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .primaryLinkWithStyle {
    margin-top: 36px
}

.FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .secondaryLinkWithStyle {
    color: #898d90;
    margin-top: 30px
}

.FullFrameCarouselL462Test .carousel .fullFrameItem.left,
.FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .bodyText {
    text-align: left
}

.FullFrameCarouselL462Test .carousel>.fullFrameItem>span {
    z-index: auto
}

.FullFrameCarouselL462Test .carousel .video {
    max-width: 100%
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer.flash {
    width: 100%;
    height: 100%
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer.flash embed,
.FullFrameCarouselL462Test .carousel .video .VideoPlayer.flash object {
    position: absolute;
    top: 0;
    left: 0
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .posterImage {
    display: none
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer video::-webkit-media-controls,
.FullFrameCarouselL462Test .carousel .video .VideoPlayer video::-webkit-media-controls-start-playback-button {
    display: none
}

@media screen and (min-width:741px) {
    .FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video {
        position: static;
        width: 100%!important;
        height: 100%!important
    }
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-button button {
    font-size: 68px;
    border-right: none
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-button button:before {
    color: #fff;
    position: relative;
    top: -5px;
    left: -2px
}

.ie .FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-button button {
    height: 68px;
    width: 68px
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-controls div {
    display: none
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-controls.hide {
    visibility: hidden!important;
    display: none!important
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-layers {
    width: 100%;
    height: 100%
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer video {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: 100%;
    visibility: visible
}

.FullFrameCarouselL462Test .carousel .video .VideoPlayer+span {
    z-index: -1
}

.ie .FullFrameCarouselL462Test .carousel .video .VideoPlayer+span,
.ms-edge .FullFrameCarouselL462Test .carousel .video .VideoPlayer+span {
    z-index: 0
}

.FullFrameCarouselL462Test .disable {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.FullFrameCarouselL462Test[data-total="1"] .mejs-video,
.FullFrameCarouselL462Test[data-total="1"] .mejs-video object,
.FullFrameCarouselL462Test[data-total="1"] .mejs-video video {
    cursor: default
}

.FullFrameCarouselL462Test .carouselNavigation {
    position: absolute;
    left: 90px;
    bottom: 80px;
    text-align: left;
    width: auto;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .3s ease
}

.FullFrameCarouselL462Test .carouselNavigation.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .3s ease
}

.FullFrameCarouselL462Test .carouselNavigation>div,
.FullFrameCarouselL462Test .carouselNavigation>div>a {
    color: #fff
}

.FullFrameCarouselL462Test .carouselNavigation>div>a:hover:before {
    color: #a4a7a9
}

.lt-ie9 #landrover .FullFrameCarouselL462Test {
    background-color: transparent;
    max-width: 1600px;
    margin: 0 auto
}

.lt-ie9 #landrover .FullFrameCarouselL462Test .image {
    background-position: 50%!important
}

.lt-ie9 #landrover .FullFrameCarouselL462Test .fullFrameContent {
    visibility: hidden
}

.lt-ie9 #landrover .FullFrameCarouselL462Test .linkContainer {
    margin-top: 0
}

.lt-ie9 #landrover .FullFrameCarouselL462Test .carousel>.fullFrameItem>.fullFrameContent,
.lt-ie9 #landrover .FullFrameCarouselL462Test .current .fullFrameContent {
    visibility: visible
}

html.no-js .FullFrameCarouselL462Test {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    height: auto;
    min-height: 0
}

html.no-js .FullFrameCarouselL462Test .carousel>* {
    float: none
}

html.no-js .FullFrameCarouselL462Test .carousel .video .VideoPlayer+span {
    display: block;
    z-index: 1
}

html.no-js .FullFrameCarouselL462Test .carousel span {
    z-index: 1
}

html.no-js .FullFrameCarouselL462Test .carousel .fullFrameItem {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    vertical-align: middle;
    position: relative;
    text-align: center;
    height: auto;
    display: block
}

html.no-js .FullFrameCarouselL462Test .carousel .fullFrameItem.left {
    text-align: left
}

html.no-js .FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .FullFrameCarouselL462Test .VideoPlayer .mediaOverlayIcon:before {
        padding-right: 33.333%;
        text-align: right
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FullFrameCarouselL462Test {
        min-height: 0
    }
    .FullFrameCarouselL462Test .headerBox.withImage {
        max-width: 300px
    }
    .FullFrameCarouselL462Test .carouselNavigation {
        left: 30px;
        margin-top: 30px;
        bottom: 40px
    }
    .FullFrameCarouselL462Test .rsOverflow {
        min-height: 0
    }
    .FullFrameCarouselL462Test .disable {
        display: none
    }
    .FullFrameCarouselL462Test .carousel {
        min-height: 0
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent .headingTextSub {
        font-size: 18px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarouselL462Test {
        background-color: #f8f9f9
    }
    .FullFrameCarouselL462Test .carouselNavigation {
        bottom: 250px;
        width: 50%;
        left: 25%;
        margin-top: 0;
        text-align: center
    }
    .FullFrameCarouselL462Test .carouselNavigation>div {
        color: #4a4f54;
        padding-top: 25px
    }
    .FullFrameCarouselL462Test .carouselNavigation>div>a {
        color: #4a4f54
    }
    .FullFrameCarouselL462Test .carouselNavigation>div .number {
        font-size: 24px;
        font-weight: 700
    }
    .FullFrameCarouselL462Test .carousel .video .VideoPlayer video {
        height: 100%!important;
        width: 100%!important
    }
    .FullFrameCarouselL462Test .carousel .video .VideoPlayer .mejs-video .mejs-controls {
        bottom: auto
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left {
        display: block;
        color: #fff
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText>span,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left>span,
    .FullFrameCarouselL462Test .carousel .fullFrameItem>span {
        display: block;
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
        background-position: 50% 50%;
        background-size: cover;
        -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText>span>span,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left>span>span,
    .FullFrameCarouselL462Test .carousel .fullFrameItem>span>span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .fullFrameContent,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .fullFrameContent,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .fullFrameContent {
        margin-top: 45px;
        position: static;
        padding-top: 0;
        bottom: 0;
        min-height: 230px;
        width: 100%;
        background: #f8f9f9
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage {
        max-width: none
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage {
        text-align: left!important
    }
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextSub,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextSub,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .headingTextSub,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextSub,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextSub,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .bodyText,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextMain,
    .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextSub {
        text-align: left
    }
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextMain,
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextMain,
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .headingTextMain,
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextMain,
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextMain,
    .AccordionContainer .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextMain {
        display: none;
        margin-bottom: 18px
    }
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextMain,
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextMain,
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .headingTextMain,
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextMain,
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextMain,
    .TabbedContainerL462Test .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextMain {
        display: block
    }
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox .primaryHeading .headingTextSub,
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem.alignedText .headerBox.withImage .primaryHeading .headingTextSub,
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox .primaryHeading .headingTextSub,
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem .headerBox.withImage .primaryHeading .headingTextSub,
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox .primaryHeading .headingTextSub,
    .AccordionContainer--alt-headings .FullFrameCarouselL462Test .carousel .fullFrameItem.left .headerBox.withImage .primaryHeading .headingTextSub {
        display: none
    }
    .FullFrameCarouselL462Test .VideoPlayer .mediaOverlayIcon:before {
        padding-right: 0;
        text-align: center
    }
}

@media screen and (min-width:1px) and (max-width:400px) {
    html.no-js .FullFrameCarouselL462Test .carousel .fullFrameItem:first-child {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullFrameCarouselL462Test.grey .carousel .fullFrameItem,
    #landrover .FullFrameCarouselL462Test.grey .carousel .fullFrameItem .fullFrameContent.headerBox {
        background: #e9ecec
    }
    #landrover .FullFrameCarouselL462Test.dark .carouselNavigation a,
    #landrover .FullFrameCarouselL462Test.dark .carouselNavigation div {
        color: #e4e8e8
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem {
        background: #4a4f54;
        color: #fff
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .bodyText,
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .headingTextMain,
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .headingTextSub,
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .primaryHeading {
        color: #fff
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .primaryLinkWithStyle {
        background-color: #fff;
        color: #0c121c
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .primaryLinkWithStyle:hover {
        background-color: #0c121c;
        color: #fff
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .secondaryLinkWithStyle {
        color: #aeb0b2
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .secondaryLinkWithStyle:hover {
        color: #e4e8e8
    }
    #landrover .FullFrameCarouselL462Test.dark .carousel .fullFrameItem .fullFrameContent.headerBox {
        background: #4a4f54;
        color: #fff
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0c121c;
    opacity: .9;
    filter: alpha(opacity=90)
}

a.mfp-close {
    text-decoration: none;
    float: right;
    width: 70px;
    height: 70px
}

a.mfp-close.hide {
    display: none
}

a.mfp-close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    width: 70px;
    line-height: 70px;
    margin: 0;
    padding-top: 1px
}

.mfp-wrap {
    z-index: 1043;
    position: fixed;
    overflow: hidden!important;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-wrap,
.mfp-wrap .mfp-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mfp-wrap .mfp-container {
    text-align: center;
    position: absolute;
    padding: 0;
    box-sizing: border-box
}

.mfp-wrap .mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-wrap .mfp-container .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    height: 100%
}

.mfp-wrap .mfp-container .mfp-content .mfp-arrow,
.mfp-wrap .mfp-container .mfp-content .mfp-close,
.mfp-wrap .mfp-container .mfp-content .mfp-counter,
.mfp-wrap .mfp-container .mfp-content .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-wrap .mfp-container .mfp-content .mfp-close-btn-in .mfp-close {
    color: #fff
}

.mfp-wrap .mfp-container .mfp-content .mfp-s-error .mfp-content,
.mfp-wrap .mfp-container .mfp-content .mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-wrap .mfp-container .mfp-content .mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-wrap .mfp-container .mfp-content .mfp-preloader a {
    color: #ccc
}

.mfp-wrap .mfp-container .mfp-content .mfp-preloader a:hover {
    color: #fff
}

.mfp-wrap.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-wrap .mfp-ajax-holder .mfp-content,
.mfp-wrap .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-wrap .mfp-ajax-cur {
    cursor: progress
}

.mfp-wrap .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-wrap .mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-wrap .mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 0;
    padding-bottom: 0
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    width: 70px;
    padding: 0;
    float: none;
    position: absolute;
    top: 0;
    right: 0
}

.mfp-iframe-scaler {
    -webkit-overflow-scrolling: touch!important;
    width: 100%;
    height: 100%;
    padding: 70px 0
}

.mfp-iframe-scaler iframe {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    height: 100%;
    box-shadow: 0;
    background: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    .mfp-iframe-holder {
        padding: 50px 0
    }
    .mfp-iframe-holder .mfp-close {
        width: 50px;
        height: 50px
    }
    .mfp-iframe-holder .mfp-close:before {
        width: 50px;
        line-height: 50px
    }
    .mfp-iframe-scaler {
        padding: 50px 0 0
    }
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0;
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        text-align: center;
        padding: 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    a.mfp-close:before {
        font-size: 14px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 0;
        padding-right: 0
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

a.mfp-close {
    background-color: #0c121c
}

a.mfp-close:hover {
    cursor: pointer;
    background-color: #4a4f54;
    transition: background-color .2s
}

.test-link {
    display: block;
    margin: 100px;
    text-align: center;
    text-decoration: none
}

.Fullscreen .rightButtons {
    float: right
}

.Fullscreen .rightButtons>a,
.Fullscreen .rightButtons>button,
.Fullscreen .rightButtons>div {
    float: left!important
}

.Fullscreen .galleryCategoriesBtn {
    display: none
}

.Fullscreen.hasGallery .galleryCategoriesBtn.hasCategory {
    display: block
}

.Fullscreen.hasGalleryCategories .galleryCategoriesBtn,
.mfp-content .Fullscreen .galleryCategoriesBtn {
    display: none
}

.mfp-content .Fullscreen .galleryCategoriesBtn.show {
    display: block!important
}

.Fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.Fullscreen .fullscreenHeader {
    position: fixed;
    background-color: transparent;
    top: 0;
    width: 100%;
    min-width: 392px;
    height: 70px;
    z-index: 7
}

.Fullscreen .fullscreenHeader .overlayBox {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute
}

.Fullscreen .fullscreenHeader .logoLink {
    display: none;
    float: left
}

.Fullscreen .fullscreenHeader .logo {
    float: left;
    height: 48px;
    margin: 11px
}

.Fullscreen .fullscreenHeader .info {
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    background-color: transparent;
    max-width: 900px
}

.Fullscreen .fullscreenHeader .info h4 {
    padding: 9px 0 11px 50px;
    height: 70px;
    overflow: hidden;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    font-weight: 700;
    min-width: 300px;
    max-width: 400px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader .info h4 {
        min-width: 0;
        max-width: 1000px
    }
}

.Fullscreen .fullscreenHeader .info p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 5px 20px 5px 60px;
    line-height: 18px;
    max-height: 70px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased
}

.Fullscreen .fullscreenHeader .info p a {
    color: #e4e8e8;
    border-bottom-color: hsla(180, 8%, 90%, .25)!important
}

.Fullscreen .fullscreenHeader #filmstripToggle {
    border: none;
    color: #fff;
    margin-right: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    height: 70px;
    min-width: 70px;
    line-height: 70px;
    padding-left: 15px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader #filmstripToggle {
        width: auto;
        float: left;
        border-left: none;
        height: 50px;
        line-height: 50px;
        padding: 0 10px
    }
}

.Fullscreen .fullscreenHeader #filmstripToggle:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 9px;
    height: 70px;
    line-height: 65px;
    margin: 0 0 0 6px;
    padding-right: 16px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader #filmstripToggle:after {
        height: 50px;
        line-height: 45px;
        font-size: 9px;
        padding-right: 0
    }
}

.Fullscreen .fullscreenHeader #filmstripToggle:hover {
    transition: background-color .2s
}

.Fullscreen .fullscreenHeader #filmstripToggle.on:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 66px;
    margin: 0 0 0 6px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader #filmstripToggle.on:after {
        height: 50px;
        line-height: 46px;
        font-size: 9px
    }
}

.Fullscreen .fullscreenHeader .mfp-close span {
    margin-left: -100000px
}

.Fullscreen .fullscreenHeader .downloadWallpaperBtn {
    display: none;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .8px;
    padding: 0 15px;
    float: right;
    text-decoration: none;
    height: 70px;
    line-height: 70px
}

.Fullscreen .fullscreenHeader .downloadWallpaperBtn.show {
    display: block
}

.Fullscreen .fullscreenHeader .downloadWallpaperBtn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 10px;
    margin-right: 10px;
    margin-top: -3px
}

.Fullscreen .fullscreenHeader .downloadWallpaperBtn:hover {
    cursor: pointer;
    transition: background-color .2s
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader .downloadWallpaperBtn {
        height: 50px;
        line-height: 50px;
        border-left: 1px solid rgba(74, 79, 84, .6)
    }
}

.Fullscreen .fullscreenHeader .galleryCategoriesBtn {
    text-align: center;
    float: right;
    text-decoration: none
}

.Fullscreen .fullscreenHeader .galleryCategoriesBtn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 35px;
    height: 70px;
    width: 70px;
    line-height: 68px;
    margin: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader .galleryCategoriesBtn:before {
        width: 50px;
        height: 50px;
        line-height: 49px;
        font-size: 28px
    }
}

.Fullscreen .fullscreenHeader .galleryCategoriesBtn:hover {
    cursor: pointer;
    background-color: #4a4f54;
    transition: background-color .2s
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader .galleryCategoriesBtn {
        float: left;
        border-left: none
    }
}

.Fullscreen .fullscreenFooter {
    height: 0;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3;
    padding: 0
}

.Fullscreen .fullscreenFooter .heading {
    margin-bottom: .5em
}

.Fullscreen .fullscreenFooter p {
    margin: 0 20px;
    text-align: center
}

.Fullscreen.Fullscreen.fullScreenVideo .fullscreenFooter,
.Fullscreen.Fullscreen.fullScreenVideo .fullscreenHeader {
    display: none
}

.Fullscreen.Fullscreen.fullScreenVideo .Gallery {
    padding-top: 0;
    position: static
}

.Fullscreen.Fullscreen.fullScreenVideo .Gallery .directionArrow,
.Fullscreen.Fullscreen.fullScreenVideo .Gallery .rsNav {
    display: none!important
}

.Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer {
    padding: 0;
    display: block
}

.Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer .playerWrapper {
    width: 100%!important;
    height: 100%!important;
    max-width: 100%!important;
    max-height: 100%!important
}

.Fullscreen.shared .logoLink {
    display: inline-block
}

.Fullscreen.shared .info {
    left: 100px
}

.Fullscreen.shared a.mfp-close {
    width: auto;
    font-size: 10px
}

.Fullscreen.shared a.mfp-close span {
    display: inline-block;
    margin-left: 0
}

.Fullscreen.shared a.mfp-close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    width: 70px;
    line-height: 70px
}

.Fullscreen .fullscreenContentWrapper {
    padding-top: 70px;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenContentWrapper {
        padding-top: 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Fullscreen .fullscreenHeader {
        min-width: 0
    }
}

.Fullscreen .VideoPlayerGalleryAsset {
    width: 100%;
    height: 100%;
    display: table
}

.Fullscreen .VideoPlayer {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

#landrover .Fullscreen.shared .fullscreenHeader .mfp-close {
    width: auto;
    padding: 0 20px
}

#landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before {
    width: auto;
    top: -2px;
    position: relative;
    left: -4px;
    font-size: 12px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info {
        display: block!important
    }
    #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info h4,
    #landrover .Fullscreen.hasGalleryCategories .fullscreenHeader .info p {
        height: 50px
    }
    #landrover .Fullscreen.hasGalleryCategories .fullscreenFooter {
        display: none;
        height: 0;
        padding-bottom: 0
    }
    #landrover .Fullscreen.shared .fullscreenHeader .mfp-close,
    #landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before {
        width: auto
    }
    #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter {
        height: 50px;
        display: block
    }
    #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter h4,
    #landrover .Fullscreen.shared.hasGalleryCategories .fullscreenFooter p {
        display: none
    }
    #landrover .Fullscreen .fullscreenHeader {
        height: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .logo {
        height: 30px;
        margin: 10px
    }
    #landrover .Fullscreen .fullscreenHeader .info {
        display: none!important;
        height: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .info .infoInner,
    #landrover .Fullscreen .fullscreenHeader .info .infoInner h4 {
        height: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .info .infoInner p {
        max-height: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .addThisMenu,
    #landrover .Fullscreen .fullscreenHeader .addThisMenu a {
        width: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .addThisMenu a span {
        font-size: 17px;
        height: 50px;
        line-height: 49px;
        width: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .addThisMenu a span:before {
        font-size: 13px
    }
    #landrover .Fullscreen .fullscreenHeader .mfp-close {
        height: 50px;
        width: 50px
    }
    #landrover .Fullscreen .fullscreenHeader .mfp-close:before {
        width: 50px;
        line-height: 50px
    }
    #landrover .Fullscreen.shared .fullscreenHeader .mfp-close {
        position: fixed;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        background: none
    }
    #landrover .Fullscreen.shared .fullscreenHeader .mfp-close:before {
        line-height: 50px
    }
    #landrover .Fullscreen.shared .fullscreenFooter {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .Fullscreen .fullscreenHeader .info {
        display: none
    }
}

.no-js .addThisMenu {
    display: none
}

.no-js .Fullscreen.hasGalleryCategories {
    height: 600px
}

.Fullscreen .fullscreenHeader {
    color: #e4e8e8
}

.Fullscreen .fullscreenHeader .overlayBox {
    background-color: #0c121c
}

.Fullscreen .fullscreenHeader #filmstripToggle,
.Fullscreen .fullscreenHeader .downloadWallpaperBtn {
    background-color: #0c121c;
    border-left: 1px solid #30363e
}

.Fullscreen .fullscreenHeader #filmstripToggle {
    font-size: 11px
}

.Fullscreen .fullscreenHeader #filmstripToggle.on,
.Fullscreen .fullscreenHeader #filmstripToggle:hover {
    background-color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader #filmstripToggle {
        font-size: 10px;
        border-right: 1px solid #30363e
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Fullscreen .fullscreenHeader .info h4 {
        font-size: 12px;
        padding: 5px 10px
    }
}

.Fullscreen .fullscreenHeader .mfp-close {
    border-left: 1px solid #30363e
}

.Fullscreen .fullscreenHeader .addThisMenu a.addthis_button_expanded:hover {
    background: #5c6165
}

.Fullscreen .fullscreenHeader .galleryCategoriesBtn {
    background-color: #0c121c;
    border-left: 1px solid #30363e
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader .galleryCategoriesBtn {
        border-right: 1px solid #30363e
    }
}

.Fullscreen .fullscreenFooter {
    background-color: #0c121c
}

.Fullscreen .fullscreenFooter .heading {
    color: #e4e8e8
}

.Fullscreen .fullscreenFooter p {
    font-size: 12px;
    color: #e4e8e8
}

@media screen and (min-width:1px) and (max-width:900px) and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenHeader {
        border-right: 1px solid #4a4f54
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Fullscreen .fullscreenFooter {
        height: 95px;
        padding: 20px 0
    }
    .Fullscreen .fullscreenFooter .heading {
        margin-bottom: .5em;
        color: #e4e8e8
    }
    .Fullscreen .fullscreenFooter .heading+p {
        margin-top: 5px
    }
    .Fullscreen .fullscreenFooter p {
        margin: 0 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Fullscreen .fullscreenFooter .heading+p {
        margin-top: 3px
    }
    .Fullscreen .fullscreenFooter p {
        line-height: 1.3;
        margin: 0 20px
    }
}

.FullWidthImage {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    position: relative
}

.FullWidthImage .imageContainer {
    position: relative;
    width: 100%;
    min-height: 450px;
    top: 0;
    left: 0;
    height: 100%
}

.FullWidthImage .imageContainer span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.FullWidthImage.noImage .imageContainer {
    display: none
}

.FullWidthImage .itemContent {
    position: absolute;
    width: 40%
}

.FullWidthImage .itemContent>p {
    margin-top: 26px;
    font-size: 18px
}

.FullWidthImage .itemContent .title {
    margin-bottom: 45px
}

.FullWidthImage .primaryHeading:last-child {
    margin-bottom: 0
}

.FullWidthImage .primaryHeading,
.FullWidthImage p {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.FullWidthImage.noImage .primaryHeading,
.FullWidthImage.noImage p {
    text-shadow: none
}

.FullWidthImage>.title {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullWidthImage>.title {
        display: block;
        text-align: center;
        font-size: 22px;
        padding: 24px 0;
        margin: 0
    }
}

.FullWidthImage .primaryLinkWithStyle {
    margin-top: 0
}

.FullWidthImage.leftTop .itemContent,
.FullWidthImage.rightTop .itemContent {
    top: 80px;
    left: 90px
}

.FullWidthImage.leftTop .imageContainer span,
.FullWidthImage.rightTop .imageContainer span {
    background-position: 100% 100%
}

.FullWidthImage.leftBottom .itemContent,
.FullWidthImage.rightBottom .itemContent {
    bottom: 80px;
    left: 90px
}

.FullWidthImage.leftBottom .imageContainer span,
.FullWidthImage.rightBottom .imageContainer span {
    background-position: 100% 0
}

.FullWidthImage.centre .itemContainer {
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%
}

.FullWidthImage.centre .itemContainer .itemContent {
    margin: 0 auto;
    position: relative
}

.FullWidthImage.centre .itemContainer .itemContent .primaryHeader {
    text-align: center
}

.FullWidthImage.short .imageContainer {
    height: 100%;
    position: absolute
}

.FullWidthImage.short .itemContainer {
    position: relative;
    top: 0;
    left: 0;
    display: table;
    width: 50%;
    padding: 0;
    height: 1px;
    height: 640px
}

.FullWidthImage.short .itemContainer .itemContent {
    padding: 0;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: auto
}

.FullWidthImage.short.centre .itemContainer {
    width: 60%;
    margin: 0 auto
}

.FullWidthImage.short.left .imageContainer span,
.FullWidthImage.short.left .itemContainer span,
.FullWidthImage.short.right .imageContainer span,
.FullWidthImage.short.right .itemContainer span {
    background-position: 100%
}

.FullWidthImage.adaptive .imageContainer,
.FullWidthImage.tall .imageContainer {
    min-height: 1280px
}

.FullWidthImage.adaptive.centre .itemContainer,
.FullWidthImage.tall.centre .itemContainer {
    margin: 0 auto;
    height: 100%;
    white-space: nowrap
}

.FullWidthImage.adaptive.centre .itemContainer .itemContent,
.FullWidthImage.adaptive.centre .itemContainer:before,
.FullWidthImage.tall.centre .itemContainer .itemContent,
.FullWidthImage.tall.centre .itemContainer:before {
    display: inline-block;
    vertical-align: middle
}

.FullWidthImage.adaptive.centre .itemContainer:before,
.FullWidthImage.tall.centre .itemContainer:before {
    content: "";
    width: 0;
    height: 100%
}

.FullWidthImage.adaptive.centre .itemContainer .itemContent,
.FullWidthImage.tall.centre .itemContainer .itemContent {
    width: 60%;
    white-space: normal
}

#landrover .FullWidthImage.withHeaderBox.noText .textWrapper,
.FullWidthImage.withHeaderBox.noText .textWrapper {
    visibility: hidden;
    height: 0
}

#landrover .FullWidthImage.withHeaderBox.short,
.FullWidthImage.withHeaderBox.short {
    display: table;
    height: 480px;
    min-height: 480px
}

@media screen and (min-width:1px) and (max-width:1440px) {
    #landrover .FullWidthImage.withHeaderBox.short,
    .FullWidthImage.withHeaderBox.short {
        height: 460px;
        min-height: 460px
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    #landrover .FullWidthImage.withHeaderBox.short,
    .FullWidthImage.withHeaderBox.short {
        height: 443px;
        min-height: 443px
    }
    #landrover .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer,
    .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer {
        position: absolute
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .FullWidthImage.withHeaderBox.short,
    .FullWidthImage.withHeaderBox.short {
        height: 400px;
        min-height: 400px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullWidthImage.withHeaderBox.short,
    .FullWidthImage.withHeaderBox.short {
        height: auto;
        min-height: 0;
        display: block
    }
    #landrover .FullWidthImage.withHeaderBox.short .textWrapper,
    .FullWidthImage.withHeaderBox.short .textWrapper {
        display: block;
        text-align: center
    }
    #landrover .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer,
    .FullWidthImage.withHeaderBox.textPlinth.short .imageContainer {
        position: relative
    }
    #landrover .FullWidthImage.withHeaderBox.left .textWrapper,
    #landrover .FullWidthImage.withHeaderBox.leftTop .textWrapper,
    #landrover .FullWidthImage.withHeaderBox .textWrapper,
    .FullWidthImage.withHeaderBox.left .textWrapper,
    .FullWidthImage.withHeaderBox.leftTop .textWrapper,
    .FullWidthImage.withHeaderBox .textWrapper {
        min-height: 0
    }
}

@media screen and (min-width:741px) and (max-width:999px) {
    #landrover .FullWidthImage.withHeaderBox.tall,
    .FullWidthImage.withHeaderBox.tall {
        height: 460px;
        min-height: 460px
    }
    #landrover .FullWidthImage.withHeaderBox.tall .imageContainer,
    .FullWidthImage.withHeaderBox.tall .imageContainer {
        position: relative
    }
}

@media screen and (min-width:1925px) {
    .FullWidthImage.short .itemContainer {
        padding: 90px
    }
}

@media screen and (min-width:1px) and (max-width:1924px) {
    .FullWidthImage.short .itemContainer {
        padding: 90px;
        height: 480px
    }
    .FullWidthImage.adaptive .imageContainer,
    .FullWidthImage.tall .imageContainer {
        min-height: 960px
    }
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .FullWidthImage.adaptive .imageContainer,
    .FullWidthImage.tall .imageContainer {
        min-height: 850px
    }
    .FullWidthImage.short .itemContainer {
        height: 445px
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .FullWidthImage.adaptive .imageContainer,
    .FullWidthImage.tall .imageContainer {
        min-height: 682px
    }
    .FullWidthImage.short .itemContainer {
        height: 341px
    }
    .FullWidthImage.short .imageContainer {
        min-height: 341px
    }
}

@media screen and (min-width:1px) and (max-width:1160px) {
    .FullWidthImage.short .itemContainer {
        width: 44%
    }
    .FullWidthImage .itemContent .primaryHeader {
        font-size: 30px
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .FullWidthImage .itemContent>p {
        font-size: 16px
    }
    #landrover .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle,
    #landrover .FullWidthImage.textPlinth .secondaryLinkWithStyle {
        color: #aeb0b2
    }
    #landrover.focusStylesOn .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle:focus,
    #landrover.focusStylesOn .FullWidthImage.textPlinth .secondaryLinkWithStyle:focus,
    #landrover .FullWidthImage.dark.withImage.textPlinth .secondaryLinkWithStyle:hover,
    #landrover .FullWidthImage.textPlinth .secondaryLinkWithStyle:hover {
        color: #e4e8e8;
        text-shadow: none
    }
    .FullWidthImage.textPlinth.adaptive .imageContainer:empty,
    .FullWidthImage.textPlinth.centre .imageContainer:empty,
    .FullWidthImage.textPlinth .imageContainer:empty,
    .FullWidthImage.textPlinth.left .imageContainer:empty,
    .FullWidthImage.textPlinth.right .imageContainer:empty,
    .FullWidthImage.textPlinth.short .imageContainer:empty,
    .FullWidthImage.textPlinth.tall .imageContainer:empty {
        display: none
    }
    .FullWidthImage.textPlinth.adaptive .itemContainer,
    .FullWidthImage.textPlinth.centre .itemContainer,
    .FullWidthImage.textPlinth .itemContainer,
    .FullWidthImage.textPlinth.left .itemContainer,
    .FullWidthImage.textPlinth.right .itemContainer,
    .FullWidthImage.textPlinth.short .itemContainer,
    .FullWidthImage.textPlinth.tall .itemContainer {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        text-align: left;
        padding: 40px 90px;
        height: auto;
        background-color: transparent
    }
    .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent,
    .FullWidthImage.textPlinth.centre .itemContainer .itemContent,
    .FullWidthImage.textPlinth .itemContainer .itemContent,
    .FullWidthImage.textPlinth.left .itemContainer .itemContent,
    .FullWidthImage.textPlinth.right .itemContainer .itemContent,
    .FullWidthImage.textPlinth.short .itemContainer .itemContent,
    .FullWidthImage.textPlinth.tall .itemContainer .itemContent {
        text-align: left;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        margin: 0;
        height: auto
    }
    .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth.centre .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth.left .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth.right .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth.short .itemContainer .itemContent .heading,
    .FullWidthImage.textPlinth.tall .itemContainer .itemContent .heading {
        text-align: left
    }
    .FullWidthImage.textPlinth.adaptive .itemContainer .heading,
    .FullWidthImage.textPlinth.adaptive .itemContainer p,
    .FullWidthImage.textPlinth.centre .itemContainer .heading,
    .FullWidthImage.textPlinth.centre .itemContainer p,
    .FullWidthImage.textPlinth .itemContainer .heading,
    .FullWidthImage.textPlinth .itemContainer p,
    .FullWidthImage.textPlinth.left .itemContainer .heading,
    .FullWidthImage.textPlinth.left .itemContainer p,
    .FullWidthImage.textPlinth.right .itemContainer .heading,
    .FullWidthImage.textPlinth.right .itemContainer p,
    .FullWidthImage.textPlinth.short .itemContainer .heading,
    .FullWidthImage.textPlinth.short .itemContainer p,
    .FullWidthImage.textPlinth.tall .itemContainer .heading,
    .FullWidthImage.textPlinth.tall .itemContainer p {
        text-shadow: none
    }
    .FullWidthImage.textPlinth.noImage .itemContainer {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .FullWidthImage.textPlinth.short .imageContainer {
        position: relative
    }
    .FullWidthImage.textPlinth.short .itemContainer {
        margin: 0;
        float: none;
        width: 100%
    }
    .FullWidthImage.abstract.adaptive .imageContainer,
    .FullWidthImage.abstract.centre .imageContainer,
    .FullWidthImage.abstract .imageContainer,
    .FullWidthImage.abstract.left .imageContainer,
    .FullWidthImage.abstract.right .imageContainer,
    .FullWidthImage.abstract.tall .imageContainer {
        height: 100%;
        position: absolute
    }
    .FullWidthImage.abstract.adaptive .imageContainer span,
    .FullWidthImage.abstract.centre .imageContainer span,
    .FullWidthImage.abstract .imageContainer span,
    .FullWidthImage.abstract.left .imageContainer span,
    .FullWidthImage.abstract.right .imageContainer span,
    .FullWidthImage.abstract.tall .imageContainer span {
        background-position: 50%
    }
    .FullWidthImage.abstract.adaptive .itemContainer,
    .FullWidthImage.abstract.centre .itemContainer,
    .FullWidthImage.abstract .itemContainer,
    .FullWidthImage.abstract.left .itemContainer,
    .FullWidthImage.abstract.right .itemContainer,
    .FullWidthImage.abstract.tall .itemContainer {
        position: relative;
        width: 600px;
        margin: 0 auto;
        top: 0;
        left: 0;
        display: table;
        padding: 80px 0;
        float: none
    }
    .FullWidthImage.abstract.adaptive .itemContainer .itemContent,
    .FullWidthImage.abstract.centre .itemContainer .itemContent,
    .FullWidthImage.abstract .itemContainer .itemContent,
    .FullWidthImage.abstract.left .itemContainer .itemContent,
    .FullWidthImage.abstract.right .itemContainer .itemContent,
    .FullWidthImage.abstract.tall .itemContainer .itemContent {
        margin: 0 auto;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        display: table-cell;
        vertical-align: middle;
        width: auto;
        text-align: center;
        padding: 0
    }
    .FullWidthImage.abstract.adaptive .itemContainer .itemContent .heading,
    .FullWidthImage.abstract.centre .itemContainer .itemContent .heading,
    .FullWidthImage.abstract .itemContainer .itemContent .heading,
    .FullWidthImage.abstract.left .itemContainer .itemContent .heading,
    .FullWidthImage.abstract.right .itemContainer .itemContent .heading,
    .FullWidthImage.abstract.tall .itemContainer .itemContent .heading {
        text-align: center
    }
    .FullWidthImage.adaptive .imageContainer,
    .FullWidthImage.tall .imageContainer {
        height: 460px;
        min-height: 460px
    }
    .FullWidthImage.adaptive.abstract .itemContainer,
    .FullWidthImage.tall.abstract .itemContainer {
        padding: 0
    }
    .FullWidthImage.adaptive.abstract .itemContent,
    .FullWidthImage.tall.abstract .itemContent {
        padding: 0 80px;
        height: 460px;
        min-height: 460px
    }
    .FullWidthImage.short .imageContainer {
        min-height: 256px
    }
    .FullWidthImage.short .itemContainer {
        height: 256px
    }
    .FullWidthImage.short.textPlinth {
        display: block;
        position: relative;
        top: auto
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FullWidthImage.textPlinth.adaptive .itemContainer,
    .FullWidthImage.textPlinth.centre .itemContainer,
    .FullWidthImage.textPlinth .itemContainer,
    .FullWidthImage.textPlinth.left .itemContainer,
    .FullWidthImage.textPlinth.right .itemContainer,
    .FullWidthImage.textPlinth.short .itemContainer,
    .FullWidthImage.textPlinth.tall .itemContainer {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullWidthImage .imageContainer {
        height: 360px;
        min-height: 360px;
        position: relative
    }
    #landrover .FullWidthImage .imageContainer:empty {
        display: none
    }
    #landrover .FullWidthImage .itemContainer {
        display: none;
        position: relative;
        top: auto;
        left: auto;
        text-align: left;
        padding: 30px;
        width: 100%;
        margin: 0;
        background-color: transparent
    }
    #landrover .FullWidthImage .itemContainer .heading,
    #landrover .FullWidthImage .itemContainer .itemContent {
        text-align: left
    }
    #landrover .FullWidthImage .itemContainer .itemContent {
        margin: 0;
        padding: 0;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        width: 100%;
        right: auto;
        bottom: auto;
        height: auto
    }
    #landrover .FullWidthImage .itemContainer .itemContent h5 {
        display: none
    }
    #landrover .FullWidthImage .itemContainer .heading,
    #landrover .FullWidthImage .itemContainer p {
        text-shadow: none
    }
    #landrover .FullWidthImage.abstract .itemContent {
        min-height: 0!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle {
        color: #aeb0b2
    }
    #landrover.focusStylesOn .FullWidthImage.dark.withImage .secondaryLinkWithStyle:focus,
    #landrover .FullWidthImage.dark.withImage .secondaryLinkWithStyle:hover {
        color: #e4e8e8;
        text-shadow: none
    }
}

@media screen and (min-width:1px) and (max-width:500px) {
    #landrover .FullWidthImage .imageContainer {
        height: 240px;
        min-height: 240px
    }
}

.lt-ie9 #landrover .FullWidthImage.short .itemContainer {
    height: 445px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .FullWidthImage .headerBox,
    .Accordion .FullWidthImage .textWrapper {
        text-align: left!important
    }
    .Accordion .FullWidthImage .headerBox .primaryHeading,
    .Accordion .FullWidthImage .textWrapper .primaryHeading {
        text-align: left!important;
        font-size: 18px!important;
        margin-bottom: 18px!important
    }
    .Accordion .FullWidthImage .headerBox .bodyText,
    .Accordion .FullWidthImage .textWrapper .bodyText {
        margin-top: 0!important
    }
    .Accordion .FullWidthImage .headerBox .headerBoxContent,
    .Accordion .FullWidthImage .textWrapper .headerBoxContent {
        padding-bottom: 30px!important
    }
    .Accordion .FullWidthImage p {
        text-shadow: none
    }
    .Accordion .FullWidthImage .icon-svo {
        margin-left: 0!important;
        margin-right: 0!important;
        margin-bottom: 20px!important
    }
    .Accordion .FullWidthImage .primaryLinkWithStyle {
        margin-top: 30px!important
    }
}

.Gallery {
    padding-bottom: 0;
    background-color: #4a4f54
}

.Gallery,
.Gallery .gallery {
    height: 100%;
    position: relative
}

.Gallery .gallery {
    width: 100%
}

.Gallery .gallery .rsOverflow {
    height: 100%!important
}

.Gallery .gallery .galleryItem {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.Gallery .gallery .galleryItem.videoItem {
    display: table
}

.Gallery .gallery .galleryItem h4 {
    font-size: 20px;
    margin-top: 20px
}

.Gallery .gallery .galleryItem h4,
.Gallery .gallery .galleryItem p {
    display: none
}

.Gallery .gallery .galleryItem>span {
    display: table;
    width: 100%;
    height: 100%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center
}

.lt-ie9 .Gallery .gallery .galleryItem>span[data-orientation=portrait] {
    background-size: contain
}

.Gallery .gallery .galleryItem>span span {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.Gallery .gallery .galleryItem>span span img {
    height: 100%
}

.Gallery .rsNav {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: -240px;
    z-index: 3;
    border-top: 1px solid #4a4f54;
    padding: 0 40px
}

.Gallery .rsNav.rsThumbs {
    z-index: 6;
    visibility: hidden
}

.Gallery .rsNav .rsThumbsOuterContainer {
    background-color: #0c121c;
    background-color: rgba(12, 18, 28, .9);
    overflow: hidden;
    padding: 20px 0;
    z-index: 2;
    height: 145px
}

.Gallery .rsNav .rsThumbsOuterContainer>div {
    position: relative
}

.Gallery .rsNav .rsThumbsContainer {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    height: 105px
}

.Gallery .rsNav .rsThumbsArrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 40px;
    background: #0c121c;
    font-size: 20px;
    border: none;
    padding: 0
}

.Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft {
    left: 0
}

.Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft div:before {
    left: 5px
}

.Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight {
    right: 0
}

.Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight div:before {
    right: 5px
}

.Gallery .rsNav .rsThumbsArrow div {
    position: relative;
    height: 100%;
    text-align: center;
    color: #fff
}

.Gallery .rsNav .rsThumbsArrow div:before {
    height: 20px;
    margin: -10px 0 0;
    position: absolute;
    top: 50%
}

.Gallery .rsNav .rsThumbsArrow.arrowOff div:before {
    color: #4a4f54!important
}

.Gallery .rsNav .rsThumbsArrow.rsThumbsArrowDisabled div:before {
    color: #4a4f54
}

.Gallery .rsNav .rsThumbsArrow:focus,
.Gallery .rsNav .rsThumbsArrow:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.Gallery .rsNav .rsThumbsArrow:focus div:before,
.Gallery .rsNav .rsThumbsArrow:hover div:before {
    color: #4a4f54;
    transition: color 1s
}

.Gallery .rsNav .rsThumb {
    position: relative
}

.Gallery .rsNav .rsThumb.rsNavSelected {
    background-color: #000
}

.Gallery .rsNav .rsThumb.rsNavSelected img {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity: .25
}

.no-js a#filmstripToggle {
    position: fixed;
    right: 140px;
    top: 0
}

.no-js .Fullscreen,
.no-js .gallery {
    position: static
}

.no-js #filmstrip,
.no-js .directionArrow,
.no-js a#filmStripToggle {
    visibility: hidden
}

.no-js #landrover .Gallery {
    padding: 0;
    margin: 0 auto;
    max-width: 1200px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js #landrover .Gallery {
        padding: 30px
    }
}

.no-js #landrover .Gallery .gallery {
    background-image: none
}

.no-js #landrover .Gallery .gallery .royalSlider {
    overflow: hidden;
    *zoom: 1;
    text-align: center;
    height: auto!important;
    position: static
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem {
    display: inline-block;
    margin: 20px 2%;
    width: 29.333%;
    padding: 0 3px
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(3n+1) {
    clear: both
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js #landrover .Gallery .gallery .royalSlider .galleryItem {
        width: 46%
    }
    .no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(3n+1) {
        clear: none
    }
    .no-js #landrover .Gallery .gallery .royalSlider .galleryItem:nth-child(odd) {
        clear: both
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js #landrover .Gallery .gallery .royalSlider .galleryItem {
        width: 100%;
        margin: 0;
        padding-bottom: 40px
    }
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem img {
    height: auto;
    width: 100%;
    border: none
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem h4,
.no-js #landrover .Gallery .gallery .royalSlider .galleryItem p {
    visibility: visible;
    display: block
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem h4 {
    letter-spacing: .1em;
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem p {
    color: #e4e8e8
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem>span {
    background: none;
    display: block;
    height: auto
}

.no-js #landrover .Gallery .gallery .royalSlider .galleryItem.videoItem {
    display: inline-table
}

.no-js #landrover .Gallery .gallery .YouTubePlayer {
    padding: 0;
    vertical-align: top;
    display: block
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper {
    background-color: #fff;
    height: 186px;
    margin: 0
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper img {
    opacity: .75
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a {
    cursor: default
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a:focus .playButton,
.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper a:hover .playButton {
    background-color: #000
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playButton {
    opacity: .75
}

.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playButton,
.no-js #landrover .Gallery .gallery .YouTubePlayer .playerWrapper .playerCover {
    cursor: default
}

.no-js #slideNumbers {
    display: none
}

.lt-ie10 #landrover .Gallery .directionArrow {
    position: fixed;
    z-index: 2
}

.rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before {
    content: ""
}

.rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before,
.rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before {
    content: ""
}

.GalleryCategories {
    height: 100%
}

.GalleryCategories ul {
    height: 100%;
    overflow: auto
}

.GalleryCategories li {
    position: relative;
    float: left;
    width: 50%;
    height: 50%
}

.GalleryCategories a {
    display: table;
    height: 100%;
    width: 100%;
    text-decoration: none
}

.GalleryCategories .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px
}

.GalleryCategories .text span {
    text-align: center;
    display: block
}

.GalleryCategories .text .heading,
.GalleryCategories .text span {
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.GalleryCategories .text .heading .headingWrapper:after,
.GalleryCategories .text .heading .headingWrapper:before {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.GalleryCategories .overlayBox {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4;
    transition: opacity .4s
}

.GalleryCategories li.hover .overlayBox {
    display: block;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6
}

.GalleryCategories .img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    position: absolute;
    display: block;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.GalleryCategories[data-total="4"] li {
    height: 50%;
    width: 50%
}

.GalleryCategories[data-total="3"] li {
    height: 100%;
    width: 33.333%
}

.GalleryCategories[data-total="2"] li {
    height: 100%
}

.GalleryCategories.portrait[data-total="3"] li {
    height: 33.333%;
    width: 100%
}

.GalleryCategories.portrait[data-total="2"] li {
    height: 50%;
    width: 100%
}

.GalleryCategories li {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity 1.6s;
    transition-delay: 0ms
}

.GalleryCategories li+li {
    transition-delay: .4s
}

.GalleryCategories li+li+li {
    transition-delay: .8s
}

.GalleryCategories li+li+li+li {
    transition-delay: 1.2s
}

.GalleryCategories.show li {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media screen and (min-width:1px) and (max-width:900px) {
    .GalleryCategories[data-total="4"] li {
        height: 50%;
        width: 100%
    }
    .GalleryCategories.portrait[data-total="4"] li {
        height: 50%;
        width: 50%
    }
    .GalleryCategories.portrait[data-total="3"] li {
        height: 33.333%;
        width: 100%
    }
    .GalleryCategories.portrait[data-total="2"] li {
        height: 50%;
        width: 100%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .GalleryCategories.portrait[data-total="4"] li {
        height: 33.333%;
        width: 100%
    }
}

html.no-js .GalleryCategories ul {
    overflow: hidden
}

html.no-js .GalleryCategories li {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.lt-ie9 .GalleryCategories .img {
    background-repeat: no-repeat;
    background-position: 50%
}

.GalleryCategories .text span {
    margin-top: 16px
}

@-webkit-keyframes i {
    0% {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(90deg) translate(5px);
        transform: rotate(90deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
}

@keyframes i {
    0% {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(90deg) translate(5px);
        transform: rotate(90deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(90deg) translate(0);
        transform: rotate(90deg) translate(0)
    }
}

@-webkit-keyframes j {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(0deg) translate(5px);
        transform: rotate(0deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
}

@keyframes j {
    0% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(0deg) translate(5px);
        transform: rotate(0deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(0deg) translate(0);
        transform: rotate(0deg) translate(0)
    }
}

@-webkit-keyframes k {
    0% {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(180deg) translate(5px);
        transform: rotate(180deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
}

@keyframes k {
    0% {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(180deg) translate(5px);
        transform: rotate(180deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(180deg) translate(0);
        transform: rotate(180deg) translate(0)
    }
}

@-webkit-keyframes l {
    0% {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(270deg) translate(5px);
        transform: rotate(270deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
}

@keyframes l {
    0% {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
    80% {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
    90% {
        -webkit-transform: rotate(270deg) translate(5px);
        transform: rotate(270deg) translate(5px)
    }
    to {
        -webkit-transform: rotate(270deg) translate(0);
        transform: rotate(270deg) translate(0)
    }
}

.rtl .GesturedVideoSequence .click-to-interact span,
.rtl .GesturedVideoSequence .loading-canvas span {
    font-size: 14px;
    letter-spacing: 0
}

.GesturedVideoSequence {
    height: auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #000
}

.GesturedVideoSequence .fake-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover
}

.GesturedVideoSequence .click-to-interact-overlay {
    opacity: .3;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.GesturedVideoSequence .click-to-interact,
.GesturedVideoSequence .loading-canvas {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 73px / 2);
    z-index: 4;
    text-align: center;
    cursor: pointer
}

.TabbedContainer .GesturedVideoSequence .click-to-interact,
.TabbedContainer .GesturedVideoSequence .loading-canvas {
    top: calc(50% - 50px - 35px)
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainer .GesturedVideoSequence .click-to-interact,
    .TabbedContainer .GesturedVideoSequence .loading-canvas {
        top: calc(50% - 50px - 25px)
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .GesturedVideoSequence .click-to-interact span.mobile,
    .GesturedVideoSequence .loading-canvas span.mobile {
        display: inline-block
    }
    .GesturedVideoSequence .click-to-interact span.desktop,
    .GesturedVideoSequence .loading-canvas span.desktop {
        display: none
    }
}

@media screen and (min-width:900px) {
    .GesturedVideoSequence .click-to-interact span.mobile,
    .GesturedVideoSequence .loading-canvas span.mobile {
        display: none
    }
    .GesturedVideoSequence .click-to-interact span.desktop,
    .GesturedVideoSequence .loading-canvas span.desktop {
        display: inline-block
    }
}

.GesturedVideoSequence .click-to-interact span,
.GesturedVideoSequence .loading-canvas span {
    color: #fff;
    margin-top: 10px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase
}

.GesturedVideoSequence .loadingOverlay .loading-canvas {
    width: 100px;
    height: 100px
}

.GesturedVideoSequence .ddtemplate,
.GesturedVideoSequence .mouse,
.GesturedVideoSequence .touch {
    display: none
}

.GesturedVideoSequence.touch .touch,
.GesturedVideoSequence:not(.touch) .mouse {
    display: block
}

.GesturedVideoSequence .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, .5);
    height: 100px;
    width: 100px;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    opacity: 1;
    transition: opacity .4s, background .4s;
    border-radius: 100px;
    cursor: pointer
}

.GesturedVideoSequence .play-button:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-right: 0;
    margin-top: -25px;
    text-align: center;
    transition: color .4s
}

.GesturedVideoSequence .play-button:hover {
    background: hsla(0, 0%, 100%, .5)
}

.GesturedVideoSequence .play-button:hover:after {
    color: #000
}

.GesturedVideoSequence .play-button.gone {
    opacity: 0
}

.GesturedVideoSequence .video-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 1;
    transition: opacity 1s
}

.GesturedVideoSequence .video-container.gone {
    opacity: 0
}

.GesturedVideoSequence video {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    opacity: 1;
    transition: opacity 1s
}

.GesturedVideoSequence video::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.GesturedVideoSequence video.gone {
    opacity: 0
}

.GesturedVideoSequence canvas {
    position: relative;
    z-index: 2;
    opacity: 1;
    height: 100%;
    width: 100%
}

.GesturedVideoSequence canvas.gone {
    opacity: 0;
    z-index: -1
}

.GesturedVideoSequence.loading .progress {
    opacity: 1
}

.GesturedVideoSequence .progress {
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    bottom: 0;
    opacity: 0;
    transition: opacity .5s;
    z-index: 10
}

.GesturedVideoSequence .progress>.bar {
    background: #005a2b;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    z-index: 3;
    display: block
}

.GesturedVideoSequence .tablet-play {
    display: none;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    text-transform: uppercase;
    z-index: 3
}

.GesturedVideoSequence .tablet-play span {
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    width: 100%;
    text-align: center
}

.GesturedVideoSequence .no-click {
    position: absolute;
    z-index: 3;
    cursor: -webkit-grab;
    background: #fff;
    opacity: .01
}

.GesturedVideoSequence .dragdealer {
    height: 84px;
    opacity: 0;
    transition: opacity .5s;
    width: 287px;
    left: 45%;
    bottom: 50%;
    margin-bottom: -42px;
    position: absolute;
    z-index: 3;
    direction: ltr;
    cursor: -webkit-grab!important
}

.GesturedVideoSequence .dragdealer.gone {
    opacity: 0;
    transition: opacity 0s
}

.GesturedVideoSequence .dragdealer.gone .drag-icon {
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.GesturedVideoSequence .dragdealer svg.vertical {
    display: none
}

.GesturedVideoSequence .dragdealer .right-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 91px;
    left: 84px;
    z-index: 1
}

.GesturedVideoSequence .dragdealer img.hover {
    display: none
}

.GesturedVideoSequence .dragdealer.active img.hover,
.GesturedVideoSequence .dragdealer img.no-hover {
    display: block
}

.GesturedVideoSequence .dragdealer.active img.no-hover {
    display: none
}

.GesturedVideoSequence .dragdealer.active .handle .spinner {
    opacity: 0
}

.GesturedVideoSequence .dragdealer .handle {
    height: 84px;
    width: 84px;
    z-index: 2;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.GesturedVideoSequence .dragdealer .handle img {
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px
}

.GesturedVideoSequence .dragdealer .handle .handle-outer {
    height: 100%;
    width: 100%
}

.GesturedVideoSequence .dragdealer .handle .drag-icon {
    position: absolute;
    height: 86px;
    width: 86px;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -43px;
    transition: opacity .7s, -webkit-transform .5s;
    transition: transform .5s, opacity .7s;
    transition: transform .5s, opacity .7s, -webkit-transform .5s
}

.GesturedVideoSequence .dragdealer .handle .drag-icon>img {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.GesturedVideoSequence .dragdealer .handle .drag-icon img {
    height: 100%;
    width: 100%
}

.GesturedVideoSequence .dragdealer .handle .spinner {
    position: absolute;
    height: 72.24px;
    width: 72.24px;
    left: 50%;
    top: 50%;
    margin-left: -36.12px;
    margin-top: -36.12px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: opacity .7s, -webkit-transform .7s;
    transition: transform .7s, opacity .7s;
    transition: transform .7s, opacity .7s, -webkit-transform .7s
}

.GesturedVideoSequence .dragdealer .handle-end {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    height: 98px;
    width: 98px;
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -49px;
    z-index: -1
}

.GesturedVideoSequence .dragdealer .handle-end>svg {
    position: absolute;
    top: 0;
    height: 98px;
    width: 98px
}

.GesturedVideoSequence .dragdealer .handle-end>svg.smaller {
    height: 49px;
    width: 49px;
    top: 50%;
    left: 50%;
    margin-top: -24.5px;
    margin-left: -24.5px
}

.GesturedVideoSequence .dragdealer.left-to-right .handle img {
    -webkit-animation-name: j;
    animation-name: j;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: rotate(0deg) translate(0);
    transform: rotate(0deg) translate(0);
    margin-left: -8px
}

.GesturedVideoSequence .dragdealer.left-to-right .right-indicator {
    margin-left: 18px;
    margin-right: 18px
}

.GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg {
    position: absolute;
    left: auto;
    right: -6px;
    bottom: 0;
    top: 0
}

.GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg.horizontal {
    width: 750px
}

.GesturedVideoSequence .dragdealer.right-to-left .handle img {
    -webkit-animation-name: k;
    animation-name: k;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: rotate(180deg) translate(0);
    transform: rotate(180deg) translate(0);
    margin-left: -8px
}

.GesturedVideoSequence .dragdealer.right-to-left .handle-end {
    left: -7px
}

.GesturedVideoSequence .dragdealer.right-to-left .right-indicator {
    left: 91px;
    right: 84px;
    margin-left: 18px;
    margin-right: 18px
}

.GesturedVideoSequence .dragdealer.right-to-left .right-indicator svg {
    position: absolute;
    left: -8px;
    right: auto;
    bottom: 0;
    top: 0
}

.GesturedVideoSequence .dragdealer.right-to-left .right-indicator svg.horizontal {
    width: 750px
}

.GesturedVideoSequence .dragdealer.bottom-to-top {
    width: 84px;
    height: 287px;
    top: 50%;
    margin-top: -143px;
    margin-bottom: 0
}

.GesturedVideoSequence .dragdealer.bottom-to-top .handle img {
    -webkit-animation-name: l;
    animation-name: l;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    margin-left: -8px;
    -webkit-transform: rotate(270deg) translate(0);
    transform: rotate(270deg) translate(0)
}

.GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator {
    left: 0;
    right: 0;
    bottom: 84px;
    top: 91px;
    margin-top: 18px;
    margin-bottom: 18px
}

.GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator svg {
    top: -4px;
    bottom: auto;
    left: auto;
    right: auto
}

.GesturedVideoSequence .dragdealer.bottom-to-top svg.vertical {
    display: block
}

.GesturedVideoSequence .dragdealer.bottom-to-top svg.horizontal {
    display: none
}

.GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon .mouse {
    margin-top: 9px
}

.GesturedVideoSequence .dragdealer.bottom-to-top .handle-end {
    left: 50%;
    right: auto;
    top: -7px;
    margin-top: 0;
    margin-left: -49px
}

.GesturedVideoSequence .dragdealer.top-to-bottom {
    width: 84px;
    height: 287px;
    margin-bottom: 0;
    top: 50%;
    margin-top: -143px
}

.GesturedVideoSequence .dragdealer.top-to-bottom .handle img {
    -webkit-animation-name: i;
    animation-name: i;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    animation-timing-function: cubic-bezier(.645, .045, .355, 1);
    margin-left: -8px;
    -webkit-transform: rotate(90deg) translate(0);
    transform: rotate(90deg) translate(0)
}

.GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator {
    left: 0;
    right: 0;
    top: 84px;
    bottom: 91px;
    margin-top: 18px;
    margin-bottom: 18px
}

.GesturedVideoSequence .dragdealer.top-to-bottom svg.vertical {
    display: block
}

.GesturedVideoSequence .dragdealer.top-to-bottom svg.horizontal {
    display: none
}

.GesturedVideoSequence .dragdealer.top-to-bottom .handle-end {
    top: auto;
    left: 50%;
    right: auto;
    margin-top: 0;
    margin-left: -49px;
    bottom: -7px
}

.GesturedVideoSequence .fullFrameContent {
    z-index: 2
}

.GesturedVideoSequence .fullFrameContent .headingTextMain {
    color: #a4a7a9;
    display: block;
    font-size: 16px;
    letter-spacing: .8px;
    margin-bottom: 36px
}

.GesturedVideoSequence .fullFrameContent .headingTextSub {
    margin: auto;
    padding-top: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: block;
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 18px
}

.GesturedVideoSequence .fullFrameContent .headingTextSub .subtitle {
    letter-spacing: 1.2px
}

.GesturedVideoSequence .fullFrameContent .bodyText {
    display: block;
    font-size: 14px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    letter-spacing: .28px;
    line-height: 18px;
    padding-top: 0;
    font-weight: 400
}

.GesturedVideoSequence .fullFrameContent .primaryLinkWithStyle {
    margin-top: 36px
}

.GesturedVideoSequence .fullFrameContent .secondaryLinkWithStyle {
    color: #898d90;
    margin-top: 30px
}

.GesturedVideoSequence .data-slides {
    position: absolute;
    z-index: 4;
    opacity: 1;
    transition: opacity .5s
}

.GesturedVideoSequence .data-slides.noTransition {
    transition: opacity 0s
}

.GesturedVideoSequence .data-slides.gone,
.GesturedVideoSequence .data-slides.gone .info-slide {
    opacity: 0
}

.GesturedVideoSequence .data-slides.noPagination .info-slide {
    margin-bottom: 0
}

.GesturedVideoSequence .data-slides .info-slide * {
    text-align: left
}

.GesturedVideoSequence .data-slides .controls {
    position: absolute;
    z-index: 4;
    bottom: 20px
}

.GesturedVideoSequence .data-slides .controls div {
    float: left
}

.GesturedVideoSequence .data-slides .controls div.next,
.GesturedVideoSequence .data-slides .controls div.prev {
    opacity: 1
}

.GesturedVideoSequence .data-slides .controls div.next:before,
.GesturedVideoSequence .data-slides .controls div.prev:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.GesturedVideoSequence .data-slides .controls div.next.inactive,
.GesturedVideoSequence .data-slides .controls div.prev.inactive {
    opacity: .3
}

.GesturedVideoSequence .data-slides .controls div.prev {
    margin-right: 10px
}

.GesturedVideoSequence .data-slides .controls div.prev:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.GesturedVideoSequence .data-slides .controls div.next {
    margin-left: 10px;
    opacity: 1
}

.GesturedVideoSequence .data-slides .controls div.next:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.GesturedVideoSequence .data-slides {
    margin-left: 73px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .GesturedVideoSequence .video-container {
        height: 500px
    }
    .GesturedVideoSequence .data-slides {
        margin-left: 23px
    }
    .GesturedVideoSequence .headerBox.withImage {
        max-width: 300px
    }
    .GesturedVideoSequence .fullFrameContent .headingTextSub {
        font-size: 18px
    }
    .GesturedVideoSequence .dragdealer {
        height: 84px;
        width: 252px;
        margin-bottom: -42px
    }
    .GesturedVideoSequence .dragdealer .right-indicator {
        right: 91px;
        left: 84px
    }
    .GesturedVideoSequence .dragdealer .handle {
        height: 84px;
        width: 84px
    }
    .GesturedVideoSequence .dragdealer .handle .drag-icon {
        height: 98px;
        width: 98px;
        margin-top: -49px;
        margin-left: -49px
    }
    .GesturedVideoSequence .dragdealer .handle .spinner {
        height: 73.92px;
        width: 73.92px;
        margin-left: -36.96px;
        margin-top: -36.96px
    }
    .GesturedVideoSequence .dragdealer .handle-end {
        height: 98px;
        width: 98px;
        right: -7px;
        margin-top: -49px
    }
    .GesturedVideoSequence .dragdealer .handle-end>svg {
        height: 98px;
        width: 98px
    }
    .GesturedVideoSequence .dragdealer .handle-end>svg.smaller {
        height: 49px;
        width: 49px;
        margin-top: -24.5px;
        margin-left: -24.5px
    }
    .GesturedVideoSequence .dragdealer.left-to-right {
        left: 40%;
        right: 10%;
        width: 270px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .drag-icon>img {
        height: 16px;
        width: 16px;
        top: 41px;
        right: -36px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg {
        right: -4px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg.horizontal {
        width: 750px
    }
    .GesturedVideoSequence .dragdealer.right-to-left {
        left: 40%;
        right: 10%;
        width: 270px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .handle-end {
        left: -7px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .right-indicator {
        left: 91px;
        right: 84px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .right-indicator svg.horizontal {
        width: 750px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .drag-icon>img {
        height: 16px;
        width: 16px;
        top: 41px;
        left: -36px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top {
        top: 50%;
        bottom: 25%;
        width: 84px;
        height: 270px;
        margin-top: -135px;
        left: 50%
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator {
        bottom: 84px;
        top: 91px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon>img {
        height: 16px;
        width: 16px;
        left: 41px;
        top: -36px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .handle-end {
        top: -7px;
        margin-left: -49px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom {
        top: 50%;
        bottom: 25%;
        width: 84px;
        height: 270px;
        margin-top: -135px;
        left: 50%
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator {
        top: 84px;
        bottom: 91px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .drag-icon>img {
        height: 16px;
        width: 16px;
        left: 41px;
        bottom: -36px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .handle-end {
        margin-left: -49px;
        bottom: -7px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .GesturedVideoSequence .click-to-interact {
        top: calc(25% - 50px);
        left: calc(50% - 38px)
    }
    .GesturedVideoSequence .loading-canvas {
        top: calc(25% - 65px);
        left: calc(50% - 55px)
    }
    .GesturedVideoSequence .click-to-interact img {
        width: 76px
    }
    .GesturedVideoSequence.insideTabs .data-slides {
        margin-top: 48px
    }
    .GesturedVideoSequence .headerBox.withImage {
        max-width: 100%
    }
    .GesturedVideoSequence .data-slides {
        position: static;
        width: 100%;
        margin-left: 0
    }
    .GesturedVideoSequence .data-slides .info-slide {
        position: static;
        width: 100%
    }
    .GesturedVideoSequence .dragdealer {
        height: 60px;
        width: 180px;
        margin-bottom: -30px
    }
    .GesturedVideoSequence .dragdealer .right-indicator {
        right: 65px;
        left: 60px
    }
    .GesturedVideoSequence .dragdealer .handle {
        height: 60px;
        width: 60px
    }
    .GesturedVideoSequence .dragdealer .handle .drag-icon {
        height: 70px;
        width: 70px;
        margin-top: -35px;
        margin-left: -35px
    }
    .GesturedVideoSequence .dragdealer .handle .spinner {
        width: 66px;
        height: 66px;
        margin-left: -33px;
        margin-top: -33px
    }
    .GesturedVideoSequence .dragdealer .handle-end {
        height: 70px;
        width: 70px;
        right: -5px;
        margin-top: -35px
    }
    .GesturedVideoSequence .dragdealer .handle-end>svg {
        height: 70px;
        width: 70px
    }
    .GesturedVideoSequence .dragdealer .handle-end>svg.smaller {
        height: 35px;
        width: 35px;
        margin-top: -17.5px;
        margin-left: -17.5px
    }
    .GesturedVideoSequence .dragdealer.left-to-right {
        left: 50%;
        right: auto;
        margin-left: -81px;
        width: 162px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .drag-icon>img {
        height: 10px;
        width: 10px;
        top: 30px;
        right: -30px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .horizontal {
        margin-left: -6px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .right-indicator {
        margin-left: 5px;
        margin-right: 6px
    }
    .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg {
        right: -4px;
        left: auto;
        position: absolute
    }
    .GesturedVideoSequence .dragdealer.left-to-right .right-indicator svg.horizontal {
        width: auto
    }
    .GesturedVideoSequence .dragdealer.right-to-left {
        left: 50%;
        right: auto;
        width: 162px;
        margin-left: -81px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .handle-end {
        left: -5px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .right-indicator {
        left: 65px;
        right: 60px;
        margin-left: 6px;
        margin-right: 6px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .right-indicator svg.horizontal {
        width: auto
    }
    .GesturedVideoSequence .dragdealer.right-to-left .horizontal {
        margin-left: -6px
    }
    .GesturedVideoSequence .dragdealer.right-to-left .drag-icon>img {
        height: 10px;
        width: 10px;
        top: 30px;
        left: -30px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top {
        top: 50%;
        bottom: auto;
        width: 60px;
        height: 162px;
        margin-top: -70px;
        left: 50%;
        margin-left: -30px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator {
        bottom: 52px;
        top: 65px;
        margin-top: 6px;
        margin-bottom: 5px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .right-indicator svg {
        top: -8px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .drag-icon>img {
        height: 10px;
        width: 10px;
        left: 30px;
        top: -30px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .vertical {
        margin-top: -3px
    }
    .GesturedVideoSequence .dragdealer.bottom-to-top .handle-end {
        top: -5px;
        margin-left: -35px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom {
        top: 50%;
        bottom: auto;
        width: 60px;
        height: 162px;
        margin-top: -81px;
        left: 50%;
        margin-left: -30px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .right-indicator {
        margin-top: 6px;
        margin-bottom: 6px;
        top: 60px;
        bottom: 65px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .drag-icon>img {
        height: 10px;
        width: 10px;
        left: 30px;
        bottom: -30px
    }
    .GesturedVideoSequence .dragdealer.top-to-bottom .handle-end {
        margin-left: -35px;
        bottom: -5px
    }
}

@media screen and (max-width:740px) and (min-width:1px) and (orientation:landscape) {
    .GesturedVideoSequence .loading-canvas {
        top: calc(33% - 65px)
    }
}

.rtl .GesturedVideoSequence .data-slides {
    left: 0
}

.no-js .GesturedVideoSequence {
    height: 768px;
    background: #fff
}

.no-js .GesturedVideoSequence .noJsText {
    padding-top: 200px
}

.no-js .GesturedVideoSequence .fullFrameContent {
    display: none
}

#header {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
    margin: 0 auto;
    max-width: 2000px;
    -webkit-backface-visibility: hidden
}

#header .headerWrapper {
    position: relative;
    z-index: 9;
    height: 106px
}

#header #logo {
    width: 189px;
    height: 106px;
    overflow: hidden;
    border-right: 1px solid
}

#header #logo a {
    width: 100%;
    height: 100%
}

#header #logo img {
    height: 60px;
    top: 50%;
    left: 50%;
    margin-left: -58px;
    margin-top: -30px
}

#header #logo.spinmebaby img {
    -webkit-animation-name: L;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-name: L;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@media screen and (min-width:1px) and (max-width:1024px) {
    #header .ShoppingToolsMenu ul li a i {
        display: none
    }
}

@media screen and (min-width:961px) {
    #header.minimal {
        position: fixed;
        top: 0;
        z-index: 8
    }
    #header.minimal .headerWrapper {
        height: 50px
    }
    #header.minimal #logo,
    #header.minimal .SearchButton,
    #header.minimal .ShoppingToolsMenu {
        display: none
    }
    #header.minimal .MainNavigation {
        left: 0;
        top: 0
    }
    #header.minimal .MainNavigation ul li a {
        height: 50px;
        line-height: 50px
    }
    #header.minimal .MainNavigation .primaryNav {
        margin-right: 0
    }
}

#header.stickyNavigation {
    position: fixed;
    top: 0;
    z-index: 8;
    transition: opacity .4s
}

#header.stickyNavigation.searchActive {
    position: absolute
}

#header.stickyNavigation .headerWrapper {
    transition: height .4s
}

#header.stickyNavigation .ShoppingToolsMenu {
    transition: margin .4s
}

#header.stickyNavigation #logo {
    transition: width .4s, height .4s
}

#header.stickyNavigation #logo img {
    transition: all .4s
}

#header.stickyNavigation .MainNavigation {
    transition: top .4s, left .4s, margin .4s
}

#header.stickyNavigation .MainNavigation ul li.active a,
#header.stickyNavigation .MainNavigation ul li a {
    transition: height .4s, line-height .4s, background-color .4s
}

#header.stickyNavigation .MainNavigation .inactiveSearchButton,
#header.stickyNavigation .MainNavigation .inactiveSearchButton>a,
#header.stickyNavigation .MainNavigation .SearchButton,
#header.stickyNavigation .MainNavigation .SearchButton>a {
    transition: height .4s, line-height .4s
}

#header.stickyNavigation .autoCompleteMenu {
    transition: top .4s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer {
    transition: height .4s, opacity .4s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationDivider {
    transition: top .4s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer {
    -webkit-transition: height 0;
    -webkit-transition-delay: .4s;
    transition: height 0 .4s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div {
    transition: line-height .2s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
    transition: color .4s, line-height .2s
}

#header.stickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationButtons {
    transition: color .4s, top .4s
}

#header.stickyNavigation.reducedStickyNavigation {
    opacity: .97
}

#header.stickyNavigation.reducedStickyNavigation .headerWrapper {
    height: 50px
}

#header.stickyNavigation.reducedStickyNavigation .ShoppingToolsMenu {
    margin-top: -70px
}

#header.stickyNavigation.reducedStickyNavigation .ShoppingToolsMenu .ShoppingToolsDropdown {
    display: none!important
}

#header.stickyNavigation.reducedStickyNavigation #logo {
    -webkit-transition: width .4s, height .4s;
    -webkit-transition-delay: .1s, 0s;
    transition: width .4s .1s, height .4s;
    height: 50px
}

#header.stickyNavigation.reducedStickyNavigation #logo img {
    width: 57px;
    height: 31px;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -29px
}

#header.stickyNavigation.reducedStickyNavigation .MainNavigation {
    -webkit-transition: top .4s, left .4s, margin .4s;
    -webkit-transition-delay: 0s, .1s, 0s;
    transition: top .4s, left .4s .1s, margin .4s;
    top: 0;
    margin-top: -1px
}

#header.stickyNavigation.reducedStickyNavigation .MainNavigation .inactiveSearchButton,
#header.stickyNavigation.reducedStickyNavigation .MainNavigation .inactiveSearchButton>a,
#header.stickyNavigation.reducedStickyNavigation .MainNavigation .SearchButton,
#header.stickyNavigation.reducedStickyNavigation .MainNavigation .SearchButton>a,
#header.stickyNavigation.reducedStickyNavigation .MainNavigation ul li a {
    height: 50px;
    line-height: 50px
}

#header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm {
    height: 50px
}

#header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm .searchText {
    height: 50px;
    line-height: 50px
}

#header.stickyNavigation.reducedStickyNavigation .MainNavigation .MainNavSearchForm label {
    top: 1px
}

#header.stickyNavigation.reducedStickyNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer {
    transition: height 0
}

#header.stickyNavigation.reducedStickyNavigation .autoCompleteMenu {
    top: 50px
}

#header.stickyNavigation.notransition,
#header.stickyNavigation.notransition #logo,
#header.stickyNavigation.notransition #logo img,
#header.stickyNavigation.notransition .headerWrapper,
#header.stickyNavigation.notransition .MainNavigation,
#header.stickyNavigation.notransition .ShoppingToolsMenu {
    transition: none
}

#header.stickyNavigation.notransition .MainNavigation ul li.active a,
#header.stickyNavigation.notransition .MainNavigation ul li a {
    transition: background-color .4s
}

#header.stickyNavigation.notransition .autoCompleteMenu,
#header.stickyNavigation.notransition .MainNavigation .inactiveSearchButton,
#header.stickyNavigation.notransition .MainNavigation .inactiveSearchButton>a,
#header.stickyNavigation.notransition .MainNavigation .SearchButton,
#header.stickyNavigation.notransition .MainNavigation .SearchButton>a,
#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer,
#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer,
#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div,
#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationDivider {
    transition: none
}

#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationButtons,
#header.stickyNavigation.notransition .SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
    transition: color .4s
}

#header.HubStickyNav.stickyNavigation.reducedStickyNavigation {
    opacity: 1
}

#header.HubStickyNav.stickyNavigation.stickyQuickReverse {
    transition: opacity .4s
}

#header.HubStickyNav.stickyQuickReverse.reducedStickyNavigation {
    -webkit-transition: opacity .4s, top .4s;
    -webkit-transition-delay: 0s, .3s;
    transition: opacity .4s, top .4s .3s
}

.touch #header.HubStickyNav.stickyQuickReverse {
    -webkit-transition: opacity .4s, top .3s;
    -webkit-transition-delay: 0s, .2s;
    transition: opacity .4s, top .3s .2s
}

@media screen and (min-width:1px) and (max-width:960px) {
    #landrover #logo {
        left: 0
    }
    #landrover #logo img {
        width: 57px;
        height: 30px;
        top: 10px;
        left: 16px
    }
    #landrover #header {
        top: 0;
        position: fixed
    }
    #landrover #header.not-fixed {
        position: static
    }
    #landrover #header #logo {
        height: 50px;
        width: 91px
    }
    #landrover #header #logo img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -29px;
        margin-top: -15px
    }
    #landrover .headerWrapper {
        height: 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    body .headerWrapper {
        height: 50px
    }
}

html.no-js #landrover {
    padding-top: 0
}

html.no-js #landrover #header {
    position: relative
}

#header {
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

#header,
#header #logo {
    background-color: #0c121c
}

#header #logo {
    border-color: #30363e!important
}

.lightTheme #header {
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.lightTheme #header #logo {
    background-color: #fff;
    border-color: #eff1f1!important
}

.headerBox {
    position: relative;
    text-align: center;
    z-index: 1
}

.headerBox .totalCost,
.headerBox .totalCostUnderlay {
    background: hsla(180, 8%, 90%, .9);
    color: #0c121c;
    padding: 25px
}

.headerBox .totalCost .headerBox__seperator {
    display: none
}

.headerBox .fontCost {
    font-size: 24px;
    font-weight: 700
}

.headerBox .headerBox__totalCostRow .headerBox__tcoPrice {
    font-family: lr_ot4, arial, helvetica, sans-serif
}

@media screen and (min-width:1025px) {
    .headerBox .headerBox__totalCostRow .headerBox__tcoPrice {
        font-size: 28px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .heroItem .headerBox .headerBox__totalCost {
        visibility: hidden
    }
}

@media screen and (min-width:1025px) {
    .headerBox .headerBox__totalCost .totalCostRow .priceColumn {
        margin-right: 10px
    }
}

html[lang=de-DE] .headerBox__infoColumn {
    width: 54%
}

@media screen and (min-width:900px) and (max-width:1023px) {
    html[lang=de-DE] .headerBox__currency,
    html[lang=de-DE] .headerBox__number {
        font-size: 18px
    }
}

.headerBox .totalCost,
.headerBox .totalCostUnderlay {
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition: opacity .5s
}

.headerBox .totalCost .totalCostRow,
.headerBox .totalCostUnderlay .totalCostRow {
    display: table-row
}

.headerBox .totalCost .priceColumn,
.headerBox .totalCostUnderlay .priceColumn {
    white-space: nowrap;
    display: table-cell;
    padding-right: 25px;
    vertical-align: top
}

.headerBox .totalCost .price,
.headerBox .totalCostUnderlay .price {
    font-size: 24px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-weight: 700
}

.headerBox .totalCost .infoColumn,
.headerBox .totalCostUnderlay .infoColumn {
    display: table-cell;
    vertical-align: top
}

html[lang=de-DE] .headerBox .totalCost .infoColumn .infoBlock,
html[lang=de-DE] .headerBox .totalCostUnderlay .infoColumn .infoBlock {
    font-size: 14px
}

.headerBox .totalCost .infoColumn .infoBlock:first-child,
.headerBox .totalCostUnderlay .infoColumn .infoBlock:first-child {
    margin-bottom: 12px
}

.headerBox .totalCost .infoColumn .infoBlock .infoTitle,
.headerBox .totalCostUnderlay .infoColumn .infoBlock .infoTitle {
    font-weight: 700
}

@media screen and (min-width:901px) {
    .headerBox .totalCost.stacked .totalCostRow,
    .headerBox .totalCostUnderlay.stacked .totalCostRow {
        display: block
    }
    .headerBox .totalCost.stacked .totalCostRow .priceColumn,
    .headerBox .totalCostUnderlay.stacked .totalCostRow .priceColumn {
        display: block;
        margin: 0;
        width: 100%
    }
    .headerBox .totalCost.stacked .totalCostRow .priceColumn+.infoColumn,
    .headerBox .totalCostUnderlay.stacked .totalCostRow .priceColumn+.infoColumn {
        margin-top: 12px
    }
    .headerBox .totalCost.stacked .totalCostRow .infoColumn,
    .headerBox .totalCostUnderlay.stacked .totalCostRow .infoColumn {
        display: block;
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .headerBox .totalCost,
    .headerBox .totalCostUnderlay {
        padding: 17px
    }
    .headerBox .totalCost .priceColumn,
    .headerBox .totalCostUnderlay .priceColumn {
        padding-right: 5%;
        width: 40%
    }
    .headerBox .totalCost .infoColumn,
    .headerBox .totalCostUnderlay .infoColumn {
        width: 45%
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBox .totalCost,
    .headerBox .totalCostUnderlay {
        display: block
    }
    .headerBox .totalCost .priceColumn,
    .headerBox .totalCostUnderlay .priceColumn {
        display: block;
        margin: 0;
        width: 100%;
        padding: 0
    }
    .headerBox .totalCost .infoColumn,
    .headerBox .totalCostUnderlay .infoColumn {
        display: block;
        margin: 12px 0 0;
        width: 100%
    }
    .headerBox .totalCost .infoColumn:first-child,
    .headerBox .totalCostUnderlay .infoColumn:first-child {
        margin-top: 0
    }
    .headerBox .totalCost .totalCostRow,
    .headerBox .totalCostUnderlay .totalCostRow {
        display: block
    }
}

@media screen and (min-width:1025px) {
    .headerBox .totalCost .priceColumn .price,
    .headerBox .totalCostUnderlay .priceColumn .price {
        font-size: 28px
    }
}

.headerBox .totalCostUnderlay {
    position: relative;
    z-index: -1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-delay: .2s;
    width: 100%
}

.headerBox .totalCostUnderlay .infoColumn {
    display: none!important
}

.headerBox .fadedOut .totalCostUnderlay {
    transition: opacity .2s;
    transition-delay: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.headerBox .fadedOut .totalCost {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBox .totalCost {
        padding: 30px;
        max-width: 100%;
        box-sizing: content-box
    }
    .headerBox .totalCost .infoColumn,
    .headerBox .totalCost .priceColumn {
        margin: 0 auto
    }
    .headerBox .totalCost .infoColumn {
        margin-top: 12px
    }
    .headerBox .totalCost .infoColumn:first-child {
        margin-top: 0
    }
    .headerBox .totalCostUnderlay {
        display: none
    }
}

.headerBox .headingTextMain {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.headerBox .primaryHeading {
    text-align: center;
    margin: 0;
    font-size: 38px
}

.headerBox .primaryHeading.headingFocus .headingWrapper:after,
.headerBox .primaryHeading.headingFocus .headingWrapper:before {
    left: 50%;
    right: auto;
    margin-left: -.67em
}

.headerBox .headingLogo {
    display: block;
    max-width: 50%;
    max-height: 50px;
    margin: 0 auto 8px
}

.headerBox .headingLogo:before {
    display: inline-block;
    font-size: 50px;
    margin: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBox .headingLogo:before {
        font-size: 45px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBox .headingLogo:before {
        font-size: 35px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBox .headingLogo {
        max-height: 45px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBox .headingLogo {
        max-height: 35px
    }
}

.fullFrameItem .headerBox .bodyText,
.headerBox .headingTextSub {
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    padding-top: 4px;
    font-weight: 400;
    line-height: 1.2em;
    max-width: 80%
}

.fullFrameItem .headerBox .bodyText.headingFocus .headingWrapper:after,
.fullFrameItem .headerBox .bodyText.headingFocus .headingWrapper:before,
.headerBox .headingTextSub.headingFocus .headingWrapper:after,
.headerBox .headingTextSub.headingFocus .headingWrapper:before {
    left: 50%;
    right: auto;
    margin-left: -.67em
}

.fullFrameItem .headerBox .bodyText .price,
.fullFrameItem .headerBox .bodyText .subtitle,
.headerBox .headingTextSub .price,
.headerBox .headingTextSub .subtitle {
    display: block;
    letter-spacing: .085em
}

.headerBox .caveat {
    margin-top: 22px
}

.headerBox .primaryLinkWithStyle {
    margin-top: 20px
}

.headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle {
    margin-top: 24px
}

.headerBox.withImage {
    display: inline-block;
    max-width: 415px
}

.headerBox.withImage .headerBoxContent {
    padding: 19px 25px 25px;
    background-color: hsla(0, 0%, 100%, .9)
}

.headerBox.withImage .headerBoxContent .icon-svo {
    display: block;
    margin-bottom: 20px
}

.headerBox.withImage .headingTextSub,
.headerBox.withImage .primaryHeading {
    color: #0c121c
}

.headerBox.withImage .bodyText,
.headerBox.withImage .headingTextSub {
    max-width: none
}

#landrover #landrover .headerBox.withImage .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover #landrover .headerBox.withImage .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover #landrover .headerBox.withImage .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn #landrover .headerBox.withImage .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn #landrover .headerBox.withImage .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover #landrover .headerBox.withImage .secondaryLinkWithStyle {
    color: #898d90
}

#landrover #landrover .headerBox.withImage .secondaryLinkWithStyle:hover,
#landrover.focusStylesOn #landrover .headerBox.withImage .secondaryLinkWithStyle:focus {
    color: #4a4f54;
    text-shadow: none
}

.headerBox.withImage.maxWidthOff {
    max-width: none!important
}

.HeroTitleBanner .headerBox.withImage {
    max-width: 640px
}

.headerBox.onlyHasPrimaryHeading.withImage .headerBoxContent {
    padding-bottom: 21px
}

.StoryHero .headerBox.withImage {
    max-width: 70%;
    margin: 0 auto
}

.headerBox .price {
    white-space: nowrap
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .headerBox .primaryHeading {
        font-size: 34px
    }
    .headerBox .headingTextSub {
        font-size: 14.5px
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .headerBox.withImage {
        max-width: 340px
    }
    .headerBox.withImage .headerBoxContent {
        padding: 13px 17px 17px
    }
    .headerBox.onlyHasPrimaryHeading.withImage .headerBoxContent {
        padding-bottom: 14px
    }
    .headerBox .primaryHeading {
        font-size: 26px
    }
    .headerBox .headingTextSub {
        font-size: 14px;
        padding-top: 1px
    }
    .headerBox .caveat {
        margin-top: 15px
    }
    .headerBox .primaryLinkWithStyle {
        margin-top: 14px
    }
    .headerBox .primaryLinkContainer+.secondaryLinkContainer .secondaryLinkWithStyle {
        margin-top: 17px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .headerBox.withImage {
        max-width: 230px
    }
    .HeroTitleBanner .headerBox.withImage {
        max-width: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .headerBox {
        margin: 0;
        padding: 0
    }
    .headerBox .headerBoxContent {
        padding: 0
    }
    .headerBox.withImage .headerBoxContent,
    .headerBox.withImage.onlyHasPrimaryHeading .headerBoxContent {
        padding: 30px
    }
    .headerBox .primaryHeading {
        font-size: 26px
    }
    .headerBox .headingTextSub {
        max-width: none
    }
    .headerBox.withImage {
        display: block;
        max-width: none
    }
    .StoryHero .headerBox.withImage {
        display: inline-block
    }
    .StoryHero .headerBox.withImage .headerBoxContent {
        padding: 13px 17px 17px;
        background: hsla(0, 0%, 100%, .9)
    }
    .StoryHero .headerBox.withImage.onlyHasPrimaryHeading.withImage .headerBoxContent {
        padding-bottom: 14px
    }
}

.Exterior360 .centre .textWrapper,
.Exterior360.centre .textWrapper,
.FullFrameCarousel.centre .textWrapper,
.FullFrameCarousel .centre .textWrapper,
.FullWidthImage.centre .textWrapper,
.FullWidthImage .centre .textWrapper,
.HeroCarousel.centre .textWrapper,
.HeroCarousel .centre .textWrapper,
.HeroTitleBanner.centre .textWrapper,
.HeroTitleBanner .centre .textWrapper,
.Interior360 .centre .textWrapper,
.Interior360.centre .textWrapper {
    text-align: center
}

.Exterior360 .textWrapper,
.FullFrameCarousel .textWrapper,
.FullWidthImage .textWrapper,
.HeroCarousel .textWrapper,
.HeroTitleBanner .textWrapper,
.Interior360 .textWrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    white-space: nowrap
}

.Exterior360 .textWrapper:before,
.FullFrameCarousel .textWrapper:before,
.FullWidthImage .textWrapper:before,
.HeroCarousel .textWrapper:before,
.HeroTitleBanner .textWrapper:before,
.Interior360 .textWrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.Exterior360 .textWrapper .headerBox,
.FullFrameCarousel .textWrapper .headerBox,
.FullWidthImage .textWrapper .headerBox,
.HeroCarousel .textWrapper .headerBox,
.HeroTitleBanner .textWrapper .headerBox,
.Interior360 .textWrapper .headerBox {
    vertical-align: middle;
    white-space: normal
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .textWrapper,
    .FullFrameCarousel .textWrapper,
    .FullWidthImage .textWrapper,
    .HeroCarousel .textWrapper,
    .HeroTitleBanner .textWrapper,
    .Interior360 .textWrapper {
        position: relative
    }
}

.Exterior360 .headerBox,
.Interior360 .headerBox {
    position: absolute;
    top: 50%;
    cursor: default
}

.Exterior360 .headerBox__slug,
.Interior360 .headerBox__slug {
    color: #a4a7a9;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .8px;
    margin-bottom: 36px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.FullFrameCarousel .headerBox,
.FullWidthImage .headerBox,
.HeroCarousel .headerBox,
.HeroTitleBanner .headerBox {
    position: relative
}

.FullFrameCarousel .headerBox__logo,
.FullWidthImage .headerBox__logo,
.HeroCarousel .headerBox__logo,
.HeroTitleBanner .headerBox__logo {
    max-width: none
}

.FullFrameCarousel .headerBox__slug,
.FullWidthImage .headerBox__slug,
.HeroCarousel .headerBox__slug,
.HeroTitleBanner .headerBox__slug {
    color: #a4a7a9;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .8px;
    margin-bottom: 9px;
    display: block;
    font-family: lr_ot4, arial, helvetica, sans-serif
}

.Exterior360 .headerBox[data-theme=dark],
.Exterior360 .headerBox[data-theme=grey],
.Exterior360 .headerBox[data-theme=light],
.Exterior360 .headerBox[data-theme=white],
.FullFrameCarousel .headerBox[data-theme=dark],
.FullFrameCarousel .headerBox[data-theme=grey],
.FullFrameCarousel .headerBox[data-theme=light],
.FullFrameCarousel .headerBox[data-theme=white],
.FullWidthImage .headerBox[data-theme=dark],
.FullWidthImage .headerBox[data-theme=light],
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark],
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey],
.FullWidthImage.withHeaderBox .headerBox[data-theme=light],
.FullWidthImage.withHeaderBox .headerBox[data-theme=white],
.HeroCarousel .headerBox[data-theme=dark],
.HeroCarousel .headerBox[data-theme=grey],
.HeroCarousel .headerBox[data-theme=light],
.HeroCarousel .headerBox[data-theme=white],
.HeroTitleBanner.withImage .headerBox[data-theme=dark],
.HeroTitleBanner.withImage .headerBox[data-theme=grey],
.HeroTitleBanner.withImage .headerBox[data-theme=light],
.HeroTitleBanner.withImage .headerBox[data-theme=white],
.Interior360 .headerBox[data-theme=dark],
.Interior360 .headerBox[data-theme=grey],
.Interior360 .headerBox[data-theme=light],
.Interior360 .headerBox[data-theme=white] {
    background-color: transparent
}

.Exterior360 .headerBox[data-theme=dark] .headerBox__content,
.Exterior360 .headerBox[data-theme=grey] .headerBox__content,
.Exterior360 .headerBox[data-theme=light] .headerBox__content,
.Exterior360 .headerBox[data-theme=white] .headerBox__content,
.FullFrameCarousel .headerBox[data-theme=dark] .headerBox__content,
.FullFrameCarousel .headerBox[data-theme=grey] .headerBox__content,
.FullFrameCarousel .headerBox[data-theme=light] .headerBox__content,
.FullFrameCarousel .headerBox[data-theme=white] .headerBox__content,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__content,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] .headerBox__content,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] .headerBox__content,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] .headerBox__content,
.HeroCarousel .headerBox[data-theme=dark] .headerBox__content,
.HeroCarousel .headerBox[data-theme=grey] .headerBox__content,
.HeroCarousel .headerBox[data-theme=light] .headerBox__content,
.HeroCarousel .headerBox[data-theme=white] .headerBox__content,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] .headerBox__content,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] .headerBox__content,
.HeroTitleBanner.withImage .headerBox[data-theme=light] .headerBox__content,
.HeroTitleBanner.withImage .headerBox[data-theme=white] .headerBox__content,
.Interior360 .headerBox[data-theme=dark] .headerBox__content,
.Interior360 .headerBox[data-theme=grey] .headerBox__content,
.Interior360 .headerBox[data-theme=light] .headerBox__content,
.Interior360 .headerBox[data-theme=white] .headerBox__content {
    background-color: hsla(0, 0%, 100%, .9)
}

#landrover .Exterior360 .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .Exterior360 .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .Exterior360 .headerBox[data-theme=light] .headerBox__caveat,
#landrover .Exterior360 .headerBox[data-theme=white] .headerBox__caveat,
#landrover .FullFrameCarousel .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .FullFrameCarousel .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .FullFrameCarousel .headerBox[data-theme=light] .headerBox__caveat,
#landrover .FullFrameCarousel .headerBox[data-theme=white] .headerBox__caveat,
#landrover .FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .FullWidthImage.withHeaderBox .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .FullWidthImage.withHeaderBox .headerBox[data-theme=light] .headerBox__caveat,
#landrover .FullWidthImage.withHeaderBox .headerBox[data-theme=white] .headerBox__caveat,
#landrover .HeroCarousel .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .HeroCarousel .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .HeroCarousel .headerBox[data-theme=light] .headerBox__caveat,
#landrover .HeroCarousel .headerBox[data-theme=white] .headerBox__caveat,
#landrover .HeroTitleBanner.withImage .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .HeroTitleBanner.withImage .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .HeroTitleBanner.withImage .headerBox[data-theme=light] .headerBox__caveat,
#landrover .HeroTitleBanner.withImage .headerBox[data-theme=white] .headerBox__caveat,
#landrover .Interior360 .headerBox[data-theme=dark] .headerBox__caveat,
#landrover .Interior360 .headerBox[data-theme=grey] .headerBox__caveat,
#landrover .Interior360 .headerBox[data-theme=light] .headerBox__caveat,
#landrover .Interior360 .headerBox[data-theme=white] .headerBox__caveat,
.Exterior360 .headerBox[data-theme=dark] .headerBox__heroCopy,
.Exterior360 .headerBox[data-theme=dark] .headerBox__logo,
.Exterior360 .headerBox[data-theme=dark] h1,
.Exterior360 .headerBox[data-theme=dark] h2,
.Exterior360 .headerBox[data-theme=dark] h3,
.Exterior360 .headerBox[data-theme=dark] h4,
.Exterior360 .headerBox[data-theme=dark] h5,
.Exterior360 .headerBox[data-theme=grey] .headerBox__heroCopy,
.Exterior360 .headerBox[data-theme=grey] .headerBox__logo,
.Exterior360 .headerBox[data-theme=grey] h1,
.Exterior360 .headerBox[data-theme=grey] h2,
.Exterior360 .headerBox[data-theme=grey] h3,
.Exterior360 .headerBox[data-theme=grey] h4,
.Exterior360 .headerBox[data-theme=grey] h5,
.Exterior360 .headerBox[data-theme=light] .headerBox__heroCopy,
.Exterior360 .headerBox[data-theme=light] .headerBox__logo,
.Exterior360 .headerBox[data-theme=light] h1,
.Exterior360 .headerBox[data-theme=light] h2,
.Exterior360 .headerBox[data-theme=light] h3,
.Exterior360 .headerBox[data-theme=light] h4,
.Exterior360 .headerBox[data-theme=light] h5,
.Exterior360 .headerBox[data-theme=white] .headerBox__heroCopy,
.Exterior360 .headerBox[data-theme=white] .headerBox__logo,
.Exterior360 .headerBox[data-theme=white] h1,
.Exterior360 .headerBox[data-theme=white] h2,
.Exterior360 .headerBox[data-theme=white] h3,
.Exterior360 .headerBox[data-theme=white] h4,
.Exterior360 .headerBox[data-theme=white] h5,
.FullFrameCarousel .headerBox[data-theme=dark] .headerBox__heroCopy,
.FullFrameCarousel .headerBox[data-theme=dark] .headerBox__logo,
.FullFrameCarousel .headerBox[data-theme=dark] h1,
.FullFrameCarousel .headerBox[data-theme=dark] h2,
.FullFrameCarousel .headerBox[data-theme=dark] h3,
.FullFrameCarousel .headerBox[data-theme=dark] h4,
.FullFrameCarousel .headerBox[data-theme=dark] h5,
.FullFrameCarousel .headerBox[data-theme=grey] .headerBox__heroCopy,
.FullFrameCarousel .headerBox[data-theme=grey] .headerBox__logo,
.FullFrameCarousel .headerBox[data-theme=grey] h1,
.FullFrameCarousel .headerBox[data-theme=grey] h2,
.FullFrameCarousel .headerBox[data-theme=grey] h3,
.FullFrameCarousel .headerBox[data-theme=grey] h4,
.FullFrameCarousel .headerBox[data-theme=grey] h5,
.FullFrameCarousel .headerBox[data-theme=light] .headerBox__heroCopy,
.FullFrameCarousel .headerBox[data-theme=light] .headerBox__logo,
.FullFrameCarousel .headerBox[data-theme=light] h1,
.FullFrameCarousel .headerBox[data-theme=light] h2,
.FullFrameCarousel .headerBox[data-theme=light] h3,
.FullFrameCarousel .headerBox[data-theme=light] h4,
.FullFrameCarousel .headerBox[data-theme=light] h5,
.FullFrameCarousel .headerBox[data-theme=white] .headerBox__heroCopy,
.FullFrameCarousel .headerBox[data-theme=white] .headerBox__logo,
.FullFrameCarousel .headerBox[data-theme=white] h1,
.FullFrameCarousel .headerBox[data-theme=white] h2,
.FullFrameCarousel .headerBox[data-theme=white] h3,
.FullFrameCarousel .headerBox[data-theme=white] h4,
.FullFrameCarousel .headerBox[data-theme=white] h5,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__heroCopy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__logo,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] h1,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] h2,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] h3,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] h4,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] h5,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] .headerBox__heroCopy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] .headerBox__logo,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] h1,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] h2,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] h3,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] h4,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] h5,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] .headerBox__heroCopy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] .headerBox__logo,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] h1,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] h2,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] h3,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] h4,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] h5,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] .headerBox__heroCopy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] .headerBox__logo,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] h1,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] h2,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] h3,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] h4,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] h5,
.HeroCarousel .headerBox[data-theme=dark] .headerBox__heroCopy,
.HeroCarousel .headerBox[data-theme=dark] .headerBox__logo,
.HeroCarousel .headerBox[data-theme=dark] h1,
.HeroCarousel .headerBox[data-theme=dark] h2,
.HeroCarousel .headerBox[data-theme=dark] h3,
.HeroCarousel .headerBox[data-theme=dark] h4,
.HeroCarousel .headerBox[data-theme=dark] h5,
.HeroCarousel .headerBox[data-theme=grey] .headerBox__heroCopy,
.HeroCarousel .headerBox[data-theme=grey] .headerBox__logo,
.HeroCarousel .headerBox[data-theme=grey] h1,
.HeroCarousel .headerBox[data-theme=grey] h2,
.HeroCarousel .headerBox[data-theme=grey] h3,
.HeroCarousel .headerBox[data-theme=grey] h4,
.HeroCarousel .headerBox[data-theme=grey] h5,
.HeroCarousel .headerBox[data-theme=light] .headerBox__heroCopy,
.HeroCarousel .headerBox[data-theme=light] .headerBox__logo,
.HeroCarousel .headerBox[data-theme=light] h1,
.HeroCarousel .headerBox[data-theme=light] h2,
.HeroCarousel .headerBox[data-theme=light] h3,
.HeroCarousel .headerBox[data-theme=light] h4,
.HeroCarousel .headerBox[data-theme=light] h5,
.HeroCarousel .headerBox[data-theme=white] .headerBox__heroCopy,
.HeroCarousel .headerBox[data-theme=white] .headerBox__logo,
.HeroCarousel .headerBox[data-theme=white] h1,
.HeroCarousel .headerBox[data-theme=white] h2,
.HeroCarousel .headerBox[data-theme=white] h3,
.HeroCarousel .headerBox[data-theme=white] h4,
.HeroCarousel .headerBox[data-theme=white] h5,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] .headerBox__heroCopy,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] .headerBox__logo,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] h1,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] h2,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] h3,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] h4,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] h5,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] .headerBox__heroCopy,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] .headerBox__logo,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] h1,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] h2,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] h3,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] h4,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] h5,
.HeroTitleBanner.withImage .headerBox[data-theme=light] .headerBox__heroCopy,
.HeroTitleBanner.withImage .headerBox[data-theme=light] .headerBox__logo,
.HeroTitleBanner.withImage .headerBox[data-theme=light] h1,
.HeroTitleBanner.withImage .headerBox[data-theme=light] h2,
.HeroTitleBanner.withImage .headerBox[data-theme=light] h3,
.HeroTitleBanner.withImage .headerBox[data-theme=light] h4,
.HeroTitleBanner.withImage .headerBox[data-theme=light] h5,
.HeroTitleBanner.withImage .headerBox[data-theme=white] .headerBox__heroCopy,
.HeroTitleBanner.withImage .headerBox[data-theme=white] .headerBox__logo,
.HeroTitleBanner.withImage .headerBox[data-theme=white] h1,
.HeroTitleBanner.withImage .headerBox[data-theme=white] h2,
.HeroTitleBanner.withImage .headerBox[data-theme=white] h3,
.HeroTitleBanner.withImage .headerBox[data-theme=white] h4,
.HeroTitleBanner.withImage .headerBox[data-theme=white] h5,
.Interior360 .headerBox[data-theme=dark] .headerBox__heroCopy,
.Interior360 .headerBox[data-theme=dark] .headerBox__logo,
.Interior360 .headerBox[data-theme=dark] h1,
.Interior360 .headerBox[data-theme=dark] h2,
.Interior360 .headerBox[data-theme=dark] h3,
.Interior360 .headerBox[data-theme=dark] h4,
.Interior360 .headerBox[data-theme=dark] h5,
.Interior360 .headerBox[data-theme=grey] .headerBox__heroCopy,
.Interior360 .headerBox[data-theme=grey] .headerBox__logo,
.Interior360 .headerBox[data-theme=grey] h1,
.Interior360 .headerBox[data-theme=grey] h2,
.Interior360 .headerBox[data-theme=grey] h3,
.Interior360 .headerBox[data-theme=grey] h4,
.Interior360 .headerBox[data-theme=grey] h5,
.Interior360 .headerBox[data-theme=light] .headerBox__heroCopy,
.Interior360 .headerBox[data-theme=light] .headerBox__logo,
.Interior360 .headerBox[data-theme=light] h1,
.Interior360 .headerBox[data-theme=light] h2,
.Interior360 .headerBox[data-theme=light] h3,
.Interior360 .headerBox[data-theme=light] h4,
.Interior360 .headerBox[data-theme=light] h5,
.Interior360 .headerBox[data-theme=white] .headerBox__heroCopy,
.Interior360 .headerBox[data-theme=white] .headerBox__logo,
.Interior360 .headerBox[data-theme=white] h1,
.Interior360 .headerBox[data-theme=white] h2,
.Interior360 .headerBox[data-theme=white] h3,
.Interior360 .headerBox[data-theme=white] h4,
.Interior360 .headerBox[data-theme=white] h5 {
    color: #0c121c
}

.Exterior360 .headerBox[data-theme=dark] .headerBox__copy,
.Exterior360 .headerBox[data-theme=grey] .headerBox__copy,
.Exterior360 .headerBox[data-theme=light] .headerBox__copy,
.Exterior360 .headerBox[data-theme=white] .headerBox__copy,
.FullFrameCarousel .headerBox[data-theme=dark] .headerBox__copy,
.FullFrameCarousel .headerBox[data-theme=grey] .headerBox__copy,
.FullFrameCarousel .headerBox[data-theme=light] .headerBox__copy,
.FullFrameCarousel .headerBox[data-theme=white] .headerBox__copy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__copy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=grey] .headerBox__copy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=light] .headerBox__copy,
.FullWidthImage.withHeaderBox .headerBox[data-theme=white] .headerBox__copy,
.HeroCarousel .headerBox[data-theme=dark] .headerBox__copy,
.HeroCarousel .headerBox[data-theme=grey] .headerBox__copy,
.HeroCarousel .headerBox[data-theme=light] .headerBox__copy,
.HeroCarousel .headerBox[data-theme=white] .headerBox__copy,
.HeroTitleBanner.withImage .headerBox[data-theme=dark] .headerBox__copy,
.HeroTitleBanner.withImage .headerBox[data-theme=grey] .headerBox__copy,
.HeroTitleBanner.withImage .headerBox[data-theme=light] .headerBox__copy,
.HeroTitleBanner.withImage .headerBox[data-theme=white] .headerBox__copy,
.Interior360 .headerBox[data-theme=dark] .headerBox__copy,
.Interior360 .headerBox[data-theme=grey] .headerBox__copy,
.Interior360 .headerBox[data-theme=light] .headerBox__copy,
.Interior360 .headerBox[data-theme=white] .headerBox__copy {
    color: #4a4f54
}

.Exterior360 .centre .headerBox,
.Exterior360.centre .headerBox,
.FullFrameCarousel.centre .headerBox,
.FullFrameCarousel .centre .headerBox,
.FullWidthImage.centre .headerBox,
.FullWidthImage .centre .headerBox,
.HeroCarousel.centre .headerBox,
.HeroCarousel .centre .headerBox,
.HeroTitleBanner.centre .headerBox,
.HeroTitleBanner .centre .headerBox,
.Interior360 .centre .headerBox,
.Interior360.centre .headerBox {
    left: 0;
    text-align: center
}

.Exterior360 .centre .headerBox .heading,
.Exterior360.centre .headerBox .heading,
.FullFrameCarousel.centre .headerBox .heading,
.FullFrameCarousel .centre .headerBox .heading,
.FullWidthImage.centre .headerBox .heading,
.FullWidthImage .centre .headerBox .heading,
.HeroCarousel.centre .headerBox .heading,
.HeroCarousel .centre .headerBox .heading,
.HeroTitleBanner.centre .headerBox .heading,
.HeroTitleBanner .centre .headerBox .heading,
.Interior360 .centre .headerBox .heading,
.Interior360.centre .headerBox .heading {
    text-align: center
}

.Exterior360 .headerBox,
.FullFrameCarousel .headerBox,
.FullWidthImage .headerBox,
.HeroCarousel .headerBox,
.HeroTitleBanner .headerBox,
.Interior360 .headerBox {
    display: inline-block;
    max-width: 415px;
    left: 65px;
    transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
    text-align: left;
    opacity: 1;
    margin-top: 0
}

.Exterior360 .headerBox__content,
.FullFrameCarousel .headerBox__content,
.FullWidthImage .headerBox__content,
.HeroCarousel .headerBox__content,
.HeroTitleBanner .headerBox__content,
.Interior360 .headerBox__content {
    padding: 19px 25px 21px
}

.Exterior360 .headerBox__heroTitle,
.FullFrameCarousel .headerBox__heroTitle,
.FullWidthImage .headerBox__heroTitle,
.HeroCarousel .headerBox__heroTitle,
.HeroTitleBanner .headerBox__heroTitle,
.Interior360 .headerBox__heroTitle {
    margin: 0;
    font-size: 38px;
    letter-spacing: .05em
}

.Exterior360 .headerBox__title,
.FullFrameCarousel .headerBox__title,
.FullWidthImage .headerBox__title,
.HeroCarousel .headerBox__title,
.HeroTitleBanner .headerBox__title,
.Interior360 .headerBox__title {
    margin: auto;
    font-weight: 700;
    line-height: 1;
    display: block;
    font-size: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 18px
}

.Exterior360 .headerBox__heroCopy,
.FullFrameCarousel .headerBox__heroCopy,
.FullWidthImage .headerBox__heroCopy,
.HeroCarousel .headerBox__heroCopy,
.HeroTitleBanner .headerBox__heroCopy,
.Interior360 .headerBox__heroCopy {
    display: block;
    margin: 0 auto;
    font-size: 14px;
    padding-top: 4px;
    font-weight: 400;
    line-height: 1.2em;
    letter-spacing: 1.36px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #0c121c
}

.Exterior360 .headerBox__copy,
.FullFrameCarousel .headerBox__copy,
.FullWidthImage .headerBox__copy,
.HeroCarousel .headerBox__copy,
.HeroTitleBanner .headerBox__copy,
.Interior360 .headerBox__copy {
    font-size: 14px;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .28px;
    line-height: 18px;
    padding-top: 0;
    font-weight: 400;
    display: block
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .Exterior360 .headerBox,
    .FullFrameCarousel .headerBox,
    .FullWidthImage .headerBox,
    .HeroCarousel .headerBox,
    .HeroTitleBanner .headerBox,
    .Interior360 .headerBox {
        max-width: 340px
    }
    .Exterior360 .headerBox__heroTitle,
    .FullFrameCarousel .headerBox__heroTitle,
    .FullWidthImage .headerBox__heroTitle,
    .HeroCarousel .headerBox__heroTitle,
    .HeroTitleBanner .headerBox__heroTitle,
    .Interior360 .headerBox__heroTitle {
        font-size: 26px
    }
    .Exterior360 .headerBox__heroCopy,
    .FullFrameCarousel .headerBox__heroCopy,
    .FullWidthImage .headerBox__heroCopy,
    .HeroCarousel .headerBox__heroCopy,
    .HeroTitleBanner .headerBox__heroCopy,
    .Interior360 .headerBox__heroCopy {
        font-size: 14px;
        padding-top: 1px;
        letter-spacing: .085em
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Exterior360 .headerBox,
    .FullFrameCarousel .headerBox,
    .FullWidthImage .headerBox,
    .HeroCarousel .headerBox,
    .HeroTitleBanner .headerBox,
    .Interior360 .headerBox {
        left: 23px;
        max-width: 230px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .headerBox,
    .FullFrameCarousel .headerBox,
    .FullWidthImage .headerBox,
    .HeroCarousel .headerBox,
    .HeroTitleBanner .headerBox,
    .Interior360 .headerBox {
        display: block;
        position: relative;
        top: 0!important;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: none
    }
    .Exterior360 .headerBox__content,
    .FullFrameCarousel .headerBox__content,
    .FullWidthImage .headerBox__content,
    .HeroCarousel .headerBox__content,
    .HeroTitleBanner .headerBox__content,
    .Interior360 .headerBox__content {
        padding: 30px
    }
    .Exterior360 .headerBox .primaryLinkWithStyle,
    .FullFrameCarousel .headerBox .primaryLinkWithStyle,
    .FullWidthImage .headerBox .primaryLinkWithStyle,
    .HeroCarousel .headerBox .primaryLinkWithStyle,
    .HeroTitleBanner .headerBox .primaryLinkWithStyle,
    .Interior360 .headerBox .primaryLinkWithStyle {
        margin-top: 36px
    }
}

@media screen and (min-width:740px) and (max-width:899px) {
    .Interior360 .headerBox__content {
        padding: 13px 17px 14px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Exterior360 .headerBox {
        max-width: 300px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .headerBox {
        max-width: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .headerBox[data-theme=dark] .headerBox__content,
    .Exterior360 .headerBox[data-theme=light] .headerBox__content,
    .FullFrameCarousel .headerBox[data-theme=dark] .headerBox__content,
    .FullFrameCarousel .headerBox[data-theme=light] .headerBox__content,
    .HeroCarousel .headerBox[data-theme=dark] .headerBox__content,
    .HeroCarousel .headerBox[data-theme=light] .headerBox__content,
    .heroItem .headerBox[data-theme=dark],
    .heroItem .headerBox[data-theme=light],
    .HeroTitleBanner .headerBox[data-theme=dark] .headerBox__content,
    .HeroTitleBanner .headerBox[data-theme=light] .headerBox__content,
    .Interior360 .headerBox[data-theme=dark] .headerBox__content,
    .Interior360 .headerBox[data-theme=light] .headerBox__content {
        background-color: #fff
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel .headerBox,
    .HeroTitleBanner .headerBox {
        text-align: center
    }
}

.HeroCarousel .heroItem .headerBox {
    text-align: center;
    left: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel .heroItem .headerBox .primaryLinkWithStyle {
        margin-top: 14px
    }
}

.HeroCarousel .heroItem.left .headerBox {
    text-align: left;
    left: 65px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel .heroItem.left .headerBox {
        left: 0;
        text-align: center
    }
}

.FullFrameCarousel .headerBox,
.HeroCarousel .headerBox {
    opacity: 0
}

.FullFrameCarousel .headerBox.visible,
.HeroCarousel .headerBox.visible {
    opacity: 1
}

.FullWidthImage.withImage .headerBox__slug {
    font-weight: 700;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    margin-bottom: 36px;
    line-height: 1
}

.FullWidthImage.withImage .headerBox .primaryLinkWithStyle {
    margin-top: 35px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullWidthImage.withImage .headerBox__slug {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__caveat,
    .FullWidthImage.withHeaderBox .headerBox[data-theme=dark] .headerBox__logo {
        color: #e4e8e8
    }
}

#landrover .HeroTitleBanner.withImage .headerBox__caveat,
.HeroTitleBanner.withImage .headerBox__heroCopy,
.HeroTitleBanner.withImage .headerBox__logo {
    color: #0c121c
}

.HeroTitleBanner.withImage.left .headerBox {
    max-width: 415px
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .HeroTitleBanner.withImage.left .headerBox {
        left: 73px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroTitleBanner.withImage.left .headerBox {
        left: 23px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner.withImage.left .headerBox {
        left: 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroTitleBanner.withImage.centre .headerBox,
    .HeroTitleBanner.withImage.left .headerBox {
        margin: 0 auto
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner.withImage.centre .headerBox,
    .HeroTitleBanner.withImage.left .headerBox {
        background: #fff;
        margin: 0 auto
    }
    .HeroTitleBanner.withImage.centre .headerBox__logo,
    .HeroTitleBanner.withImage.left .headerBox__logo {
        margin-bottom: 8px
    }
    .HeroTitleBanner.withImage.centre .headerBox__content,
    .HeroTitleBanner.withImage.left .headerBox__content {
        padding: 13px 17px 14px
    }
    #landrover .HeroTitleBanner.withImage.centre .headerBox .primaryLinkWithStyle,
    #landrover .HeroTitleBanner.withImage.left .headerBox .primaryLinkWithStyle {
        margin-top: 14px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroTitleBanner.withImage.withTCO .headerBox {
        left: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner.withImage.withTCO .headerBox__content {
        padding: 30px
    }
}

.HeroTitleBanner.noImage .headerBox {
    max-width: none
}

.HeroTitleBanner.noImage .headerBox__content {
    padding: 0
}

.HeroTitleBanner.noImage .headerBox__heroCopy {
    max-width: 80%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner.noImage .headerBox {
        padding: 30px
    }
    .HeroTitleBanner.noImage .headerBox__heroCopy {
        max-width: none
    }
    #landrover .HeroTitleBanner.noImage .headerBox .primaryLinkWithStyle {
        margin-top: 14px
    }
}

.HeroTitleBanner.noImage.dark .headerBox__heroCopy,
.HeroTitleBanner.noImage.dark .headerBox__heroTitle {
    color: #fff
}

.HeroTitleBanner.noImage.light .headerBox__heroTitle {
    color: #0c121c
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroTitleBanner.withTCO .headerBox {
        left: 0
    }
}

#landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle {
    color: #898d90
}

#landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus,
#landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:hover {
    color: #4a4f54;
    text-shadow: none
}

#landrover .Exterior360 .headerBox[data-theme=dark] .primaryLinkWithStyle,
#landrover .FullFrameCarousel .headerBox[data-theme=dark] .primaryLinkWithStyle,
#landrover .FullWidthImage .headerBox[data-theme=dark] .primaryLinkWithStyle,
#landrover .HeroCarousel .headerBox[data-theme=dark] .primaryLinkWithStyle,
#landrover .Interior360 .headerBox[data-theme=dark] .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .Exterior360 .headerBox[data-theme=dark] .primaryLinkWithStyle:hover,
#landrover .FullFrameCarousel .headerBox[data-theme=dark] .primaryLinkWithStyle:hover,
#landrover .FullWidthImage .headerBox[data-theme=dark] .primaryLinkWithStyle:hover,
#landrover .HeroCarousel .headerBox[data-theme=dark] .primaryLinkWithStyle:hover,
#landrover .Interior360 .headerBox[data-theme=dark] .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .Exterior360 .headerBox[data-theme=dark] .secondaryLinkWithStyle,
#landrover .FullFrameCarousel .headerBox[data-theme=dark] .secondaryLinkWithStyle,
#landrover .FullWidthImage .headerBox[data-theme=dark] .secondaryLinkWithStyle,
#landrover .HeroCarousel .headerBox[data-theme=dark] .secondaryLinkWithStyle,
#landrover .Interior360 .headerBox[data-theme=dark] .secondaryLinkWithStyle {
    color: #898d90
}

#landrover .Exterior360 .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover,
#landrover .FullFrameCarousel .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover,
#landrover .FullWidthImage .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover,
#landrover .HeroCarousel .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover,
#landrover .Interior360 .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover {
    color: #4a4f54;
    text-shadow: none
}

.HeroCarousel .headerBox__slug {
    line-height: 1;
    font-weight: 700
}

.FullFrameCarousel .headerBox__slug {
    line-height: 1;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    margin-bottom: 36px;
    font-weight: 700
}

.FullFrameCarousel .headerBox .primaryLinkWithStyle {
    margin-top: 36px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .headerBox {
        margin-top: 45px;
        min-height: 25px
    }
    .FullFrameCarousel .headerBox[data-theme=dark] .headerBox__content,
    .FullFrameCarousel .headerBox[data-theme=grey] .headerBox__content,
    .FullFrameCarousel .headerBox[data-theme=light] .headerBox__content,
    .FullFrameCarousel .headerBox[data-theme=white] .headerBox__content {
        background-color: #f8f9f9
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .centre .headerBox {
        text-align: left
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .FullFrameCarousel .headerBox,
    .FullWidthImage.withImage .headerBox {
        max-width: 300px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullFrameCarousel .headerBox,
    .FullWidthImage.withImage .headerBox {
        max-width: none
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .HeroCarousel .heroItem.left .headerBox {
        left: 73px
    }
    .HeroCarousel .heroItem.left .headerBox__content {
        padding: 13px 17px 17px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroCarousel .heroItem.left .headerBox {
        left: 23px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel .heroItem.left .headerBox {
        left: 0
    }
    .HeroCarousel .heroItem.left .headerBox__content {
        padding: 30px
    }
}

.FullWidthImage.withImage .headerBox__content {
    padding-bottom: 25px
}

.FullWidthImage.withImage .headerBox__logo {
    margin-bottom: 20px
}

.FullWidthImage.withImage .headerBox__slug {
    margin-bottom: 40px;
    padding: .188em 0 .25em
}

.FullWidthImage.withImage .headerBox__heroTitle {
    padding: 9px 0 11px
}

.FullWidthImage.withImage .headerBox__title {
    font-size: 38px;
    letter-spacing: .05em
}

.FullWidthImage.withImage .headerBox__copy {
    font-size: 16px;
    letter-spacing: .02em
}

.FullWidthImage.withImage .headerBox__heroCopy {
    line-height: 1.286;
    letter-spacing: .02em
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .FullWidthImage.withImage .headerBox__content {
        padding: 13px 17px 25px
    }
    .FullWidthImage.withImage .headerBox__heroTitle {
        padding: 7px 0 8px
    }
    .FullWidthImage.withImage .headerBox__title {
        font-size: 26px
    }
    .FullWidthImage.withImage .headerBox__heroCopy {
        margin-top: 16px
    }
    .FullWidthImage.withImage .headerBox__copy {
        font-size: 14px
    }
}

@media screen and (min-width:740px) and (max-width:999px) {
    .FullWidthImage.withImage .headerBox {
        max-width: 340px;
        left: 65px
    }
    .FullWidthImage.withImage .headerBox__content {
        padding: 17px 18px 18px
    }
    .FullWidthImage.withImage .headerBox__heroCopy {
        margin-top: 9px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullWidthImage.withImage .headerBox {
        text-align: center
    }
    .FullWidthImage.withImage .headerBox__content {
        padding: 12px 30px 25px
    }
    .FullWidthImage.withImage .headerBox__logo {
        margin-bottom: 9px
    }
    .FullWidthImage.withImage .headerBox__heroCopy,
    .FullWidthImage.withImage .headerBox__heroTitle {
        padding: 0
    }
    .FullWidthImage.withImage .headerBox[data-theme=dark] {
        color: #fff
    }
    .FullWidthImage.withImage .headerBox[data-theme=dark] .headerBox__content {
        background-color: #4a4f54
    }
    .FullWidthImage.withImage .headerBox[data-theme=dark] .headerBox__copy,
    .FullWidthImage.withImage .headerBox[data-theme=dark] h1,
    .FullWidthImage.withImage .headerBox[data-theme=dark] h2,
    .FullWidthImage.withImage .headerBox[data-theme=dark] h3,
    .FullWidthImage.withImage .headerBox[data-theme=dark] h4,
    .FullWidthImage.withImage .headerBox[data-theme=dark] h5 {
        color: #fff
    }
    .FullWidthImage.withImage .headerBox[data-theme=dark] .headerBox__caveat {
        color: #e4e8e8;
        margin-top: 23px
    }
    #landrover .FullWidthImage.withImage .headerBox[data-theme=dark] .primaryLinkWithStyle {
        background-color: #fff;
        color: #0c121c
    }
    #landrover .FullWidthImage.withImage .headerBox[data-theme=dark] .primaryLinkWithStyle:hover {
        background-color: #0c121c;
        color: #fff
    }
    #landrover .FullWidthImage.withImage .headerBox[data-theme=dark] .primaryLinkWithStyle.disabled:hover {
        background-color: #fff;
        color: #0c121c
    }
    #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme=dark] .primaryLinkWithStyle:focus {
        background-color: #0c121c;
        color: #0c121c
    }
    #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme=dark] .primaryLinkWithStyle.disabled:focus {
        background-color: #fff;
        color: #0c121c
    }
    #landrover .FullWidthImage.withImage .headerBox[data-theme=dark] .secondaryLinkWithStyle {
        color: #aeb0b2
    }
    #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme=dark] .secondaryLinkWithStyle:focus,
    #landrover .FullWidthImage.withImage .headerBox[data-theme=dark] .secondaryLinkWithStyle:hover {
        color: #e4e8e8;
        text-shadow: none
    }
    .FullWidthImage.withImage .headerBox[data-theme=light] {
        color: #0c121c
    }
    .FullWidthImage.withImage .headerBox[data-theme=light] .headerBox__content {
        background-color: #f8f9f9
    }
    .FullWidthImage.withImage .headerBox[data-theme=light] .headerBox__caveat,
    .FullWidthImage.withImage .headerBox[data-theme=light] .headerBox__heroCopy,
    .FullWidthImage.withImage .headerBox[data-theme=light] .headerBox__heroTitle,
    .FullWidthImage.withImage .headerBox[data-theme=light] .headerBox__title {
        color: #0c121c
    }
    .FullWidthImage.withImage .headerBox[data-theme=grey] {
        color: #4a4f54
    }
    .FullWidthImage.withImage .headerBox[data-theme=grey] .headerBox__content {
        background-color: #e9ecec
    }
    .FullWidthImage.withImage .headerBox[data-theme=grey] .headerBox__caveat,
    .FullWidthImage.withImage .headerBox[data-theme=grey] .headerBox__copy,
    .FullWidthImage.withImage .headerBox[data-theme=grey] h1,
    .FullWidthImage.withImage .headerBox[data-theme=grey] h2,
    .FullWidthImage.withImage .headerBox[data-theme=grey] h3,
    .FullWidthImage.withImage .headerBox[data-theme=grey] h4,
    .FullWidthImage.withImage .headerBox[data-theme=grey] h5 {
        color: #4a4f54
    }
}

.FullWidthImage.withImage.centre .headerBox {
    left: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullWidthImage.withImage.uppercase .headerBox__logo {
        margin-bottom: 20px
    }
}

#landrover .FullWidthImage.withImage.uppercase .headerBox .primaryLinkWithStyle {
    margin-top: 25px
}

@media screen and (min-width:1px) and (max-width:1024px) {
    #landrover .FullWidthImage.withImage.uppercase .headerBox .primaryLinkWithStyle {
        margin-top: 35px
    }
}

@media screen and (min-width:740px) and (max-width:999px) {
    #landrover .FullWidthImage.withImage.uppercase .headerBox .primaryLinkWithStyle {
        margin-top: 18px
    }
}

.FullWidthImage.withImage.short .headerBox__slug {
    margin-bottom: 40px
}

.FullWidthImage.withImage.short .headerBox__heroTitle {
    padding: 1px 0
}

.FullWidthImage.withImage.short .headerBox__title {
    padding: 1px 0;
    margin-bottom: 17px
}

#landrover .FullWidthImage.withImage.short .headerBox__title+.linkContainer .primaryLinkWithStyle {
    margin-top: 8px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .FullWidthImage.withImage.short .headerBox__title+.linkContainer .primaryLinkWithStyle {
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .FullWidthImage.withImage.short .headerBox__title+.linkContainer .primaryLinkWithStyle {
        margin-top: 8px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .FullWidthImage.withImage.short .textWrapper:before {
        display: none
    }
    .FullWidthImage.withImage.short .headerBox__slug {
        margin-bottom: 8px
    }
    .FullWidthImage.withImage.short .headerBox__title {
        margin-bottom: 16px
    }
}

.Exterior360 .headerBox .primaryLinkWithStyle,
.FullFrameCarousel .headerBox .primaryLinkWithStyle,
.Interior360 .headerBox .primaryLinkWithStyle {
    margin-top: 36px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Exterior360 .headerBox__slug,
    .FullFrameCarousel .headerBox__slug,
    .Interior360 .headerBox__slug {
        font-size: 14px;
        letter-spacing: .7px;
        margin-bottom: 18px
    }
    .Exterior360 .headerBox__title,
    .FullFrameCarousel .headerBox__title,
    .Interior360 .headerBox__title {
        font-size: 18px;
        line-height: 1;
        letter-spacing: .9px
    }
}

.HeroCarousel {
    width: 100%;
    height: 450px;
    min-height: 450px;
    text-align: center;
    position: relative;
    background-color: #000;
    overflow: hidden
}

.HeroCarousel.loaded {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.HeroCarousel .rsOverflow {
    min-height: 450px
}

.HeroCarousel .headingSlug {
    color: #a4a7a9;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 9px;
    display: block
}

.HeroCarousel .carousel {
    text-align: center;
    overflow: hidden;
    direction: ltr
}

.HeroCarousel .carousel .rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: table
}

.HeroCarousel .carousel .heroItem {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #e4e8e8
}

.HeroCarousel .carousel .heroItem .VideoPlayer>span,
.HeroCarousel .carousel .heroItem>span,
.HeroCarousel .carousel .heroItem noscript>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: -1;
    background-size: cover
}

.HeroCarousel .carousel .heroItem>span {
    z-index: 0
}

.HeroCarousel .carousel .heroItem .heroContent,
.HeroCarousel .carousel .heroItem .heroContent.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.HeroCarousel .carousel .heroItem .heroContent.visible {
    transition: opacity .8s ease
}

.HeroCarousel .carousel .heroItem.left {
    text-align: left
}

.HeroCarousel .carousel .heroItem .playButton {
    display: none
}

.HeroCarousel .carousel .heroItem[data-audio=true] .playButton {
    text-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.no-touch .HeroCarousel .carousel .heroItem[data-audio=true] .playButton {
    display: block
}

.HeroCarousel .carousel .heroItem[data-audio=true] .heroControlsContainer {
    position: absolute;
    right: 100px;
    bottom: 30px
}

.HeroCarousel .carousel .heroItem[data-audio=true] .heroControlsContainer div {
    position: relative;
    height: 60px;
    width: 60px
}

.HeroCarousel .carousel .heroItem[data-audio=true] .heroControlsContainer div a {
    text-decoration: none
}

.HeroCarousel .carousel .heroItem[data-audio=true] .heroControlsContainer div a.playButton {
    float: right;
    position: relative;
    font-size: 26px
}

.HeroCarousel .carousel .heroItem .heroLogo {
    top: auto
}

.HeroCarousel .carousel .heroItem .heroLogo img {
    position: absolute;
    bottom: 20px;
    right: 90px;
    z-index: 6
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel .carousel .heroItem .heroLogo img {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto
    }
}

.HeroCarousel .carousel>.heroItem>span {
    z-index: auto
}

.HeroCarousel .carousel .video .VideoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.HeroCarousel .carousel .video .VideoPlayer.flash {
    width: 100%;
    height: 100%
}

.HeroCarousel .carousel .video .VideoPlayer.flash embed,
.HeroCarousel .carousel .video .VideoPlayer.flash object {
    position: absolute;
    top: 0;
    left: 0
}

.HeroCarousel .carousel .video .VideoPlayer .mejs-video {
    position: static;
    width: 100%!important;
    height: 100%!important
}

.HeroCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls {
    position: absolute;
    bottom: 10%;
    width: 100%;
    background-color: #4e4e4e;
    width: 30%;
    left: 30%
}

.HeroCarousel .carousel .video .VideoPlayer .mejs-layers {
    width: 100%;
    height: 100%
}

.HeroCarousel .carousel .video .VideoPlayer video {
    position: absolute;
    top: 0;
    left: 0;
    height: auto
}

.HeroCarousel .carousel .video .VideoPlayer video.is-horizontal {
    left: 50%!important;
    top: 0!important
}

.HeroCarousel .carousel .video .VideoPlayer video.is-vertical {
    left: 0!important;
    top: 50%!important
}

.HeroCarousel .carousel .video .VideoPlayer+span {
    z-index: -1
}

.HeroCarousel .disable {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.HeroCarousel .VideoPlayer .mejs-controls,
.HeroCarousel .VideoPlayer .mejs-overlay-play {
    display: none!important
}

.HeroCarousel[data-total="1"] .mejs-video,
.HeroCarousel[data-total="1"] .mejs-video object,
.HeroCarousel[data-total="1"] .mejs-video video {
    cursor: default
}

.HeroCarousel .totalCostContainer {
    display: none;
    visibility: hidden
}

.HeroCarousel .overrides {
    visibility: hidden
}

.lt-ie9 #landrover .HeroCarousel {
    background-color: transparent;
    max-width: 1600px;
    margin: 0 auto
}

.lt-ie9 #landrover .HeroCarousel .image {
    background-position: 50%!important
}

.lt-ie9 #landrover .HeroCarousel .heroContent {
    visibility: hidden
}

.lt-ie9 #landrover .HeroCarousel .linkContainer {
    margin-top: 0
}

.lt-ie9 #landrover .HeroCarousel .carousel>.heroItem>.heroContent,
.lt-ie9 #landrover .HeroCarousel .current .heroContent {
    visibility: visible
}

.HeroCarousel[data-total="1"] {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.HeroCarousel[data-total="1"] .carousel {
    display: table
}

.HeroCarousel[data-total="1"] .carousel .heroItem {
    display: none;
    float: none
}

.HeroCarousel[data-total="1"] .carousel .heroItem:first-child {
    display: table-cell
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel[data-total="1"] .carousel>* {
        float: none
    }
    .HeroCarousel[data-total="1"] .carousel .heroItem span {
        z-index: 1
    }
}

html.no-js .HeroCarousel {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

html.no-js .HeroCarousel .carousel {
    display: table
}

html.no-js .HeroCarousel .carousel>* {
    float: none
}

html.no-js .HeroCarousel .carousel .VideoPlayer {
    display: none;
    visibility: hidden
}

html.no-js .HeroCarousel .carousel .video .VideoPlayer+span {
    display: block;
    z-index: 1
}

html.no-js .HeroCarousel .carousel span {
    z-index: 1
}

html.no-js .HeroCarousel .carousel .heroItem {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    display: none;
    vertical-align: middle;
    position: relative;
    text-align: center;
    height: 450px
}

html.no-js .HeroCarousel .carousel .heroItem.left {
    text-align: left
}

html.no-js .HeroCarousel .carousel .heroItem:first-child {
    display: table-cell
}

html.no-js .HeroCarousel .carousel .heroItem .heroContent {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

@media screen and (min-width:741px) {
    .HeroCarousel .carousel .heroItem .heroContent {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .HeroCarousel .carousel .headerBox {
        max-width: 340px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .HeroCarousel {
        min-height: 0;
        height: 490px
    }
    .HeroCarousel .rsOverflow {
        min-height: 0
    }
    .HeroCarousel .carousel .headerBox,
    .HeroCarousel .carousel .headerBox.withImage {
        max-width: 352px
    }
    .HeroCarousel .carousel .heroItem .heroLogo img {
        max-width: 60px;
        max-height: 60px;
        right: 50px
    }
    .HeroCarousel .carousel .video .VideoPlayer {
        display: none
    }
    .HeroCarousel .carousel .video .VideoPlayer+span,
    .HeroCarousel .carousel .video>span {
        display: block;
        z-index: 1
    }
    .HeroCarousel .carousel .rsNav {
        bottom: 20px;
        left: 37px
    }
    .HeroCarousel .disable {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroCarousel {
        background-color: #fff;
        height: auto
    }
    .HeroCarousel .totalCostContainer {
        display: block;
        visibility: visible;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        pointer-events: none;
        background: #e7eaea;
        padding: 30px;
        margin: 0;
        color: #0c121c;
        font-size: 10px;
        letter-spacing: 1px;
        z-index: 1
    }
    .HeroCarousel .totalCostContainer .infoColumn,
    .HeroCarousel .totalCostContainer .priceColumn {
        max-width: 290px;
        margin: 0 auto;
        text-align: left
    }
    .HeroCarousel .totalCostContainer .priceColumn {
        vertical-align: top
    }
    .HeroCarousel .totalCostContainer .priceColumn .price {
        font-size: 24px;
        font-family: lr_ot4, arial, helvetica, sans-serif;
        font-weight: 700;
        line-height: 30px
    }
    .HeroCarousel .totalCostContainer .priceColumn .price .currency,
    .HeroCarousel .totalCostContainer .priceColumn .price .number {
        vertical-align: initial
    }
    .HeroCarousel .totalCostContainer .infoColumn {
        vertical-align: top;
        margin-top: 12px;
        transition: opacity 1s;
        opacity: 1
    }
    .HeroCarousel .totalCostContainer .infoColumn:first-child {
        margin-top: 0
    }
    html[lang=de-DE] .HeroCarousel .totalCostContainer .infoColumn .infoBlock {
        font-size: 14px
    }
    .HeroCarousel .totalCostContainer .infoColumn .infoBlock:first-child {
        margin-bottom: 12px
    }
    .HeroCarousel .totalCostContainer .infoColumn .infoBlock .infoTitle {
        font-weight: 700
    }
    .HeroCarousel .totalCostContainer .fadeOut {
        transition: opacity 1s;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0
    }
    .HeroCarousel .totalCostContainer .fadeIn {
        transition: opacity 1s;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1
    }
    .HeroCarousel .totalCostContainer .fadeIn.thirdspeed,
    .HeroCarousel .totalCostContainer .fadeOut.thirdspeed {
        transition: opacity .3s
    }
    .HeroCarousel .totalCostContainer .odometer {
        display: inline;
        line-height: 22px;
        max-height: 22px
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-inside {
        display: inline
    }
    .HeroCarousel .totalCostContainer .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
    .HeroCarousel .totalCostContainer .odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
        transition: -webkit-transform 1.5s;
        transition: transform 1.5s;
        transition: transform 1.5s, -webkit-transform 1.5s
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-digit {
        width: 14px;
        max-height: 22px;
        vertical-align: initial
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-ribbon-inner {
        -webkit-backface-visibility: visible
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-digit-inner,
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-digit-spacer,
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-ribbon {
        width: 14px
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-value {
        width: 14px;
        -webkit-transform: none
    }
    .HeroCarousel .totalCostContainer .odometer .odometer-digit .odometer-value.odometer-last-value {
        width: 14px
    }
    .HeroCarousel .carousel .rsOverflow {
        height: auto!important;
        z-index: 0
    }
    .HeroCarousel .carousel .heroItem,
    .HeroCarousel .carousel .heroItem.alignedText {
        display: block;
        color: #fff
    }
    .HeroCarousel .carousel .heroItem.alignedText>span,
    .HeroCarousel .carousel .heroItem>span {
        position: relative;
        height: 250px
    }
    .HeroCarousel .carousel .heroItem.alignedText .heroLogo,
    .HeroCarousel .carousel .heroItem .heroLogo {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
    .HeroCarousel .carousel .heroItem.alignedText .heroLogo img,
    .HeroCarousel .carousel .heroItem .heroLogo img {
        top: auto;
        right: 18px;
        bottom: 18px;
        left: auto
    }
    .HeroCarousel .carousel .heroItem.alignedText .heroContent .totalCost,
    .HeroCarousel .carousel .heroItem .heroContent .totalCost {
        visibility: hidden
    }
    .HeroCarousel .carousel .heroItem.alignedText .headerBox,
    .HeroCarousel .carousel .heroItem .headerBox {
        max-width: none
    }
    .HeroCarousel .carousel .rsNav {
        position: absolute;
        top: 196px;
        width: 100%;
        left: 0;
        height: 54px;
        text-align: center;
        transform: scale(.75);
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -o-transform: scale(.75)
    }
    .HeroCarousel .carousel .rsNav .rsNavItem span {
        width: 26px
    }
    .HeroCarousel .VideoPlayer .mejs-video {
        display: none
    }
    .HeroCarousel .VideoPlayer .mejs-controls {
        display: none!important
    }
}

@media screen and (min-width:401px) {
    .HeroCarousel .heroLogo {
        height: 250px
    }
}

@media screen and (min-width:1px) and (max-width:415px) {
    .HeroCarousel .totalCostContainer .infoColumn,
    .HeroCarousel .totalCostContainer .priceColumn {
        width: 100%;
        max-width: 100%;
        margin: 12px 0 0
    }
}

@media (orientation:portrait) and (width:1024px) and (height:1302px),
(orientation:portrait) and (width:1024px) and (height:1327px) {
    .HeroCarousel .VideoPlayer {
        display: none
    }
}

@media (orientation:landscape) and (width:1366px) and (height:960px),
(orientation:landscape) and (width:1366px) and (height:985px) {
    .HeroCarousel .VideoPlayer {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:400px) {
    .HeroCarousel .carousel .heroItem.alignedText>span,
    .HeroCarousel .carousel .heroItem>span,
    .HeroCarousel .carousel .heroLogo {
        height: 150px
    }
    .HeroCarousel .carousel .rsNav {
        transform: scale(.75);
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -o-transform: scale(.75);
        top: 98px
    }
    html.no-js .HeroCarousel .carousel .heroItem:first-child {
        display: block
    }
}

.HeroCarousel .rsNav {
    float: none;
    position: absolute;
    left: 85px;
    bottom: 18px;
    height: 42px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0)
}

.HeroCarousel .rsNav .rsNavItem {
    cursor: pointer;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    padding-top: 18px;
    font-weight: 700;
    line-height: 1em;
    width: 27px;
    text-align: center;
    transition: all .5s ease;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5
}

.HeroCarousel .rsNav .rsNavSelected {
    font-size: 42px;
    padding-top: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.HeroCarousel .totalCostContainer .priceColumn .fontCost {
    font-size: 24px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-weight: 700;
    line-height: 30px
}

.HeroTitleBanner {
    position: relative;
    width: 100%;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 2
}

.HeroTitleBanner .backgroundImage {
    display: block;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.HeroTitleBanner .headings {
    position: relative;
    padding: 0;
    margin-bottom: 0
}

.HeroTitleBanner.withImage .shelfComponent {
    padding-left: 0;
    padding-right: 0
}

.HeroTitleBanner.left {
    text-align: left
}

.HeroTitleBanner.tall .shelfComponent {
    min-height: 640px;
    display: table;
    width: 100%
}

.HeroTitleBanner.tall .headings {
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:1px) and (max-width:1924px) {
    .HeroTitleBanner.tall .shelfComponent {
        min-height: 480px
    }
}

@media screen and (min-width:1px) and (max-width:1440px) {
    .HeroTitleBanner.left>.image {
        background-position: 60% 50%!important
    }
    .HeroTitleBanner.tall .shelfComponent {
        min-height: 445px
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .HeroTitleBanner.tall .shelfComponent {
        min-height: 341px
    }
}

@media screen and (min-width:741px) and (max-width:899px) {
    .HeroTitleBanner.withTCO .shelfComponent {
        padding: 0
    }
    .HeroTitleBanner.withTCO .headerBox.withImage {
        margin: 0;
        padding: 0;
        display: table;
        max-width: none;
        width: 100%!important
    }
    .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent,
    .HeroTitleBanner.withTCO .headerBox.withImage .totalCost {
        display: table-cell;
        width: 50%
    }
    .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent {
        padding: 35px 40px
    }
    .HeroTitleBanner.withTCO .headerBox.withImage .totalCost {
        padding: 38px 40px;
        margin: 0;
        vertical-align: top;
        bottom: 0
    }
    .HeroTitleBanner.withTCO .headerBox.withImage .totalCost .priceColumn {
        width: auto;
        margin-right: 0;
        display: block
    }
    .HeroTitleBanner.withTCO .headerBox.withImage .totalCost .infoColumn {
        margin-top: 12px;
        display: block
    }
    .HeroTitleBanner.withTCO .totalCostRow {
        display: block;
        margin-top: -12px
    }
    .HeroTitleBanner.withTCO.tall .headings {
        display: block
    }
    .HeroTitleBanner.withTCO.tall .shelfComponent {
        min-height: 0
    }
    .HeroTitleBanner.withTCO.tall>.image {
        min-height: 360px;
        position: relative
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner .shelfComponent {
        padding: 0
    }
    .HeroTitleBanner>.image {
        position: relative
    }
    .HeroTitleBanner.left {
        text-align: center
    }
    .HeroTitleBanner:not(.tall) .headings {
        padding: 30px
    }
    .HeroTitleBanner.tall .headerBox.withImage {
        max-width: none
    }
    .HeroTitleBanner.tall .headings {
        display: block
    }
    .HeroTitleBanner.tall .shelfComponent {
        min-height: 0
    }
    .HeroTitleBanner.tall>.image {
        min-height: 360px;
        position: relative
    }
    .HeroTitleBanner.withTCO .headerBox.withImage {
        max-width: none
    }
    .HeroTitleBanner.withTCO .headerBoxContent,
    .HeroTitleBanner.withTCO .totalCostRow {
        margin: auto
    }
    .HeroTitleBanner.withTCO .totalCostRow {
        max-width: 290px
    }
    .HeroTitleBanner.withTCO .totalCost {
        text-align: left
    }
}

@media screen and (min-width:1px) and (max-width:500px) {
    .HeroTitleBanner.tall>.image {
        min-height: 240px
    }
}

@media screen and (min-width:1px) and (max-width:415px) {
    .HeroTitleBanner.withTCO .totalCostRow {
        width: 100%;
        max-width: 100%;
        margin: 0
    }
}

.HeroTitleBanner.dark.noImage .headerBox__heroCopy {
    color: #fff
}

@media screen and (min-width:741px) and (max-width:899px) {
    .HeroTitleBanner.withTCO .headerBox.withImage .headerBoxContent {
        background-color: #fff
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .HeroTitleBanner .image {
        position: absolute
    }
    .HeroTitleBanner.noImage .image,
    .HeroTitleBanner.tall .image {
        position: relative
    }
    .HeroTitleBanner.noImage .headings,
    .HeroTitleBanner.tall .headings {
        padding: 0
    }
}

.no-js .HeroTitleBanner {
    overflow: hidden
}

.no-js .HeroTitleBanner img {
    display: block;
    width: 100%
}

.no-js .HeroTitleBanner:not(.tall) span img {
    position: absolute;
    bottom: 0;
    left: 0
}

.Hotspots {
    position: relative
}

.Hotspots>span {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    width: 100%
}

.Hotspots .hotspot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 0;
    opacity: 0;
    transition: opacity .5s
}

.Hotspots .hotspot-content {
    background: hsla(0, 0%, 100%, .9);
    margin-left: 65px;
    padding: 25px;
    position: absolute;
    top: 25%;
    z-index: 4
}

.Hotspots .hotspot-content .headerBox,
.Hotspots .hotspot-content .primaryHeading {
    background: none;
    padding: 0;
    text-align: left
}

.Hotspots .hotspot-grid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.Hotspots .hotspot-grid a {
    display: block
}

.Hotspots .hotspot-grid .hotspot {
    background: #005a2b;
    display: none;
    position: absolute;
    z-index: 1;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.Hotspots .hotspot-grid .hotspot:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.Hotspots .hotspot-grid .hotspot.selected {
    z-index: 4
}

.Hotspots .grid>div {
    opacity: 0;
    background: #fc00cf;
    font-size: 8px
}

.Hotspots .grid>div:hover {
    opacity: 1
}

.Hotspots .coords {
    font-size: 20px;
    background: #fff;
    color: #000;
    position: absolute;
    top: 0;
    left: 0
}

.Hotspots.debug .hotspot {
    opacity: .8
}

.Hotspots.debug .hotspot:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -1px;
    height: 2px;
    width: 2px;
    background: #000
}

.Hub .hubFilters {
    top: 0;
    max-width: 2000px;
    height: 100%;
    background-color: #fff;
    padding: 0 40px 80px 90px;
    margin: auto;
    visibility: hidden;
    display: none
}

.Hub .hubFilters,
.Hub .hubFiltersWrapper {
    position: absolute;
    width: 100%;
    z-index: -1;
    pointer-events: none
}

.Hub .hubFiltersWrapper {
    max-width: 340px;
    height: 100%;
    height: calc(100% - 270px);
    left: 90px;
    top: 180px;
    padding: 0 20px 90px 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.Hub.stickyMode .hubFilters {
    position: fixed;
    padding-top: 90px
}

.Hub.stickyMode .hubFiltersWrapper {
    padding-top: 0;
    top: 270px
}

.Hub.filtersClosing .hubFilters,
.Hub.filtersOpen .hubFilters {
    visibility: visible;
    display: block
}

.Hub.filtersOpen .hubFilters {
    z-index: 1;
    pointer-events: auto
}

.Hub.filtersOpen .hubFiltersWrapper {
    pointer-events: auto
}

.Hub.filtersAnimationComplete .hubFilters {
    z-index: 8;
    background: none
}

.Hub.filtersAnimationComplete .hubFiltersWrapper {
    z-index: 9
}

.Hub.filtersAnimationComplete .hubResults {
    z-index: 10
}

.Hub.filtersAnimationComplete .shelfComponent {
    z-index: -1
}

.Hub.filtersOpenFadeOutItems .hubHeaderCounterWrapper,
.Hub.filtersOpenFadeOutItems .hubItemsWrapper {
    opacity: .3
}

.Hub .hubFilterTitle,
.Hub .hubResultsName {
    padding-bottom: 5px;
    border-bottom: 1px solid #dee2e2;
    overflow: hidden;
    margin-bottom: 16px
}

.Hub .hubFilterName,
.Hub .hubFiltersClose,
.Hub .hubResultsName {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    color: #0c121c
}

.Hub .hubResultsName {
    top: 44px;
    position: absolute;
    width: 320px
}

.Hub .hubFilterName {
    float: left
}

.Hub .hubResetButton {
    display: block;
    font-size: 10px;
    float: right;
    letter-spacing: .2em
}

.Hub .hubResetButton.filterOn {
    font-weight: 900;
    color: #0c121c
}

.Hub .primaryLinkContainer {
    padding-top: 42px
}

.Hub .hubResultsButton {
    pointer-events: none
}

.Hub .hubResultsButton.active {
    background-color: #0c121c;
    pointer-events: auto
}

.Hub .hubResultsButton .applyFilters {
    letter-spacing: .2em
}

.Hub .hubCategoryButton,
.Hub .hubFilterButton,
.Hub .hubResetButton {
    display: inline-block
}

.Hub .hubFilterButton {
    transition: background-color .4s ease;
    font-size: 10px;
    letter-spacing: .2em;
    font-weight: 700;
    padding: 9px 12px 8px;
    position: relative;
    margin: 0 5px 5px 0;
    border: none;
    outline: none
}

.Hub .hubFilterButton:hover {
    background-color: #e4e8e8;
    color: #4a4f54
}

.Hub .hubFilterButton.filterOn {
    background-color: #e4e8e8
}

.Hub .hubFilterButton.filterOff,
.Hub .hubFilterButton.filterOff:hover {
    background: none
}

.Hub .hubFilterButton.noResults {
    display: none;
    cursor: auto;
    pointer-events: none;
    color: #ccc
}

.Hub .hubFilterButton.noResults:hover {
    background: none;
    border: none;
    outline: none
}

.Hub .hubFilterButton.noResults:active {
    border: none;
    outline: none
}

.touch .Hub .hubFilterButton {
    padding: 14px;
    margin-bottom: 6px;
    margin-right: 6px
}

.Hub .hubFilterList li {
    float: left
}

.Hub .hubResults {
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
    background: #fff;
    width: 100%;
    max-width: 340px
}

.Hub .hubResults .primaryLinkContainer {
    float: right
}

.Hub .hubResults .primaryLinkWithStyle {
    margin-top: 0
}

.Hub .hubFilter.hubFiltersSection {
    padding: 30px 0 40px
}

.Hub .hubResultsCounter {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 58px;
    font-weight: 700;
    float: left;
    line-height: 1em;
    color: #0c121c;
    margin-top: -8px;
    padding-top: 42px
}

.Hub .hubFiltersClose {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Hub .hubFilters {
        padding-left: 40px
    }
    .Hub .hubFiltersWrapper {
        left: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Hub .hubCategories {
        -webkit-transition: -webkit-transform .4s;
        -webkit-transition-delay: .4s;
        transition: -webkit-transform .4s .4s;
        transition: transform .4s .4s;
        transition: transform .4s .4s, -webkit-transform .4s .4s
    }
    .Hub .hubFilters {
        padding: 0;
        margin-left: 0;
        width: 100%;
        top: 0;
        left: 0;
        visibility: visible;
        position: fixed;
        display: block;
        z-index: -1
    }
    .Hub .hubFilters .hubFiltersWrapper {
        display: none;
        left: 0;
        top: 0;
        padding: 139px 0;
        max-width: 100%;
        overflow: hidden;
        height: 100%;
        height: calc(100% + 60px);
        -webkit-overflow-scrolling: auto
    }
    .Hub .hubFilters .hubResults {
        background-color: #e4e8e8;
        margin-bottom: 0;
        padding: 20px;
        width: inherit;
        max-width: 100%;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .Hub .hubFilters .hubResults .hubResultsName {
        position: static;
        border: none;
        width: auto;
        top: auto;
        padding-bottom: 0;
        margin: 0;
        font-size: 10px;
        line-height: 10px;
        font-weight: 400;
        letter-spacing: 2px
    }
    .Hub .hubFilters .hubResults .hubResultsCounter {
        float: none;
        font-size: 45px;
        margin-top: 0;
        padding-top: 0
    }
    .Hub .hubFilters .hubResults .primaryLinkContainer {
        padding-top: 0;
        bottom: 0;
        width: auto;
        z-index: 2;
        float: none;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 45px
    }
    .Hub .hubFilters .hubResults .primaryLinkContainer .hubResultsButton {
        width: 100%;
        min-width: 0
    }
    .Hub .hubFilters .hubScrollSection .hubFiltersSection {
        width: inherit;
        padding: 20px;
        border-bottom: 2px solid #eff1f1
    }
    .Hub .hubFilters .hubScrollSection .hubFiltersSection:last-of-type {
        border-bottom: none
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitle {
        padding: 20px 0 0;
        border: none;
        color: #0c121c;
        margin-bottom: 40px;
        background: #fff;
        width: 100%;
        height: 44px
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitle .hubResetButton {
        transition: opacity .4s;
        color: #4a4f54
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleWrapper {
        transition: box-shadow .4s .2s, background .2s
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleSticky .hubFilterTitleWrapper {
        z-index: 20;
        position: fixed;
        width: 100%;
        padding: 15px 20px;
        left: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 2px 4px #e9ecec;
        background: #f8f9f9
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleSticky .hubFilterName {
        transition: color .2s
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubFilterTitleWrapper {
        background: #fff
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubFilterName {
        color: #a4a7a9
    }
    .Hub .hubFilters .hubScrollSection .hubFilterTitleInactive .hubResetButton {
        opacity: 0
    }
    .Hub .hubFilters .hubScrollSection .hubFilterButton {
        padding: 15px;
        background: #f8f9f9
    }
    .Hub .hubFilters .hubScrollSection .hubFilterButton.filterOn,
    .Hub .hubFilters .hubScrollSection .hubFilterButton.filterOn:focus {
        background-color: #e4e8e8
    }
    .Hub .hubFilters .hubScrollSection .hubFilterButton:focus {
        background: #f8f9f9
    }
    .Hub .hubFiltersClose {
        padding: 15px 20px;
        cursor: pointer;
        position: relative;
        font-weight: 400;
        z-index: 10;
        display: block;
        background-color: #fff;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .Hub .hubFiltersClose:before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        right: 20px;
        left: auto
    }
    .Hub.stickyMode .hubFilters {
        padding-top: 0
    }
}

.Hub .hubFilterName {
    line-height: 100%
}

.Hub .hubItem.itemFadeOut {
    opacity: 0
}

#landrover .Hub .hubFilters .primaryLinkWithStyle {
    background: #ccc
}

#landrover .Hub .hubFilters .primaryLinkWithStyle.active {
    background: #0c121c
}

#landrover .Hub .hubResults .primaryLinkWithStyle:hover {
    color: #fff
}

.Hub {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #fff
}

.Hub .shelfComponent {
    background-color: #fff;
    min-height: 100vh
}

.Hub .hubFiltersHeader,
.Hub .shelfComponent {
    transition: background-color .4s, -webkit-transform .4s;
    transition: background-color .4s, transform .4s;
    transition: background-color .4s, transform .4s, -webkit-transform .4s;
    position: relative;
    z-index: 1
}

.Hub .hubHeaderCounterWrapper {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.Hub .shelfComponent {
    padding-top: 40px
}

.Hub.filtersOpen .ctaContainer {
    opacity: .3
}

.Hub.filtersOpen .ctaContainer,
.Hub.filtersOpen .hubHeaderCounterWrapper,
.Hub.filtersOpen .shelfComponent {
    -webkit-transform: translateX(410px);
    transform: translateX(410px)
}

.Hub .hubContent,
.Hub .hubContent .ctaContainer {
    position: relative;
    z-index: 1;
    background: #fff
}

.Hub .hubContent .ctaContainer {
    padding-bottom: 80px;
    margin-top: 0;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.Hub .hubContent .ctaContainer .moreResults {
    display: none
}

.Hub .hubContent .ctaContainer .moreResults.showInfiniteButton {
    display: inline-table
}

.Hub .hubItemsWrapper {
    transition: opacity .4s ease-out, -webkit-transform .35s;
    transition: opacity .4s ease-out, transform .35s;
    transition: opacity .4s ease-out, transform .35s, -webkit-transform .35s;
    opacity: 1
}

.Hub.filtersOpen .hubItemsWrapper {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    pointer-events: none;
    -webkit-transition: opacity .35s ease-in, -webkit-transform .35s;
    -webkit-transition-delay: .4s, 0s;
    transition: opacity .35s ease-in .4s, -webkit-transform .35s;
    transition: opacity .35s ease-in .4s, transform .35s;
    transition: opacity .35s ease-in .4s, transform .35s, -webkit-transform .35s
}

.Hub .hubItemsList {
    position: relative;
    list-style: none;
    padding: 0;
    margin: -20px;
    font-size: 0
}

.Hub .hubCategories {
    background: #e4e8e8
}

.Hub .hubCategories .selected {
    display: none
}

.Hub .hubCategoriesList li {
    float: left
}

.Hub .hubCategoriesList li:first-child .hubCategoryButton {
    padding-left: 50px
}

.Hub .hubCategoryButton {
    display: block;
    padding: 0 25px;
    line-height: 45px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .2em;
    white-space: nowrap;
    cursor: pointer;
    color: #0c121c
}

.Hub .hubCategoryButton.filterOn {
    background-color: #f8f9f9;
    pointer-events: none
}

.Hub .DropdownNav {
    width: auto;
    max-width: none;
    display: inline-table
}

.Hub .DropdownNav .filterOn {
    background: #e4e8e8
}

.Hub .DropdownNav .selected {
    min-width: 100%;
    display: table;
    color: #4a4f54;
    background: none;
    padding-left: 50px
}

.Hub .DropdownNav .selected:before {
    top: 16px
}

.Hub .DropdownNav.active .selected {
    border-bottom: 1px solid #d9dcdc
}

.Hub .DropdownNav.active .selected:focus {
    background: none
}

.Hub .DropdownNav li {
    padding: 0;
    float: none
}

.Hub .DropdownNav .hubCategoriesList {
    position: absolute;
    min-width: 100%;
    z-index: 10;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.Hub .DropdownNav .hubCategoryButton {
    padding: 0 50px
}

.Hub .DropdownNav .hubHeaderBackToTop {
    display: none
}

.Hub .hubHeader {
    background-color: #fff;
    position: relative;
    z-index: 9;
    font-size: 9px
}

.Hub.filtersClosing .hubHeaderWrapper {
    transition: border-color .4s .4s
}

.Hub.filtersOpen .hubHeaderBackToTop {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.Hub .hubFiltersHeader {
    padding: 12px 90px;
    height: 45px
}

.Hub .hubHeaderCounterWrapper {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1em;
    float: right;
    padding-top: 6px
}

.Hub .hubHeaderCounter {
    color: #0c121c;
    text-decoration: underline
}

.Hub .hubShowFilterButton {
    float: left;
    width: 14px;
    position: relative;
    z-index: 1;
    overflow: visible;
    cursor: pointer;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 1em;
    margin-left: 6px
}

.Hub .hubShowFilterButton span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #0c121c;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .4s;
    -webkit-transition-delay: .6s;
    transition: all .4s .6s;
    z-index: 2
}

.Hub .hubShowFilterButton span:before {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    position: absolute;
    background: #0c121c;
    z-index: 3;
    top: 0;
    left: -4px;
    -webkit-transition: opacity .4s;
    -webkit-transition-delay: .6s;
    transition: opacity .4s .6s
}

.Hub .hubShowFilterButton span:first-child {
    top: 0
}

.Hub .hubShowFilterButton span:nth-child(2) {
    top: 5px
}

.Hub .hubShowFilterButton span:nth-child(3) {
    top: 10px
}

.csstransforms3d .Hub .hubShowFilterButton span {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.Hub .wording-filter {
    line-height: 14px!important;
    display: inline-block;
    margin-left: 30px;
    position: relative;
    z-index: 3
}

@media screen and (min-width:741px) {
    .Hub.filtersLongClosing .hubShowFilterButton span:first-child,
    .Hub.filtersOpen .hubShowFilterButton span:first-child {
        -webkit-transform: translate(-6px, 6px) rotate(45deg);
        transform: translate(-6px, 6px) rotate(45deg)
    }
    .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(3),
    .Hub.filtersOpen .hubShowFilterButton span:nth-child(3) {
        -webkit-transform: translate(-6px, -4px) rotate(-45deg);
        transform: translate(-6px, -4px) rotate(-45deg)
    }
    .Hub.filtersLongClosing .hubShowFilterButton span:before,
    .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(2),
    .Hub.filtersOpen .hubShowFilterButton span:before,
    .Hub.filtersOpen .hubShowFilterButton span:nth-child(2) {
        opacity: 0
    }
    .csstransforms3d .Hub.filtersLongClosing .hubShowFilterButton span:first-child,
    .csstransforms3d .Hub.filtersOpen .hubShowFilterButton span:first-child {
        -webkit-transform: translate3d(-6px, 6px, 0) rotate(45deg);
        transform: translate3d(-6px, 6px, 0) rotate(45deg)
    }
    .csstransforms3d .Hub.filtersLongClosing .hubShowFilterButton span:nth-child(3),
    .csstransforms3d .Hub.filtersOpen .hubShowFilterButton span:nth-child(3) {
        -webkit-transform: translate3d(-6px, -4px, 0) rotate(-45deg);
        transform: translate3d(-6px, -4px, 0) rotate(-45deg)
    }
    .Hub.filtersLongClosing .hubShowFilterButton span,
    .Hub.filtersLongClosing .hubShowFilterButton span:before {
        transition-delay: 0s
    }
}

.Hub .hubItem {
    font-size: 16px;
    font-size: 10px;
    font-size: 1rem;
    float: left;
    display: block;
    width: 33.3333%;
    position: relative;
    vertical-align: top;
    margin: 0
}

.Hub .itemImageOverlay {
    height: 100%
}

.Hub.layoutUnfixed .hubItem:after {
    content: "";
    padding-top: 66.176%;
    display: block
}

.Hub.layoutFixed .hubItem {
    position: absolute;
    left: 0;
    top: 0
}

.Hub .hubItemInner {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.Hub .hubItemInner .itemImage,
.Hub .hubItemInner .itemImage img {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: block;
    background: #e4e8e8
}

.Hub .hubItemInner .itemOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .3);
    transition: background-color .4s
}

.Hub .hubItemInner .itemOverlay:after {
    content: "";
    width: 0;
    height: 100%
}

.Hub .hubItemInner .itemOverlay:after,
.Hub .hubItemInner .itemOverlayInner {
    display: inline-block;
    vertical-align: middle
}

.Hub .hubItemInner .itemOverlayInner {
    white-space: normal;
    width: 100%;
    padding: 20px
}

.Hub .hubItemInner .itemCategory,
.Hub .hubItemInner .itemHeading {
    color: #e4e8e8
}

.Hub .hubItemInner .itemCategory .headingWrapper:after,
.Hub .hubItemInner .itemCategory .headingWrapper:before,
.Hub .hubItemInner .itemHeading .headingWrapper:after,
.Hub .hubItemInner .itemHeading .headingWrapper:before {
    background-color: #fff
}

.Hub .hubItemInner .itemHeading {
    font-size: 30px;
    margin-bottom: 26px
}

.Hub .hubItemInner .itemMeta {
    margin-top: 8px;
    font-size: 14px;
    overflow: hidden;
    line-height: 16px;
    height: 16px
}

.Hub .hubItemInner .itemFeaturingNameplate,
.Hub .hubItemInner .itemPostedDate {
    float: left
}

.Hub .hubItemInner .itemFeaturingNameplate span,
.Hub .hubItemInner .itemPostedDate span {
    display: inline-block
}

.Hub .hubItemInner .itemPostedDate {
    width: 36%
}

.Hub .hubItemInner .itemFeaturingNameplate {
    text-align: right;
    width: 64%
}

.Hub .hubItemInner .itemNameplate {
    font-weight: 700;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    padding-left: .5em;
    margin-top: -1px
}

.Hub .hubItemInner .itemFeaturingText:after {
    content: "";
    margin-left: .5em;
    display: inline-block;
    height: .75em;
    width: 1px;
    vertical-align: baseline;
    background-color: #a4a7a9
}

.Hub .hubItem.alternative .itemFeaturingNameplate {
    display: none
}

.Hub .hubItem .itemImage {
    height: 100%;
    width: 100%;
    background-size: cover
}

.Hub .hubItem .itemImageDoubleHeight {
    display: none
}

.Hub .hubItem:hover .hubItemInner .itemOverlay {
    background-color: rgba(0, 0, 0, .55)
}

.Hub .hubItem.doubleHeight .itemImageStandardHeight {
    display: none
}

.Hub .hubItem.doubleHeight .itemImageDoubleHeight {
    display: block
}

.Hub.itemsFadeOut .hubItemsWrapper {
    transition: opacity .4s ease-in;
    opacity: 0
}

.Hub .hubItem.featured .hubItemInner:after,
.Hub .hubItem.featured .hubItemInner:before {
    position: absolute;
    z-index: 1
}

.Hub .hubItem.featured .hubItemInner:before {
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 91px 93px 0 0;
    border-color: #fff transparent transparent
}

.Hub .hubItem.featured .hubItemInner:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #005a2b;
    font-size: 24px;
    margin: 0;
    top: 14px;
    left: 16px
}

@media screen and (min-width:1px) and (max-width:1580px) {
    .Hub .hubItemInner .itemHeading {
        font-size: 24px
    }
    .Hub .hubItemInner .itemMeta {
        font-size: 12px
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .Hub .hubItemsWrapper {
        height: auto!important
    }
    .Hub .hubItem:nth-child(n) {
        position: relative;
        top: auto!important;
        left: auto!important;
        width: 50%!important;
        margin-bottom: 12px
    }
    .Hub .hubItem:nth-child(n):not(.equalHeights) {
        height: auto!important
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Hub .hubItemInner .itemMeta {
        margin-top: 4px;
        font-size: 10px
    }
    .Hub .hubHeaderBackToTop {
        display: none
    }
    .Hub .hubCategoriesList li:first-child .hubCategoryButton {
        padding-left: 40px
    }
    .Hub .DropdownNav .selected {
        padding-left: 40px;
        padding-right: 45px
    }
    .Hub .DropdownNav .hubCategoryButton {
        width: 100%;
        padding: 0 40px
    }
    .Hub .hubFilters {
        margin-left: 0
    }
    .Hub .hubFiltersHeader {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (orientation:portrait) and (max-width:740px) and (min-width:1px) {
    .Hub .hubItem:nth-child(n) {
        display: block;
        width: 100%!important;
        margin-bottom: 24px
    }
    .Hub .hubItemsList {
        margin: 0
    }
    .Hub .hubItemInner {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }
}

@media screen and (orientation:landscape) and (max-width:740px) and (min-width:1px) {
    .Hub .hubItem:nth-child(n) {
        margin: 0;
        height: auto!important
    }
    .Hub .hubItem:nth-child(odd) {
        clear: left
    }
    .Hub .hubItemsList {
        margin: -12px -15px
    }
    .Hub .hubItemInner {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 12px 15px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Hub .hubHeader {
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }
    .Hub .hubHeaderWrapper {
        background: none;
        border: none
    }
    .Hub .hubHeader.sticky {
        background: none
    }
    .Hub .hubContent {
        position: static
    }
    .Hub .shelfComponent {
        padding-top: 30px
    }
    .Hub .hubContent:before {
        pointer-events: none;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent;
        transition: background .4s .1s
    }
    .Hub .hubFilters {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform .4s;
        -webkit-transition-delay: .2s;
        transition: -webkit-transform .4s .2s;
        transition: transform .4s .2s;
        transition: transform .4s .2s, -webkit-transform .4s .2s
    }
    .Hub.filtersAnimationComplete .hubFilters,
    .Hub .hubFilters {
        z-index: 20;
        background: #fff
    }
    .Hub.filtersAnimationComplete .shelfComponent {
        z-index: 1
    }
    .Hub .DropdownNav {
        width: 100%;
        display: block
    }
    .Hub .DropdownNav .selected {
        padding-left: 54px
    }
    .Hub .DropdownNav .selected:before {
        right: auto;
        left: 30px
    }
    .Hub .DropdownNav li {
        float: none
    }
    .Hub .DropdownNav li:first-child .hubCategoryButton {
        padding-left: 30px
    }
    .Hub .DropdownNav .hubCategoryButton {
        padding: 0 30px
    }
    .Hub .hubFiltersHeader {
        background: #fff;
        background: hsla(0, 0%, 100%, .97)
    }
    .Hub .hubItem:nth-child(n):after {
        display: none
    }
    .Hub .hubItemInner {
        position: relative
    }
    .Hub .hubItemInner .itemImage {
        padding-top: 66.176%;
        height: auto
    }
    .Hub .hubItemInner .itemHeading {
        font-size: 18px;
        margin-bottom: 12px
    }
    .Hub .hubItemInner .itemCategory {
        font-size: 12px
    }
    .Hub .hubItemInner .itemFeaturingNameplate,
    .Hub .hubItemInner .itemPostedDate {
        font-size: 10px
    }
    .Hub .hubItemInner .itemCategory {
        margin-bottom: 0
    }
    .Hub .hubItemInner .itemMeta {
        margin-top: 0;
        padding: 12px 0 0;
        height: auto
    }
    .Hub .hubItemInner .itemFeaturingNameplate,
    .Hub .hubItemInner .itemPostedDate {
        text-align: left;
        width: 100%;
        line-height: 1em
    }
    .Hub .hubItemInner .itemPostedDate {
        margin-bottom: 5px
    }
    .Hub .hubItemInner .itemImageOverlay {
        position: relative;
        height: auto
    }
    .Hub .hubItem.featured .hubItemInner:before {
        border-width: 61px 63px 0 0
    }
    .Hub .hubItem.featured .hubItemInner:after {
        font-size: 18px;
        top: 6px;
        left: 9px
    }
    .Hub .hubFiltersHeader {
        padding-left: 30px;
        padding-right: 30px
    }
    .Hub.filtersOpen {
        overflow: visible;
        position: static
    }
    .Hub.filtersOpen .hubHeader,
    .Hub.filtersOpen .hubHeaderWrapper {
        background: none;
        pointer-events: none
    }
    .Hub.filtersOpen .hubFilters {
        overflow-y: hidden;
        z-index: 20;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .Hub.filtersOpen .hubFiltersWrapper {
        display: block;
        overflow-y: auto
    }
    .Hub.filtersOpen .hubScrollSection {
        position: relative;
        z-index: 1
    }
    .Hub.filtersOpen .ctaContainer,
    .Hub.filtersOpen .hubHeaderCounterWrapper,
    .Hub.filtersOpen .hubItemsWrapper,
    .Hub.filtersOpen .shelfComponent {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .Hub.filtersOpen .hubContent:before {
        z-index: 19;
        background: rgba(0, 0, 0, .7)
    }
    .Hub.filtersClosing {
        overflow: visible;
        position: static
    }
    .Hub.filtersClosing .hubHeader,
    .Hub.filtersClosing .hubHeaderWrapper {
        background: none
    }
    .Hub.filtersClosing .hubFiltersWrapper {
        display: block;
        background: none
    }
    .Hub.filtersClosing .hubContent:before {
        transition: background .4s;
        z-index: 19;
        background: rgba(0, 0, 0, .7)
    }
    .Hub.filtersClosing .hubFilters {
        z-index: 20;
        -webkit-transition: -webkit-transform .4s;
        -webkit-transition-delay: .4s;
        transition: -webkit-transform .4s .4s;
        transition: transform .4s .4s;
        transition: transform .4s .4s, -webkit-transform .4s .4s
    }
    .Hub.filtersClosing .hubFiltersClose,
    .Hub:before {
        display: block
    }
    .Hub:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        background: transparent;
        transition: background .4s .1s
    }
    .Hub.categoryOpen:before {
        background: rgba(0, 0, 0, .7);
        z-index: 2
    }
}

.Hub .scrollBlock {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: 1
}

.no-js .Hub .hubCategories,
.no-js .Hub .hubHeaderWrapper,
.no-js .Hub .hubItem:after,
.no-js .Hub .hubShowFilterButton {
    display: none
}

.no-js .Hub .hubItem:nth-child(3n+1) {
    clear: left
}

.no-js .Hub .itemImage {
    padding-top: 0
}

.no-js .Hub .hubItemInner {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 20px
}

.no-js .Hub .itemOverlay {
    background: none
}

.no-js .Hub .itemImageStandardHeight {
    position: relative
}

.no-js .Hub .itemImageStandardHeight:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3)
}

.no-js .Hub .ctaContainer {
    display: none
}

@media screen and (orientation:portrait) and (max-width:740px) and (min-width:1px) {
    .no-js .Hub .hubItemInner {
        margin: 0
    }
}

@media screen and (min-width:1px) and (max-width:1280px) {
    .no-js .Hub .hubItem:nth-child(3n+1) {
        clear: none
    }
    .no-js .Hub .hubItem:nth-child(odd) {
        clear: left
    }
}

@-webkit-keyframes m {
    0% {
        -webkit-transform: translateY(0) translateZ(0)
    }
    to {
        -webkit-transform: translateY(100%) translateZ(0)
    }
}

@keyframes m {
    0% {
        -webkit-transform: translateY(0) translateZ(0);
        transform: translateY(0) translateZ(0)
    }
    to {
        -webkit-transform: translateY(100%) translateZ(0);
        transform: translateY(100%) translateZ(0)
    }
}

.HubNavigation {
    background: #fff;
    position: relative;
    font-size: 9px
}

.HubNavigation .hubNavigationWrapper {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    max-width: 2000px;
    transition: top .4s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.HubNavigation .hubNavigationBackToTop {
    position: absolute;
    right: 25px;
    opacity: 0;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.HubNavigation .hubNavigationBackToTop a {
    width: auto;
    text-align: center;
    position: relative
}

.HubNavigation .hubNavigationBackToTop a:before {
    position: absolute;
    right: 6px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.HubNavigation.sticky {
    z-index: 6
}

.HubNavigation.sticky .hubNavigationWrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8;
    background: hsla(0, 0%, 100%, .97)
}

.touch .HubNavigation.sticky .hubNavigationWrapper {
    -webkit-animation: m .8s .4s 1 forwards;
    animation: m .8s .4s 1 forwards
}

.fullscreen .HubNavigation.sticky {
    z-index: 1
}

.HubNavigation.sticky.showBackToTop .hubNavigationBackToTop {
    opacity: 1
}

.HubNavigation.stickyQuickReverse .hubNavigationWrapper {
    -webkit-transition: top .4s;
    -webkit-transition-delay: .3s;
    transition: top .4s .3s
}

.touch .HubNavigation.stickyQuickReverse .hubNavigationWrapper {
    -webkit-transition: top .3s;
    -webkit-transition-delay: .2s;
    transition: top .3s .2s
}

.HubNavigation.notransitionDelay.stickyQuickReverse .hubNavigationWrapper {
    transition: top .4s
}

.touch .HubNavigation.notransitionDelay.stickyQuickReverse .hubNavigationWrapper {
    transition: top .3s
}

.HubNavigation.notransition .hubNavigationWrapper {
    transition: none!important
}

.HubNavigation .hubNavigationWrapper {
    border-bottom: 1px solid #eff1f1
}

.InteractiveNumberedImage {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage {
        display: block
    }
}

.InteractiveNumberedImage__toggles {
    counter-reset: a;
    padding-bottom: 39px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__toggles {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        padding-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveNumberedImage__toggles {
        padding-bottom: 32px
    }
}

.InteractiveNumberedImage__toggle {
    position: relative;
    padding-left: 38px;
    padding-top: 3px;
    padding-bottom: 8px;
    min-height: 43px;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: 1.2px;
    color: rgba(0, 0, 0, .5);
    cursor: pointer
}

.InteractiveNumberedImage__toggle:before {
    counter-increment: a;
    content: counter(a);
    position: absolute;
    top: 0;
    left: 1px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border: 2px solid transparent;
    color: #000;
    box-sizing: border-box;
    border-radius: 50px;
    font-size: 13px
}

.InteractiveNumberedImage__toggle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #000;
    box-sizing: border-box;
    border-radius: 50px
}

.InteractiveNumberedImage__toggle:first-child:before,
.InteractiveNumberedImage__toggle:nth-child(4):before {
    left: 0
}

.InteractiveNumberedImage__toggle.active,
.InteractiveNumberedImage__toggle.active:before {
    color: #005a2b
}

.InteractiveNumberedImage__toggle.active:after {
    border-color: #005a2b
}

[data-theme=dark] .InteractiveNumberedImage__toggle,
[data-theme=dark] .InteractiveNumberedImage__toggle:before {
    color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .InteractiveNumberedImage__toggle:after {
    border-color: hsla(0, 0%, 100%, .5)
}

[data-theme=dark] .InteractiveNumberedImage__toggle.active,
[data-theme=dark] .InteractiveNumberedImage__toggle.active:before {
    color: #fff
}

[data-theme=dark] .InteractiveNumberedImage__toggle.active:after {
    border-color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__toggle {
        font-size: 0;
        color: transparent;
        padding: 0;
        width: 22px;
        height: 22px;
        margin: 0 12px;
        min-height: 0
    }
}

.InteractiveNumberedImage__content {
    order: 0;
    width: calc(((100% - 140px) * 0.33333) + 90px);
    padding: 72px 40px 48px 90px
}

[data-intro-image-positioning=left] .InteractiveNumberedImage__content {
    order: 2;
    padding: 72px 90px 48px 40px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__content {
        width: 100%;
        padding: 40px 40px 56px
    }
    [data-intro-image-positioning=left] .InteractiveNumberedImage__content {
        padding: 40px 40px 56px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveNumberedImage__content {
        padding: 32px 30px 40px
    }
}

.InteractiveNumberedImage__navigation,
.InteractiveNumberedImage__tabs {
    box-sizing: border-box
}

.InteractiveNumberedImage__tab {
    display: none;
    padding-top: 10px;
    margin-top: -10px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__tabitem {
        max-width: 600px
    }
}

.InteractiveNumberedImage__tabItem_title {
    font-size: 17px;
    font-family: avenir, arial, helvetica, sans-serif;
    line-height: 16px;
    letter-spacing: 2.4px;
    font-weight: 500;
    margin-bottom: 14px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveNumberedImage__tabItem_title {
        line-height: 21px;
        letter-spacing: 2.55px
    }
}

@media screen and (min-width:901px) {
    .InteractiveNumberedImage__tabItem_title {
        display: none
    }
}

.InteractiveNumberedImage__tabItem_cta .primaryLinkWithStyle {
    margin-top: 48px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__tabItem_cta .primaryLinkWithStyle {
        margin-top: 32px
    }
}

.InteractiveNumberedImage__tabItem_summary {
    line-height: 19px
}

.InteractiveNumberedImage__images {
    width: calc(((100% - 140px) * 0.66666) + 50px);
    order: 1;
    box-sizing: border-box;
    flex-grow: 1;
    position: relative
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__images {
        width: 100%
    }
}

.InteractiveNumberedImage__image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 2
}

.InteractiveNumberedImage__image [data-picture] {
    display: block;
    height: 100%
}

.InteractiveNumberedImage__image [data-background-image] {
    background-repeat: no-repeat;
    background-size: cover
}

.InteractiveNumberedImage__image.current {
    z-index: 3
}

.InteractiveNumberedImage__image.target {
    z-index: 1
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__image.target {
        position: absolute
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveNumberedImage__image {
        height: auto;
        position: relative
    }
    .InteractiveNumberedImage__image img {
        height: auto;
        width: 100%
    }
}

.InteractiveNumberedImage__image img {
    display: block
}

.InteractiveToggle {
    position: relative;
    margin: 0 auto;
    background: #fff;
    display: table;
    width: 100%;
    padding: 56px 70px;
    table-layout: fixed
}

@media screen and (max-width:900px) {
    .InteractiveToggle {
        height: auto;
        display: block
    }
}

@media screen and (min-width:741px) and (max-width:900px) {
    .InteractiveToggle {
        padding: 38px 40px 40px
    }
}

@media screen and (max-width:740px) {
    .InteractiveToggle {
        padding: 30px 30px 32px
    }
}

.InteractiveToggle__toggles {
    overflow: hidden;
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%
}

@media screen and (max-width:740px) {
    .InteractiveToggle__toggles {
        font-size: 0
    }
}

@media screen and (min-width:1367px) {
    .InteractiveToggle__toggles {
        max-width: 544px;
        margin: 0 0 0 10px
    }
}

@media screen and (min-width:1850px) {
    .InteractiveToggle__toggles {
        margin-left: 0
    }
}

.InteractiveToggle__toggle {
    width: calc(100% / 4 - 1px);
    float: left;
    background-color: transparent;
    padding-bottom: 16px;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    color: #444;
    opacity: .5
}

.InteractiveToggle__toggle:hover {
    opacity: .75
}

.InteractiveToggle__toggle.active,
.InteractiveToggle__toggle.active:hover {
    opacity: 1
}

.InteractiveToggle__toggle.active:before,
.InteractiveToggle__toggle.active:hover:before {
    border-color: #005a2b
}

@media screen and (max-width:900px) {
    .InteractiveToggle__toggle {
        padding-top: 54px;
        padding-bottom: 0
    }
}

@media screen and (max-width:740px) {
    .InteractiveToggle__toggle {
        padding-bottom: 0;
        padding-top: 50px;
        font-size: 0;
        color: transparent;
        line-height: 0;
        width: calc(100% / 4 - 1px);
        max-width: 64px;
        display: inline-block;
        float: none
    }
}

@media screen and (min-width:741px) and (max-width:900px) {
    .InteractiveToggle__toggle {
        padding-left: 10px;
        padding-right: 10px;
        width: calc(100% / 4 - 1px)
    }
    [data-total="3"] .InteractiveToggle__toggle {
        width: calc(100% / 3 - 1px)
    }
    [data-total="2"] .InteractiveToggle__toggle {
        width: calc(100% / 2 - 1px)
    }
}

@media screen and (min-width:901px) {
    .InteractiveToggle__toggle {
        padding: 87px 10px 24px;
        max-width: 150px;
        width: calc(100% / 2 - 1px)
    }
}

@media screen and (min-width:1367px) {
    .InteractiveToggle__toggle {
        width: calc(100% / 4 - 1px);
        max-width: none;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 87px
    }
}

@media screen and (min-width:1500px) {
    .InteractiveToggle__toggle {
        padding-top: 107px;
        padding-left: 18px;
        padding-right: 18px
    }
}

.InteractiveToggle__toggle:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -35px;
    border-radius: 70px;
    border: 4px solid #444;
    color: #444;
    width: 70px;
    height: 70px;
    line-height: 62px;
    font-size: 30px;
    z-index: 2
}

@media screen and (max-width:1499px) {
    .InteractiveToggle__toggle:before {
        width: 50px;
        height: 50px;
        line-height: 42px;
        font-size: 22px;
        margin: 0 0 0 -25px
    }
}

@media screen and (min-width:901px) {
    .InteractiveToggle__toggle:before {
        top: 24px
    }
}

.InteractiveToggle__toggle.icon-speed-jaguar:before {
    font-size: 40px;
    line-height: 50px
}

@media screen and (max-width:1499px) {
    .InteractiveToggle__toggle.icon-speed-jaguar:before {
        line-height: 37px;
        font-size: 28px
    }
}

.InteractiveToggle__toggle.icon-media-jaguar:before {
    font-size: 38px
}

@media screen and (max-width:1499px) {
    .InteractiveToggle__toggle.icon-media-jaguar:before {
        font-size: 28px;
        line-height: 42px
    }
}

.InteractiveToggle__header {
    margin-bottom: 14px;
    font-size: 1.4em;
    letter-spacing: .2em;
    color: #000;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
    letter-spacing: 3px;
    letter-spacing: .3rem
}

@media screen and (min-width:901px) {
    .InteractiveToggle__header {
        padding-left: 20px;
        padding-right: 44px
    }
}

@media screen and (min-width:1850px) {
    .InteractiveToggle__header {
        padding-left: 0
    }
}

.InteractiveToggle__introduction {
    margin-bottom: 27px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #444
}

@media screen and (min-width:901px) {
    .InteractiveToggle__introduction {
        margin-bottom: 6px;
        padding-left: 20px;
        padding-right: 44px
    }
}

@media screen and (min-width:1367px) {
    .InteractiveToggle__introduction {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1850px) {
    .InteractiveToggle__introduction {
        padding-left: 0
    }
}

.InteractiveToggle__navigation {
    box-sizing: border-box;
    display: table-cell;
    width: 36%;
    vertical-align: top;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left
}

@media screen and (min-width:901px) {
    .InteractiveToggle__navigation {
        padding-left: 0;
        padding-right: 50px;
        padding-top: 0;
        position: relative;
        height: 100%
    }
    .InteractiveToggle__navigation:after {
        content: "";
        height: 100%;
        width: 1px;
        background: #d8d8d8;
        position: absolute;
        top: 0;
        right: 25px;
        overflow: auto
    }
}

@media (-ms-high-contrast:active),
screen and (min-width:901px) and (-ms-high-contrast:none) {
    .InteractiveToggle__navigation {
        overflow: hidden
    }
    .InteractiveToggle__navigation:after {
        min-height: 2000px
    }
}

@media screen and (min-width:1367px) {
    .InteractiveToggle__navigation {
        padding-top: 0;
        min-width: 534px
    }
}

@media screen and (min-width:741px) and (max-width:900px) {
    .InteractiveToggle__navigation {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

@media screen and (max-width:740px) {
    .InteractiveToggle__navigation {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }
}

.InteractiveToggle__tabitem {
    box-sizing: border-box
}

@media screen and (max-width:900px) {
    .InteractiveToggle__tabitem {
        border-left: 0
    }
}

.InteractiveToggle__tab {
    width: 65%;
    display: table-cell;
    vertical-align: top;
    opacity: 0
}

.InteractiveToggle .ContentCard {
    overflow: hidden;
    *zoom: 1;
    padding: 0
}

@media screen and (min-width:901px) {
    .InteractiveToggle .ContentCard {
        display: table;
        height: 100%;
        width: 100%
    }
}

.InteractiveToggle .ContentCard .body {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    letter-spacing: 0;
    font-weight: 400;
    color: #444
}

.InteractiveToggle .imageContainer {
    display: block;
    max-width: 300px;
    width: 30%;
    float: none;
    margin-left: 100px;
    margin-right: 30px
}

.InteractiveToggle .imageContainer .image {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (min-width:901px) {
    .InteractiveToggle .imageContainer {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        box-sizing: border-box;
        width: calc(49% - 1px)
    }
    .InteractiveToggle .imageContainer .image {
        max-width: 380px;
        margin: 0 auto
    }
}

@media screen and (min-width:901px) {
    .InteractiveToggle .imageContainer {
        padding-left: 0;
        padding-right: 25px
    }
}

@media screen and (min-width:1250px) {
    .InteractiveToggle .imageContainer {
        padding-left: 31px;
        padding-right: 32px
    }
}

@media screen and (max-width:900px) {
    .InteractiveToggle .imageContainer {
        width: 100%;
        max-width: 390px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (max-width:740px) {
    .InteractiveToggle .imageContainer {
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.InteractiveToggle .textContainer {
    width: 40%;
    padding: 0
}

@media screen and (min-width:901px) {
    .InteractiveToggle .textContainer {
        width: 51%;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 0 20px 0 21px;
        display: table-cell
    }
}

@media screen and (max-width:900px) {
    .InteractiveToggle .textContainer {
        width: auto;
        float: none;
        max-width: 600px
    }
}

.InteractiveToggle .heading {
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #000;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.22;
    letter-spacing: 3px;
    letter-spacing: .3rem
}

.InteractiveToggle .mileage {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    margin-top: 24px;
    font-size: 27px;
    font-size: 2.7rem;
    color: #005a2b;
    letter-spacing: .07em;
    font-weight: 300;
    padding-bottom: 0;
    position: relative
}

.InteractiveToggle .mileage sup {
    font-size: 11px;
    vertical-align: super;
    margin-left: 0;
    position: relative;
    top: -10px;
    left: 0
}

@media screen and (max-width:740px) {
    .InteractiveToggle .mileage {
        text-align: center
    }
}

.IgniteBarV1 {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 4;
    pointer-events: none;
    transition: margin 1s
}

.IgniteBarV1.visible,
.no-js .IgniteBarV1 {
    display: block
}

.IgniteBarV1.open {
    pointer-events: auto
}

.IgniteBarV1.open li>span {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0)
}

.IgniteBarV1 li {
    pointer-events: auto;
    clear: both;
    width: 100%
}

.IgniteBarV1 li>span {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    display: block;
    float: left;
    transition: background-color .2s, -webkit-transform .4s;
    transition: transform .4s, background-color .2s;
    transition: transform .4s, background-color .2s, -webkit-transform .4s;
    background-color: #0c121c;
    border-bottom: 1px solid #4a4f54;
    height: 49px;
    line-height: 49px;
    padding-right: 50px;
    font-size: 8px;
    letter-spacing: 3px;
    z-index: 7;
    text-align: left;
    height: 50px;
    width: 100%
}

.IgniteBarV1 li>span>a {
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    padding-left: 25px;
    padding-right: 5px
}

.IgniteBarV1 li.share span {
    z-index: 1;
    position: relative
}

.IgniteBarV1 li>a {
    z-index: 8;
    position: absolute;
    right: 0;
    text-decoration: none;
    border-bottom: 1px solid #4a4f54;
    background-color: #0c121c;
    width: 50px;
    height: 50px;
    -webkit-backface-visibility: hidden;
    display: block;
    transition: background-color .2s
}

.IgniteBarV1 li>a div {
    width: auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    margin-top: -1px
}

.IgniteBarV1 li>a div.icon-ignite-brochure:before {
    font-size: 18px
}

.IgniteBarV1 li>a div.icon-share:before {
    font-size: 18px;
    margin-top: -2px
}

.IgniteBarV1 li>a div.icon-bond:before {
    font-size: 30px;
    margin-top: 14px;
    margin-left: 9px
}

.IgniteBarV1 li>a div.icon-svo:before {
    font-size: 22px
}

.IgniteBarV1 li>a div.addThis {
    display: inline
}

.IgniteBarV1 li>a div.addThis:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.IgniteBarV1 li:hover:not(.share) a {
    color: #0c121c
}

.IgniteBarV1 li:hover:not(.share)>a,
.IgniteBarV1 li:hover:not(.share)>span {
    background-color: #fff
}

.IgniteBarV1 li:last-child>a,
.IgniteBarV1 li:last-child>span {
    border-bottom: none
}

.IgniteBarV1 li .icon-social-facebook-comment:before {
    font-size: 18px
}

.IgniteBarV1 li .SocialSharing {
    position: relative;
    visibility: visible;
    background-color: #0c121c;
    left: auto;
    right: 0
}

.IgniteBarV1 li .SocialSharing a {
    background: none;
    -webkit-filter: none;
    filter: none
}

.IgniteBarV1 li .SocialSharing a:hover {
    color: #fff
}

.IgniteBarV1 li .SocialSharing a.addthis_button_twitter>span:before {
    margin-top: 0;
    margin-left: 5px
}

.IgniteBarV1 li .SocialSharing a.addthis_button_facebook>span:before {
    margin-top: -6px;
    margin-left: 4px
}

.IgniteBarV1 li .SocialSharing a.addthis_button_douban>span:before,
.IgniteBarV1 li .SocialSharing a.addthis_button_linkedin>span:before,
.IgniteBarV1 li .SocialSharing a.addthis_button_pinterest_share>span:before,
.IgniteBarV1 li .SocialSharing a.addthis_button_tumblr>span:before {
    margin-top: -6px
}

.IgniteBarV1 li .SocialSharing a.addthis_button_email>span:before {
    margin-top: 0;
    margin-left: 4px
}

.IgniteBarV1 li .SocialSharing a.addthis_button_expanded>span:before,
.IgniteBarV1 li .SocialSharing a.addthis_button_renren>span:before {
    margin-top: -6px;
    margin-left: 4px
}

.IgniteBarV1[data-total="2"] {
    margin-top: -50.5px
}

.IgniteBarV1[data-total="3"] {
    margin-top: -76px
}

.IgniteBarV1[data-total="4"] {
    margin-top: -101.5px
}

.IgniteBarV1[data-total="5"] {
    margin-top: -127px
}

.IgniteBarV1[data-total="6"] {
    margin-top: -152.5px
}

.IgniteBarV1.light a {
    color: #0c121c
}

.IgniteBarV1.light li>a,
.IgniteBarV1.light li>span {
    font-weight: 700;
    background-color: #fff;
    border-bottom: 1px solid #eff1f1
}

.IgniteBarV1.light li:hover:not(.share) a {
    color: #fff
}

.IgniteBarV1.light li:hover:not(.share)>a,
.IgniteBarV1.light li:hover:not(.share)>span {
    background-color: #005a2b
}

.IgniteBarV1.light li .SocialSharing {
    background-color: #fff
}

html.no-js .IgniteBarV1 li.share {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    html.no-js .IgniteBarV1 {
        display: none;
        visibility: hidden
    }
}

body .IgniteBarV1 {
    top: calc((100% + 108px) / 2)
}

body.withSubNavigation .IgniteBarV1 {
    top: calc((100% + 108px + 41px) / 2)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .IgniteBarV1,
    .IgniteBarV1.visible {
        display: none
    }
}

.IgniteBarV2 {
    display: none;
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 9;
    pointer-events: none
}

.IgniteBarV2.visible {
    display: block
}

.IgniteBarV2 .barContainer {
    -webkit-transform: translateZ(0);
    position: relative;
    padding-top: 50px;
    transition-property: top;
    transition-duration: .4s
}

.IgniteBarV2 .barContainer.scrolling {
    transition-duration: .1s
}

.IgniteBarV2 .toggle {
    pointer-events: all;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition-property: top, margin-top;
    transition-duration: .6s;
    transition-delay: .7s;
    transition-timing-function: ease-out(0, 0, 1400, .099)
}

.IgniteBarV2 .toggle .toggleLabel {
    background-color: #fff;
    height: 50px;
    line-height: 51px;
    color: #005a2b;
    padding-left: 22px;
    padding-right: 20px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: .3em;
    position: absolute;
    right: -100%;
    margin-right: -50px;
    top: 0;
    transition-property: margin-right, right;
    transition-duration: .2s;
    z-index: 1;
    font-weight: 700
}

.IgniteBarV2 .toggle .toggleLabel.open {
    right: 50px;
    margin-right: 0
}

.IgniteBarV2 .toggle .toggleBtn {
    position: relative;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    background-color: #005a2b;
    color: #fff;
    overflow: hidden;
    transition-property: background-color, color;
    transition-duration: .4s;
    transition-delay: 1.5s
}

.IgniteBarV2 .toggle .toggleBtn .toggleCross {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0deg);
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .4s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px
}

.IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon.transition {
    -webkit-animation: n .6s 1, o .4s 1 .6s;
    animation: n .6s 1, o .4s 1 .6s
}

.IgniteBarV2.open .toggle {
    top: 0;
    margin-top: 0;
    transition-delay: .3s;
    transition-duration: .5s;
    transition-timing-function: ease-out(0, 0, 0, .85)
}

.IgniteBarV2.open .toggle .toggleBtn {
    background-color: #fff;
    color: #0d6236;
    transition-delay: 0s;
    transition-duration: .4s
}

.IgniteBarV2.open .toggle .toggleBtn .toggleCross {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transition-duration: .4s;
    transition-delay: .8s;
    transition-timing-function: ease-out
}

.IgniteBarV2.open .toggle .toggleBtn .toggleCross .toggleCrossIcon:before {
    -webkit-animation: none;
    animation: none
}

.IgniteBarV2.animate {
    transition-property: top;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.IgniteBarV2 .actions {
    pointer-events: all;
    width: 50px;
    position: relative;
    right: -50px;
    transition-property: right;
    transition-duration: .7s;
    transition-delay: 0s
}

.IgniteBarV2 .actions .actionItem {
    width: 50px;
    height: 50px;
    margin-top: 1px;
    position: relative
}

.IgniteBarV2 .actions .actionItem .action {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    transition-property: width;
    transition-duration: .5s;
    transition-delay: .1s
}

.IgniteBarV2 .actions .actionItem .action .actionIcon {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 50px;
    text-align: center;
    background-color: #0c121c;
    text-decoration: none
}

.IgniteBarV2 .actions .actionItem .action .actionIcon:before {
    position: relative;
    font-size: 20px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-ignite-brochure:before {
    font-size: 18px;
    top: -1px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-share:before {
    font-size: 18px;
    top: -2px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-social-facebook-comment:before {
    font-size: 17px;
    top: -1px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-map-pin:before {
    font-size: 21px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-bond:before {
    font-size: 30px;
    margin-top: 14px;
    margin-left: 9px
}

.IgniteBarV2 .actions .actionItem .action .actionIcon.icon-svo:before {
    font-size: 22px
}

.IgniteBarV2 .actions .actionItem .action .labelContainer {
    display: table;
    width: 200px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.IgniteBarV2 .actions .actionItem .action .labelContainer .label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: .3em;
    line-height: 12px;
    color: #e4e8e8;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition-property: opacity;
    transition-duration: .3s;
    transition-delay: 0
}

.IgniteBarV2 .actions .actionItem .action:hover .labelContainer .label {
    color: #fff
}

.IgniteBarV2 .actions .actionItem.open .action .labelContainer .label {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition-delay: .8s;
    transition-duration: .4s
}

.IgniteBarV2.open .actions {
    right: 0;
    transition-delay: .8s;
    transition-duration: .4s
}

.IgniteBarV2.open .actions .actionItem .action {
    width: 250px;
    transition-delay: .8s;
    transition-duration: .4s
}

.IgniteBarV2 .sharingContainer {
    width: 0;
    height: 50px;
    position: absolute;
    top: 0;
    right: 50px;
    overflow: hidden;
    transition-property: width;
    transition-duration: .2s
}

.IgniteBarV2 .sharingContainer .SocialSharing,
.IgniteBarV2 .sharingContainer .SocialSharing a {
    background-color: transparent
}

.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_twitter>span:before {
    margin-top: 0;
    margin-left: 5px
}

.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_facebook>span:before {
    margin-top: -6px;
    margin-left: 4px
}

.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_douban>span:before,
.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_linkedin>span:before,
.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_pinterest_share>span:before,
.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_tumblr>span:before {
    margin-top: -6px
}

.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_email>span:before {
    margin-top: 0;
    margin-left: 4px
}

.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_expanded>span:before,
.IgniteBarV2 .sharingContainer .SocialSharing a.addthis_button_renren>span:before {
    margin-top: -6px;
    margin-left: 4px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .IgniteBarV2 {
        top: auto!important;
        bottom: 50px
    }
    .IgniteBarV2 .barContainer {
        padding-bottom: 50px
    }
    .IgniteBarV2 .toggle {
        position: absolute;
        bottom: 0;
        top: auto;
        margin-top: 0
    }
    .IgniteBarV2.open .toggle {
        top: auto
    }
    .IgniteBarV2.open .toggle .cross {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .IgniteBarV2 .actions .actionItem {
        margin-top: 0;
        margin-bottom: 1px
    }
}

@media screen and (max-height:360px) {
    .IgniteBarV2,
    .IgniteBarV2.visible {
        display: none
    }
}

.no-js .IgniteBarV2 .toggle {
    display: none
}

.no-js .IgniteBarV2 .actions {
    right: 0
}

.no-js .IgniteBarV2 .actions .actionItemShare {
    display: none
}

.no-js .IgniteBarV2 .actions .actionItem .action .labelContainer {
    background-color: #0c121c
}

.no-js .IgniteBarV2 .actions .actionItem .action .labelContainer .label {
    text-align: center
}

.no-js .IgniteBarV2 .actions .actionItem .action:hover {
    width: 250px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .IgniteBarV2 {
        display: none
    }
}

.igniteOverlay {
    position: fixed;
    z-index: 9;
    transition-timing-function: ease-out;
    background-color: transparent;
    transition-duration: .4s;
    transition-delay: 1.5s
}

.igniteOverlay.visible {
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    width: 300%;
    height: 300%
}

.igniteOverlay.active {
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

@-webkit-keyframes n {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: scale(1.2) rotate(90deg);
        transform: scale(1.2) rotate(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes n {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: scale(1.2) rotate(90deg);
        transform: scale(1.2) rotate(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes o {
    0% {
        -webkit-transform: scale(1.2) rotate(90deg);
        transform: scale(1.2) rotate(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes o {
    0% {
        -webkit-transform: scale(1.2) rotate(90deg);
        transform: scale(1.2) rotate(90deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.IgniteBar {
    transition: opacity .4s
}

.forceScrollBar .IgniteBar {
    opacity: 0;
    position: relative
}

.IgniteBarDevice {
    display: none;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #30363e
}

.IgniteBarDevice .item {
    display: table-cell;
    vertical-align: middle;
    padding: 7px 15px 6px;
    border-left: 1px solid #30363e;
    background-color: #0c121c;
    text-decoration: none;
    font-size: 8px;
    letter-spacing: .2em;
    text-align: center;
    transition: background-color .4s
}

.IgniteBarDevice .item:first-child {
    border-left: none
}

.IgniteBarDevice .item:focus,
.IgniteBarDevice .item:hover {
    background-color: #4a4f54
}

.IgniteBarDevice .item .icon,
.IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .aw-tooltip {
    display: block;
    line-height: 21px;
    margin: 0 auto;
    font-family: icons;
    font-size: 25px;
    -webkit-font-smoothing: antialiased
}

.IgniteBarDevice .item .itemContent {
    display: block;
    height: 100%;
    text-align: center;
    font-size: 8px!important
}

.IgniteBarDevice .item .icon.icon-share,
.IgniteBarDevice .item .icon.icon-social-facebook-comment,
.IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .icon-share.aw-tooltip,
.IgniteBarDevice .item .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .icon-social-facebook-comment.aw-tooltip,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .icon-share.aw-tooltip,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .IgniteBarDevice .item .icon-social-facebook-comment.aw-tooltip {
    font-size: 22px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .IgniteBarDevice {
        display: table
    }
}

.InPageDealerLocator .headerBlock {
    padding-left: 20px;
    padding-right: 20px
}

.InPageDealerLocator .errorMessage {
    display: none;
    padding-bottom: 10px;
    color: #f2681d!important
}

.InPageDealerLocator .formContainer {
    width: 500px;
    margin: 0 auto
}

.InPageDealerLocator .textfield {
    width: 350px;
    display: inline-block;
    margin: 0 20px 0 0
}

#landrover .InPageDealerLocator.dark .searchButton {
    background-color: #0c121c;
    color: #fff
}

#landrover .InPageDealerLocator.dark .searchButton:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .InPageDealerLocator.dark .searchButton.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .InPageDealerLocator.dark .searchButton:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .InPageDealerLocator.dark .searchButton.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

#landrover .InPageDealerLocator .searchButton {
    margin-top: 0;
    min-width: 0;
    width: 130px;
    vertical-align: top
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InPageDealerLocator {
        padding-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InPageDealerLocator {
        padding-bottom: 30px
    }
    .InPageDealerLocator .summary {
        text-align: center;
        padding-bottom: 0
    }
    .InPageDealerLocator .formContainer {
        width: auto;
        max-width: 350px
    }
    .InPageDealerLocator .textfield {
        width: 100%;
        margin: 0 0 20px
    }
    .InPageDealerLocator .searchButton {
        width: 100%!important
    }
}

.InPageNavigation .ipnBar {
    position: relative;
    color: #a4a7a9;
    background-clip: content-box;
    transition: background-color .4s, border-color .4s
}

.InPageNavigation .ipnBar .ipnTopLink {
    display: block;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 39px;
    text-align: center;
    transition: opacity .4s, visibility 0 .4s
}

.InPageNavigation .ipnBar .ipnTopLink:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-right: 10px;
    position: relative;
    top: -1px
}

.InPageNavigation .ipnBar .ipnLinksContainer {
    position: relative;
    margin: 0 90px
}

.InPageNavigation .ipnBar .ipnLinks {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto
}

.InPageNavigation .ipnBar .ipnLinks li {
    display: table-cell;
    border-right: 1px solid #5c6165;
    transition: border-color .4s
}

.InPageNavigation .ipnBar .ipnLinks li:first-child {
    border-left: 1px solid #5c6165
}

.InPageNavigation .ipnBar .ipnLinks li a {
    display: block;
    position: relative;
    height: 40px;
    line-height: 39px;
    padding: 0 5px;
    text-align: center;
    z-index: 1;
    transition: color .4s
}

.InPageNavigation .ipnBar .ipnLinks li a span {
    display: inline-block;
    line-height: 12px;
    vertical-align: middle
}

.InPageNavigation .ipnBar .ipnLinks li a:hover {
    color: #fff
}

.InPageNavigation .ipnBar a {
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .2em;
    text-decoration: none;
    color: inherit
}

.InPageNavigation .ipnBar .ipnIndicator {
    height: 5px;
    position: absolute;
    bottom: 0;
    background-color: transparent;
    transition: background-color .2s
}

.InPageNavigation.ipnSticky .ipnBar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 8
}

.InPageNavigation.ipnReversed .ipnBar {
    color: #0c121c;
    background-color: #e4e8e8;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=97);
    opacity: .97;
    box-shadow: 0 0 2px rgba(0, 0, 0, .15)
}

.InPageNavigation.ipnReversed .ipnBar .ipnTopLink {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
    transition: visibility 0, opacity .4s .4s
}

.InPageNavigation.ipnReversed .ipnBar .ipnLinks li,
.InPageNavigation.ipnReversed .ipnBar .ipnLinks li:first-child {
    border-color: #e4e8e8
}

.InPageNavigation.ipnReversed .ipnBar .ipnLinks li.active a,
.InPageNavigation.ipnReversed .ipnBar .ipnLinks li a:hover,
.InPageNavigation.ipnReversed .ipnBar a:hover {
    color: #0c121c
}

.InPageNavigation.ipnReversed .ipnBar .ipnIndicator {
    background-color: #005a2b;
    transition: background-color .4s .4s
}

.InPageNavigation.ipnReversed .ipnBar .ipnIndicator.ipnIndicatorAnimateLeft {
    transition: left .4s, right .4s .2s, background-color .4s .4s
}

.InPageNavigation.ipnReversed .ipnBar .ipnIndicator.ipnIndicatorAnimateRight {
    transition: left .4s .2s, right .4s, background-color .4s .4s
}

.InPageNavigation.ipnNoAnimate,
.InPageNavigation.ipnNoAnimate * {
    transition: none!important
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InPageNavigation {
        display: none
    }
}

.InPageNavigation.touchDevice,
.no-js .InPageNavigation {
    display: none
}

.InPageSubNavigation {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    display: none
}

.InPageSubNavigation .DropdownNav {
    margin: 0 auto
}

.InPageSubNavigation .chooseModel {
    padding: 0
}

.InPageSubNavigation .chooseModel .back,
.InPageSubNavigation .chooseModel>a {
    display: block;
    padding: 0 40px 0 23px;
    line-height: 45px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-align: left;
    position: relative;
    transition: background-color .4s ease-out
}

.InPageSubNavigation .chooseModel .back:before,
.InPageSubNavigation .chooseModel>a:before {
    position: absolute;
    top: 17px;
    right: 16px
}

.InPageSubNavigation .chooseModel>a:before {
    content: ""
}

.InPageSubNavigation .chooseModel .back:before,
.InPageSubNavigation .chooseModel>a:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.InPageSubNavigation .chooseModel .back:before {
    content: ""
}

.InPageSubNavigation .chooseModel .modelsContainer {
    display: none
}

.InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader {
    margin: 0;
    padding: 0 23px;
    line-height: 45px;
    font-size: 10px;
    letter-spacing: .2em;
    cursor: default
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InPageSubNavigation {
        display: block
    }
}

.no-js .InPageSubNavigation .chooseModel>a,
.no-js .InPageSubNavigation .DropdownNav .selected:before {
    display: none
}

.no-js .InPageSubNavigation .chooseModel .modelsContainer {
    display: block
}

.no-js .InPageSubNavigation .chooseModel .modelsContainer .back {
    display: none
}

.InPageSubNavigation .chooseModel .back,
.InPageSubNavigation .chooseModel>a {
    background-color: #0c121c;
    color: #fff
}

.InPageSubNavigation .chooseModel .back:focus,
.InPageSubNavigation .chooseModel .back:hover,
.InPageSubNavigation .chooseModel>a:focus,
.InPageSubNavigation .chooseModel>a:hover {
    background-color: #383b3f
}

.InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader {
    background-color: #a4a7a9;
    color: #fff
}

.lightTheme .InPageSubNavigation .chooseModel .back,
.lightTheme .InPageSubNavigation .chooseModel>a {
    background-color: #0c121c;
    color: #fff
}

.lightTheme .InPageSubNavigation .chooseModel .back:focus,
.lightTheme .InPageSubNavigation .chooseModel .back:hover,
.lightTheme .InPageSubNavigation .chooseModel>a:focus,
.lightTheme .InPageSubNavigation .chooseModel>a:hover {
    background-color: #383b3f
}

.lightTheme .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader {
    background-color: #a4a7a9;
    color: #fff
}

.InPageVideoPlayer {
    width: 100%;
    color: #e4e8e8
}

.InPageVideoPlayer .VideoPlayer {
    width: 100%
}

.InPageVideoPlayer .heading {
    text-align: center;
    color: #fff;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.InPageVideoPlayer.grey,
.InPageVideoPlayer.light {
    color: #4a4f54
}

.InPageVideoPlayer.grey .heading,
.InPageVideoPlayer.light .heading {
    color: #0c121c
}

.InPageVideoPlayer.grey .mejs-overlay-button,
.InPageVideoPlayer.light .mejs-overlay-button {
    color: #fff
}

.InPageYouTubePlayer {
    width: 100%;
    color: #e4e8e8
}

.InPageYouTubePlayer .outerPlayerWrapper {
    display: table;
    width: 100%
}

.InPageYouTubePlayer .YouTubePlayer {
    width: 100%
}

.InPageYouTubePlayer .heading {
    text-align: center;
    color: #fff;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.InPageYouTubePlayer.grey,
.InPageYouTubePlayer.light {
    color: #4a4f54
}

.InPageYouTubePlayer.grey .heading,
.InPageYouTubePlayer.light .heading {
    color: #0c121c
}

.InPageYouTubePlayer.grey .playButton,
.InPageYouTubePlayer.light .playButton {
    color: #fff
}

.no-js .InPageYouTubePlayer .playerCover {
    position: static
}

.no-js .InPageYouTubePlayer noscript img {
    width: 100%
}

.no-js .InPageYouTubePlayer .playButton {
    display: none
}

.InteractiveStory {
    position: relative;
    background-color: #fff
}

.InteractiveStory .componentIndicator {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: fixed;
    right: 25px;
    top: 50%;
    z-index: 6;
    margin-top: 5px
}

.InteractiveStory .componentIndicator .componentIndicatorItem {
    display: block;
    font-size: 14px;
    text-align: center
}

.InteractiveStory .componentIndicator .componentIndicatorItem:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.InteractiveStory .componentIndicator .componentIndicatorItem:last-child .componentIndicatorLink {
    padding-bottom: 0
}

.InteractiveStory .componentIndicator .componentIndicatorLink {
    box-sizing: content-box;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 10px;
    -webkit-transform: rotate3d(0, 0, 0, 0);
    transform: rotate3d(0, 0, 0, 0)
}

.InteractiveStory .componentIndicator .componentIndicatorLink,
.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot,
.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing {
    border-radius: 50%
}

.InteractiveStory .componentIndicator .componentIndicatorLink,
.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing {
    width: 16px;
    height: 16px
}

.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot,
.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing {
    transition: -webkit-transform .4s ease-in;
    transition: transform .4s ease-in;
    transition: transform .4s ease-in, -webkit-transform .4s ease-in;
    display: block;
    position: absolute
}

.InteractiveStory .componentIndicator .componentIndicatorLink.noTransition .componentIndicatorLinkDot,
.InteractiveStory .componentIndicator .componentIndicatorLink.noTransition .componentIndicatorLinkRing {
    transition: none
}

.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing {
    box-sizing: border-box;
    opacity: .8;
    top: 0;
    left: 0;
    position: relative
}

.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot {
    -webkit-transform: scale(0);
    transform: scale(0);
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px
}

.InteractiveStory .componentIndicator .componentIndicatorLink.active .componentIndicatorLinkRing,
.InteractiveStory .componentIndicator .componentIndicatorLink.scrollingTo .componentIndicatorLinkRing,
.InteractiveStory .componentIndicator .componentIndicatorLink:hover .componentIndicatorLinkRing {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink .componentIndicatorLinkRing {
    opacity: .8
}

.InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink .componentIndicatorLinkDot {
    transition: -webkit-transform .8s ease-in;
    transition: transform .8s ease-in;
    transition: transform .8s ease-in, -webkit-transform .8s ease-in;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink.scrollingTo .componentIndicatorLinkRing {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.InteractiveStory .componentIndicator.componentIndicatorScrolling .componentIndicatorLink.scrollingTo .componentIndicatorLinkDot {
    transition: -webkit-transform .8s ease-in;
    transition: transform .8s ease-in;
    transition: transform .8s ease-in, -webkit-transform .8s ease-in
}

.InteractiveStory.fullscreen .componentIndicator {
    z-index: -1
}

.InteractiveStory.touch .componentIndicator {
    display: none
}

.InteractiveStory .InteractiveStoryHeader {
    position: absolute;
    top: 0;
    height: 40px;
    width: 100%;
    z-index: 5;
    color: #0c121c
}

.InteractiveStory .InteractiveStoryHeader .navButton,
.InteractiveStory .InteractiveStoryHeader .shareStoryText,
.InteractiveStory .InteractiveStoryHeader .titleContainer {
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase
}

.InteractiveStory .InteractiveStoryHeader .titleContainer {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    height: 100%;
    width: 45%;
    margin: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    z-index: -1;
    opacity: 0;
    transition: all .3s
}

.InteractiveStory .InteractiveStoryHeader .titleContainer.title_visible {
    top: 0;
    opacity: 1;
    transition: all .3s
}

.InteractiveStory .InteractiveStoryHeader .navButton {
    width: auto;
    float: left;
    margin-left: 45px;
    text-decoration: none
}

.InteractiveStory .InteractiveStoryHeader .navButton i {
    font-size: 12px
}

.InteractiveStory .InteractiveStoryHeader .navButton i:before {
    margin-top: -1px
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer {
    width: auto;
    float: right
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .shareStoryText {
    display: inline-block;
    z-index: 20;
    margin: 0 15px;
    vertical-align: top
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton:hover {
    background-color: #0c121c
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .addThisButton i {
    vertical-align: middle;
    line-height: 40px;
    font-size: 20px
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing {
    display: inline-block!important;
    position: relative;
    visibility: visible;
    min-width: 40px;
    max-width: 120px;
    width: auto;
    height: 40px;
    margin: 0 -4px;
    background-color: #fff;
    font-size: 17px
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing a {
    float: right;
    height: 100%;
    width: 40px!important
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing a span {
    height: 100%;
    line-height: 40px;
    font-size: 15px
}

.InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing .addthis_button_expanded {
    display: none
}

.InteractiveStory .addThisButton {
    background-color: grey
}

.InteractiveStory .SocialSharing a {
    -webkit-filter: none;
    filter: none
}

.InteractiveStory .SocialSharing a.addthis_button_twitter {
    background-color: #2ca8d2
}

.InteractiveStory .SocialSharing a.addthis_button_facebook {
    background-color: #305891
}

.InteractiveStory .SocialSharing a.addthis_button_linkedin {
    background-color: #007bb6
}

.InteractiveStory .SocialSharing a.addthis_button_google_plusone_share {
    background-color: #dd4b39
}

.InteractiveStory .SocialSharing a.addthis_button_tumblr {
    background-color: #2f5070
}

.InteractiveStory .SocialSharing a.addthis_button_sinaweibo,
.InteractiveStory .SocialSharing a.addthis_button_tencentweibo {
    background-color: #df2029
}

.InteractiveStory .SocialSharing a.addthis_button_pinterest_share {
    background-color: #c82828
}

.InteractiveStory .SocialSharing a.addthis_button_douban {
    background-color: #0e7512
}

.InteractiveStory .SocialSharing a.addthis_button_vkontakt {
    background-color: #2f5070
}

.InteractiveStory .SocialSharing a.addthis_button_renren {
    background-color: #0259a0
}

.InteractiveStory .SocialSharing a.addthis_button_whatsapp {
    background-color: #25d366
}

.InteractiveStory .SocialSharing a:hover {
    background-color: #0c121c!important
}

.InteractiveStory .SocialSharing a.addthis_button_expanded {
    background-color: grey
}

.InteractiveStory .interactiveStoryMeta {
    z-index: 5;
    position: relative;
    background: #fff;
    overflow: hidden
}

.InteractiveStory .interactiveStoryMeta .interactiveStoryTags .interactiveStoryTagsInnerWrapper {
    display: table
}

.InteractiveStory .interactiveStoryMeta .interactiveStoryTags .interactiveStoryTagsContainer {
    display: table-cell
}

.InteractiveStory .interactiveStoryMeta .interactiveStoryTags .label {
    color: #0c121c;
    font-weight: 700;
    margin-right: 5px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .label {
        display: block;
        margin-bottom: 5px
    }
}

.InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags {
    font-size: 10px;
    letter-spacing: .2em;
    font-weight: 700;
    padding: 10px 15px;
    position: relative;
    background-color: #f8f9f9;
    margin-bottom: 5px;
    display: inline-block;
    color: #4a4f54;
    text-decoration: none;
    margin-right: 0
}

.InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags:hover {
    background-color: #e3e7e7
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveStory .interactiveStoryMeta .interactiveStoryTags .tags {
        padding: 15px!important;
        line-height: 15px
    }
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 90px;
    padding-left: 240px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags {
        margin: 0 100px;
        padding: 0 40px
    }
}

@media screen and (min-width:901px) {
    .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags {
        padding-left: 240px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags {
        padding: 0 30px;
        margin: 0
    }
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .interactiveStoryTagsInnerWrapper {
    display: table
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .interactiveStoryTagsContainer {
    display: table-cell
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .label {
    color: #0c121c;
    font-weight: 700;
    margin-right: 5px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .label {
        display: block;
        margin-bottom: 5px
    }
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .tags {
    font-size: 10px;
    letter-spacing: .2em;
    font-weight: 700;
    padding: 10px 15px;
    position: relative;
    background-color: #f8f9f9;
    margin-bottom: 5px;
    display: inline-block;
    color: #4a4f54;
    text-decoration: none;
    margin-right: 0
}

.InteractiveStory .interactiveStoryMeta.centre .interactiveStoryTags .tags:hover {
    background-color: #e3e7e7
}

.InteractiveStory .interactiveStoryMeta.left .interactiveStoryTags {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 90px
}

.msEdge .InteractiveStory .interactiveStoryMeta {
    border-top: 1px solid #fff;
    top: -1px
}

.InteractiveStory .interactiveStorySharing {
    max-width: 1400px;
    margin: 0 auto;
    padding: 80px 90px;
    background: #fff;
    z-index: 5;
    position: relative;
    padding-top: 25px
}

.InteractiveStory .interactiveStorySharing.SocialSharing {
    margin: 0 auto;
    left: auto;
    background: #fff
}

.InteractiveStory .StoryCredit+.interactiveStorySharing {
    padding-top: 0
}

.InteractiveStory .component {
    position: relative;
    z-index: 4;
    clear: both
}

.InteractiveStory .revealComponent {
    z-index: 3
}

.InteractiveStory .slideRevealWrapper.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:2001px) {
    .InteractiveStory .slideRevealWrapper.fixed {
        width: 2000px;
        left: 50%;
        margin-left: -1000px
    }
}

.InteractiveStory.fullscreen {
    z-index: 9
}

.InteractiveStory .slideRevealOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4a4f54;
    z-index: 2;
    pointer-events: none
}

@media screen and (min-width:901px) {
    .InteractiveStory .interactiveStoryMeta.centre .interactiveStorySharing,
    .touch .InteractiveStory .interactiveStorySharing {
        max-width: 1280px;
        padding-left: 240px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveStory .InteractiveStoryHeader .stickyNavSocialSharingContainer .SocialSharing {
        display: none!important
    }
    .InteractiveStory .componentIndicator {
        display: none
    }
    .InteractiveStory .interactiveStorySharing {
        padding-left: 40px;
        padding-right: 40px
    }
    .InteractiveStory .interactiveStorySharing.SocialSharing {
        margin-left: 100px;
        margin-right: 100px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveStory .InteractiveStoryHeader .navButton {
        margin-left: 15px
    }
    .InteractiveStory .interactiveStorySharing {
        padding-left: 30px;
        padding-right: 30px
    }
    .InteractiveStory .interactiveStorySharing.SocialSharing {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .InteractiveStory .interactiveStorySharing.SocialSharing {
        margin-left: 100px;
        margin-right: 100px
    }
    .InteractiveStory .interactiveStoryTags {
        margin: 0 100px!important;
        padding: 0 30px!important
    }
}

.InteractiveStory .InteractiveStoryHeader .navButton,
.InteractiveStory .InteractiveStoryHeader .shareStoryText,
.InteractiveStory .InteractiveStoryHeader .titleContainer {
    font-size: 9px;
    letter-spacing: 1.8px
}

.InteractiveStory .InteractiveStoryHeader .navButton {
    color: #0c121c
}

.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkDot {
    background-color: #fff
}

.InteractiveStory .componentIndicator .componentIndicatorLink .componentIndicatorLinkRing {
    -webkit-transform: scale(.625);
    transform: scale(.625);
    background-color: #000
}

.InteractiveStory .componentIndicator .componentIndicatorLink.componentIndicatorScrolling .componentIndicatorLink .componentIndicatorLinkRing {
    -webkit-transform: scale(.625);
    transform: scale(.625)
}

.InteractiveStory .componentIndicator .componentIndicatorLink.active .componentIndicatorLinkDot,
.InteractiveStory .componentIndicator .componentIndicatorLink.componentIndicatorScrolling .componentIndicatorLink.scrollingTo .componentIndicatorLinkDot {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@-webkit-keyframes p {
    0%,
    to {
        -webkit-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(270deg) translateX(6px);
        transform: rotate(270deg) translateX(6px)
    }
}

@keyframes p {
    0%,
    to {
        -webkit-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(270deg) translateX(6px);
        transform: rotate(270deg) translateX(6px)
    }
}

@-webkit-keyframes q {
    0%,
    to {
        -webkit-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(270deg) translateX(4px);
        transform: rotate(270deg) translateX(4px)
    }
}

@keyframes q {
    0%,
    to {
        -webkit-transform: rotate(270deg) translateX(0);
        transform: rotate(270deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(270deg) translateX(4px);
        transform: rotate(270deg) translateX(4px)
    }
}

@-webkit-keyframes r {
    0%,
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translateX(6px);
        transform: rotate(0deg) translateX(6px)
    }
}

@keyframes r {
    0%,
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translateX(6px);
        transform: rotate(0deg) translateX(6px)
    }
}

@-webkit-keyframes s {
    0%,
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translateX(4px);
        transform: rotate(0deg) translateX(4px)
    }
}

@keyframes s {
    0%,
    to {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(0deg) translateX(4px);
        transform: rotate(0deg) translateX(4px)
    }
}

@-webkit-keyframes t {
    0%,
    to {
        -webkit-transform: rotate(180deg) translateX(0);
        transform: rotate(180deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(180deg) translateX(6px);
        transform: rotate(180deg) translateX(6px)
    }
}

@keyframes t {
    0%,
    to {
        -webkit-transform: rotate(180deg) translateX(0);
        transform: rotate(180deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(180deg) translateX(6px);
        transform: rotate(180deg) translateX(6px)
    }
}

@-webkit-keyframes u {
    0%,
    to {
        -webkit-transform: rotate(180deg) translateX(0);
        transform: rotate(180deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(180deg) translateX(4px);
        transform: rotate(180deg) translateX(4px)
    }
}

@keyframes u {
    0%,
    to {
        -webkit-transform: rotate(180deg) translateX(0);
        transform: rotate(180deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(180deg) translateX(4px);
        transform: rotate(180deg) translateX(4px)
    }
}

@-webkit-keyframes v {
    0%,
    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(90deg) translateX(6px);
        transform: rotate(90deg) translateX(6px)
    }
}

@keyframes v {
    0%,
    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(90deg) translateX(6px);
        transform: rotate(90deg) translateX(6px)
    }
}

@-webkit-keyframes w {
    0%,
    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(90deg) translateX(4px);
        transform: rotate(90deg) translateX(4px)
    }
}

@keyframes w {
    0%,
    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0)
    }
    50% {
        -webkit-transform: rotate(90deg) translateX(4px);
        transform: rotate(90deg) translateX(4px)
    }
}

.Interior360 {
    background: #fff;
    direction: ltr;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}

.Interior360 .panorama-holder {
    position: relative;
    width: 100%;
    max-height: 900px;
    background-repeat: no-repeat;
    background-size: cover
}

.Interior360 .panorama {
    cursor: -webkit-grab
}

.Interior360 .headerBox {
    z-index: 4
}

.Interior360 .panorama,
.Interior360 .panorama-holder {
    min-height: 500px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .panorama,
    .Interior360 .panorama-holder {
        min-height: 190px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .panorama-holder {
        transition: height .4s ease-out;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
    .Interior360 .panorama {
        opacity: 1;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity .55s ease-out
    }
}

.Interior360 .pano-init {
    position: absolute;
    bottom: 210px;
    z-index: 4;
    width: 100%
}

.Interior360 .pano-init-desktop,
.Interior360 .pano-init-touch {
    display: none
}

.Interior360 .pano-init-button {
    width: 70px;
    height: 70px;
    text-align: center;
    display: inline-block;
    background-image: url(/resources/public/js/libs/krpano/desktop-click-icon-white.png);
    background-repeat: no-repeat;
    background-position: -25px -25px;
    background-size: 120px 240px
}

.Interior360 .pano-init-button:hover {
    background-position: -25px -146px
}

.Interior360 .pano-controls {
    position: absolute;
    width: 100%
}

.TabbedContainer .Interior360 .pano-controls {
    bottom: 40px
}

@media (max-width:599px) {
    .TabbedContainer .Interior360 .pano-controls {
        bottom: 20px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    .TabbedContainer .Interior360 .pano-controls {
        bottom: 40px
    }
}

@media (max-width:599px) {
    .Interior360 .pano-controls {
        bottom: 20px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    .Interior360 .pano-controls {
        bottom: 50px
    }
}

.Interior360 div[data-wrapper=true] {
    transition: visibility .3s linear;
    transition: opacity .3s linear
}

.Interior360 .pano-zoom-controls {
    position: absolute;
    bottom: 0;
    z-index: 3;
    display: none
}

.Interior360 .pano-zoom-in,
.Interior360 .pano-zoom-out {
    float: left
}

.Interior360 .pano-zoom-in.enabled,
.Interior360 .pano-zoom-out.enabled {
    cursor: pointer
}

.Interior360 .control {
    margin-bottom: 9px;
    cursor: pointer;
    border-radius: 1px;
    text-decoration: none;
    cursor: not-allowed
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .control {
        height: 30px;
        width: 30px
    }
}

.Interior360 .control.enabled {
    cursor: pointer
}

.Interior360 .control.enabled:hover:after {
    transition: color .2s
}

.Interior360 .control.plus {
    display: none
}

@media (min-width:599px) {
    .Interior360 .control.plus {
        display: block
    }
}

.Interior360 .control.minus {
    display: none
}

@media (min-width:599px) {
    .Interior360 .control.minus {
        display: block
    }
}

.Interior360 .pano-accelerometer-control {
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.Interior360 .pano-accelerometer-control.gyro-enabled {
    background-color: transparent
}

.Interior360 .pano-reset-control {
    position: absolute;
    bottom: 0;
    display: none;
    min-width: 90px
}

.Interior360 .pano-reset-control span {
    display: none;
    margin-top: 16px
}

.Interior360 .pano-reset-control span.desktop {
    display: block
}

@media (max-width:599px) {
    .Interior360 .pano-reset-control {
        min-width: 65px;
        padding: 1px 16px 0!important
    }
    .Interior360 .pano-reset-control:before {
        display: none!important
    }
    .Interior360 .pano-reset-control span.desktop {
        display: none
    }
    .Interior360 .pano-reset-control span.mobile {
        display: block
    }
}

.Interior360 .load-button {
    position: relative;
    display: block!important;
    width: 100%;
    text-align: center;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 85px
}

.lt-ie10 .Interior360 .load-button {
    zoom: 1;
    background: rgba(200, 54, 54, 0)
}

.Interior360 .load-button.down .down {
    -webkit-animation-name: v;
    animation-name: v;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.Interior360 .load-button.right .right {
    -webkit-animation-name: r;
    animation-name: r;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.Interior360 .load-button.up .up {
    -webkit-animation-name: p;
    animation-name: p;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.Interior360 .load-button.left .left {
    -webkit-animation-name: t;
    animation-name: t;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .load-button.down .down {
        -webkit-animation-name: w;
        animation-name: w;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    .Interior360 .load-button.right .right {
        -webkit-animation-name: s;
        animation-name: s;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    .Interior360 .load-button.up .up {
        -webkit-animation-name: q;
        animation-name: q;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    .Interior360 .load-button.left .left {
        -webkit-animation-name: u;
        animation-name: u;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

.Interior360 .pano-init-container {
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    position: absolute;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

.rtl .Interior360 .pano-init-container {
    letter-spacing: 0;
    font-size: 14px;
    line-height: 18px
}

.Interior360 .pano-init-container>div {
    top: -60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 88px;
    border: 4px solid #fff;
    width: 88px;
    height: 88px;
    margin: 0 auto
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .pano-init-container>div {
        top: -55px
    }
}

.Interior360 .pano-init-container>div .down,
.Interior360 .pano-init-container>div .left,
.Interior360 .pano-init-container>div .right,
.Interior360 .pano-init-container>div .up {
    position: absolute
}

.Interior360 .pano-init-container>div .up {
    -webkit-transform: rotate(270deg) translateX(0);
    transform: rotate(270deg) translateX(0)
}

.Interior360 .pano-init-container>div .down {
    -webkit-transform: rotate(90deg) translateX(0);
    transform: rotate(90deg) translateX(0)
}

.Interior360 .pano-init-container>div .right {
    -webkit-transform: rotate(0deg) translateX(0);
    transform: rotate(0deg) translateX(0)
}

.Interior360 .pano-init-container>div .left {
    -webkit-transform: rotate(180deg) translateX(0);
    transform: rotate(180deg) translateX(0)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Interior360 .text.desktop {
        display: none
    }
    .Interior360 .text.mobile {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .headerBox.withImage {
        display: block;
        position: relative;
        top: 0!important;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.Pano360.enabled .pano-reset-control,
.Pano360.enabled .pano-zoom-controls {
    display: block
}

.Pano360.touch-device .pano-zoom-controls {
    display: none
}

.Pano360.touch-device .pano-accelerometer-control {
    bottom: 96px;
    right: 20px
}

.Pano360.touch-device .pano-init {
    width: 150px;
    height: 150px;
    padding-top: 20px;
    text-align: center;
    left: 50%;
    margin-left: -75px
}

.Pano360.touch-device .pano-reset-control {
    top: 20px;
    right: 20px;
    width: 33px;
    height: 33px;
    bottom: auto;
    background-image: url(/resources/public/images/krpano/icon-reset.png);
    background-size: 33px 33px;
    background-position: 50%!important
}

.Pano360.touch-device .pano-init-button {
    background-image: url(/resources/public/images/krpano/Tablet_Tap_Icon_White.png)
}

.Pano360.enabled.touch-device .pano-accelerometer-control {
    display: block
}

.no-js .Interior360 .interior360__panorama {
    height: 768px
}

.no-js .Interior360 .noJsText {
    padding-top: 200px
}

.no-js .Interior360 .interior360__init,
.no-js .Interior360 .pano-controls {
    display: none
}

.Interior360 .pano-controls {
    bottom: 50px
}

.Interior360 .pano-controls .control {
    height: 50px;
    width: 50px;
    background: #4a4f54;
    opacity: 1;
    transition: background .2s, box-shadow .2s;
    color: #0c121c
}

.Interior360 .pano-controls .control.enabled {
    background: #fff
}

.Interior360 .pano-controls .control.enabled:hover {
    color: #fff;
    background: #0c121c
}

.Interior360 .pano-controls .control:after {
    font-size: 28px;
    position: relative;
    left: 6px;
    top: 11px
}

.Interior360 .pano-controls .control.plus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .pano-controls .control.plus:after {
        font-size: 38px;
        top: 5px;
        left: -1px
    }
}

.Interior360 .pano-controls .control.minus:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 38px;
    top: 5px;
    left: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .pano-controls .control.minus:after,
    .Interior360 .pano-controls .control.plus:after {
        font-size: 38px;
        top: 5px;
        left: -1px
    }
}

.Interior360 .pano-controls .pano-accelerometer-control {
    width: 45px;
    height: 45px;
    right: 65px;
    background-color: #000;
    background-image: url(/resources/public/images/krpano/gyro.svg);
    background-position: 50% 50%;
    background-size: 45px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Interior360 .pano-controls .pano-accelerometer-control {
        right: 23px
    }
}

@media (max-width:599px) {
    .Interior360 .pano-controls .pano-accelerometer-control {
        right: 20px
    }
}

.Interior360 .pano-controls .pano-reset-control {
    left: 65px;
    padding-left: 40px;
    padding-right: 8px
}

.Interior360 .pano-controls .pano-reset-control:before {
    left: 8px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Interior360 .pano-controls .pano-reset-control {
        left: 23px
    }
}

.Interior360 .pano-controls .pano-zoom-controls {
    right: 65px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Interior360 .pano-controls .pano-zoom-controls {
        right: 23px
    }
}

.Interior360 .pano-controls .pano-zoom-in {
    margin: 0 10px 0 0
}

.Interior360 .pano-init-container {
    padding-top: 44px;
    letter-spacing: .3em
}

.Interior360 .pano-init-container>div .down,
.Interior360 .pano-init-container>div .left,
.Interior360 .pano-init-container>div .right,
.Interior360 .pano-init-container>div .up {
    height: 20px;
    width: 20px;
    background: url(/resources/public/images/krpano/Internal360-arrow-right.svg) 50% no-repeat;
    background-size: 15px 15px
}

.lt-ie10 .Interior360 .pano-init-container>div .down,
.lt-ie10 .Interior360 .pano-init-container>div .left,
.lt-ie10 .Interior360 .pano-init-container>div .right,
.lt-ie10 .Interior360 .pano-init-container>div .up {
    background: url(/resources/public/images/krpano/Internal360-arrow.png) 50% no-repeat
}

.Interior360 .pano-init-container>div .up {
    top: 13px;
    left: 50%;
    margin-left: -11px
}

.Interior360 .pano-init-container>div .down {
    bottom: 13px;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px
}

.Interior360 .pano-init-container>div .right {
    top: 50%;
    margin-top: -11px;
    right: 13px
}

.Interior360 .pano-init-container>div .left {
    top: 50%;
    margin-top: -11px;
    left: 13px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Interior360 .pano-init-container {
        padding-top: 33px
    }
    .Interior360 .pano-init-container>div {
        border-radius: 70px;
        width: 70px;
        height: 70px
    }
    .Interior360 .pano-init-container>div .down,
    .Interior360 .pano-init-container>div .left,
    .Interior360 .pano-init-container>div .right,
    .Interior360 .pano-init-container>div .up {
        background-size: 11px 11px!important
    }
    .Interior360 .pano-init-container>div .up {
        top: 9px;
        left: 50%;
        margin-left: -9px;
        background-size: 12px 12px
    }
    .Interior360 .pano-init-container>div .down {
        bottom: 11px;
        left: 50%;
        margin-left: -9px;
        margin-top: -20px
    }
    .Interior360 .pano-init-container>div .right {
        top: 50%;
        margin-top: -12px;
        right: 8px
    }
    .Interior360 .pano-init-container>div .left {
        top: 50%;
        margin-top: -11px;
        left: 10px
    }
}

.InternationalDealerLocatorResults {
    padding-bottom: 0
}

.InternationalDealerLocatorResults .shelfComponent .dealerHeader .headerBlock .heading {
    margin-bottom: .7em
}

.InternationalDealerLocatorResults .legalMessage {
    display: block;
    text-align: center
}

.InternationalDealerLocatorResults .terminationMessage-1 .messageText,
.InternationalDealerLocatorResults .terminationMessage-2 .messageText,
.InternationalDealerLocatorResults .terminationMessage-3 .messageText,
.InternationalDealerLocatorResults terminationMessage-4 .messageText {
    max-width: 600px;
    margin: 0 auto
}

.InternationalDealerLocatorResults .terminationMessage-1 p,
.InternationalDealerLocatorResults .terminationMessage-2 p,
.InternationalDealerLocatorResults .terminationMessage-3 p,
.InternationalDealerLocatorResults terminationMessage-4 p {
    margin-bottom: 1.5em
}

.InternationalDealerLocatorResults .terminationMessage-1 p:first-of-type,
.InternationalDealerLocatorResults .terminationMessage-2 p:first-of-type,
.InternationalDealerLocatorResults .terminationMessage-3 p:first-of-type,
.InternationalDealerLocatorResults terminationMessage-4 p:first-of-type {
    font-weight: 700
}

.InternationalDealerLocatorResults .terminationMessage-1 ul,
.InternationalDealerLocatorResults .terminationMessage-2 ul,
.InternationalDealerLocatorResults .terminationMessage-3 ul,
.InternationalDealerLocatorResults terminationMessage-4 ul {
    list-style: initial;
    padding-left: 2em
}

.InternationalDealerLocatorResults .terminationMessage-1 ul li,
.InternationalDealerLocatorResults .terminationMessage-2 ul li,
.InternationalDealerLocatorResults .terminationMessage-3 ul li,
.InternationalDealerLocatorResults terminationMessage-4 ul li {
    margin-bottom: 1em
}

.InternationalDealerLocatorResults .terminationMessage-1 ul li span.email,
.InternationalDealerLocatorResults .terminationMessage-2 ul li span.email,
.InternationalDealerLocatorResults .terminationMessage-3 ul li span.email,
.InternationalDealerLocatorResults terminationMessage-4 ul li span.email {
    font-weight: 700
}

.no-js .KeeComparisonTool.not-init .Accordion .accordion-group-content {
    display: block!important;
    height: auto!important
}

html.KeeComparisonToolModals {
    background-color: #fff;
    overflow-Y: scroll!important;
    margin-right: 0!important
}

html.KeeComparisonToolModals .mfp-preloader {
    display: none
}

html.KeeComparisonToolModals .mfp-animation.mfp-bg {
    background-color: hsla(0, 0%, 100%, 0);
    transition: background-color .4s ease
}

html.KeeComparisonToolModals .mfp-animation.mfp-bg.mfp-ready {
    background-color: hsla(0, 0%, 100%, .9)
}

html.KeeComparisonToolModals .mfp-animation .mfp-content {
    opacity: 0;
    transition: opacity .3s ease
}

html.KeeComparisonToolModals .mfp-animation.mfp-ready .mfp-content {
    opacity: 1
}

html.KeeComparisonToolModals .open-popup-link,
html.KeeComparisonToolModals .open-popup-link>span {
    border: none;
    outline: none;
    text-decoration: none
}

html.KeeComparisonToolModals .open-popup-link__inline {
    text-decoration: underline
}

html.KeeComparisonToolModals .modal {
    background: #e4e8e9;
    padding: 20px;
    padding-top: 60px;
    width: auto;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: auto;
    max-height: 100vh;
    box-shadow: 0 3.5px 2.5px -1px rgba(0, 0, 0, .2);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

html.KeeComparisonToolModals .modal .modal__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 22px
}

html.KeeComparisonToolModals .modal .modal__text-block {
    margin-bottom: 11px
}

html.KeeComparisonToolModals .modal .mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    padding-top: 14px;
    border: 0;
    font-size: 36px;
    font-weight: 300;
    line-height: .6
}

html.KeeComparisonToolModals .modal .mfp-close:hover {
    background-color: transparent
}

@media screen and (min-width:1px) and (max-width:770px) {
    html.KeeComparisonToolModals .modal {
        width: calc(100% - 40px)
    }
}

.KeeComparisonTool {
    background-color: #fff
}

.KeeComparisonTool .GridListWrapper {
    margin: 0 auto;
    max-width: 1370px
}

.KeeComparisonTool .GridListWrapper .headerBlock {
    margin: 0 auto 50px
}

.KeeComparisonTool .compare-table {
    width: 100%;
    border-collapse: separate;
    table-layout: fixed
}

.KeeComparisonTool .compare-table tr:first-child td,
.KeeComparisonTool .compare-table tr:first-child th {
    border-top: 1px solid #d3d4d4
}

.KeeComparisonTool .compare-table thead+tbody tr:first-child td,
.KeeComparisonTool .compare-table thead+tbody tr:first-child th {
    border-top: none
}

.KeeComparisonTool .compare-table td,
.KeeComparisonTool .compare-table th {
    padding: 20px;
    vertical-align: middle;
    border-left: 1px solid #d3d4d4;
    border-bottom: 1px solid #d3d4d4
}

.KeeComparisonTool .compare-table td:last-child,
.KeeComparisonTool .compare-table th:last-child {
    border-right: 1px solid #d3d4d4
}

.KeeComparisonTool .compare-table td {
    font-family: Avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px
}

.KeeComparisonTool .compare-table td span.small-text {
    font-size: 14px
}

.KeeComparisonTool .compare-table thead th {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    text-align: left;
    font-weight: 700;
    background-color: #fff;
    text-transform: uppercase
}

.KeeComparisonTool .compare-table thead th:first-child {
    background-color: #e4e8e8
}

.KeeComparisonTool .compare-table thead th:nth-child(2) {
    background-color: #f8f9f9
}

.KeeComparisonTool .compare-table thead th a,
.KeeComparisonTool .compare-table thead th h2 {
    font-family: Avenir
}

.KeeComparisonTool .compare-table tbody th {
    background-color: #e4e8e8;
    text-align: left;
    position: relative;
    height: 100%;
    background-clip: padding-box;
    padding-right: 40px
}

.KeeComparisonTool .compare-table tbody td {
    text-align: center;
    position: relative
}

.KeeComparisonTool .compare-table tbody td .inline-label {
    display: none;
    font-size: 12px;
    color: grey;
    margin-bottom: 6px
}

.KeeComparisonTool .compare-table .category__title {
    display: block
}

.KeeComparisonTool .compare-table .category__information {
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -12px;
    text-decoration: none
}

.KeeComparisonTool .compare-table .category__information span {
    display: block;
    width: 100%;
    height: 100%
}

.KeeComparisonTool .compare-table .category__information>span:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    font-weight: 300;
    color: #b0b7bb;
    height: 25px;
    cursor: pointer;
    margin: 0
}

.KeeComparisonTool .compare-table td .category__information {
    display: none
}

.KeeComparisonTool .compare-table td.featured-vehicle {
    background-color: #f8f9f9
}

.KeeComparisonTool .compare-table .cross,
.KeeComparisonTool .compare-table .hypen,
.KeeComparisonTool .compare-table .information,
.KeeComparisonTool .compare-table .plus {
    position: relative
}

.KeeComparisonTool .compare-table .hyphen:after {
    content: ""
}

.KeeComparisonTool .compare-table .cross:after,
.KeeComparisonTool .compare-table .hyphen:after {
    font-weight: 700;
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.KeeComparisonTool .compare-table .cross:after {
    content: ""
}

.KeeComparisonTool .compare-table .tick:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.KeeComparisonTool .compare-table .information {
    top: 4px;
    left: 14px;
    padding-top: 3px;
    cursor: pointer
}

.KeeComparisonTool .compare-table .information:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    font-weight: 300;
    color: #b0b7bb
}

.KeeComparisonTool .vehicle-table {
    margin-bottom: 1.5em
}

.KeeComparisonTool .vehicle-table thead th {
    background-color: #fff
}

.KeeComparisonTool .vehicle-table th {
    text-align: left;
    position: relative;
    padding: 20px 25px;
    padding-bottom: 100px;
    top: 0;
    vertical-align: top
}

.KeeComparisonTool .vehicle-table th span {
    display: block
}

.KeeComparisonTool .vehicle-table thead th {
    border-bottom: 0;
    background-clip: padding-box
}

.KeeComparisonTool .vehicle-table tbody th {
    border-top: 0;
    vertical-align: bottom
}

.KeeComparisonTool .vehicle-table tbody td {
    text-align: left;
    vertical-align: top;
    padding: 30px 20px
}

.KeeComparisonTool .vehicle-table thead+tbody tr:first-child td {
    border-top: 1px solid #d3d4d4
}

.KeeComparisonTool .vehicle-table th:first-child,
.KeeComparisonTool .vehicle-table tr td:first-child {
    background-color: #e4e8e8;
    padding-bottom: 25px
}

.KeeComparisonTool .vehicle-table .vehicle-table__title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
    word-wrap: break-word
}

.KeeComparisonTool .vehicle-table .vehicle-table__subtitle {
    text-transform: uppercase;
    font-size: 14px
}

.KeeComparisonTool .vehicle-table .vehicle-table__price {
    font-size: 14px;
    position: absolute;
    left: 25px;
    bottom: 25px
}

.KeeComparisonTool .vehicle-table .vehicle-table__info {
    position: absolute;
    left: 25px;
    right: auto;
    bottom: 60px;
    font-size: 14px;
    text-transform: none;
    display: block;
    border-bottom: 1px solid grey
}

.KeeComparisonTool .vehicle-table .vehicle-table__category-title {
    margin-bottom: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.KeeComparisonTool .vehicle-table .vehicle-table__category-description {
    font-size: 12px
}

.KeeComparisonTool .compare-table tr td:nth-child(2),
.KeeComparisonTool .vehicle-table thead tr th:nth-child(2) {
    background-color: #f8f9f9;
    position: relative
}

.KeeComparisonTool .keyDisclaimer {
    display: none
}

.KeeComparisonTool .bar-wrapper {
    margin-bottom: 16px
}

.KeeComparisonTool .bar-wrapper:last-child {
    margin-bottom: 0
}

.KeeComparisonTool .bar-wrapper .bar__label {
    font-size: 12px;
    color: #4a4f54
}

.KeeComparisonTool .bar-wrapper .bar {
    min-height: 40px;
    background-color: #4a4f54;
    color: #fff;
    padding-left: 16px;
    padding-top: 12px;
    margin-bottom: 8px;
    width: 100%;
    min-width: 80%;
    transition: width .75s ease-in-out, background-color .75s ease-in-out
}

.KeeComparisonTool .bar-wrapper .bar.optimal {
    background-color: #005a2b
}

.KeeComparisonTool .bar-wrapper .bar .bar__value {
    font-size: 14px;
    white-space: nowrap
}

.KeeComparisonTool .bar-wrapper .bar .bar__value .unit {
    font-size: 12px
}

.KeeComparisonTool .Accordion {
    margin-bottom: 3em
}

.KeeComparisonTool .Accordion .closed .accordion-group-title {
    border-bottom: 1px solid #fff
}

.KeeComparisonTool .Accordion .closed .accordion-group-content {
    display: none
}

.KeeComparisonTool .Accordion .accordion-group-content {
    display: block;
    margin-bottom: -1px
}

.KeeComparisonTool .Accordion .accordion-group-title {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #4a4f54;
    font-size: 16px;
    letter-spacing: 1.6px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 728px;
    transition: padding-left .1s ease
}

.KeeComparisonTool .Accordion .accordion-group-title-value {
    display: inline-block;
    padding-right: 40px
}

.KeeComparisonTool .Accordion .accordion-toggle-icon-wrapper {
    position: relative;
    width: 100%;
    box-sizing: content-box
}

.KeeComparisonTool .Accordion .accordion-toggle-icon-wrapper:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease
}

.KeeComparisonTool .Accordion .open .accordion-toggle-icon-wrapper:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.KeeComparisonTool.not-init .Accordion .accordion-group-content {
    display: none;
    height: 0!important
}

.KeeComparisonTool.not-init .Accordion .accordion-group-title {
    border-bottom: 1px solid #fff
}

.KeeComparisonTool .responsiveTableArrow {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
    opacity: 0;
    transition: opacity .3s ease
}

.KeeComparisonTool .ctas {
    margin-bottom: 1.5em
}

.KeeComparisonTool .ctas .linkContainer,
.KeeComparisonTool .ctas .primaryLinkContainer,
.KeeComparisonTool .ctas .secondaryLinkContainer {
    text-align: center
}

.KeeComparisonTool .ctas .primaryLinkWithStyle {
    text-transform: uppercase
}

.KeeComparisonTool .ctas .secondaryLinkWithStyle {
    text-transform: uppercase;
    margin-top: 0
}

.KeeComparisonTool .ctas .secondaryLinkWithStyle+.secondaryLinkWithStyle {
    margin-left: 40px
}

.KeeComparisonTool .ctas .linkContainer:first-child {
    margin-bottom: 28px
}

.KeeComparisonTool .ctas .ctas__text {
    text-transform: uppercase;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-weight: 900
}

@media screen and (min-width:1px) and (max-width:600px) {
    .KeeComparisonTool .ctas {
        padding-left: 20px;
        margin-bottom: 40px
    }
    .KeeComparisonTool .ctas .secondaryLinkWithStyle {
        display: block;
        text-align: left
    }
    .KeeComparisonTool .ctas .secondaryLinkWithStyle[class] {
        margin-left: 0
    }
    .KeeComparisonTool .ctas .secondaryLinkWithStyle+.secondaryLinkWithStyle {
        margin-top: 17px
    }
    .KeeComparisonTool .ctas .ctas__text,
    .KeeComparisonTool .ctas .linkContainer,
    .KeeComparisonTool .ctas .primaryLinkContainer,
    .KeeComparisonTool .ctas .secondaryLinkContainer {
        text-align: left
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .KeeComparisonTool .ctas {
        margin-bottom: 3.5em
    }
}

.KeeComparisonTool .disclaimer {
    background: #eaebed;
    padding-top: 30px;
    padding-bottom: 30px
}

.KeeComparisonTool .disclaimer .GridListWrapper {
    padding-top: 0;
    padding-bottom: 0
}

.KeeComparisonTool .disclaimer p {
    font-size: 12px;
    margin-left: 220px
}

.KeeComparisonTool .disclaimer img {
    float: left;
    max-width: 180px;
    margin-right: 40px;
    margin-top: 2px
}

@media screen and (min-width:1px) and (max-width:770px) {
    .KeeComparisonTool .disclaimer {
        padding-left: 20px;
        padding-bottom: 20px
    }
    .KeeComparisonTool .disclaimer img {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 0
    }
    .KeeComparisonTool .disclaimer p {
        margin-left: 0
    }
}

.KeeComparisonTool .sticky {
    min-width: 728px
}

.KeeComparisonTool .slide-wrapper-main {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.KeeComparisonTool .sticky-wrapper {
    position: relative;
    width: 100%
}

.KeeComparisonTool .sticky-column-wrapper {
    overflow: hidden;
    position: fixed;
    top: 50px;
    left: 0;
    margin-left: 10px;
    margin-right: 10px;
    transition: top .3s ease;
    height: 100%;
    max-width: 149px;
    width: 100%;
    max-height: 100%
}

.KeeComparisonTool .sticky-column {
    position: absolute;
    left: 0;
    top: 0;
    transition: -webkit-transform 55ms ease-in-out;
    transition: transform 55ms ease-in-out;
    transition: transform 55ms ease-in-out, -webkit-transform 55ms ease-in-out
}

.KeeComparisonTool .sticky-column th {
    display: block;
    background-color: #e4e8e8!important
}

.KeeComparisonTool .sticky-column tr {
    display: block
}

.KeeComparisonTool .sticky-header-wrapper {
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    transition: opacity .2s ease
}

.KeeComparisonTool .sticky-header-wrapper.fixed {
    display: block;
    opacity: 1
}

.KeeComparisonTool .sticky-header-wrapper.transition {
    opacity: 0
}

.KeeComparisonTool .sticky-header-wrapper:after {
    content: "";
    width: 100%;
    min-height: 3px;
    background-color: transparent;
    margin-bottom: -10px;
    position: relative;
    display: block;
    margin: 10px;
    margin-left: 0;
    margin-top: -8px;
    z-index: 9;
    box-shadow: 0 7.5px 3.5px 1px rgba(0, 0, 0, .05)
}

.KeeComparisonTool .sticky-header {
    width: 728px;
    margin: 0 auto;
    background-color: #e4e8e8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.KeeComparisonTool .sticky-header th {
    text-align: left
}

@media screen and (min-width:900px) {
    .KeeComparisonTool .sticky-header {
        width: 100%;
        margin: 0 auto
    }
    .KeeComparisonTool .sticky-header-wrapper {
        min-width: 728px;
        max-width: 1370px;
        padding-left: 70px;
        padding-right: 70px;
        width: 100%;
        margin: 0 auto
    }
    .KeeComparisonTool .compare-table thead th {
        width: auto!important
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .KeeComparisonTool .sticky-header:after {
        width: calc(100% - 20px)
    }
    .KeeComparisonTool .sticky-header-wrapper:after {
        width: 100%
    }
}

@media screen and (min-width:741px) and (max-width:900px) {
    .KeeComparisonTool .sticky-header-wrapper {
        margin-left: 20px;
        margin-right: 20px
    }
    .KeeComparisonTool .sticky-header {
        width: 100%;
        min-width: 728px
    }
}

@media screen and (min-width:720px) and (max-width:740px) {
    .KeeComparisonTool .sticky-header {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:700px) and (max-width:720px) {
    .KeeComparisonTool .sticky-header {
        margin-left: 0;
        margin-right: 0;
        min-width: 728px;
        width: 100%
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .KeeComparisonTool .compare-table td,
    .KeeComparisonTool .compare-table th {
        padding: 15px
    }
    .KeeComparisonTool .compare-table thead th {
        font-size: 14px
    }
    .KeeComparisonTool .vehicle-table th {
        height: 170px;
        padding: 15px;
        padding-bottom: 100px
    }
    .KeeComparisonTool .vehicle-table tbody td {
        padding: 20px 15px
    }
    .KeeComparisonTool .vehicle-table .vehicle-table__price {
        bottom: 15px;
        left: 15px
    }
    .KeeComparisonTool .vehicle-table .vehicle-table__info {
        left: 15px
    }
}

@media screen and (min-width:1px) and (max-width:760px) {
    .KeeComparisonTool .responsiveTableArrow {
        opacity: 1
    }
    .KeeComparisonTool.sliding-active .responsiveTableArrow {
        opacity: 0
    }
}

@media screen and (min-width:1px) and (max-width:770px) {
    .KeeComparisonTool .compare-table td {
        font-size: 14px
    }
    .KeeComparisonTool .compare-table td,
    .KeeComparisonTool .compare-table th {
        padding: 22px 25px
    }
    .KeeComparisonTool .compare-table tbody th {
        display: none;
        position: static
    }
    .KeeComparisonTool .compare-table th .category__information,
    .KeeComparisonTool .compare-table thead th:first-child {
        display: none
    }
    .KeeComparisonTool .compare-table td .category__information {
        width: 40px;
        height: 40px;
        display: block;
        margin: 0;
        top: -5px;
        right: -5px
    }
    .KeeComparisonTool .compare-table td .category__information span:after {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -9px;
        margin-left: -9px
    }
    .KeeComparisonTool .vehicle-table {
        margin-bottom: 0
    }
    .KeeComparisonTool .vehicle-table th {
        padding: 15px;
        padding-bottom: 50px
    }
    .KeeComparisonTool .vehicle-table .vehicle-table__title {
        font-size: 16px
    }
    .KeeComparisonTool .vehicle-table .vehicle-table__price {
        bottom: 15px;
        left: 15px
    }
    .KeeComparisonTool .vehicle-table .vehicle-table__info {
        left: 15px
    }
    .KeeComparisonTool .keyDisclaimer {
        display: block;
        margin-bottom: 1em;
        padding: 22px;
        border: 1px solid #d3d4d4;
        border-top: 0;
        background-color: #e4e8e8;
        width: 728px
    }
    .KeeComparisonTool .keyDisclaimer .title {
        font-weight: 700;
        line-height: 1;
        margin-bottom: 6px;
        display: block;
        width: 100%;
        text-transform: uppercase
    }
    .KeeComparisonTool .keyDisclaimer .keyTextBlock {
        font-size: 12px
    }
    .KeeComparisonTool .keyDisclaimer>p {
        width: calc(100vw - 64px)
    }
    .KeeComparisonTool .compare-table tbody td .inline-label {
        display: block
    }
    .KeeComparisonTool .sticky-column thead tr th {
        position: relative
    }
    .KeeComparisonTool .sticky-column tbody th:after,
    .KeeComparisonTool .sticky-column thead tr th:after {
        content: "";
        height: calc(100% + 1px);
        width: 4px;
        display: block;
        position: absolute;
        right: -5px;
        top: -1px;
        background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, transparent)
    }
    .KeeComparisonTool .sticky-header-wrapper:after {
        width: 728px;
        margin-left: 0;
        margin-right: 0
    }
    .KeeComparisonTool .sticky-header:after {
        width: 745px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .KeeComparisonTool .Accordion .accordion-group-title {
        font-size: 12px;
        letter-spacing: 1.2px
    }
    .KeeComparisonTool .Accordion .accordion-toggle-icon-wrapper:after {
        height: 14px;
        margin-top: -7px
    }
}

.LanguageSelector {
    margin: 0 auto;
    width: 100%
}

.LanguageSelector .headerBlock {
    margin-top: 175px
}

.LanguageSelector .heading {
    padding-left: 90px;
    padding-right: 90px
}

.LanguageSelector .heading .flag {
    position: relative;
    top: -2px;
    margin-right: 10px
}

.LanguageSelector .imageWrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -3
}

.LanguageSelector .languageWrapper {
    overflow: hidden;
    *zoom: 1;
    width: 708px;
    line-height: 0;
    clear: both;
    margin: 0 auto;
    text-align: center
}

.LanguageSelector .languageWrapper a {
    width: 80%;
    max-width: 330px;
    margin: 0 10px 20px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .LanguageSelector .heading {
        margin-bottom: 1.4em;
        padding-left: 40px;
        padding-right: 40px
    }
    .LanguageSelector .heading .flag {
        top: 2px
    }
    .LanguageSelector .languageWrapper {
        width: auto;
        padding-left: 40px;
        padding-right: 40px
    }
    .LanguageSelector .languageWrapper a {
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        width: 100%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .LanguageSelector .heading {
        padding-left: 30px;
        padding-right: 30px
    }
    .LanguageSelector .heading .flag {
        display: none
    }
    .LanguageSelector .languageWrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

.MainNavigation {
    left: 189px;
    top: 35px;
    right: 0;
    position: absolute;
    z-index: 8;
    border-top: 1px solid
}

.MainNavigation .inactiveSearchButton,
.MainNavigation a,
.MainNavigation button {
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .35em;
    border: none;
    margin: 0;
    padding: 0;
    transition: background-color .4s ease
}

.MainNavigation .inactiveSearchButton:focus,
.MainNavigation .inactiveSearchButton:hover,
.MainNavigation a:focus,
.MainNavigation a:hover,
.MainNavigation button:focus,
.MainNavigation button:hover {
    border-bottom: 1px solid
}

.MainNavigation .inactiveSearchButton span,
.MainNavigation a span,
.MainNavigation button span {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle
}

.MainNavigation .primaryNav {
    margin-right: 70px
}

.MainNavigation .primaryNav ul li {
    float: left
}

.MainNavigation .primaryNav[data-total="3"] ul li {
    width: 20%;
    float: none;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-left: -4px
}

.MainNavigation .primaryNav[data-total="3"] ul li:first-child {
    border-left: 1px solid
}

.MainNavigation .primaryNav[data-total="4"] ul li {
    width: 25%;
    display: block;
    margin-left: 0
}

.MainNavigation .primaryNav[data-total="5"] ul li {
    width: 20%;
    display: block;
    margin-left: 0
}

.MainNavigation .primaryNav[data-total="6"] ul li {
    width: 16.666%;
    display: block;
    margin-left: 0
}

.MainNavigation .primaryNav[data-total="6"] ul li a {
    font-size: 9px;
    letter-spacing: .2em
}

.MainNavigation ul {
    text-align: right
}

.MainNavigation ul li {
    float: left;
    display: block;
    width: 20%
}

.MainNavigation ul li.vehicles span:after {
    content: "";
    margin-left: .2em;
    font-size: 12px;
    position: relative;
    top: -2px;
    margin-left: 6px
}

.MainNavigation ul li.vehicles.activeOverlay span:after,
.MainNavigation ul li.vehicles span:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.MainNavigation ul li.vehicles.activeOverlay span:after {
    content: "";
    margin-left: .2em
}

.MainNavigation ul li a,
.MainNavigation ul li button {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transition: background-color .4s, border-color 0s
}

.MainNavigation ul li a:after,
.MainNavigation ul li button:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1px
}

.MainNavigation ul li a:before,
.MainNavigation ul li button:before {
    content: "";
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: -1px
}

.MainNavigation ul.activeOverlay li.active a {
    border-bottom: 0
}

.MainNavigation ul.activeOverlay li.vehicles a {
    border-bottom: 1px solid
}

.MainNavigation .MainNavSearchForm {
    display: block;
    position: relative;
    width: 0;
    height: 70px;
    float: left;
    overflow: hidden;
    z-index: 2
}

.no-js .MainNavigation .MainNavSearchForm {
    width: 100%;
    position: relative
}

.MainNavigation .MainNavSearchForm label {
    top: 25px
}

.MainNavigation .MainNavSearchForm .searchText,
.MainNavigation .MainNavSearchForm label {
    display: block;
    font-size: 16px;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .1em
}

.MainNavigation .MainNavSearchForm .searchText {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding: 0;
    border: none;
    outline: none;
    padding-left: 0;
    text-indent: 0
}

.MainNavigation .MainNavSearchForm .searchText::-ms-clear {
    display: none
}

.MainNavigation .SearchButton {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.MainNavigation .SearchButton .inactiveSearchButton,
.MainNavigation .SearchButton>a,
.MainNavigation .SearchButton button {
    height: 70px;
    width: 70px;
    cursor: pointer;
    outline: none;
    float: left;
    line-height: 66px
}

.MainNavigation .SearchButton .inactiveSearchButton span,
.MainNavigation .SearchButton>a span,
.MainNavigation .SearchButton button span {
    text-indent: -999em
}

.MainNavigation .SearchButton .inactiveSearchButton:before,
.MainNavigation .SearchButton>a:before,
.MainNavigation .SearchButton button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    font-weight: 400
}

.MainNavigation .SearchButton .inactiveSearchButton:after,
.MainNavigation .SearchButton>a:after,
.MainNavigation .SearchButton button:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.MainNavigation .SearchButton .searchButtonClose {
    float: right
}

.MainNavigation .SearchButton .searchButtonClose:before {
    content: ""
}

.MainNavigation .SearchButton .inactiveSearchButton {
    cursor: auto
}

.MainNavigation .LocationButton,
.MainNavigation .MoreButton {
    display: none;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.MainNavigation .LocationButton span,
.MainNavigation .MoreButton span {
    height: 0;
    overflow: hidden;
    line-height: 0;
    padding-top: 0;
    display: block
}

.MainNavigation .LocationButton a:before,
.MainNavigation .MoreButton a:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 14px;
    height: 50px;
    line-height: 50px
}

.MainNavigation .LocationButton {
    border-left: 1px solid
}

.MainNavigation .LocationButton a {
    border-bottom: 0
}

.MainNavigation .LocationButton a:before {
    content: "";
    font-size: 19px;
    padding-left: 3px
}

html.no-js .MainNavigation ul li.vehicles span:after {
    content: "";
    margin-left: 0;
    top: 0
}

@media screen and (min-width:1px) and (max-width:960px) {
    .MainNavigation {
        top: 0;
        left: 91px;
        border-top: 0
    }
    .MainNavigation .SearchButton {
        display: none
    }
    .MainNavigation .MoreButton {
        display: block
    }
    .MainNavigation .primaryNav {
        margin-right: 50px
    }
    .MainNavigation .primaryNav[data-total="6"] a {
        font-size: 8px
    }
    .MainNavigation .primaryNav li {
        border-top: 0
    }
    .MainNavigation .primaryNav li.vehicles a span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }
    .MainNavigation .primaryNav li.vehicles a span:after {
        margin-left: 5px;
        font-size: 10px
    }
    .MainNavigation .primaryNav li a,
    .MainNavigation .primaryNav li button {
        font-size: 9px;
        height: 50px;
        line-height: 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .MainNavigation.withLocation .primaryNav {
        margin-right: 100px
    }
    #landrover .MainNavigation .primaryNav li {
        display: none
    }
    #landrover .MainNavigation .primaryNav li a,
    #landrover .MainNavigation .primaryNav li button {
        letter-spacing: .35em;
        font-size: 10px
    }
    #landrover .MainNavigation .primaryNav li.vehicles {
        display: block;
        float: none;
        width: auto;
        border-right: none
    }
    #landrover .MainNavigation .primaryNav li.vehicles span:after {
        font-size: 12px;
        margin-left: 6px
    }
    #landrover .MainNavigation .LocationButton {
        display: block;
        right: 50px
    }
    #landrover .MainNavigation .MoreButton {
        border-left: 1px solid;
        width: 50px
    }
    #landrover .MainNavigation .MoreButton a,
    #landrover .MainNavigation .MoreButton button {
        height: 50px
    }
}

.MainNavigation {
    border-top-color: #30363e
}

.MainNavigation .inactiveSearchButton,
.MainNavigation a,
.MainNavigation button {
    background-color: #0c121c;
    color: #fff
}

.MainNavigation .inactiveSearchButton:focus,
.MainNavigation .inactiveSearchButton:hover,
.MainNavigation a:focus,
.MainNavigation a:hover,
.MainNavigation button:focus,
.MainNavigation button:hover {
    background-color: #4a4f54;
    border-bottom-color: #3f4347
}

.MainNavigation .inactiveSearchButton:focus:after,
.MainNavigation .inactiveSearchButton:hover:after,
.MainNavigation a:focus:after,
.MainNavigation a:hover:after,
.MainNavigation button:focus:after,
.MainNavigation button:hover:after {
    background-color: #3f4347
}

.MainNavigation .inactiveSearchButton:focus:before,
.MainNavigation .inactiveSearchButton:hover:before,
.MainNavigation a:focus:before,
.MainNavigation a:hover:before,
.MainNavigation button:focus:before,
.MainNavigation button:hover:before {
    background-color: transparent
}

.MainNavigation .primaryNav[data-total="3"] ul li:first-child {
    border-left-color: #30363e
}

.MainNavigation ul li.active a {
    background-color: #4a4f54;
    border-bottom-color: #3f4347
}

.MainNavigation ul li a,
.MainNavigation ul li button {
    background-color: #0c121c;
    border-bottom-color: transparent;
    border-right-color: #3f4347
}

.MainNavigation ul li a:after,
.MainNavigation ul li button:after {
    background-color: transparent
}

.MainNavigation ul li a:focus,
.MainNavigation ul li a:hover,
.MainNavigation ul li button:focus,
.MainNavigation ul li button:hover {
    border-right-color: #3f4347;
    border-bottom-color: #3f4347
}

.MainNavigation ul li a:focus:after,
.MainNavigation ul li a:hover:after,
.MainNavigation ul li button:focus:after,
.MainNavigation ul li button:hover:after {
    background-color: #3f4347
}

.MainNavigation ul.activeOverlay li.active a {
    background-color: inherit
}

.MainNavigation ul.activeOverlay li.vehicles a {
    background-color: #4a4f54;
    border-bottom-color: #30363e
}

.MainNavigation .MainNavSearchForm {
    background-color: #0c121c
}

.MainNavigation .MainNavSearchForm label {
    color: #e4e8e8
}

.MainNavigation .MainNavSearchForm .searchText {
    background-color: #0c121c;
    color: #fff
}

.MainNavigation .SearchButton,
.MainNavigation .SearchButton .inactiveSearchButton:focus,
.MainNavigation .SearchButton .inactiveSearchButton:hover {
    background-color: #0c121c
}

.MainNavigation .LocationButton {
    border-left-color: #30363e
}

.MainNavigation .LocationButton a.active {
    background-color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .MainNavigation .MoreButton {
        border-left-color: #30363e
    }
}

.lightTheme .MainNavigation {
    border-top-color: #eff1f1
}

.lightTheme .MainNavigation .inactiveSearchButton,
.lightTheme .MainNavigation a,
.lightTheme .MainNavigation button {
    background-color: #fff;
    color: #0c121c;
    font-weight: 900
}

.lightTheme .MainNavigation .inactiveSearchButton:focus,
.lightTheme .MainNavigation .inactiveSearchButton:hover,
.lightTheme .MainNavigation a:focus,
.lightTheme .MainNavigation a:hover,
.lightTheme .MainNavigation button:focus,
.lightTheme .MainNavigation button:hover {
    background-color: #e4e8e8;
    border-bottom-color: #dee2e2
}

.lightTheme .MainNavigation .inactiveSearchButton:focus:before,
.lightTheme .MainNavigation .inactiveSearchButton:hover:before,
.lightTheme .MainNavigation a:focus:before,
.lightTheme .MainNavigation a:hover:before,
.lightTheme .MainNavigation button:focus:before,
.lightTheme .MainNavigation button:hover:before {
    background-color: transparent
}

.lightTheme .MainNavigation .inactiveSearchButton:focus:after,
.lightTheme .MainNavigation .inactiveSearchButton:hover:after,
.lightTheme .MainNavigation a:focus:after,
.lightTheme .MainNavigation a:hover:after,
.lightTheme .MainNavigation button:focus:after,
.lightTheme .MainNavigation button:hover:after {
    background-color: #dee2e2
}

.lightTheme .MainNavigation .primaryNav[data-total="3"] ul li:first-child {
    border-left-color: #eff1f1
}

.lightTheme .MainNavigation ul li.active a {
    background-color: #e4e8e8;
    border-bottom-color: #dee2e2
}

.lightTheme .MainNavigation ul li a,
.lightTheme .MainNavigation ul li button {
    background-color: #fff;
    border-bottom-color: transparent;
    border-right-color: #eff1f1
}

.lightTheme .MainNavigation ul li a:focus,
.lightTheme .MainNavigation ul li a:hover,
.lightTheme .MainNavigation ul li button:focus,
.lightTheme .MainNavigation ul li button:hover {
    border-right-color: #dee2e2;
    border-bottom-color: #dee2e2
}

.lightTheme .MainNavigation ul li a:focus:after,
.lightTheme .MainNavigation ul li a:focus:before,
.lightTheme .MainNavigation ul li a:hover:after,
.lightTheme .MainNavigation ul li a:hover:before,
.lightTheme .MainNavigation ul li button:focus:after,
.lightTheme .MainNavigation ul li button:focus:before,
.lightTheme .MainNavigation ul li button:hover:after,
.lightTheme .MainNavigation ul li button:hover:before {
    background-color: #dee2e2
}

.lightTheme .MainNavigation ul li:last-child.active a {
    border-right: none
}

.lightTheme .MainNavigation ul.activeOverlay li.active a {
    background-color: inherit
}

.lightTheme .MainNavigation ul.activeOverlay li.vehicles a {
    background-color: #4a4f54;
    border-bottom-color: #d9dcdc
}

.lightTheme .MainNavigation .MainNavSearchForm {
    background-color: #fff
}

.lightTheme .MainNavigation .MainNavSearchForm label {
    color: #65696e
}

.lightTheme .MainNavigation .MainNavSearchForm .searchText {
    background-color: #fff;
    color: #4a4f54
}

.lightTheme .MainNavigation .SearchButton {
    background-color: #fff
}

.lightTheme .MainNavigation .SearchButton .inactiveSearchButton:focus,
.lightTheme .MainNavigation .SearchButton .inactiveSearchButton:hover {
    background-color: #e4e8e8
}

.lightTheme .MainNavigation .LocationButton {
    border-left-color: #fff;
    border-left: none
}

.lightTheme .MainNavigation .LocationButton a.active {
    background-color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:740px) {
    .lightTheme #landrover .MainNavigation .MoreButton {
        border-left-color: #eff1f1
    }
}

.MarketPageSelector {
    position: relative;
    padding-left: 80px;
    padding-right: 80px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: .35em
}

.MarketPageSelector .imageWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    z-index: -3
}

.MarketPageSelector .headerBlock {
    padding-left: 10px;
    padding-right: 10px
}

.MarketPageSelector .countryList {
    display: none
}

.MarketPageSelector .dropDownContainer {
    width: 100%;
    max-width: 900px;
    overflow: visible;
    margin: 0 auto;
    clear: both;
    text-align: center
}

.MarketPageSelector .dropDownContainer .col {
    float: left;
    width: 33.33%;
    height: 45px;
    text-align: center;
    padding: 0 10px
}

.MarketPageSelector .dropDownContainer .formButton {
    clear: both;
    display: inline-block;
    width: 33.33%;
    margin: 0 auto;
    padding: 0 10px
}

.MarketPageSelector.mpsNoRegion .dropDownContainer {
    max-width: 600px
}

.MarketPageSelector.mpsNoRegion .dropDownContainer .col,
.MarketPageSelector.mpsNoRegion .dropDownContainer .formButton {
    width: 50%
}

#landrover .MarketPageSelector .continueButton {
    width: 100%;
    margin-top: 20px
}

.no-js .MarketPageSelector .imageWrap {
    display: none
}

.no-js .MarketPageSelector .countryList {
    display: block;
    letter-spacing: .02em
}

.no-js .MarketPageSelector .countryList ul>li {
    display: block;
    border-top: 1px solid #e4e8e8;
    padding-top: 40px
}

.no-js .MarketPageSelector .countryList ul>li h2 {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 700
}

.no-js .MarketPageSelector .countryList ul>li>ul {
    font-size: 0;
    padding-bottom: 40px
}

.no-js .MarketPageSelector .countryList ul>li>ul>li {
    border-top: none;
    padding-top: 0;
    width: 33.333%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.no-js .MarketPageSelector .countryList ul>li>ul>li a {
    font-size: 12px;
    display: block;
    text-decoration: none;
    position: relative;
    color: #0c121c
}

.no-js .MarketPageSelector .countryList ul>li>ul>li a .flag {
    position: absolute;
    left: 0;
    top: -2px
}

.no-js .MarketPageSelector .countryList ul>li>ul>li a span {
    display: inline-block;
    margin: 0 20px 0 40px;
    line-height: 20px
}

.no-js .MarketPageSelector .countryList ul>li>ul>li a:hover span {
    color: #4a4f54
}

.no-js .MarketPageSelector .countryList ul>li:last-child>ul {
    padding-bottom: 0
}

.no-js .MarketPageSelector .dropDownContainer {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .MarketPageSelector {
        padding-left: 40px;
        padding-right: 40px
    }
    .MarketPageSelector .headerBlock {
        padding-left: 0;
        padding-right: 0
    }
    .no-js .MarketPageSelector .countryList ul>li>ul>li {
        width: 50%
    }
    .MarketPageSelector .dropDownContainer {
        width: 100%;
        max-width: auto
    }
    .MarketPageSelector .dropDownContainer .col {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 20px;
        padding-left: 0;
        padding-right: 0;
        float: none;
        text-align: center
    }
    .MarketPageSelector .dropDownContainer .formButton {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0
    }
    .MarketPageSelector .dropDownContainer .formButton .continueButton {
        margin: 0
    }
    .MarketPageSelector.mpsNoRegion .dropDownContainer {
        max-width: none
    }
    .MarketPageSelector.mpsNoRegion .dropDownContainer .col,
    .MarketPageSelector.mpsNoRegion .dropDownContainer .formButton {
        width: 100%
    }
    #landrover .MarketPageSelector .continueButton {
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MarketPageSelector {
        padding-left: 30px;
        padding-right: 30px
    }
    .no-js .MarketPageSelector .countryList ul>li>ul>li {
        width: 100%
    }
}

.MarketSelector {
    padding: 175px 10px 80px;
    min-height: 700px;
    position: relative;
    text-align: center
}

.no-js .MarketSelector {
    padding-left: 90px;
    padding-right: 90px
}

.lt-ie9 .MarketSelector {
    min-height: 400px
}

.MarketSelector .imageWrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -3
}

.no-js .MarketSelector .imageWrap {
    z-index: 0
}

.MarketSelector .heading,
.MarketSelector .subHeading {
    color: #fff
}

.no-js .MarketSelector .heading,
.no-js .MarketSelector .subHeading {
    color: #0c121c
}

.MarketSelector .heading {
    color: #e4e8e8;
    padding-left: 80px;
    padding-right: 80px;
    -webkit-font-smoothing: antialiased
}

.MarketSelector .heading .headingWrapper:after,
.MarketSelector .heading .headingWrapper:before {
    background-color: #fff
}

.MarketSelector .secondaryLinks {
    margin: 28px 0
}

.MarketSelector .countryList {
    display: none;
    text-align: left;
    letter-spacing: .02em
}

.no-js .MarketSelector .countryList {
    display: block
}

.MarketSelector .countryList ul>li {
    display: block;
    border-top: 1px solid #e4e8e8;
    padding-top: 40px
}

.MarketSelector .countryList ul>li h2 {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 700
}

.MarketSelector .countryList ul>li>ul {
    font-size: 0;
    padding-bottom: 40px
}

.MarketSelector .countryList ul>li>ul>li {
    border-top: none;
    padding-top: 0;
    width: 33.333%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.MarketSelector .countryList ul>li>ul>li a {
    font-size: 12px;
    display: block;
    text-decoration: none;
    position: relative;
    color: #000
}

.MarketSelector .countryList ul>li>ul>li a .flag {
    position: absolute;
    left: 0;
    top: -2px
}

.MarketSelector .countryList ul>li>ul>li a span {
    display: inline-block;
    margin: 0 20px 0 40px;
    line-height: 20px
}

.MarketSelector .countryList ul>li>ul>li a:hover span {
    color: #4a4f54
}

.MarketSelector .countryList ul>li:last-child>ul {
    padding-bottom: 0
}

.MarketSelector .dropDownContainer {
    width: 100%;
    max-width: 1200px;
    overflow: visible;
    margin: 0 auto;
    clear: both;
    text-align: center
}

.no-js .MarketSelector .dropDownContainer {
    display: none
}

.MarketSelector .dropDownContainer .col,
.MarketSelector .dropDownContainer .formButton {
    width: 33.333%
}

.MarketSelector .dropDownContainer .col {
    float: left;
    text-align: center;
    padding: 0 10px
}

.MarketSelector .dropDownContainer .formButton {
    clear: both;
    display: inline-block;
    margin: 0 auto;
    padding: 0 10px
}

#landrover .MarketSelector .continueButton {
    margin-top: 20px;
    width: 100%
}

#landrover .MarketSelector .secondaryLinkWithStyle {
    color: #fff;
    margin: 0
}

#landrover .MarketSelector .secondaryLinkWithStyle:before {
    display: block
}

.ieMarketSelector {
    max-width: 1400px!important
}

@media screen and (min-width:1px) and (max-width:900px) {
    .MarketSelector {
        padding: 175px 40px 40px
    }
    .MarketSelector .heading {
        padding-left: 0;
        padding-right: 0
    }
    .MarketSelector .dropDownContainer {
        width: 90%
    }
    .MarketSelector .dropDownContainer .col {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        float: none;
        padding: 0 10px 20px
    }
    .MarketSelector .dropDownContainer .formButton {
        width: 100%;
        max-width: 350px;
        padding-top: 0;
        padding-bottom: 30px
    }
    #landrover .MarketSelector .formButton {
        padding-bottom: 0
    }
    #landrover .MarketSelector .continueButton {
        margin-top: 0
    }
    .MarketSelector .countryList ul>li>ul>li {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MarketSelector {
        padding: 80px 20px 30px;
        min-height: auto;
        position: relative;
        font-family: avenir, arial, helvetica, sans-serif;
        font-size: 10px;
        letter-spacing: .35em;
        text-align: center
    }
    .MarketSelector .heading {
        margin-top: 95px;
        padding-left: 10px;
        padding-right: 10px
    }
    .MarketSelector .subHeading {
        display: none
    }
    .MarketSelector .countryList ul>li>ul>li {
        width: 100%
    }
    .MarketSelector .dropDownContainer {
        width: 100%;
        max-width: auto;
        overflow: auto;
        margin: 0 auto;
        clear: both;
        text-align: center
    }
    .MarketSelector .dropDownContainer .col {
        text-align: center
    }
}

.Modal {
    z-index: 1040;
    display: none;
    opacity: 0;
    transition: opacity .35s ease-in-out
}

.Modal,
.Modal__background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.Modal__background {
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.Modal__content-wrapper {
    width: calc(100% - 60px);
    max-height: calc(100vh - 60px);
    height: auto;
    display: block;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 360px
}

@media screen and (min-width:741px) {
    .Modal__content-wrapper {
        width: calc(100% - 80px);
        max-height: calc(100vh - 80px)
    }
}

@media screen and (min-width:901px) {
    .Modal__content-wrapper {
        min-height: 180px;
        width: calc(100% - 100px);
        max-height: calc(100vh - 100px)
    }
}

.Modal__content {
    padding: 50px 40px 38px;
    overflow-y: auto;
    height: 100%;
    max-height: 100vh
}

@media screen and (min-width:901px) {
    .Modal__content {
        max-height: 80vh
    }
}

.Modal__close {
    border: 0;
    background: transparent;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 17px;
    top: 17px;
    text-decoration: none;
    font-size: 0;
    color: transparent;
    padding: 0;
    margin: 0
}

.Modal__close:focus,
.Modal__close:hover {
    border: 0
}

.Modal__close:after {
    content: "";
    font-family: icons;
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #4a4f54;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    top: 7px;
    left: 6px
}

.Modal__title {
    color: #000;
    margin-bottom: 15px
}

.Modal__text {
    color: #444
}

.ModelSelector {
    text-align: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #4a4f54;
    color: #e4e8e8;
    padding: 80px 70px 25px
}

.ModelSelector,
.ModelSelector--divider>.dark {
    position: relative
}

.ModelSelector--divider>.dark:after {
    background: #a4a7a9;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px
}

.ModelSelector .modelSelectorHeader {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.ModelSelector .modelSelectorHeader .backButton {
    position: absolute;
    top: 58px;
    left: 10px;
    z-index: 3;
    font-size: 30px;
    text-decoration: none;
    padding: 15px
}

.ModelSelector .modelSelectorHeader .backButton span {
    display: inline-block;
    text-indent: -9999px
}

.ModelSelector .modelSelectorHeader .backButton:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ModelSelector .inPageModelSelectorHeader,
.ModelSelector .vehicleSummary {
    display: none
}

.ModelSelector .vehicleNameHeader {
    margin-bottom: 17px
}

.ModelSelector .vehicleNameHeader+.modelList {
    margin-top: 40px
}

.ModelSelector .vehicleTagline {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 45px;
    max-width: 600px;
    line-height: 1.5em
}

.ModelSelector.withTabs .modelSelectorHeader {
    padding-bottom: 30px
}

.ModelSelector.withTabs .backButton {
    top: 134px
}

.ModelSelector .selectorContentLink {
    text-decoration: none
}

.ModelSelector .modelWrapper {
    display: block;
    border-bottom: 1px solid #a4a7a9
}

.ModelSelector .el {
    width: 33.333%;
    padding: 0 20px;
    margin-bottom: 55px
}

.ModelSelector .el:nth-of-type(3n+1) {
    clear: left
}

.ModelSelector .el sup {
    font-size: .5em
}

.ModelSelector .el img {
    width: 100%;
    height: auto;
    display: block
}

.ModelSelector .el .imageLink {
    position: relative
}

.ModelSelector .el .imageLink,
.ModelSelector .el .selectorContentLink {
    text-decoration: none;
    display: block
}

.ModelSelector .el .modelName {
    margin: 22px 0 5.5px
}

.ModelSelector .el .price {
    color: #fff;
    font-family: avenir, arial, helvetica, sans-serif;
    display: block;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1.5px
}

.ModelSelector .el .selectorContent .modelName+p,
.ModelSelector .el .selectorContent .price+p {
    color: #fff;
    margin: 22px 0;
    font-weight: 700
}

.ModelSelector .el .featureText,
.ModelSelector .el .unorderedList {
    padding-top: 22px;
    padding-bottom: 22px;
    color: #e4e8e8;
    border-top: 1px solid #a4a7a9
}

.ModelSelector .el .featureText p,
.ModelSelector .el .unorderedList li {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 22px
}

.ModelSelector .el .featureText p:last-child,
.ModelSelector .el .unorderedList li:last-child {
    margin-bottom: 0
}

.ModelSelector .modelSelectorButtons {
    border-top: 1px solid #a4a7a9
}

.ModelSelector .selectorButton {
    display: block;
    margin-top: 22px;
    margin-bottom: 22px
}

#landrover .ModelSelector .selectorButton {
    color: #aeb0b2
}

#landrover.focusStylesOn .ModelSelector .selectorButton:focus,
#landrover .ModelSelector .selectorButton:hover {
    color: #e4e8e8;
    text-shadow: none
}

.ModelSelector .selectorButton .secondaryLinkWithStyle {
    margin-top: 0;
    padding-left: 0;
    vertical-align: middle
}

.ModelSelector .selectorButton .secondaryLinkWithStyle:before {
    content: none
}

.ModelSelector .selectorButton .secondaryLinkWithStyle i.icon-ignite-configure:before {
    font-size: 20px;
    line-height: 1;
    top: -1px
}

.ModelSelector .selectorButton .secondaryLinkWithStyle i {
    display: inline
}

.ModelSelector .selectorButton .secondaryLinkWithStyle i:before {
    margin-left: 0;
    margin-right: 12px;
    position: relative;
    top: -2px;
    line-height: 1.25
}

.ModelSelector .selectorButton .secondaryLinkWithStyle i.icon-map-pin:before {
    font-size: 20px;
    line-height: 1;
    top: -1px
}

.ModelSelector .tabContent {
    overflow: hidden;
    *zoom: 1
}

.ModelSelector .tabContent[data-total="1"] .el {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.ModelSelector .tabContent[data-total="1"] .modelWrapper {
    height: auto
}

.ModelSelector .tabContent[data-total="2"] .el.firstModel {
    margin-left: 16.667%
}

.ModelSelector .tabContent[data-total="4"] .el,
.ModelSelector .tabContent[data-total="7"] .el,
.ModelSelector .tabContent[data-total="8"] .el,
.ModelSelector .tabContent[data-total="10"] .el,
.ModelSelector .tabContent[data-total="11"] .el,
.ModelSelector .tabContent[data-total="12"] .el {
    width: 25%
}

.ModelSelector .tabContent[data-total="4"] .el:nth-of-type(3n+1),
.ModelSelector .tabContent[data-total="7"] .el:nth-of-type(3n+1),
.ModelSelector .tabContent[data-total="8"] .el:nth-of-type(3n+1),
.ModelSelector .tabContent[data-total="10"] .el:nth-of-type(3n+1),
.ModelSelector .tabContent[data-total="11"] .el:nth-of-type(3n+1),
.ModelSelector .tabContent[data-total="12"] .el:nth-of-type(3n+1) {
    clear: none
}

.ModelSelector .tabContent[data-total="4"] .el:nth-of-type(4n+1),
.ModelSelector .tabContent[data-total="7"] .el:nth-of-type(4n+1),
.ModelSelector .tabContent[data-total="8"] .el:nth-of-type(4n+1),
.ModelSelector .tabContent[data-total="10"] .el:nth-of-type(4n+1),
.ModelSelector .tabContent[data-total="11"] .el:nth-of-type(4n+1),
.ModelSelector .tabContent[data-total="12"] .el:nth-of-type(4n+1) {
    clear: left
}

.ModelSelector.inPageModelSelector {
    z-index: 1;
    background-color: #4a4f54
}

.ModelSelector.inPageModelSelector .inPageModelSelectorHeader {
    margin: 0 auto 80px;
    display: inline-block
}

.ModelSelector.inPageModelSelector .backButton,
.ModelSelector.inPageModelSelector .vehicleNameHeader,
.ModelSelector.inPageModelSelector .vehicleTagline {
    display: none
}

.ModelSelector.inPageModelSelector.withTabs .modelSelectorHeader {
    padding-bottom: 0
}

.ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader {
    margin-bottom: 26px
}

.ModelSelector.inPageModelSelector.withTabs .vehicleSummary {
    display: block;
    font-weight: 700;
    text-align: center;
    padding: 20px 0 60px;
    margin: 0 40px
}

.ModelSelector.inPageModelSelector.withTabs .TabFilter {
    margin-bottom: 80px
}

.ModelSelector.inPageModelSelector.withTabs .TabFilter.withSummary {
    margin-bottom: 0
}

@media screen and (min-width:901px) {
    .ModelSelector--divider [data-total="1"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="1"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="2"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="2"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="3"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="3"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="4"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="4"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper,
    .ModelSelector--divider [data-total="5"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="5"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="6"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="6"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="7"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="7"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper,
    .ModelSelector--divider [data-total="8"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="8"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper,
    .ModelSelector--divider [data-total="9"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3) .modelWrapper,
    .ModelSelector--divider [data-total="9"] .modelList .el:nth-child(3n+1):nth-last-child(-n+3)~.el .modelWrapper,
    .ModelSelector--divider [data-total="10"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="10"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper,
    .ModelSelector--divider [data-total="11"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="11"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper,
    .ModelSelector--divider [data-total="12"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4) .modelWrapper,
    .ModelSelector--divider [data-total="12"] .modelList .el:nth-child(4n+1):nth-last-child(-n+4)~.el .modelWrapper {
        border-bottom: none
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ModelSelector {
        padding: 0 20px -15px
    }
    .ModelSelector.inPageModelSelector {
        padding: 40px 20px 0
    }
    .ModelSelector--divider>.dark:after {
        left: -30px;
        right: -30px
    }
    .ModelSelector--divider.inPageModelSelector {
        padding-bottom: 25px
    }
    .ModelSelector--divider.inPageModelSelector>.dark:after {
        left: 20px;
        right: 20px
    }
    .ModelSelector--divider .modelList .el:nth-child(odd):nth-last-child(-n+2) .modelWrapper,
    .ModelSelector--divider .modelList .el:nth-child(odd):nth-last-child(-n+2)~.el .modelWrapper {
        border-bottom: none
    }
    .ModelSelector .modelSelectorHeader .backButton {
        left: 0;
        top: 51px
    }
    .ModelSelector.withTabs .modelSelectorHeader .backButton {
        top: 134px
    }
    .ModelSelector .tabContent .el,
    .ModelSelector .tabContent[data-total="4"] .el,
    .ModelSelector .tabContent[data-total="7"] .el,
    .ModelSelector .tabContent[data-total="8"] .el,
    .ModelSelector .tabContent[data-total="10"] .el,
    .ModelSelector .tabContent[data-total="11"] .el,
    .ModelSelector .tabContent[data-total="12"] .el {
        width: 50%
    }
    .ModelSelector .tabContent .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="4"] .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="7"] .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="8"] .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="10"] .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="11"] .el:nth-of-type(3n+1),
    .ModelSelector .tabContent[data-total="12"] .el:nth-of-type(3n+1) {
        clear: none
    }
    .ModelSelector .tabContent .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="4"] .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="7"] .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="8"] .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="10"] .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="11"] .el:nth-of-type(odd),
    .ModelSelector .tabContent[data-total="12"] .el:nth-of-type(odd) {
        clear: left
    }
    .ModelSelector .tabContent[data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="4"][data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="7"][data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="8"][data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="10"][data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="11"][data-total="2"] .el.firstModel,
    .ModelSelector .tabContent[data-total="12"][data-total="2"] .el.firstModel {
        margin-left: 0
    }
    .ModelSelector.inPageModelSelector .modelSelectorHeader {
        padding-top: 0
    }
    .ModelSelector.inPageModelSelector .inPageModelSelectorHeader {
        margin-bottom: 40px
    }
    .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader {
        margin-bottom: 23px
    }
    .ModelSelector.inPageModelSelector.withTabs .vehicleSummary {
        padding-bottom: 40px
    }
    .ModelSelector.inPageModelSelector.withTabs .TabFilter {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ModelSelector {
        padding: 30px 10px
    }
    .ModelSelector--divider>.dark:after,
    .ModelSelector.hide-title-mobile .modelSelectorHeader .heading {
        display: none
    }
    .ModelSelector.inPageModelSelector {
        padding: 30px 10px
    }
    .ModelSelector.inPageModelSelector .inPageModelSelectorHeader {
        margin-bottom: 30px
    }
    .ModelSelector.inPageModelSelector .TabFilter {
        margin: 0 auto
    }
    .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader {
        margin-bottom: 18px
    }
    .ModelSelector.inPageModelSelector.withTabs .vehicleSummary {
        padding-bottom: 20px
    }
    .ModelSelector.inPageModelSelector.withTabs .TabFilter {
        margin-bottom: 30px
    }
    .ModelSelector.withTabs .modelSelectorHeader .backButton {
        top: 9px
    }
    .ModelSelector .modelSelectorHeader .backButton {
        top: 0;
        left: 0
    }
    .ModelSelector .modelSelectorHeader .backButton:after {
        width: auto;
        padding: 0
    }
    .ModelSelector .vehicleNameHeader {
        margin-bottom: 12px
    }
    .ModelSelector .vehicleTagline {
        margin-bottom: 30px;
        max-width: 300px;
        font-size: 13px
    }
    .ModelSelector .tabContent[data-total="1"] .el,
    .ModelSelector .tabContent[data-total="2"] .el,
    .ModelSelector .tabContent[data-total="3"] .el,
    .ModelSelector .tabContent[data-total="4"] .el,
    .ModelSelector .tabContent[data-total="5"] .el,
    .ModelSelector .tabContent[data-total="6"] .el,
    .ModelSelector .tabContent[data-total="7"] .el,
    .ModelSelector .tabContent[data-total="8"] .el,
    .ModelSelector .tabContent[data-total="10"] .el,
    .ModelSelector .tabContent[data-total="11"] .el,
    .ModelSelector .tabContent[data-total="12"] .el {
        width: 100%;
        float: none;
        margin-bottom: 22px
    }
    .ModelSelector .el .modelSelectorButtons,
    .ModelSelector .el ul {
        display: none
    }
    .ModelSelector .el .modelName {
        margin-top: 11px
    }
    .ModelSelector .el .selectorContent .modelName+p,
    .ModelSelector .el .selectorContent .price+p {
        margin: 8.667px 0 0
    }
    .ModelSelector .modelWrapper {
        border-bottom: 0
    }
}

.overlay .ModelSelector {
    width: 50%
}

.overlay .ModelSelector .el {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

html.no-js .ModelSelector .tabContent .modelWrapper {
    height: auto
}

#landrover .ModelSelector .modelSelectorButtonTwo,
#landrover .ModelSelector .modelSelectorButtonTwo:before {
    color: #a4a7a9
}

#landrover .ModelSelector .modelSelectorButtonTwo:before:hover,
#landrover .ModelSelector .modelSelectorButtonTwo:hover {
    color: #e4e8e8
}

.lt-ie9 .ModelSelector .modelSelectorButtons .selectorButton {
    padding-top: 0;
    padding-bottom: 0
}

.ModelSelector .modelSelectorHeader .backButton {
    color: #4a4f54
}

.lightTheme .ModelSelector .modelSelectorHeader .backButton {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    .AccordionContainer .ModelSelector .modelList .el:last-child {
        margin-bottom: 0!important
    }
    .AccordionContainer .ModelSelector .featureText {
        padding-bottom: 0!important
    }
}

.NationalDealerLocator .autoCompleteMenu .autoCompleteItem {
    font-size: 13px
}

.NationalDealerLocator .autoCompleteMenu .autoCompleteItem:first-child {
    border-top: 1px solid #e4e8e8
}

.NationalDealerLocator .subHeading {
    padding-left: 30px;
    padding-right: 30px
}

.NationalDealerLocator .searchForms {
    display: none
}

.NationalDealerLocator .searchForms .dynamic input[type=text] {
    font-size: 13px
}

.NationalDealerLocator .searchForms .dynamic input[type=text]:focus {
    box-shadow: none
}

.NationalDealerLocator .searchForms .dynamic input[type=text]::-ms-clear {
    display: none
}

.NationalDealerLocator[data-total-form-fields="2"] .searchForms,
.NationalDealerLocator[data-total-form-fields="3"] .searchForms {
    max-width: 1300px;
    width: 95%
}

.NationalDealerLocator .retailerType {
    display: none
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .NationalDealerLocator.dynamicSearch .selectHeader {
        text-align: center
    }
    .NationalDealerLocator.dynamicSearch .dealerLocatorSearch {
        min-height: 0
    }
    .NationalDealerLocator.dynamicSearch .searchForms {
        width: 100%;
        max-width: auto
    }
    .NationalDealerLocator.dynamicSearch .searchForms.multipleForms .searchSelectContainer {
        padding-right: 0
    }
    .NationalDealerLocator.dynamicSearch .searchForms .dynamic .col {
        width: 100%;
        max-width: 350px;
        text-align: center;
        padding: 0 0 20px;
        margin: 0 auto;
        float: none
    }
    .NationalDealerLocator.dynamicSearch .searchForms .dynamic .formButton {
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding: 0
    }
    .NationalDealerLocator.dynamicSearch .searchForms .dynamic .formButton .continueButton {
        margin: 0
    }
    .NationalDealerLocator.dynamicSearch .searchForms.multipleForms .searchSelectContainer {
        float: none;
        width: 100%;
        max-width: 350px;
        margin: 0 auto;
        padding-bottom: 20px
    }
    .NationalDealerLocator.dynamicSearch .searchForms.multipleForms .dynamic .col,
    .NationalDealerLocator.dynamicSearch .searchForms.multipleForms .dynamic .formButton {
        width: 100%
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="2"] .searchForms,
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="3"] .searchForms {
        padding-left: 30px;
        padding-right: 30px
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="2"] .searchForms .dynamic .col,
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="2"] .searchForms .dynamic .formButton,
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="3"] .searchForms .dynamic .col,
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="3"] .searchForms .dynamic .formButton {
        width: inherit
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="2"] .searchForms .dynamic .formButton,
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="3"] .searchForms .dynamic .formButton {
        float: none
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="4"] .searchForms.multipleForms .dynamic .mainInput {
        top: 20px;
        float: none
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="4"] .searchForms.multipleForms .dynamic .retailerType {
        float: none;
        top: 20px;
        min-height: 0
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="4"] .searchForms.multipleForms .dynamic .country {
        top: 0;
        right: 0;
        left: 0
    }
    .NationalDealerLocator.dynamicSearch[data-total-form-fields="4"] .searchForms.multipleForms .searchSelectContainer {
        padding: 0;
        position: relative;
        top: 65px;
        left: 0;
        padding-bottom: 65px
    }
}

.mobileGeoLocationPopup {
    position: relative;
    padding: 30px;
    width: auto;
    width: 80%;
    margin: 30px auto 0
}

.mobileGeoLocationPopup .heading,
.mobileGeoLocationPopup p {
    margin-bottom: 16px
}

#landrover .mobileGeoLocationPopup .primaryLinkWithStyle {
    margin-top: 16px;
    width: 100%
}

#landrover .mobileGeoLocationPopup .primaryLinkWithStyle.locationYes {
    margin-top: 16px
}

.no-js .NationalDealerLocator .searchForms {
    display: block
}

.no-js .NationalDealerLocator .searchForms form .selectHeader {
    display: none
}

.no-js .NationalDealerLocator .DropdownSelect {
    font-size: 1em
}

@media screen and (min-width:1px) and (max-width:740px) {
    .NationalDealerLocator .imageWrap {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    [data-total-form-fields="2"] .shelfComponent,
    [data-total-form-fields="3"] .shelfComponent {
        padding: 40px 0
    }
}

#landrover .NationalDealerLocator.dealerLocatorHeader .continueButton.disabled:hover {
    background: #0c121c
}

.NationalDealerLocator[data-contrast=white] span.imageWrap {
    background-color: #fff
}

.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch .headingWrapper,
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch .headingWrapper .headingTextMain {
    color: #0c121c
}

.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch .headingWrapper:after,
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch .headingWrapper:before {
    background-color: #0c121c
}

.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch .subHeading {
    color: #4a4f54
}

.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch input[name=dealerName],
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch input[name=dynamic],
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch input[name=placeName],
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch input[name=postCode],
.NationalDealerLocator[data-contrast=white] .dealerLocatorSearch input[name=region] {
    border: 1px solid #e2e4e4
}

.NationalDealerLocator[data-contrast=light] span.imageWrap {
    background-color: #f8f9f9
}

.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch .headingWrapper,
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch .headingWrapper .headingTextMain {
    color: #0c121c
}

.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch .headingWrapper:after,
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch .headingWrapper:before {
    background-color: #0c121c
}

.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch .subHeading {
    color: #4a4f54
}

.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch input[name=dealerName],
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch input[name=dynamic],
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch input[name=placeName],
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch input[name=postCode],
.NationalDealerLocator[data-contrast=light] .dealerLocatorSearch input[name=region] {
    border: 1px solid #e2e4e4
}

.NationalDealerLocator[data-contrast=grey] span.imageWrap {
    background-color: #e9ecec
}

.NationalDealerLocator[data-contrast=grey] .dealerLocatorSearch .headingWrapper,
.NationalDealerLocator[data-contrast=grey] .dealerLocatorSearch .headingWrapper .headingTextMain {
    color: #0c121c
}

.NationalDealerLocator[data-contrast=grey] .dealerLocatorSearch .headingWrapper:after,
.NationalDealerLocator[data-contrast=grey] .dealerLocatorSearch .headingWrapper:before {
    background-color: #0c121c
}

.NationalDealerLocator[data-contrast=grey] .dealerLocatorSearch .subHeading {
    color: #4a4f54
}

.NationalDealerLocator[data-contrast=dark] span.imageWrap {
    background-color: #4a4f54
}

.NationalDealerLocator[data-contrast=dark] .dealerLocatorSearch .headingWrapper,
.NationalDealerLocator[data-contrast=dark] .dealerLocatorSearch .headingWrapper .headingTextMain {
    color: #fff
}

.NationalDealerLocator[data-contrast=dark] .dealerLocatorSearch .headingWrapper:after,
.NationalDealerLocator[data-contrast=dark] .dealerLocatorSearch .headingWrapper:before {
    background-color: #fff
}

.NationalDealerLocator[data-contrast=dark] .dealerLocatorSearch .subHeading {
    color: #e4e8e8
}

.NationalDealerLocator.dealerLocatorHeader .continueButton {
    background-color: #0c121c!important;
    color: #fff!important
}

.NationalDealerLocator.dealerLocatorHeader .continueButton:hover {
    background-color: #fff!important;
    color: #0c121c!important
}

.NationalDealerLocatorError {
    clear: both;
    text-align: center
}

.NationalDealerLocatorError .headerBlock {
    margin-bottom: 30px
}

.NationalDealerLocatorError ol {
    font-weight: 400
}

.NationalDealerLocatorError ol li {
    list-style: none;
    display: block;
    margin-bottom: 20px
}

.NationalDealerLocatorError ol li:last-child {
    margin-bottom: 0
}

.NationalDealerLocatorError ol li a {
    text-decoration: none;
    font-weight: 700
}

.NationalDealerLocatorError .searchAgainButton {
    width: 100%;
    max-width: 300px
}

#landrover .NationalDealerLocatorError .searchAgainButton {
    margin: 0 auto
}

.NationalDealerLocatorError {
    background-color: #fff
}

.NationalDealerLocatorError ol li a:hover {
    color: #0c121c
}

.NationalDealerLocatorError .globalDealerLink {
    margin-top: 20px
}

.NationalDealerLocatorError .globalDealerLink a:hover {
    color: #005a2b;
    border-bottom-color: rgba(0, 90, 43, .25)!important
}

.NationalDealerLocatorResults {
    clear: both;
    padding: 0 90px
}

.NationalDealerLocatorResults .spriteIcon-pin {
    background-image: url(/resources/public/images/icons-sprite/pin.png);
    width: 30px;
    height: 38px
}

.NationalDealerLocatorResults .spriteIcon-pin_active {
    background-image: url(/resources/public/images/icons-sprite/pin_active.png);
    width: 30px;
    height: 38px
}

.NationalDealerLocatorResults .dealerNameText {
    text-transform: uppercase
}

.NationalDealerLocatorResults .dealerHeader {
    text-align: center;
    padding: 28px 30px;
    z-index: 9
}

.NationalDealerLocatorResults .retailerType {
    margin: auto
}

#landrover .NationalDealerLocatorResults .dealerHeader .mapViewButton,
#landrover .NationalDealerLocatorResults .dealerHeader .resultsViewButton,
#landrover .NationalDealerLocatorResults .dealerHeader .searchAgainButton {
    width: 49%;
    margin: 0 auto;
    vertical-align: -webkit-baseline-middle;
    padding-left: 9px;
    padding-right: 9px;
    letter-spacing: .1em
}

.NationalDealerLocatorResults .dealerResults {
    display: block;
    position: relative
}

.NationalDealerLocatorResults .dealerSidebarContainer {
    width: 100%
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar {
    width: 460px;
    margin-top: 40px;
    padding-right: 20px;
    float: left;
    height: auto
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .heading {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-bottom: 0;
    font-family: avenir, arial, helvetica, sans-serif
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer {
    position: relative
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:after,
.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    display: none
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:before {
    top: 0;
    background-image: url(/resources/public/images/NationalDealerLocatorResults/shadow-top.png);
    background-position: 50% 0
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .columnContainer:after {
    bottom: 0;
    background-image: url(/resources/public/images/NationalDealerLocatorResults/shadow-bottom.png);
    background-position: 50% 100%
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .DropdownSelect ul {
    max-height: none
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list {
    -webkit-overflow-scrolling: touch
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li:last-child {
    margin-bottom: 0
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard {
    margin-bottom: 25px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .cardTitle {
    margin-bottom: 40px!important
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .cardTitle .resultNumber:hover {
    cursor: pointer
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table {
    font-size: 14px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .tel th:before {
    content: ""
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .email th:before,
.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .tel th:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 20px;
    margin-right: 5px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .email th:before {
    content: ""
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .address {
    margin-top: 0
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard table .address th:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    margin-left: 0;
    margin-right: 5px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .ctas,
.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .mobileCtas {
    margin-left: 45px;
    margin-top: 12px;
    margin-bottom: 20px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .servicesDiv {
    border-top: 1px solid #e2e4e4;
    border-bottom: 1px solid #e2e4e4;
    padding-bottom: 25px;
    padding-top: 25px;
    font-size: 14px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .servicesDiv .servicesDivLabel {
    font-weight: 700
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .servicesDiv .services {
    margin-top: 12px
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .servicesDiv .services li {
    float: none
}

.NationalDealerLocatorResults .dealerSidebarContainer .dealerSidebar .list li .infoCard .dealerWebsiteDiv {
    padding-top: 1px
}

.NationalDealerLocatorResults .dealerMap {
    margin-left: 460px;
    margin-right: -90px;
    padding-left: 20px
}

.NationalDealerLocatorResults .dealerMap .dealerHeader {
    height: 120px;
    position: relative;
    padding: 40px 550px 0 0;
    display: table
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer {
    position: relative
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap {
    position: relative;
    height: 800px
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container {
    bottom: 100px!important;
    right: 40px!important;
    top: auto!important;
    z-index: 6
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_Button {
    background-color: #fff;
    background-image: none;
    color: #000;
    height: 50px;
    width: 50px;
    text-decoration: none
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_Button:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    margin-left: 0;
    text-decoration: none
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_Button:hover {
    background-color: #000;
    color: #fff
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_zoomIn {
    display: block!important;
    text-align: center
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_zoomIn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    width: 100%;
    margin: 0;
    line-height: 47px
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_zoomOut {
    display: block!important;
    text-align: center
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap .NavBar_Container .NavBar_zoomOut:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    width: 100%;
    margin: 0;
    line-height: 47px
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .mapCloseButton {
    display: none
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm {
    position: absolute;
    bottom: 40px;
    right: 40px
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect {
    width: 280px
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect .selected:before {
    content: ""
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect.open .selected:before,
.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect .selected:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect.open .selected:before {
    content: ""
}

#landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .primaryLinkWithStyle {
    display: none
}

.no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm {
    bottom: 1px
}

.no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect {
    width: auto
}

.no-js #landrover .NationalDealerLocatorResults .dealerMap .bingMapContainer .radius-frm .primaryLinkWithStyle {
    display: table
}

.NationalDealerLocatorResults .dealerMap .bingMapContainer .literals {
    display: none
}

.NationalDealerLocatorResults .dealerMap.dealerMapFloating {
    position: fixed
}

.NationalDealerLocatorResults .dealerMap.dealerMapStopped {
    position: absolute
}

.NationalDealerLocatorResults .dealerMap .directionsHeader {
    height: 80px
}

.NationalDealerLocatorResults .bingMap .placeholderMapImage {
    display: none
}

.no-js .NationalDealerLocatorResults .bingMap .placeholderMapImage {
    display: block;
    width: 100%
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL {
    width: 50px;
    height: 110px;
    top: auto!important;
    left: auto!important;
    bottom: 115px;
    right: 40px;
    background: transparent;
    border: none
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_compassControlContainer,
.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomDrop {
    display: none
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer {
    width: 50px;
    height: 110px;
    position: relative;
    left: auto;
    top: auto;
    background: transparent
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    margin: 0;
    text-align: center;
    background-image: none;
    border: 0;
    background-color: #fff;
    color: #0c121c;
    transition: background-color .4s ease, color .4s ease
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button:before {
    display: inline;
    line-height: 50px;
    font-family: icons;
    font-size: 18px;
    -webkit-font-smoothing: subpixel-antialiased
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_button:hover {
    background-color: #0c121c;
    color: #fff
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn {
    top: 0
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomIn:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut {
    top: 60px
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL .NavBar_zoomControlContainer .NavBar_zoomOut:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap>button {
    position: absolute!important
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .MapPushpinBase div {
    font-size: 14px!important;
    font-family: avenir, arial, helvetica, sans-serif!important;
    font-weight: 400!important;
    top: -2px!important;
    line-height: 42px!important;
    letter-spacing: .1em
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .customInfoBox {
    width: 250px;
    padding: 10px;
    position: relative;
    top: 18px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    letter-spacing: .1em;
    background-color: #fff;
    color: #0c121c
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .customInfoBox .dealer-info-cta {
    display: none;
    text-decoration: underline
}

.NationalDealerLocatorResults .bingMap .MicrosoftMap .Infobox {
    display: none!important
}

.NationalDealerLocatorResults.iOS .MicrosoftMap .MapPushpinBase div {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) rotate(0) scale(1)
}

.NationalDealerLocatorResults .dealerSidebar .list>li {
    margin-bottom: 25px
}

.NationalDealerLocatorResults .dealerSidebar .directions {
    height: 600px;
    padding: 30px 25px 30px 37px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.NationalDealerLocatorResults .dealerSidebar .directions .directionsField {
    position: relative;
    margin-bottom: 5px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directionsField:after {
    content: "";
    display: block;
    width: 100px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: linear-gradient(90deg, hsla(180, 8%, 90%, 0), #e4e8e8)
}

.NationalDealerLocatorResults .dealerSidebar .directions .directionsField span {
    display: block;
    width: 37px;
    position: absolute;
    left: -37px;
    padding-right: 8px;
    line-height: 40px;
    text-align: right;
    font-size: 18px;
    font-weight: 700
}

.NationalDealerLocatorResults .dealerSidebar .directions .directionsField input {
    height: 40px;
    background-color: #e4e8e8
}

.NationalDealerLocatorResults .dealerSidebar .directions .directionsField.destination input,
.NationalDealerLocatorResults .dealerSidebar .directions .directionsField.destination span {
    color: #5c6165
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list {
    z-index: 1;
    position: relative;
    margin-top: 20px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap.dirSDK .directionsPanel {
    width: auto
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteEnd .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteStart .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteEnd .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteStart .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteStart .dirIcon {
    background-color: transparent;
    font-size: 18px;
    font-weight: 700;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    right: 120%
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteEnd .dirInstruction p,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteStart .dirInstruction p,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteEnd .dirInstruction p,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteStart .dirInstruction p,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirInstruction p,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteStart .dirInstruction p {
    position: relative;
    right: 20%
}

@media (max-width:900px) {
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteStart .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteStart .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteStart .dirInstruction p {
        right: 30%
    }
}

@media (max-width:740px) {
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .dirRouteStart .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .directionsPanel .dirRouteStart .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirInstruction p,
    .NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteStart .dirInstruction p {
        right: 10%
    }
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirIcon,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirRouteEnd .dirInstruction {
    padding-top: 20px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drTitle a>table {
    width: 100%
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drTitle.selected {
    background-color: #e4e8e8;
    border-color: #e4e8e8
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drTitle.selected a table {
    color: #404040;
    cursor: default;
    text-decoration: none
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drTitle.selected a table .traffic.light {
    color: #01b305
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drTitle.selected a table .traffic.moderate {
    color: #e57c00
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .drTitle.selected a:hover .drDuration,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drDuration.selected {
    background: rgba(0, 0, 0, .05)
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .cardContent .drTitle.selected a:hover .drDuration table,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drDuration.selected table,
.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .traffic.light {
    background: transparent
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirInstructions {
    margin-top: 20px;
    margin-left: -20px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirInstructions td:first-child {
    border-right: 0;
    padding-right: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .dirInstructions td.dirInstructionTravelDistance {
    position: relative;
    right: -18px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .circleIcon .dirIcon {
    border: 0;
    background-color: transparent;
    width: 45px;
    height: 45px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .circleIcon .dirIcon .dirSvg {
    width: 45px;
    height: 45px
}

.NationalDealerLocatorResults .dealerSidebar .directions .directions-list .MicrosoftMap .drDurationTable {
    text-align: center;
    margin: 0 auto
}

#landrover .NationalDealerLocatorResults .dealerSidebar .directions .backToDealer {
    margin-top: 0;
    margin-bottom: 20px
}

#landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsList,
#landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsMap {
    margin-top: 12px;
    width: 100%
}

#landrover .NationalDealerLocatorResults .dealerSidebar .directions .getDirectionsMap {
    display: none
}

#landrover .NationalDealerLocatorResults .backToDealer:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-top: -1px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel {
    padding: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route {
    padding-top: 30px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary {
    margin: 0 0 16px;
    padding: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_tripSummary {
    font-size: 16px;
    font-weight: 100;
    color: #0c121c
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_avoidTraffic,
.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_routeSummary .dd_trafficTime {
    display: none
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint {
    margin: 0;
    padding: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint .dd_directionStepLetter {
    display: block;
    width: 37px;
    padding-right: 8px;
    left: -37px;
    line-height: 30px;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    color: inherit
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_waypoint .dd_waypointDisplayText {
    line-height: 30px;
    margin: 0 0 0 15px;
    padding: 0;
    font-size: 14px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary {
    margin-left: 15px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_distance {
    margin-bottom: 5px;
    font-size: 12px;
    color: #5c6165
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_directionsPanel.dd_route .dd_itinerary .dd_singleStep .dd_iteneraryContainer .dd_instruction {
    font-size: 14px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer {
    padding: 0;
    font-size: inherit;
    border: 0;
    background-color: transparent;
    color: inherit
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .headerText {
    color: #f2681d
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li {
    margin: 20px 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li:last-child {
    margin-bottom: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li .dd_DisambgStepLetter {
    height: 29px;
    margin-right: 10px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer li a {
    font-size: inherit;
    font-weight: 700;
    color: inherit
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgNextLinkFirstPage {
    display: none
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgStepLetter {
    width: 48px;
    height: 58px!important;
    line-height: 48px;
    background-image: url(/resources/public/images/icons/pin.png);
    text-align: center;
    text-indent: 0
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_DisambgStepLetter:hover {
    background-image: url(/resources/public/images/icons/pin_hover.png)
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer {
    min-height: 58px;
    padding-top: 16px
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a {
    font-size: 10px;
    letter-spacing: .25em;
    color: #0c121c;
    font-weight: 700;
    text-decoration: none;
    line-height: 48px;
    overflow: hidden;
    *zoom: 1;
    line-height: 1.25;
    text-transform: uppercase
}

.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a:focus,
.NationalDealerLocatorResults .dealerSidebar .directions-list .dd_disambgContainer .dd_LocDisambgAddressContainer a:hover {
    color: #5c6165
}

.NationalDealerLocatorResults.noMapResults {
    padding-right: 70px;
    padding-left: 70px
}

.NationalDealerLocatorResults.noMapResults .dealerHeader {
    padding-right: 20px;
    padding-left: 20px
}

.NationalDealerLocatorResults.noMapResults .dealerResults {
    height: auto
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar {
    width: 100%;
    height: auto;
    padding-right: 0
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer {
    position: static;
    padding-top: 0;
    padding-bottom: 0
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer:after,
.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .columnContainer:before {
    content: none
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list {
    height: auto
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li {
    width: 33.33%;
    float: left
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer {
    margin-right: 20px;
    margin-left: 20px
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas {
    display: none!important
}

.NationalDealerLocatorResults.noMapResults .dealerResults .dealerMap,
.NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .directions {
    display: none
}

.NationalDealerLocatorResults.desktop .dealerResults {
    height: auto;
    overflow: visible
}

.NationalDealerLocatorResults.desktop .dealerSidebar {
    height: auto
}

.NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer {
    position: static;
    padding-top: 0
}

.NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer:after,
.NationalDealerLocatorResults.desktop .dealerSidebar .columnContainer:before {
    content: none
}

.NationalDealerLocatorResults.desktop .dealerSidebar .list {
    height: auto
}

.NationalDealerLocatorResults.desktop .dealerSidebar .directions {
    height: auto;
    overflow: visible
}

.NationalDealerLocatorResults.desktop .dealerMap .dealerHeader {
    height: 80px;
    padding-bottom: 0
}

.NationalDealerLocatorResults.desktop .dealerMap .bingMapContainer .LogoContainer {
    display: none
}

#landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou {
    color: #0c121c;
    vertical-align: middle
}

#landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:hover {
    color: #005a2b
}

#landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .landRoverToYou:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    display: none;
    font-size: 30px;
    top: -3px;
    left: -11px
}

@media screen and (min-width:1px) and (max-width:1400px) {
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer {
        margin-right: -745px;
        float: left
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar {
        margin-right: 745px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap {
        margin-left: 0;
        float: right
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapFloating {
        right: 90px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapStopped {
        right: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .directionsHeader {
        padding-right: 0
    }
}

@media screen and (min-width:1290px) and (max-width:1399px) {
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer {
        margin-right: 0;
        width: calc(100% - 745px)
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar {
        margin-right: 0;
        float: none;
        width: 100%
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap {
        width: 835px!important
    }
}

@media screen and (min-width:1px) and (max-width:1290px) {
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer {
        margin-right: 0;
        float: none
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar {
        width: 350px;
        margin-right: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap {
        margin-left: 350px;
        float: none
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader {
        height: 160px;
        padding-right: 0;
        display: block
    }
    .NationalDealerLocatorResults.desktop .dealerMap .dealerHeader {
        height: 120px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .NationalDealerLocatorResults,
    .NationalDealerLocatorResults.noMapResults {
        padding: 0 30px 30px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap {
        margin-right: -30px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap.dealerMapFloating {
        right: 30px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader {
        padding-right: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .NationalDealerLocatorResults {
        padding: 0
    }
    .NationalDealerLocatorResults .dealerHeader {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transition: top .4s ease
    }
    .NationalDealerLocatorResults .dealerHeader .buttonContainer {
        max-width: 330px;
        margin: auto
    }
    .NationalDealerLocatorResults .dealerHeader.sticky {
        position: fixed;
        width: 100%;
        top: 50px;
        background-color: inherit
    }
    .NationalDealerLocatorResults.desktop .dealerHeader {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .NationalDealerLocatorResults .dealerResults {
        height: auto;
        padding: 0 30px
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar {
        width: 100%;
        height: auto;
        float: none;
        margin-top: 0;
        padding: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .listContainer .cardDetails {
        padding-bottom: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .listContainer .cardDetails .primaryLinkWithStyle {
        margin-bottom: 15px
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .retailerType {
        max-width: 330px
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer {
        position: static;
        padding-top: 0;
        padding-bottom: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer:after,
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .columnContainer:before {
        content: none
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list {
        height: auto
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li {
        margin-bottom: 10px
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li .mobile {
        display: none
    }
    #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .list li a.landRoverToYou {
        margin-top: 10px;
        margin-bottom: 18px
    }
    .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .directions {
        height: auto;
        margin-bottom: 10px
    }
    #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebarContainer .dealerSidebar .directions .getDirectionsMap {
        display: inline-block
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap {
        position: fixed;
        left: 100%;
        width: 100%!important;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader {
        height: auto;
        padding: 28px 0 0
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader .buttonContainer {
        max-width: 330px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader .buttonContainer .mapViewButton,
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader .buttonContainer .resultsViewButton,
    .NationalDealerLocatorResults .dealerResults .dealerMap .dealerHeader .buttonContainer .searchAgainButton {
        width: 49%;
        margin: 0 auto;
        vertical-align: -webkit-baseline-middle;
        padding-left: 9px;
        padding-right: 9px;
        letter-spacing: .1em
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer {
        padding: 0;
        width: 100%!important;
        position: absolute;
        top: 50px;
        left: 0;
        height: 100%
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer .radius-frm {
        left: 0;
        bottom: 50px;
        width: 100%;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }
    .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer .radius-frm .DropdownSelect {
        width: 100%
    }
    .NationalDealerLocatorResults .bingMap .MicrosoftMap .MicrosoftNav .OverlaysTL {
        display: none
    }
    .NationalDealerLocatorResults .bingMap .MicrosoftMap .customInfoBox .dealer-info-cta {
        display: block;
        margin-top: 5px;
        padding: 10px
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerSidebar {
        display: none
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap {
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 50px;
        width: 100%;
        height: 100%;
        z-index: 20
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .bingMap {
        border: none;
        width: 100%!important;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton {
        display: none;
        width: 50px;
        height: 50px;
        margin: 0;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 21;
        text-align: center;
        background-color: #0c121c;
        color: #fff;
        text-decoration: none;
        transition: background-color .4s ease, color .4s ease
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:before {
        display: inline;
        line-height: 50px;
        font-size: 18px;
        -webkit-font-smoothing: subpixel-antialiased;
        content: "";
        font-family: icons;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: 0
    }
    .NationalDealerLocatorResults.mapOpen .dealerResults .dealerMap .bingMapContainer .mapCloseButton:hover {
        background-color: #fff;
        color: #0c121c
    }
    .NationalDealerLocatorResults.noMapResults {
        padding: 0
    }
    .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li {
        width: 100%;
        float: none
    }
    .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .list>li .infoCardDealer {
        margin-right: 0;
        margin-left: 0
    }
}

.touch .NationalDealerLocatorResults .dealerResults .dealerMap .bingMapContainer .bingMap .NavBar_Container {
    display: none
}

.no-js .NationalDealerLocatorResults .dealerMap .bingMapContainer .bingMap,
.no-js .NationalDealerLocatorResults .dealerResults,
.no-js .NationalDealerLocatorResults .dealerSidebar {
    height: auto
}

.no-js #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas .getDirections,
.no-js #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebar .list>li .infoCardDealer .ctas .viewOnMap,
.no-js .NationalDealerLocatorResults .directions {
    display: none
}

.NationalDealerLocatorResults {
    background-color: #e4e8e8
}

.dealerSidebarContainer .infoCard .dealerNameText {
    font-size: 14px
}

.dealerSidebarContainer .infoCard .distance.afterDealerName {
    display: none
}

.NavigationModelSwitcherContainer {
    position: relative
}

.NavigationModelSwitcher {
    position: absolute;
    width: 256px;
    display: none;
    z-index: 2;
    text-align: center
}

.NavigationModelSwitcher .modelList {
    text-align: left
}

.NavigationModelSwitcher .modelList li a {
    text-decoration: none;
    display: block;
    padding: 16px 15px 15px 50px;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .25em;
    line-height: 14px;
    position: relative;
    transition: background-color .4s, color .4s
}

.NavigationModelSwitcher .modelList li i {
    font-size: 10px;
    line-height: 0;
    position: absolute;
    top: 17px
}

.NavigationModelSwitcher .modelList li span {
    display: inline-block;
    padding-left: 20px;
    line-height: 1.2em
}

.lt-ie9 .NavigationModelSwitcher {
    top: 0!important
}

html.no-js .NavigationModelSwitcher {
    display: block;
    width: 100%;
    position: static
}

html.no-js .NavigationModelSwitcher .modelList li {
    display: inline-block
}

html.no-js .NavigationModelSwitcher .modelList li a {
    border-top: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .NavigationModelSwitcher {
        position: fixed
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .NavigationModelSwitcher {
        display: none!important
    }
}

.NavigationModelSwitcher {
    background-color: #0c121c
}

.NavigationModelSwitcher .modelList li a {
    background-color: #0c121c;
    color: #fff
}

.NavigationModelSwitcher .modelList li.active a,
.NavigationModelSwitcher .modelList li a:focus,
.NavigationModelSwitcher .modelList li a:hover {
    background-color: #e4e8e8;
    color: #4a4f54
}

.lightTheme .NavigationModelSwitcher {
    background-color: #fff
}

.lightTheme .NavigationModelSwitcher .modelList {
    text-align: left
}

.lightTheme .NavigationModelSwitcher .modelList li a {
    background-color: #fff;
    color: #4a4f54
}

.lightTheme .NavigationModelSwitcher .modelList li.active a,
.lightTheme .NavigationModelSwitcher .modelList li a:focus,
.lightTheme .NavigationModelSwitcher .modelList li a:hover {
    background-color: #e4e8e8;
    color: #0c121c
}

.NotificationBar {
    display: none;
    background-color: #4a4f54;
    border-bottom: 1px solid #4a4f54;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.NotificationBar .notificationContainer {
    display: table
}

.NotificationBar .notificationContainer .top {
    width: 100%;
    display: table-cell;
    border-bottom: none
}

.NotificationBar .notificationContainer .top .notificationHeader {
    vertical-align: middle;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    padding: 20px 20px 0 50px
}

.NotificationBar .notificationContainer .top .inner {
    display: table;
    width: 100%
}

.NotificationBar .notificationContainer .top .inner .left,
.NotificationBar .notificationContainer .top .inner .right {
    display: table-cell;
    vertical-align: middle
}

.NotificationBar .notificationContainer .bottom {
    padding: 0;
    visibility: hidden
}

.NotificationBar .notificationContainer p {
    font-size: 10px;
    visibility: visible;
    padding: 0 20px 20px 50px
}

.NotificationBar .notificationContainer p a {
    text-decoration: none;
    border-bottom: 1px solid hsla(180, 8%, 90%, .25)
}

.NotificationBar .notificationContainer .close {
    display: table-cell;
    height: 100%;
    width: 70px;
    vertical-align: middle;
    border-left: 1px solid #5c6165;
    transition: background-color .2s
}

.NotificationBar .notificationContainer .close span {
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.NotificationBar .notificationContainer .close span:before {
    width: 100%;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 16px;
    margin: 0;
    text-decoration: none
}

.NotificationBar .notificationContainer .close:focus,
.NotificationBar .notificationContainer .close:hover {
    background-color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:900px) {
    .NotificationBar .notificationContainer {
        display: block
    }
    .NotificationBar .notificationContainer .top {
        display: table;
        border-bottom: 1px solid #5c6165
    }
    .NotificationBar .notificationContainer .top .notificationHeader {
        display: table-cell;
        padding: 10px 40px
    }
    .NotificationBar .notificationContainer .bottom {
        padding: 20px 40px 0;
        visibility: visible
    }
    .NotificationBar .notificationContainer p {
        padding: 0 0 20px
    }
    .NotificationBar .notificationContainer .close {
        width: 50px
    }
    .NotificationBar .notificationContainer .close span {
        width: 50px;
        height: 50px;
        line-height: 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .NotificationBar .notificationContainer .bottom,
    .NotificationBar .notificationContainer .top .notificationHeader {
        padding-left: 30px;
        padding-right: 30px
    }
}

.lt-ie9 #landrover .NotificationBar.browserUpgradeNotification .bottom a.primaryLinkWithStyle {
    float: left
}

.lt-ie9 .NotificationBar.browserUpgradeNotification {
    display: block;
    padding-bottom: 20px
}

.lt-ie9 .NotificationBar.browserUpgradeNotification .notificationHeader {
    font-weight: 700
}

.lt-ie9 .IgniteBar,
.lt-ie9 .NotificationBar.browserUpgradeNotification a.close {
    display: none
}

#landrover .NotificationBar .primaryLinkWithStyle {
    white-space: nowrap;
    margin: 0 20px 0 0;
    visibility: visible;
    float: right
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .NotificationBar .primaryLinkWithStyle {
        margin: 0 0 20px;
        float: none
    }
}

.OffersContainer .offer {
    position: relative;
    background: #e4e8e8
}

.OffersContainer .offer .offerImage {
    padding: 0 0 43.5%;
    position: relative;
    background: #f8f9f9
}

.OffersContainer .offer .offerImage .image {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.OffersContainer .offer .offerDescription {
    background: #e4e8e8;
    padding: 30px
}

@media screen and (min-width:741px) {
    .OffersContainer .offer .offerDescription {
        padding: 40px
    }
}

@media screen and (min-width:901px) {
    .OffersContainer .offer .offerDescription {
        padding: 80px 90px
    }
}

.OffersContainer .offer .offerDescription .price {
    margin-bottom: 24px;
    color: #4a4f54
}

.OffersContainer .offer .offerDescription .primaryLinkWithStyle {
    margin-bottom: 30px
}

.OffersContainer .offer .offerDescription .bullets {
    margin-top: 24px;
    margin-bottom: 12px
}

.OffersContainer .offer .offerDescription .bullets li {
    margin-bottom: 6px
}

.OffersContainer .offer .offerDescription .secondaryLinkWithStyle {
    display: block
}

.OffersContainer .offer:nth-child(2n),
.OffersContainer .offer:nth-child(2n) .offerDescription {
    background: #4a4f54
}

.OffersContainer .offer:nth-child(2n) .offerDescription,
.OffersContainer .offer:nth-child(2n) .offerDescription .price,
.OffersContainer .offer:nth-child(2n) .offerDescription .title {
    color: #e4e8e8
}

.OffersContainer .offer .offerFinanceBoxes .headingLinear {
    margin-bottom: 14px
}

.OffersContainer .offer .offerFinanceBoxes .subHeading {
    line-height: 1.4em
}

.OffersContainer .offer .offerInfo {
    width: 100%;
    padding: 30px
}

@media screen and (min-width:741px) {
    .OffersContainer .offer .offerInfo {
        padding: 40px
    }
}

@media screen and (min-width:901px) {
    .OffersContainer .offer .offerInfo {
        padding: 80px 90px
    }
}

.OffersContainer .offer .offerInfo:first-child:last-child {
    width: 100%
}

.OffersContainer .offer .offerInfoLease {
    background: #f8f9f9
}

.OffersContainer .offer .offerInfoApr {
    background: #fff
}

.OffersContainer .offerDetails {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
    color: #fff;
    width: 100%;
    display: none;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 101;
    visibility: hidden;
    padding: 30px;
    position: absolute;
    transition: opacity .4s
}

.OffersContainer .offerDetails.active {
    position: fixed;
    visibility: visible;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: block;
    -webkit-animation: x .4s;
    animation: x .4s
}

.OffersContainer .offerDetails.closed {
    -webkit-animation: y .5s;
    animation: y .5s
}

.OffersContainer .offerDetails .heading {
    color: #fff
}

.OffersContainer .offerDetails p {
    margin-bottom: 1.5em;
    line-height: 1.5em
}

.OffersContainer .closeButton {
    font-size: 24px;
    display: block;
    position: absolute;
    right: 30px;
    cursor: pointer;
    top: 25px
}

@media screen and (min-width:741px) {
    .OffersContainer .offer .offerFinanceBoxes {
        float: right;
        width: 100%
    }
    .OffersContainer .offer .offerInfo {
        width: 49.99%;
        margin-right: -.7%;
        vertical-align: top;
        display: inline-block
    }
    .OffersContainer .offer .offerInfo.offerInfoApr {
        width: 50.5%
    }
    .OffersContainer .offer .offerDetails {
        padding: 40px
    }
    .OffersContainer .closeButton {
        top: 35px;
        right: 40px
    }
}

@media screen and (min-width:901px) {
    .OffersContainer .offer .offerDetails,
    .OffersContainer .offer .offerFinanceBoxes,
    .OffersContainer .offer .offerImage {
        width: 65%;
        width: calc(66.667% - 43px)
    }
    .OffersContainer .offer .offerImage {
        padding: 0 0 28.3%
    }
    .OffersContainer .offer .offerMainFrame {
        position: relative;
        *zoom: 1
    }
    .OffersContainer .offer .offerMainFrame:after,
    .OffersContainer .offer .offerMainFrame:before {
        content: " ";
        display: table
    }
    .OffersContainer .offer .offerMainFrame:after {
        clear: both
    }
    .OffersContainer .offer .offerImage {
        float: right
    }
    .OffersContainer .offer .offerDescription {
        width: 35%;
        width: calc(33.333% + 43px);
        padding-right: 40px;
        float: left
    }
    .OffersContainer .offer .offerFinanceBoxes {
        min-height: 380px
    }
    .OffersContainer .offer .offerInfo {
        padding: 10%;
        height: 400px
    }
    .OffersContainer .offer .offerInfo .amount {
        font-size: 80px;
        font-size: 6vw
    }
    .OffersContainer .offer .offerDetails {
        padding: 80px 90px;
        position: absolute
    }
    .OffersContainer .offer .offerDetails.active {
        z-index: 3;
        overflow: hidden;
        position: absolute
    }
    .OffersContainer .closeButton {
        right: 30px;
        top: 30px
    }
}

@media screen and (min-width:1525px) {
    .OffersContainer .offer .offerImage .image {
        background-position: 50%
    }
    .OffersContainer .offer .offerDescription {
        padding-right: 90px
    }
    .OffersContainer .offer .offerFinanceBoxes {
        min-height: auto
    }
    .OffersContainer .offer .offerInfo {
        padding: 80px 90px
    }
    .OffersContainer .offer .offerInfo .amount {
        font-size: 90px
    }
    .OffersContainer .offer .offerInfo.offerInfoLease {
        width: 51%
    }
    .OffersContainer .offer .offerInfo.offerInfoApr {
        width: 50%;
        margin-right: -1%
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .OffersContainer .offer .offerFinanceBoxes {
        float: none
    }
    .OffersContainer .offer .offerFinanceBoxes .headingLinear {
        font-size: 60px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .OffersContainer .offer .offerFinanceBoxes .headingWrapper {
        padding: .188em 0 .25em
    }
    .OffersContainer .offer .offerFinanceBoxes .headingWrapper:after,
    .OffersContainer .offer .offerFinanceBoxes .headingWrapper:before {
        display: block
    }
}

@media screen and (min-width:740px) and (max-width:1023px) {
    .OffersContainer .offer .offerInfo {
        padding: 50px;
        margin-bottom: -2.5%
    }
}

.no-js .OffersContainer .offer {
    padding-bottom: 50px;
    background-color: #000
}

.no-js .OffersContainer .offer .offerInfo .heading span {
    display: inline-block
}

.no-js .OffersContainer .offer .offerImage {
    padding: 0
}

.no-js .OffersContainer .offer img {
    display: block;
    width: 100%;
    height: auto
}

.no-js .OffersContainer .offerDetails {
    padding-top: 50px;
    padding-bottom: 0;
    position: static;
    overflow-y: hidden;
    width: 100%;
    background-color: #000;
    opacity: 1;
    visibility: visible;
    display: block
}

.no-js .OffersContainer .offerDetails .closeButton {
    display: none
}

@-webkit-keyframes x {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes x {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes y {
    0% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        display: none
    }
}

@keyframes y {
    0% {
        opacity: 1
    }
    70% {
        opacity: 0
    }
    to {
        display: none
    }
}

.OptionsAndAccessories .el a:first-child {
    display: inline-block;
    position: relative
}

.OptionsAndAccessories .el.el a {
    display: block
}

.OptionsAndAccessories .ctaContainer>div {
    margin-top: 21.333px
}

.ParallaxHero {
    position: relative
}

.ParallaxHero .imageContainer {
    z-index: 1;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    overflow: hidden
}

.ParallaxHero .imageContainer,
.ParallaxHero .imageContainer .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ParallaxHero .imageContainer .layer .fallback,
.ParallaxHero .imageContainer .layer .image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%
}

.ParallaxHero .imageOverlay {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .4s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000
}

.ParallaxHero .imageOverlay.showOverlay {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: .3
}

.ParallaxHero.ParallaxHeroImageLeft .imageContainer {
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%
}

.ParallaxHero.ParallaxHeroImageLeft .imageContainer .layer .fallback,
.ParallaxHero.ParallaxHeroImageLeft .imageContainer .layer .image {
    background-position: 0 50%
}

.ParallaxHero.ParallaxHeroImageRight .imageContainer {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%
}

.ParallaxHero.ParallaxHeroImageRight .imageContainer .layer .fallback,
.ParallaxHero.ParallaxHeroImageRight .imageContainer .layer .image {
    background-position: 100% 50%
}

.ParallaxHero .screen {
    position: relative;
    z-index: 2;
    height: 100vh;
    overflow: hidden
}

.ParallaxHero .screen.spacerContainer {
    display: none
}

@media screen and (min-width:901px) {
    .ParallaxHero.ParallaxHero3Screens .screen.spacerContainer {
        display: block
    }
}

.ParallaxHero .textContainer {
    display: table;
    width: 100%
}

.ParallaxHero .text {
    display: table-cell;
    padding-top: 100px;
    padding-bottom: 100px;
    vertical-align: middle
}

.ParallaxHero .copy {
    padding-left: 25%;
    padding-right: 25%;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    font-size: 34px;
    color: #fff;
    position: relative
}

.ParallaxHero .copy.hidden {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
}

.ParallaxHero .buttonScreenDown {
    transition: opacity .15s ease-out;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 4;
    text-decoration: none;
    text-align: center;
    transform: translate(-50%);
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%)
}

.ParallaxHero .buttonScreenDown.buttonHidden {
    opacity: 0;
    pointer-events: none
}

.ParallaxHero .buttonScreenDown .inner {
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out, -webkit-transform .15s ease-out;
    display: block;
    height: 50px;
    width: 50px;
    background-color: #0c121c
}

.ParallaxHero .buttonScreenDown .inner:before {
    content: "";
    vertical-align: middle;
    height: 100%;
    width: 0;
    display: inline-block
}

.ParallaxHero .buttonScreenDown .inner:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-top: -3px;
    font-size: 26px;
    vertical-align: middle
}

.ParallaxHero .buttonScreenDown:hover .inner {
    transform: scale(.975);
    -ms-transform: scale(.975);
    -webkit-transform: scale(.975);
    -moz-transform: scale(.975);
    -o-transform: scale(.975)
}

.ParallaxHero .buttonScreenDown:active .inner {
    transform: scale(.95);
    -ms-transform: scale(.95);
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95)
}

.ParallaxHero.light .headingWrapper:after,
.ParallaxHero.light .headingWrapper:before {
    background-color: #4a4f54
}

.ParallaxHero.light .copy {
    color: #4a4f54
}

.ParallaxHero.light .buttonScreenDown .inner {
    color: #fff
}

.ParallaxHero.ParallaxHeroTouchDevice .heading {
    position: relative;
    opacity: 1;
    top: 0;
    transition: opacity .4s, top .4s
}

.ParallaxHero.ParallaxHeroTouchDevice .heading.hidden {
    opacity: 0;
    top: -100px
}

.ParallaxHero.ParallaxHeroTouchDevice .copy {
    opacity: 1;
    transition: opacity .4s
}

.ParallaxHero.ParallaxHeroTouchDevice .copy.hidden {
    opacity: 0
}

.no-js .ParallaxHero .screen {
    height: 100vh
}

.no-js .ParallaxHero .buttonScreenDown {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ParallaxHero .heading {
        font-size: 48px
    }
    .ParallaxHero .copy {
        font-size: 24px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ParallaxHero .heading {
        font-size: 42px
    }
    .ParallaxHero .copy {
        padding-left: 25%;
        padding-right: 25%;
        font-size: 18px
    }
}

.Quote {
    display: table;
    width: 100%;
    position: relative;
    padding: 80px 90px;
    text-align: left
}

.Quote.withImage {
    min-height: 620px
}

.Quote .quoteContainer {
    display: table-cell;
    vertical-align: middle
}

.Quote .image {
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    background-position: 50% 50%
}

.Quote .image,
.Quote .imageOverlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.Quote .imageOverlay {
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease
}

.Quote .imageOverlay.darken {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.Quote.playing .imageOverlay {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: .3
}

.Quote .quoteContent {
    position: relative
}

.Quote .QuotePlayer {
    margin-top: 16px
}

.Quote p {
    font-family: tinos, arial, helvetica, sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.25
}

.Quote p:not(.noKeylines):after,
.Quote p:not(.noKeylines):before {
    content: "";
    display: block;
    height: 2px;
    width: 64px
}

.Quote p:not(.noKeylines):before {
    margin-bottom: 16px
}

.Quote p:not(.noKeylines):after {
    margin-top: 16px
}

.Quote .info,
.Quote .name {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Quote .info,
    .Quote .name {
        font-size: 13px
    }
}

.Quote .name {
    margin-top: 24px;
    font-weight: 700;
    padding-top: 1px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Quote .name {
        margin-top: 15px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Quote .name {
        margin-top: 12.5px
    }
}

.Quote .info {
    font-size: 11px;
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    padding-top: 3px;
    letter-spacing: 1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Quote .info {
        padding-top: 1px
    }
}

.Quote.left {
    text-align: left
}

.Quote:not(.inArticle).left .quoteContentContext {
    margin-left: -20px;
    margin-right: -20px
}

.Quote:not(.inArticle).left p {
    padding-left: 20px;
    padding-right: 20px;
    width: 66.667%
}

.Article+.Quote.inArticle {
    padding: 0;
    margin: -40px 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Article+.Quote.inArticle {
        margin: 0;
        padding-left: 30px;
        padding-right: 30px
    }
}

.Quote.inArticle .quoteContent {
    margin: 0 auto;
    max-width: 600px
}

@media screen and (min-width:1px) and (max-width:1080px) {
    .Quote.inArticle .quoteContent {
        max-width: 500px
    }
}

@media screen and (min-width:1px) and (max-width:650px) {
    .Quote.inArticle .quoteContent {
        max-width: none
    }
}

.Quote.inArticle p:after,
.Quote.inArticle p:before {
    content: ""
}

.TwoColumnContainer .Quote {
    padding: 0;
    padding-bottom: 40px
}

.TwoColumnContainer .Quote.grey {
    background-color: transparent
}

.TwoColumnContainer .Quote .quoteContent {
    margin-top: -4px
}

.TwoColumnContainer .Quote.left p {
    width: auto
}

.TwoColumnContainer .Quote p {
    font-size: 36px
}

.TwoColumnContainer .Quote p:after,
.TwoColumnContainer .Quote p:before {
    display: none
}

.TwoColumnContainer .Quote .name {
    font-size: 13px;
    margin-top: 12px
}

.TwoColumnContainer .Quote .info {
    padding-top: 1px
}

.TwoColumnContainer .Quote .imageOverlay {
    display: none
}

.Quote.grey,
.Quote.light {
    background-color: #f8f9f9
}

.Quote.grey .quoteContent p:after,
.Quote.grey .quoteContent p:before,
.Quote.light .quoteContent p:after,
.Quote.light .quoteContent p:before {
    background-color: #4a4f54
}

.Quote.grey .imageOverlay.darken,
.Quote.light .imageOverlay.darken {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2
}

.Quote.grey.withImage p,
.Quote.light.withImage p {
    color: #0c121c
}

.Quote.grey.withImage p .headingWrapper:after,
.Quote.grey.withImage p .headingWrapper:before,
.Quote.grey.withImage p:after,
.Quote.grey.withImage p:before,
.Quote.light.withImage p .headingWrapper:after,
.Quote.light.withImage p .headingWrapper:before,
.Quote.light.withImage p:after,
.Quote.light.withImage p:before {
    background-color: #0c121c
}

.Quote.grey:not(.withImage) .quoteContent p,
.Quote.light:not(.withImage) .quoteContent p {
    color: #005a2b
}

.Quote.grey:not(.withImage) .quoteContent p:after,
.Quote.grey:not(.withImage) .quoteContent p:before,
.Quote.light:not(.withImage) .quoteContent p:after,
.Quote.light:not(.withImage) .quoteContent p:before {
    background-color: #005a2b
}

.Quote.dark .quoteContent p:after,
.Quote.dark .quoteContent p:before {
    background-color: #fff
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .TwoColumnContainer .Quote .quoteContent {
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Quote {
        padding: 40px
    }
    .Quote p {
        font-size: 36px;
        line-height: 1.2
    }
    .Quote p:after,
    .Quote p:before {
        width: 48px
    }
    .Quote p:before {
        margin-bottom: 12px
    }
    .Quote p:after {
        margin-top: 12px
    }
    .Quote.left p,
    .Quote:not(.inArticle).left p {
        width: auto
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Quote {
        padding: 30px
    }
    .Quote p,
    .TwoColumnContainer .Quote p {
        font-size: 30px
    }
    .Quote p:after,
    .Quote p:before,
    .TwoColumnContainer .Quote p:after,
    .TwoColumnContainer .Quote p:before {
        width: 40px
    }
    .Quote p:before,
    .TwoColumnContainer .Quote p:before {
        margin-bottom: 10px
    }
    .Quote p:after,
    .TwoColumnContainer .Quote p:after {
        margin-top: 10px
    }
    .Quote.withImage {
        min-height: 0
    }
    .Quote .image,
    .Quote .imageOverlay {
        display: none
    }
    .Quote.inArticle .quoteContent,
    .Quote .quoteContent {
        padding: 0
    }
    .Quote .QuotePlayer {
        margin-top: 12px
    }
    .Quote p {
        margin-top: 0!important
    }
    .Quote.grey .quoteContent p,
    .Quote.light .quoteContent p {
        color: #005a2b
    }
    .Quote.grey .quoteContent p:after,
    .Quote.grey .quoteContent p:before,
    .Quote.light .quoteContent p:after,
    .Quote.light .quoteContent p:before {
        background-color: #005a2b
    }
}

body>.me-plugin {
    height: 0
}

.QuotePlayer {
    margin-top: 18px
}

.QuotePlayer audio {
    display: none
}

.QuotePlayer .mejs-container {
    max-width: 295px;
    height: 40px
}

.QuotePlayer .mejs-controls {
    width: auto;
    height: 40px;
    overflow: hidden
}

.QuotePlayer .mejs-time {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 14px;
    height: 40px;
    display: inline-block
}

.QuotePlayer .mejs-time span:nth-child(2) {
    display: none
}

.QuotePlayer .mejs-duration {
    margin-left: 3px;
    opacity: .5
}

.QuotePlayer .mejs-duration:before {
    content: "/";
    margin-right: 3px
}

.QuotePlayer .mejs-button {
    height: 100%;
    display: inline-block;
    position: relative;
    float: left
}

.QuotePlayer .mejs-button button {
    height: 100%;
    border: 0;
    font-size: 26px;
    padding: 0 10px 0 0;
    width: 1.5em
}

.QuotePlayer .mejs-button button:before {
    margin: 0!important
}

.QuotePlayer .mejs-button button:hover {
    background: transparent
}

.QuotePlayer .mejs-play button {
    width: 1em
}

.QuotePlayer .mejs-play button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-align: left;
    line-height: 40px;
    top: 1px;
    left: 1px;
    position: relative
}

.QuotePlayer.finished .mejs-play button {
    width: 1.5em
}

.QuotePlayer.finished .mejs-play button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-align: left;
    line-height: 40px;
    position: relative;
    top: 0;
    left: 0
}

.QuotePlayer .mejs-pause button {
    width: 1em
}

.QuotePlayer .mejs-pause button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-align: left;
    line-height: 40px;
    position: relative;
    top: 3px;
    left: 1px
}

.QuotePlayer .mejs-time-rail {
    float: left;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    padding-top: 10px;
    position: relative
}

.QuotePlayer .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 0;
    height: 20px;
    cursor: pointer
}

.QuotePlayer .mejs-time-buffering {
    width: 100%
}

.QuotePlayer .mejs-time-current,
.QuotePlayer .mejs-time-loaded {
    width: 0
}

.QuotePlayer .mejs-time-buffering,
.QuotePlayer .mejs-time-current,
.QuotePlayer .mejs-time-loaded,
.QuotePlayer .mejs-time-total {
    background-repeat: repeat-x;
    background-position: 0 9px
}

.QuotePlayer .mejs-controls .mejs-time-float {
    display: none!important
}

.QuotePlayer.grey,
.QuotePlayer.light {
    background: none
}

.QuotePlayer.grey .mejs-button button,
.QuotePlayer.grey .mejs-button button:hover,
.QuotePlayer.grey .mejs-time,
.QuotePlayer.light .mejs-button button,
.QuotePlayer.light .mejs-button button:hover,
.QuotePlayer.light .mejs-time {
    color: #4a4f54
}

.QuotePlayer.grey .mejs-time-total,
.QuotePlayer.light .mejs-time-total {
    background-image: url(/resources/public/images/player/lgt-total.png)
}

.QuotePlayer.grey .mejs-time-loaded,
.QuotePlayer.light .mejs-time-loaded {
    background-image: url(/resources/public/images/player/lgt-loaded.png)
}

.QuotePlayer.grey .mejs-time-current,
.QuotePlayer.light .mejs-time-current {
    background-image: url(/resources/public/images/player/lgt-current.png)
}

.QuotePlayer.dark {
    background: none
}

.QuotePlayer.dark .mejs-button button,
.QuotePlayer.dark .mejs-button button:hover,
.QuotePlayer.dark .mejs-time {
    color: #fff
}

.QuotePlayer.dark .mejs-time-total {
    background-image: url(/resources/public/images/player/dk-total.png)
}

.QuotePlayer.dark .mejs-time-loaded {
    background-image: url(/resources/public/images/player/dk-loaded.png)
}

.QuotePlayer.dark .mejs-time-current {
    background-image: url(/resources/public/images/player/lgt-current.png)
}

@media screen and (min-width:1px) and (max-width:740px) {
    .QuotePlayer .mejs-button button {
        font-size: 24px
    }
}

.RideAndDrive {
    width: 100%;
    margin: 0 auto
}

.RideAndDrive .MapLocationSearchContainer,
.RideAndDrive .MapLocationSearchError,
.RideAndDrive .no-js {
    display: none
}

.no-js .RideAndDrive .no-js {
    display: block;
    height: 200px;
    background: #fff;
    color: #444;
    font-size: 30px;
    text-align: center;
    line-height: 200px
}

.RideAndDrive .directions-panel {
    position: absolute;
    top: 0;
    left: -33%;
    width: 33%;
    bottom: 0;
    background: red;
    z-index: 1;
    transition: left .4s
}

.RideAndDrive .directions-panel input {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.RideAndDrive .directions-panel.visible {
    left: 0
}

.RideAndDrive .directions-panel .directions-container {
    overflow: scroll
}

.RideAndDrive .directions-panel .instruction {
    padding: 5px
}

.RideAndDrive .directions-panel .instruction>div {
    padding: 3px 0
}

.RideAndDrive .map-page-container {
    width: 100%;
    min-height: 80vh;
    position: relative;
    overflow: hidden
}

.RideAndDrive .map-page-container .gmnoprint,
.RideAndDrive .map-page-container .gmnoprint img {
    -webkit-transform: translateZ(0)
}

.RideAndDrive .map-page-container .map-key {
    height: 60px;
    padding: 10px 40px;
    box-sizing: border-box;
    color: #444;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(1, 1, 1, .2);
    overflow: visible;
    position: relative;
    z-index: 2
}

@media screen and (max-width:1000px) {
    .RideAndDrive .map-page-container .map-key {
        height: auto
    }
}

@media screen and (max-width:700px) {
    .RideAndDrive .map-page-container .map-key {
        height: auto;
        padding: 15px 15px 5px
    }
}

.RideAndDrive .map-page-container .map-key:after,
.RideAndDrive .map-page-container .map-key:before {
    content: " ";
    display: table
}

.RideAndDrive .map-page-container .map-key:after {
    clear: both
}

.RideAndDrive .map-page-container .map-key .key-title {
    vertical-align: top;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 10px;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 2px
}

.RideAndDrive .map-page-container .map-key ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.RideAndDrive .map-page-container .map-key ul li {
    float: left;
    padding-left: 30px;
    position: relative;
    margin-right: 22px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 10px;
    letter-spacing: 2px
}

.RideAndDrive .map-page-container .map-key ul li:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 20px;
    height: 28px;
    margin-top: -14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.RideAndDrive .map-page-container .map-key ul li.futureEvent:before {
    background-image: url(/resources/public/images/DefenderJourneys/pin_black.svg)
}

.RideAndDrive .map-page-container .otherCountries {
    height: 60px;
    padding: 20px 40px;
    box-sizing: border-box
}

@media screen and (max-width:700px) {
    .RideAndDrive .map-page-container .otherCountries {
        padding: 15px;
        height: auto
    }
    .RideAndDrive .map-page-container .otherCountries>span {
        display: block
    }
    .RideAndDrive .map-page-container .otherCountries>span .left {
        float: none;
        margin-bottom: 0
    }
}

.RideAndDrive .map-page-container #map-view {
    height: 100%;
    width: 100%;
    position: relative;
    direction: ltr
}

.RideAndDrive .map-page-container #map-view .map {
    height: 100vh;
    width: 100%
}

.RideAndDrive .map-page-container #map-controls,
.RideAndDrive .map-page-container #map-toggle {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1
}

.no-js .RideAndDrive .map-page-container #map-controls,
.no-js .RideAndDrive .map-page-container #map-toggle {
    display: none
}

.RideAndDrive .map-page-container #map-controls .control,
.RideAndDrive .map-page-container #map-toggle .control {
    margin-bottom: 9px;
    height: 49px;
    width: 49px;
    background: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    transition: background-image .4s
}

.RideAndDrive .map-page-container #map-controls .control.plus,
.RideAndDrive .map-page-container #map-toggle .control.plus {
    display: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M31%209h1v19h-1z%22%2F%3E%3C%2Fsvg%3E")
}

.RideAndDrive .map-page-container #map-controls .control.plus:hover,
.RideAndDrive .map-page-container #map-toggle .control.plus:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M31%209h1v19h-1z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .RideAndDrive .map-page-container #map-controls .control.plus,
.jlr-touch .RideAndDrive .map-page-container #map-toggle .control.plus {
    display: none
}

@media screen and (max-width:700px) {
    .RideAndDrive .map-page-container #map-controls .control.plus,
    .RideAndDrive .map-page-container #map-toggle .control.plus {
        display: none!important
    }
}

.RideAndDrive .map-page-container #map-controls .control.minus,
.RideAndDrive .map-page-container #map-toggle .control.minus {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3C%2Fsvg%3E");
    display: none
}

.RideAndDrive .map-page-container #map-controls .control.minus:hover,
.RideAndDrive .map-page-container #map-toggle .control.minus:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3C%2Fsvg%3E")
}

.RideAndDrive .map-page-container #map-controls .control.minus.disabled,
.RideAndDrive .map-page-container #map-toggle .control.minus.disabled {
    cursor: auto;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3Bopacity%3A0.35%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .RideAndDrive .map-page-container #map-controls .control.minus,
.jlr-touch .RideAndDrive .map-page-container #map-toggle .control.minus {
    display: none
}

@media screen and (max-width:700px) {
    .RideAndDrive .map-page-container #map-controls .control.minus,
    .RideAndDrive .map-page-container #map-toggle .control.minus {
        display: none!important
    }
}

.RideAndDrive .map-page-container #map-controls .control.locate,
.RideAndDrive .map-page-container #map-toggle .control.locate {
    display: none;
    transition: all 0s ease 0s;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2222%20-22%2079%2079%22%3E%3Cstyle%3E.st0%7Benable-background%3Anew%20%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M22-22h79v79H22z%22%2F%3E%3Cg%20id%3D%22XMLID_128_%22%3E%3Cpath%20id%3D%22XMLID_714_%22%20class%3D%22st1%22%20d%3D%22M86.5%2015.976h-8.07C77.712%207.754%2071.014%201.22%2062.72.766v-7.96h-2.44V.812c-8.015.726-14.41%207.14-15.112%2015.163H36.5v2.44h8.63c.478%208.25%206.972%2014.91%2015.15%2015.65v8.13h2.44V34.11c8.458-.462%2015.258-7.247%2015.748-15.697H86.5v-2.44zm-23.78%2015.69V24.38l-2.44.005v7.233c-6.832-.727-12.235-6.298-12.704-13.203h7.292l-.025-2.44h-7.23C48.3%209.3%2053.61%203.972%2060.28%203.263v7.34l2.44.013V3.213c6.948.445%2012.56%205.887%2013.264%2012.763H68.65l-.036%202.44h7.408c-.483%207.104-6.19%2012.795-13.303%2013.25z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RideAndDrive .map-page-container #map-controls .control.locate:hover,
.RideAndDrive .map-page-container #map-toggle .control.locate:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2222%20-22%2079%2079%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3Benable-background%3Anew%20%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M22-22h79v79H22z%22%2F%3E%3Cg%20id%3D%22XMLID_128_%22%3E%3Cpath%20id%3D%22XMLID_714_%22%20class%3D%22st1%22%20d%3D%22M86.5%2015.976h-8.07C77.712%207.754%2071.014%201.22%2062.72.766v-7.96h-2.44V.812c-8.015.726-14.41%207.14-15.112%2015.163H36.5v2.44h8.63c.478%208.25%206.972%2014.91%2015.15%2015.65v8.13h2.44V34.11c8.458-.462%2015.258-7.247%2015.748-15.697H86.5v-2.44zm-23.78%2015.69V24.38l-2.44.005v7.233c-6.832-.727-12.235-6.298-12.704-13.203h7.292l-.025-2.44h-7.23C48.3%209.3%2053.61%203.972%2060.28%203.263v7.34l2.44.013V3.213c6.948.445%2012.56%205.887%2013.264%2012.763H68.65l-.036%202.44h7.408c-.483%207.104-6.19%2012.795-13.303%2013.25z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RideAndDrive .map-page-container #map-controls .control.drag,
.RideAndDrive .map-page-container #map-toggle .control.drag {
    display: none;
    width: 84px;
    transition: all 0s ease 0s;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20100%22%3E%3Cstyle%3E.st0%7Bopacity%3A0.2%3B%7D%20.st1%7Bfill%3Anone%3B%7D%20.st2%7Bfill%3A%23FFFFFF%3B%7D%20.st3%7Bopacity%3A0.4%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200h170v100H0z%22%2F%3E%3Cpath%20d%3D%22M15.81%2015.572h70v70h-70z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M49.677%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201.002%202.924%202.398%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M40.81%2043.457c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v7.084h5v-7.083c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.99-13.5%209.087v7.114h5v-7.113zM32.81%2053.572v22h34v-22h-34zm18.262%2011.78l1.188%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.642-3.673%203.667-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3Cg%20class%3D%22st3%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M120.653%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201%202.924%202.397%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M111.81%2034.66c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v15.882h5V34.69c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.992-13.5%209.088v7.912h5V34.66zM103.81%2053.572v22h34v-22h-34zm18.24%2011.78l1.187%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.64-3.673%203.666-3.673%202.025%200%203.666%201.652%203.666%203.677%200%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RideAndDrive .map-page-container #map-controls .control.drag.active,
.RideAndDrive .map-page-container #map-toggle .control.drag.active {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20100%22%3E%3Cstyle%3E.st0%7Bopacity%3A0.2%3Benable-background%3Anew%20%3B%7D%20.st1%7Bopacity%3A0.4%3B%7D%20.st2%7Bfill%3Anone%3B%7D%20.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200h170v100H0z%22%2F%3E%3Cpath%20d%3D%22M85.81%2015.572h70v70h-70z%22%2F%3E%3Cg%20class%3D%22st1%22%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M49.677%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201.002%202.924%202.398%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M40.81%2043.457c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v7.084h5v-7.083c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.99-13.5%209.087v7.114h5v-7.113zM32.81%2053.572v22h34v-22h-34zm18.262%2011.78l1.188%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.642-3.673%203.667-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M120.653%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201%202.924%202.397%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M111.81%2034.66c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v15.882h5V34.69c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.992-13.5%209.088v7.912h5V34.66zM103.81%2053.572v22h34v-22h-34zm18.24%2011.78l1.187%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.64-3.673%203.666-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .RideAndDrive .map-page-container #map-controls .control.drag,
.jlr-touch .RideAndDrive .map-page-container #map-toggle .control.drag {
    display: block
}

@media screen and (max-width:700px) {
    .RideAndDrive .map-page-container #map-controls .control.drag,
    .RideAndDrive .map-page-container #map-toggle .control.drag {
        display: block
    }
}

.RideAndDrive .map-page-container #map-toggle {
    left: auto;
    right: 20px
}

.RideAndDrive .MapLocationSearchContainer {
    width: 100%;
    max-width: 1366px;
    background-color: #252525;
    padding: 60px 0;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box
}

.RideAndDrive .MapLocationSearchContainer h2 {
    font-size: 1.4em;
    font-weight: 500;
    color: #f2f2f2;
    letter-spacing: .2em;
    text-transform: uppercase;
    margin-bottom: 30px
}

.RideAndDrive .MapLocationSearchContainer p {
    font-size: 1.2em;
    color: #a1a1a1;
    font-weight: 400;
    letter-spacing: .05em;
    margin-bottom: 30px;
    line-height: 1.5
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch button,
.RideAndDrive .MapLocationSearchContainer .MapLocationSearch input {
    width: 250px;
    float: none;
    margin-bottom: 0;
    height: 33px;
    box-sizing: border-box;
    vertical-align: top
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch input {
    margin-right: 20px;
    border: 1px solid #a1a1a1;
    background-color: transparent;
    letter-spacing: .1em;
    border-radius: 0;
    text-transform: uppercase
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch button {
    color: #fff;
    padding: 2px 27px 0 15px;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: .2em;
    font-weight: 500;
    position: relative
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch button:after {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    width: 18px;
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bdisplay%3Anone%3Bfill%3Anone%3Bstroke%3A%239E1B32%3Bstroke-width%3A4%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.9%2011.3l6.7%206.7-6.7%206.7%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.8%2027.2L12%2024.5l6.5-6.5-6.5-6.5%202.8-2.7L24%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 50%
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch button:hover {
    background-color: #fff;
    color: #000
}

.RideAndDrive .MapLocationSearchContainer .MapLocationSearch button:hover:after {
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%228%20-9%2036%2036%22%3E%3Cpath%20d%3D%22M22.8%2018.2L20%2015.5%2026.5%209%2020%202.5l2.8-2.7L32%209%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 50%
}

@media screen and (max-width:740px) {
    .RideAndDrive .MapLocationSearchContainer {
        padding: 40px 20px 20px
    }
    .RideAndDrive .MapLocationSearchContainer h2,
    .RideAndDrive .MapLocationSearchContainer p {
        margin-bottom: 40px
    }
    .RideAndDrive .MapLocationSearchContainer .section {
        width: 100%
    }
    .RideAndDrive .MapLocationSearchContainer .MapLocationSearch input {
        width: 100%;
        margin: 0 0 20px
    }
    .RideAndDrive .MapLocationSearchContainer .MapLocationSearch .searchFormSubmit {
        width: 100%
    }
    .RideAndDrive .MapLocationSearchContainer .MapLocationSearch .searchFormSubmit,
    .RideAndDrive .MapLocationSearchContainer .MapLocationSearch input {
        height: 45px
    }
}

.RideAndDrive .MapLocationSearchError {
    display: none;
    box-sizing: border-box
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer,
.RideAndDrive .MapLocationSearchError .searchDisambiguation {
    display: none
}

.RideAndDrive .MapLocationSearchError .multipleResults {
    padding: 50px 0 30px
}

.RideAndDrive .MapLocationSearchError .multipleResults h2,
.RideAndDrive .MapLocationSearchError .multipleResults li,
.RideAndDrive .MapLocationSearchError .multipleResults p {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: .05em;
    color: #444
}

.RideAndDrive .MapLocationSearchError .multipleResults p {
    margin-bottom: 30px
}

.RideAndDrive .MapLocationSearchError .multipleResults ol {
    list-style-type: none;
    margin-left: 0
}

.RideAndDrive .MapLocationSearchError .multipleResults ol li {
    margin-bottom: 20px
}

.RideAndDrive .MapLocationSearchError .multipleResults ol li:last-child {
    margin-bottom: 0
}

.RideAndDrive .MapLocationSearchError .multipleResults a {
    text-decoration: underline
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer,
.RideAndDrive .MapLocationSearchError .searchAgainDis {
    background: #f4f4f4;
    padding: 30px 0;
    box-sizing: border-box
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer h2,
.RideAndDrive .MapLocationSearchError .searchAgainDis h2 {
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: .05em;
    color: #444
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink,
.RideAndDrive .MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink {
    font-weight: 400;
    font-size: 1em;
    color: #444
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink a,
.RideAndDrive .MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink a {
    text-decoration: underline
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink a:hover,
.RideAndDrive .MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink a:hover {
    color: #444
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .searchAgainBtn,
.RideAndDrive .MapLocationSearchError .searchAgainDis .searchAgainBtn {
    font-weight: 500;
    font-size: 1em;
    height: 33px;
    letter-spacing: .2em;
    padding: 1px 27px 0 15px;
    position: relative;
    margin-right: 20px
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .searchAgainBtn:focus,
.RideAndDrive .MapLocationSearchError .searchAgainDis .searchAgainBtn:focus {
    outline: none
}

.RideAndDrive .MapLocationSearchError .searchAgainDealer .searchAgainBtn:after,
.RideAndDrive .MapLocationSearchError .searchAgainDis .searchAgainBtn:after {
    content: "";
    height: 100%;
    top: 0;
    position: absolute;
    width: 18px;
    background: transparent url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bdisplay%3Anone%3Bfill%3Anone%3Bstroke%3A%239E1B32%3Bstroke-width%3A4%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.9%2011.3l6.7%206.7-6.7%206.7%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.8%2027.2L12%2024.5l6.5-6.5-6.5-6.5%202.8-2.7L24%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll 50%
}

@media screen and (max-width:740px) {
    .RideAndDrive .MapLocationSearchError .searchAgainDealer,
    .RideAndDrive .MapLocationSearchError .searchAgainDis {
        padding: 30px 20px
    }
    .RideAndDrive .MapLocationSearchError .searchAgainDealer .section,
    .RideAndDrive .MapLocationSearchError .searchAgainDis .section {
        width: 100%
    }
    .RideAndDrive .MapLocationSearchError .searchAgainDealer .section .el,
    .RideAndDrive .MapLocationSearchError .searchAgainDis .section .el {
        padding: 0
    }
    .RideAndDrive .MapLocationSearchError .searchAgainDealer .searchAgainBtn,
    .RideAndDrive .MapLocationSearchError .searchAgainDis .searchAgainBtn {
        width: 100%;
        height: 45px
    }
}

.RideAndDrive .MapLocationCards {
    background: #e9ecec
}

.RideAndDrive .MapLocationCards .GridListWrapper .coordinates {
    font-family: avenir, arial, helvetica, sans-serif;
    display: block;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    margin-top: -9px
}

.RideAndDrive .MapLocationCards .GridListWrapper .heading {
    color: #4a4f54
}

.RideAndDrive .MapLocationCards .cardContainer.past,
.RideAndDrive .MapLocationCards .FindOutMore {
    display: none
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) {
    position: relative
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3 {
    border: none;
    width: 33.333%;
    padding: 80px 40px 80px 20px;
    height: 700px;
    display: table
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3>div {
    display: table-cell;
    vertical-align: middle
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3 .coordinates {
    margin-top: 20px
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3 .coordinates .latlng {
    display: block
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-2of3 {
    position: absolute;
    left: 33.333%;
    width: 66.666%;
    text-align: center;
    padding-left: 40px;
    height: 100%
}

.RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-2of3>span {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover
}

@media (max-width:900px) {
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .section {
        display: -moz-flex;
        display: flex;
        flex-flow: row wrap
    }
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3 {
        width: 100%;
        order: 1;
        height: auto;
        padding: 30px
    }
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-1of3>div {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .width-2of3 {
        width: 100%;
        position: static;
        height: 33vh;
        padding-left: 0;
        order: 0
    }
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper)>div {
        padding: 0
    }
    .RideAndDrive .MapLocationCards .cardContainer:not(.GridListWrapper) .section {
        width: 100%
    }
}

.RideAndDrive .MapLocationCards.GridCards {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 60px 20px 20px;
    box-sizing: border-box;
    background-color: #313131;
    position: relative
}

.RideAndDrive .MapLocationCards.GridCards.noFutureEvents {
    display: none
}

.RideAndDrive .MapLocationCards.GridCards.userSearch {
    padding-top: 0
}

.RideAndDrive .MapLocationCards.GridCards.userSearch.searchResults {
    padding-top: 75px
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background-color: #313131;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
    position: fixed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    max-width: 1366px;
    padding: 20px 40px
}

@media screen and (max-width:740px) {
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
        padding: 20px
    }
}

@media screen and (max-width:740px) and (orientation:landscape) {
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
        position: absolute;
        top: 0!important;
        -webkit-transform: translate(0)!important;
        transform: translate(0)!important
    }
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader.headerStop {
    box-shadow: 0 5px 10px #000;
    position: absolute;
    padding: 20px 40px
}

@media screen and (max-width:740px) and (orientation:landscape) {
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader.headerStop {
        position: absolute;
        top: 0!important;
        -webkit-transform: translate(0)!important;
        transform: translate(0)!important
    }
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader:after,
.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader:before {
    content: " ";
    display: table
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader:after {
    clear: both
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader h2 {
    color: #fff;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: .2em;
    font-size: 1.4em;
    text-transform: uppercase;
    float: left
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA {
    padding: 5px 25px 3px 15px;
    height: 33px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: .2em;
    font-size: 1em;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    float: right;
    position: relative
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:focus {
    outline: none
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:after {
    content: "";
    height: 100%;
    top: 0;
    position: absolute;
    width: 18px;
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bdisplay%3Anone%3Bfill%3Anone%3Bstroke%3A%239E1B32%3Bstroke-width%3A4%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.9%2011.3l6.7%206.7-6.7%206.7%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.8%2027.2L12%2024.5l6.5-6.5-6.5-6.5%202.8-2.7L24%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 50%
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:hover:after {
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%228%20-9%2036%2036%22%3E%3Cpath%20d%3D%22M22.8%2018.2L20%2015.5%2026.5%209%2020%202.5l2.8-2.7L32%209%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 50%
}

@media screen and (max-width:740px) {
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader {
        padding: 20px;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader h2 {
        text-align: center;
        float: none;
        margin-bottom: 20px
    }
    .RideAndDrive .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA {
        float: none;
        width: 100%;
        height: 45px
    }
}

.RideAndDrive .MapLocationCards.GridCards [class*=col-] {
    padding: 0 20px 40px
}

.RideAndDrive .MapLocationCards.GridCards .TAOPT_title {
    font-size: 1.4em;
    line-height: 34px;
    color: #fff;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .2em;
    margin-bottom: 60px
}

.RideAndDrive .MapLocationCards.GridCards .card {
    background-color: #485054;
    position: relative
}

.RideAndDrive .MapLocationCards.GridCards .card .eventImage {
    width: 100%;
    position: relative;
    height: 200px
}

.RideAndDrive .MapLocationCards.GridCards .card .eventContent {
    padding: 30px 30px 63px
}

.RideAndDrive .MapLocationCards.GridCards .card .eventContent>span {
    width: 100%;
    margin: 0 -30px;
    padding: 0 30px;
    bottom: 30px;
    display: block;
    position: absolute;
    box-sizing: border-box
}

.RideAndDrive .MapLocationCards.GridCards .card .eventContent>span:after {
    content: "";
    display: table;
    clear: both
}

.RideAndDrive .MapLocationCards.GridCards .card .eventContent>span a {
    margin: 0
}

.RideAndDrive .MapLocationCards.GridCards .card .eventName {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .2em
}

.RideAndDrive .MapLocationCards.GridCards .card .eventInfo {
    margin-bottom: 20px;
    position: relative
}

.RideAndDrive .MapLocationCards.GridCards .card .eventInfo h4 {
    font-size: 1em;
    font-weight: 500;
    line-height: 22px;
    color: #f2f2f2
}

.RideAndDrive .MapLocationCards.GridCards .card .longDesc {
    font-size: 1em;
    font-weight: 400;
    color: #f2f2f2;
    margin-bottom: 30px
}

.RideAndDrive .MapLocationCards.GridCards .ctaContainer {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    display: none
}

.RideAndDrive .MapLocationCards.GridCards .ctaContainer .load-more-cta {
    display: none;
    margin: 0
}

@media screen and (max-width:700px) {
    .RideAndDrive .MapLocationCards.GridCards {
        padding: 30px 0 10px
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer {
        padding: 0;
        width: 100%
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .eventContent {
        padding: 30px 20px
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .eventContent>span {
        margin: 0 -20px;
        padding: 0 20px;
        position: static
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .eventName {
        font-size: 1.08em;
        line-height: 24px
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .eventInfo {
        margin-bottom: 10px
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .eventInfo h4 {
        font-size: 1em;
        line-height: 22px
    }
    .RideAndDrive .MapLocationCards.GridCards .cardContainer .card .longDesc {
        margin-bottom: 20px
    }
    .RideAndDrive .MapLocationCards.GridCards .TAOPT_title {
        font-size: 20px;
        line-height: 25px;
        color: #fff;
        font-weight: 400;
        letter-spacing: .4em;
        margin-bottom: 30px
    }
    .RideAndDrive .MapLocationCards.GridCards .ctaContainer {
        margin-top: 50px
    }
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer .heading {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 24px
}

@media screen and (max-width:700px) {
    .RideAndDrive .MapLocationCards.FullWidthCards .cardContainer .heading {
        margin-bottom: 18px;
        font-size: 18px;
        line-height: 18px
    }
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer .primaryLinkWithStyle a {
    margin-top: 40px
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer:nth-child(odd) .card {
    background-color: #e7eded;
    color: #4a4f54
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer:nth-child(odd) .card .heading {
    color: #0c121c
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer:nth-child(2n) .card {
    background-color: #485054;
    color: #e4e8e8
}

.RideAndDrive .MapLocationCards.FullWidthCards .cardContainer:nth-child(2n) .card .heading {
    color: #fff
}

.RideAndDrive .infoBox {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    margin-bottom: 20px
}

.RideAndDrive .infoBox>img {
    display: none
}

.RideAndDrive .infoBox.closing {
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.RideAndDrive .infoBox:after {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -16px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 16px;
    border-color: hsla(0, 0%, 100%, 0);
    border-top-color: #fff
}

.RideAndDrive .event-infobox {
    text-align: center
}

.RideAndDrive .event-infobox:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -23px;
    margin-bottom: -27px;
    width: 46px;
    height: 27px;
    background-image: url(/resources/images/TOAPT_pin_popup.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50%
}

@media screen and (max-width:700px) {
    .RideAndDrive .event-infobox:after {
        width: 30px;
        height: 19px;
        margin-bottom: -18px;
        margin-left: -15px
    }
}

.RideAndDrive .event-infobox.past:after {
    background-image: url(/resources/images/TOAPT_pin_popup_GREY.png)
}

.RideAndDrive .event-infobox .infoboxImage {
    width: 100%;
    height: 190px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.RideAndDrive .event-infobox .infoboxClose {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
    background: #000;
    margin: 2px;
    z-index: 10;
    line-height: 20px;
    text-align: center;
    transition: background .2s;
    cursor: pointer
}

.RideAndDrive .event-infobox .infoboxClose:hover {
    background: #e4e8e8
}

.RideAndDrive .event-infobox .infoboxClose:hover:after {
    color: #000
}

.RideAndDrive .event-infobox .infoboxClose:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: relative;
    font-size: 11px;
    top: 1px;
    color: #fff;
    left: 0;
    transition: color .2s
}

.RideAndDrive .event-infobox .infoContainer {
    padding: 20px;
    background-color: #fff
}

.RideAndDrive .event-infobox .infoContainer>span {
    text-align: center;
    display: block;
    width: 100%
}

.RideAndDrive .event-infobox .infoContainer>span .cta-primary,
.RideAndDrive .event-infobox .infoContainer>span .cta-secondary {
    float: none;
    margin-bottom: 20px;
    margin-right: 0
}

.RideAndDrive .event-infobox .infoContainer .primaryLinkWithStyle {
    margin-top: 0
}

.RideAndDrive .event-infobox .infoboxName {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #000;
    box-sizing: border-box
}

.RideAndDrive .event-infobox .infoboxInfo {
    margin-bottom: 10px
}

.RideAndDrive .event-infobox .infoboxInfo h4 {
    font-size: 1em;
    font-weight: 500;
    color: #444;
    letter-spacing: .05em
}

.RideAndDrive .event-infobox .coordinates,
.RideAndDrive .event-infobox .shortDesc {
    font-weight: 400;
    padding-bottom: 20px;
    letter-spacing: .05em;
    font-size: 1em
}

.RideAndDrive .event-infobox .coordinates {
    text-transform: uppercase;
    font-weight: 700;
    color: #4a4f54;
    font-family: lr_ot4, avenir, arial, helvetica, sans-serif;
    font-size: 14px
}

.RideAndDrive .event-infobox.past .shortDesc {
    margin-bottom: 0;
    padding-bottom: 20px
}

@media screen and (max-width:700px) {
    .RideAndDrive .event-infobox .infoboxName {
        font-size: 1.2em
    }
}

.RideAndDrive html[dir=rtl] .MapLocationMap .map-page-container .map-key ul li {
    float: right;
    padding-left: 0;
    padding-right: 30px
}

.RideAndDrive html[dir=rtl] .MapLocationMap .map-page-container .map-key ul li:before {
    left: auto;
    right: 0
}

.RideAndDrive html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch input {
    margin-right: auto;
    margin-left: 20px
}

.RideAndDrive html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch button {
    padding: 2px 15px 0
}

.RideAndDrive html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch button:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.RideAndDrive html[dir=rtl] .MapLocationCards .MapLocationCardsHeader h2 {
    float: right
}

.RideAndDrive html[dir=rtl] .MapLocationCards .MapLocationCardsHeader .searchAgainCTA {
    padding: 5px 15px 3px 25px;
    float: left
}

.RideAndDrive html[dir=rtl] .MapLocationCards .MapLocationCardsHeader .searchAgainCTA:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.RideAndDrive html[dir=rtl] .MapLocationSearchError .searchAgainDealer .searchAgainBtn,
.RideAndDrive html[dir=rtl] .MapLocationSearchError .searchAgainDis .searchAgainBtn {
    padding: 1px 15px 0 27px
}

.RideAndDrive html[dir=rtl] .MapLocationSearchError .searchAgainDealer .searchAgainBtn:after,
.RideAndDrive html[dir=rtl] .MapLocationSearchError .searchAgainDis .searchAgainBtn:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ReadyToGoBar {
    background-color: #fff;
    background-position: 0 0;
    clear: both
}

.ReadyToGoBar ul {
    width: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 70px
}

.ReadyToGoBar ul li {
    width: 25%
}

.ReadyToGoBar ul a {
    box-sizing: content-box;
    text-decoration: none;
    color: #0c121c;
    display: block;
    padding: 40px 20px
}

.ReadyToGoBar ul .heading {
    color: #0c121c;
    margin: 11px 0;
    font-weight: 700
}

.ReadyToGoBar ul span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin: 0 0 11px
}

.ReadyToGoBar ul span i {
    color: #0c121c
}

.ReadyToGoBar ul span i:before {
    margin: 0;
    font-size: 53px
}

.ReadyToGoBar ul p {
    color: #4a4f54;
    font-weight: 400
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ReadyToGoBar ul {
        padding: 0 20px;
        width: 100%
    }
    .ReadyToGoBar ul li {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ReadyToGoBar ul {
        padding: 11px 30px;
        display: block
    }
    .ReadyToGoBar ul li {
        text-align: left;
        width: 100%;
        display: block
    }
    .ReadyToGoBar ul a {
        display: block;
        padding: 12px 0
    }
    .ReadyToGoBar ul .heading {
        display: block;
        margin: 0;
        padding: 7px 0 12px
    }
    .ReadyToGoBar ul span {
        padding: 0;
        float: left;
        margin: 0 11px 0 0
    }
    .ReadyToGoBar ul span i:before {
        line-height: 100%;
        font-size: 34px;
        text-align: center
    }
    .ReadyToGoBar ul p {
        display: none
    }
}

.ReviewRatingBadge {
    visibility: hidden;
    margin-top: 32px;
    margin-left: 1px
}

.ReviewRatingBadge.loaded {
    visibility: visible
}

.ReviewRatingBadge .ratingStars {
    position: relative;
    display: inline-block
}

.ReviewRatingBadge .ratingStarsLink {
    text-decoration: none
}

.ReviewRatingBadge .ratingStarsList {
    display: inline-block;
    height: 17px;
    white-space: nowrap;
    vertical-align: top
}

.ReviewRatingBadge .ratingStarsItem {
    margin: 0 4px 0 0;
    font-size: 17px;
    height: 17px;
    color: #fff;
    display: inline-block;
    overflow: hidden
}

.ReviewRatingBadge .ratingStarsItem:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: 0;
    vertical-align: top;
    position: relative;
    top: -1px
}

.ReviewRatingBadge .ratingStarsItem:last-child {
    margin-right: 0
}

.ReviewRatingBadge .ratingStarsBackground .ratingStarsItem {
    color: #777b7f
}

.ReviewRatingBadge .ratingStarsForeground {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.ReviewRatingBadge .ratingLink {
    margin: 0 0 0 20px;
    vertical-align: middle
}

#landrover .ReviewRatingBadge a.ratingLink {
    color: #e4e8e8
}

#landrover .ReviewRatingBadge a.ratingLink:hover {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ReviewRatingBadge .ratingLink {
        display: block;
        margin: 10px 0 0
    }
}

.grey .ReviewRatingBadge .ratingStarsItem,
.light .ReviewRatingBadge .ratingStarsItem,
.white .ReviewRatingBadge .ratingStarsItem {
    color: #005a2b
}

.grey .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem,
.light .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem,
.white .ReviewRatingBadge .ratingStarsBackground .ratingStarsItem {
    color: #ccded5
}

#landrover .grey .ReviewRatingBadge a.ratingLink,
#landrover .light .ReviewRatingBadge a.ratingLink,
#landrover .white .ReviewRatingBadge a.ratingLink {
    color: #4a4f54
}

#landrover .grey .ReviewRatingBadge a.ratingLink:hover,
#landrover .light .ReviewRatingBadge a.ratingLink:hover,
#landrover .white .ReviewRatingBadge a.ratingLink:hover {
    color: #0c121c
}

.Article table:not(.nonResponsive),
.EmissionsSpecifications table:not(.nonResponsive),
.EngineSpecifications table:not(.nonResponsive),
.VehicleSpecifications table:not(.nonResponsive),
.VehicleSpecificationsV2 table:not(.nonResponsive) {
    width: 100%;
    font-size: 14px
}

.Article table:not(.nonResponsive) tbody tr td,
.Article table:not(.nonResponsive) tbody tr th,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr td,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr th,
.EngineSpecifications table:not(.nonResponsive) tbody tr td,
.EngineSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecifications table:not(.nonResponsive) tbody tr td,
.VehicleSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr td,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th {
    padding: 20px;
    vertical-align: middle;
    text-align: left;
    background-clip: padding-box
}

.Article table:not(.nonResponsive) tbody tr th,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr th,
.EngineSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th {
    font-weight: 700
}

.Article table:not(.nonResponsive) tbody tr:first-child th,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr:first-child th,
.EngineSpecifications table:not(.nonResponsive) tbody tr:first-child th,
.VehicleSpecifications table:not(.nonResponsive) tbody tr:first-child th,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr:first-child th {
    vertical-align: top
}

.Article table:not(.nonResponsive) tbody tr:last-child,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr:last-child,
.EngineSpecifications table:not(.nonResponsive) tbody tr:last-child,
.VehicleSpecifications table:not(.nonResponsive) tbody tr:last-child,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr:last-child {
    border-bottom: 0
}

.ResponsiveTable {
    width: 100%;
    overflow: hidden
}

.ResponsiveTable table:not(.nonResponsive) {
    border-top: 0;
    border-bottom: 0
}

.ResponsiveTable table:not(.nonResponsive) tr td:first-child,
.ResponsiveTable table:not(.nonResponsive) tr th:first-child {
    padding-left: 0
}

.ResponsiveTable table:not(.nonResponsive) tr td:last-child,
.ResponsiveTable table:not(.nonResponsive) tr th:last-child {
    padding-right: 0
}

.ResponsiveTable .tableWrapper {
    position: relative
}

.ResponsiveTable .tableWrapper .pinned {
    position: absolute;
    top: 0;
    width: 35%
}

.ResponsiveTable .tableWrapper .pinned:after {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -3px
}

.ResponsiveTable .tableWrapper .pinned table:not(.nonResponsive) tbody tr th:first-child {
    word-break: break-all;
    word-break: break-word
}

.ResponsiveTable .tableWrapper .scrollable {
    margin-left: 35%;
    overflow: scroll;
    overflow-y: hidden
}

.ResponsiveTable .tableWrapper .scrollable table:not(.nonResponsive) {
    position: relative;
    border-left-width: 0
}

.ResponsiveTable .tableWrapper .scrollable table:not(.nonResponsive) tbody tr th:first-child {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ResponsiveTable.stickToRight {
        position: relative
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ResponsiveTable table:not(.nonResponsive) {
        border-right-width: 15px;
        border-left-width: 15px
    }
}

.responsiveTableArrow {
    width: 65%;
    height: 20px;
    position: relative;
    margin-bottom: 5px;
    margin-left: 35%
}

.responsiveTableArrow .leftArrow,
.responsiveTableArrow .rightArrow {
    width: 20px;
    height: 20px;
    line-height: 0;
    text-align: center;
    position: absolute;
    top: 0;
    font-size: 20px
}

.responsiveTableArrow .leftArrow:before,
.responsiveTableArrow .rightArrow:before {
    margin: 0
}

.responsiveTableArrow .leftArrow {
    left: 0
}

.responsiveTableArrow .leftArrow:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.responsiveTableArrow .rightArrow {
    right: 0
}

.responsiveTableArrow .rightArrow:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.responsiveTableArrow .bar {
    height: 2px;
    margin: 9px 8px
}

.Article table:not(.nonResponsive),
.EmissionsSpecifications table:not(.nonResponsive),
.EngineSpecifications table:not(.nonResponsive),
.VehicleSpecifications table:not(.nonResponsive),
.VehicleSpecificationsV2 table:not(.nonResponsive) {
    background-color: #fff;
    border: 1px solid #a4a7a9
}

.Article table:not(.nonResponsive) tbody tr,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr,
.EngineSpecifications table:not(.nonResponsive) tbody tr,
.VehicleSpecifications table:not(.nonResponsive) tbody tr,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr {
    border-bottom: 1px solid #a4a7a9
}

.Article table:not(.nonResponsive) tbody tr td,
.Article table:not(.nonResponsive) tbody tr td a,
.Article table:not(.nonResponsive) tbody tr th,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr td,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr td a,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr th,
.EngineSpecifications table:not(.nonResponsive) tbody tr td,
.EngineSpecifications table:not(.nonResponsive) tbody tr td a,
.EngineSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecifications table:not(.nonResponsive) tbody tr td,
.VehicleSpecifications table:not(.nonResponsive) tbody tr td a,
.VehicleSpecifications table:not(.nonResponsive) tbody tr th,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr td,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr td a,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th {
    color: #4a4f54
}

.Article table:not(.nonResponsive) tbody tr th:first-child,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr th:first-child,
.EngineSpecifications table:not(.nonResponsive) tbody tr th:first-child,
.VehicleSpecifications table:not(.nonResponsive) tbody tr th:first-child,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th:first-child {
    background-color: #e4e8e8
}

.Article table:not(.nonResponsive) tbody tr th:first-child h5,
.EmissionsSpecifications table:not(.nonResponsive) tbody tr th:first-child h5,
.EngineSpecifications table:not(.nonResponsive) tbody tr th:first-child h5,
.VehicleSpecifications table:not(.nonResponsive) tbody tr th:first-child h5,
.VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th:first-child h5 {
    color: #000
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Article table:not(.nonResponsive),
    .EmissionsSpecifications table:not(.nonResponsive),
    .EngineSpecifications table:not(.nonResponsive),
    .VehicleSpecifications table:not(.nonResponsive),
    .VehicleSpecificationsV2 table:not(.nonResponsive) {
        font-size: 12px
    }
    .Article table:not(.nonResponsive) tbody tr td,
    .Article table:not(.nonResponsive) tbody tr th,
    .EmissionsSpecifications table:not(.nonResponsive) tbody tr td,
    .EmissionsSpecifications table:not(.nonResponsive) tbody tr th,
    .EngineSpecifications table:not(.nonResponsive) tbody tr td,
    .EngineSpecifications table:not(.nonResponsive) tbody tr th,
    .VehicleSpecifications table:not(.nonResponsive) tbody tr td,
    .VehicleSpecifications table:not(.nonResponsive) tbody tr th,
    .VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr td,
    .VehicleSpecificationsV2 table:not(.nonResponsive) tbody tr th {
        padding: 10px 5px
    }
}

.ResponsiveTable {
    border: 1px solid #a4a7a9
}

.ResponsiveTable table:not(.nonResponsive) {
    border-left: 20px solid #e4e8e8;
    border-right: 20px solid #fff
}

.ResponsiveTable .tableWrapper .pinned:after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .2) 0, transparent)
}

.ResponsiveTable .tableWrapper .pinned table:not(.nonResponsive) {
    border-right-width: 0
}

.responsiveTableArrow .leftArrow,
.responsiveTableArrow .rightArrow {
    color: #e4e8e8
}

.responsiveTableArrow .bar {
    background-color: #e4e8e8
}

.grey .responsiveTableArrow .leftArrow,
.grey .responsiveTableArrow .rightArrow {
    color: #a4a7a9
}

.grey .responsiveTableArrow .bar {
    background-color: #a4a7a9
}

.SameSizeCarousel {
    padding-left: 70px;
    padding-right: 70px
}

.SameSizeCarousel .carouselWrapper .el {
    float: none
}

.SameSizeCarousel .carouselWrapper .mediaCarousel,
.SameSizeCarousel .carouselWrapper .mediaCarousel .rsSlide {
    overflow: hidden
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide {
    width: 100%
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li {
    display: block;
    float: left;
    width: 33.333%;
    padding: 0 20px
}

.no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li,
.no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li {
    border: none;
    display: inline-block;
    float: none;
    vertical-align: top
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li img {
    display: block;
    width: 100%;
    margin-bottom: 33px
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li ul {
    padding-left: 1em;
    margin-left: 0
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul li,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li ul li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li ul li:before,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li ul li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink {
    display: block;
    margin-bottom: 33px;
    position: relative;
    overflow: hidden;
    background: none;
    font-size: 0;
    z-index: 3;
    text-decoration: none
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img {
    margin-bottom: 0
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .heading,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .heading {
    margin-bottom: 22px
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer {
    margin-top: 22px
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer>span,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer>span {
    display: block
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .linkContainer>span:first-child a,
.SameSizeCarousel .carouselWrapper .mediaCarousel>li .linkContainer>span:first-child a {
    margin-top: 0
}

.SameSizeCarousel .carouselWrapper .mediaCarousel .ctaButtons {
    white-space: pre-line
}

.SameSizeCarousel .carouselWrapper .carouselNavigation {
    display: table;
    opacity: 0;
    margin-top: 55px;
    padding-left: 20px;
    padding-right: 20px;
    transition: opacity .4s
}

.SameSizeCarousel .carouselWrapper .carouselNavigationActive {
    opacity: 1
}

.SameSizeCarousel .carouselWrapper .carouselNavigationDisabled {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SameSizeCarousel {
        padding-left: 20px;
        padding-right: 20px
    }
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li {
        width: 50%
    }
    .SameSizeCarousel .carouselNavigation {
        text-align: left
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SameSizeCarousel {
        padding-left: 10px;
        padding-right: 10px
    }
    .SameSizeCarousel.hide-title-mobile .headerBlock {
        display: none
    }
    .SameSizeCarousel .headerBlock {
        padding-left: 20px;
        padding-right: 20px
    }
    .SameSizeCarousel .carouselWrapper {
        position: relative
    }
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li {
        width: 100%
    }
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .heading,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li .heading {
        font-size: 18px
    }
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink,
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li img {
        margin-bottom: 80px
    }
    .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img,
    .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img {
        margin-bottom: 0
    }
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink,
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li img,
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink,
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li img {
        margin-bottom: 32px
    }
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel .slide>li .carouselImageLink img,
    .no-js .SameSizeCarousel .carouselWrapper .mediaCarousel>li .carouselImageLink img {
        margin-bottom: 0
    }
    .SameSizeCarousel .carouselWrapper .carouselNavigation {
        position: absolute;
        left: 0;
        padding: 30px 0;
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .AccordionContainer .SameSizeCarousel h5.heading {
        font-size: 18px!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SameSizeCarousel .carouselWrapper .carouselNavigation {
        text-align: center
    }
}

.ScrollDown {
    width: 50px;
    line-height: 50px;
    background-color: #0c121c;
    color: #fff;
    text-decoration: none;
    z-index: 5;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: background-color .5s, color .5s;
    top: -50px
}

.ScrollDown,
.ScrollDown:after {
    display: inline-block;
    text-align: center;
    position: relative
}

.ScrollDown:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 25px;
    top: -1px
}

.ScrollDown:hover {
    background-color: #fff;
    color: #0c121c
}

.HeroCarousel .ScrollDown {
    -webkit-transform: translateZ(0)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ScrollDown {
        display: none
    }
}

.SearchResults .searchHeader {
    background-color: #4a4f54;
    padding: 80px 90px
}

.SearchResults .formContainer {
    width: 500px;
    margin: 0 auto;
    position: relative
}

.SearchResults .textfield {
    width: 350px;
    margin: 0 20px 0 0
}

.SearchResults .searchButton {
    vertical-align: top
}

.SearchResults .searchResultsContent {
    background: #f8f9f9;
    padding: 80px 90px
}

.SearchResults .searchList {
    float: left;
    width: 60%;
    padding-right: 40px
}

.SearchResults .searchList h3 {
    margin-bottom: 0
}

.SearchResults .summary {
    font-size: 14px;
    padding-top: 16px;
    color: #4a4f54
}

.SearchResults .results li {
    padding-top: 40px
}

.SearchResults .results li .heading {
    color: #4a4f54;
    margin-bottom: 12px
}

.SearchResults .results li .heading a {
    text-decoration: none;
    color: #0c121c
}

.SearchResults .results li .heading a:focus,
.SearchResults .results li .heading a:hover {
    color: #4a4f54
}

.SearchResults .results li p {
    padding: 12px 0;
    color: #4a4f54
}

.SearchResults .results li p a {
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.SearchResults .results li p a,
.SearchResults .results li p a:focus,
.SearchResults .results li p a:hover {
    color: #4a4f54;
    text-decoration: none
}

.SearchResults .promoted {
    letter-spacing: .12em;
    font-size: 10px;
    margin-right: 10px;
    padding: 2px 6px;
    display: inline-block;
    color: #4a4f54;
    background: #e4e8e8;
    font-weight: 700
}

.SearchResults .pagination {
    padding-top: 40px;
    text-align: center
}

.SearchResults .suggestions {
    padding-top: 40px
}

.SearchResults .suggestions h3 {
    color: #4a4f54
}

.SearchResults .suggestions p {
    padding-top: 12px;
    color: #4a4f54
}

.SearchResults .suggestions p a {
    margin-right: 8px;
    color: #4a4f54;
    text-decoration: none;
    border-bottom: 1px solid #e4e8e8;
    line-height: 26px
}

.SearchResults .suggestions p a:focus,
.SearchResults .suggestions p a:hover {
    color: #4a4f54
}

.SearchResults .searchSidebar {
    float: right;
    width: 40%
}

#landrover .searchButton {
    margin-top: 0;
    min-width: 0!important;
    width: 130px
}

#landrover .SearchResults .pagination a {
    margin: 0
}

#landrover .SearchResults .pagination a.next,
#landrover .SearchResults .pagination a.previous {
    display: none
}

.no-js #landrover .SearchResults .pagination a.next,
.no-js #landrover .SearchResults .pagination a.previous {
    display: inline-block
}

.no-js #landrover .SearchResults .pagination a.loadMore {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SearchResults .searchHeader {
        padding: 40px
    }
    .SearchResults .textfield {
        margin-bottom: 20px
    }
    .SearchResults .searchResultsContent {
        padding: 40px
    }
    .SearchResults .searchList {
        float: none;
        width: auto;
        padding-right: 0
    }
    .SearchResults .searchSidebar {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SearchResults .searchHeader,
    .SearchResults .searchResultsContent {
        padding: 30px
    }
    .SearchResults .formContainer {
        width: auto;
        max-width: 350px
    }
    .SearchResults .textfield {
        width: 100%;
        margin: 0 0 20px
    }
    #landrover .SearchResults .searchButton {
        width: 100%;
        float: none
    }
}

.SignPostContainer {
    clear: both
}

.SignPost {
    display: flex;
    flex-direction: row;
    max-height: 357px;
    min-height: 357px;
    justify-content: space-between
}

.SignPost.hideOnInit {
    display: none
}

.SignPost[data-intro-image-positioning=right] .SignPost__content {
    order: 1
}

.SignPost[data-intro-image-positioning=right] .SignPost__image {
    order: 2
}

.SignPost__content {
    order: 2;
    width: calc(((100% - 140px) * 0.33333) + 90px);
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 72px 90px 56px 40px
}

.SignPost__content .fontH3 {
    margin-bottom: 0
}

.SignPost__content .fontBodyCopy {
    margin-top: 15px;
    max-width: 600px
}

.SignPost__content .primaryLinkWithStyle {
    margin-top: 43px;
    text-transform: uppercase
}

[data-intro-image-positioning=right] .SignPost__content {
    padding-left: 90px;
    padding-right: 40px
}

.SignPost__image {
    order: 1;
    width: calc(((100% - 140px) * 0.66666) + 50px);
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0
}

.SignPost__image img {
    width: 100%;
    display: block
}

.SignPost__image [data-background-image] {
    width: 100%;
    height: 357px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SignPost {
        flex-direction: column;
        max-height: 100%
    }
    .SignPost__content,
    .SignPost__image {
        flex-basis: auto;
        width: 100%
    }
    .SignPost__content {
        order: 2;
        padding-top: 39px;
        padding-bottom: 40px
    }
    .SignPost__content,
    [data-intro-image-positioning=right] .SignPost__content {
        padding-left: 40px;
        padding-right: 40px
    }
    .SignPost__content .primaryLinkWithStyle {
        margin-top: 28px
    }
    .SignPost__image {
        order: 1
    }
    .SignPost[data-intro-image-positioning=right] .SignPost__content {
        order: 2
    }
    .SignPost[data-intro-image-positioning=right] .SignPost__image {
        order: 1
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SignPost__content {
        padding-top: 29px;
        padding-bottom: 40px
    }
    .SignPost__content,
    [data-intro-image-positioning=right] .SignPost__content {
        padding-left: 30px;
        padding-right: 30px
    }
    .SignPost__content .fontBodyCopy {
        margin-top: 14px
    }
}

.no-js .SignPost.hideOnInit {
    display: flex
}

.InteractiveSlider {
    position: relative;
    overflow: hidden;
    width: 100%
}

.InteractiveSlider.old .sliderContainer {
    position: absolute;
    bottom: 40px;
    left: 400px;
    right: 30px;
    background: transparent;
    opacity: 0
}

.InteractiveSlider.old .sliderContainer .handleInner {
    background: #000
}

.InteractiveSlider.old .sliderContainer .handleInner:after,
.InteractiveSlider.old .sliderContainer .handleInner:before {
    color: #fff
}

.InteractiveSlider.old .sliderContainer .sliderControls {
    max-width: 950px
}

.InteractiveSlider.old .sliderContainer .sliderControls .sliderTrackBackground {
    height: 2px;
    margin-top: 1px;
    background: #000;
    opacity: .9
}

.InteractiveSlider.old .sliderContainer .sliderControls .sliderProgress {
    background-color: #000
}

.InteractiveSlider.old .spriteContainer {
    margin-top: -40px
}

@media screen and (min-width:1px) and (max-width:1150px) {
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .frameSliderItem,
    .InteractiveSlider.old .loadingOverlay {
        height: 600px
    }
    .InteractiveSlider.old .spriteContainer {
        top: 150px
    }
    .InteractiveSlider.old .sliderContainer {
        bottom: 100px
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .InteractiveSlider.old .spriteContainer {
        top: 200px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider.old .sliderContainer {
        left: 40px;
        right: 40px;
        top: auto;
        bottom: 275px
    }
    .InteractiveSlider.old .spriteContainer {
        top: -70px
    }
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .frameSliderItem,
    .InteractiveSlider.old .loadingOverlay {
        height: 600px
    }
    .InteractiveSlider.old .infoContainer {
        top: auto;
        bottom: 0;
        height: 300px;
        background: #fff;
        text-align: center
    }
}

.InteractiveSlider:not(.old) .sliderContainerUpper {
    max-width: 1560px
}

.InteractiveSlider:not(.old) .frames-loaded .spriteContainer {
    opacity: 1
}

.InteractiveSlider:not(.old) .infoContainer .content {
    text-align: left
}

.InteractiveSlider:not(.old) .infoContainer .content.noOdo .copy {
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider:not(.old) .infoContainer .copy,
    .InteractiveSlider:not(.old) .infoContainer .title,
    .InteractiveSlider:not(.old) .infoContainer img {
        display: none
    }
    .InteractiveSlider:not(.old) .infoContainer img {
        display: none!important
    }
}

.InteractiveSlider:not(.old) .sliderControls {
    width: 100%;
    margin-top: 25px;
    padding-top: 31px
}

.InteractiveSlider:not(.old) .sliderControls .sliderHandle {
    top: 0
}

.InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner {
    padding-top: 60px;
    margin-bottom: 80px;
    border-bottom: 5px solid #005a2b;
    background: transparent;
    height: 0;
    width: 70px;
    left: -35px;
    transition: border .2s
}

.InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner:after,
.InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner:before {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider:not(.old) .sliderControls .sliderHandle .handleInner {
        width: 44px;
        left: -22px
    }
}

.InteractiveSlider:not(.old) .sliderControls .sliderTrack {
    height: 0;
    margin-left: -33px;
    margin-right: -33px;
    border-bottom: 1px solid #898d90;
    margin-top: -1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider:not(.old) .sliderControls .sliderTrack {
        margin-left: -22px;
        margin-right: -22px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider:not(.old) .largeTitle {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        text-align: center
    }
    .InteractiveSlider:not(.old) .infoContainer {
        left: 0
    }
    .InteractiveSlider:not(.old) .literage {
        text-align: center;
        width: auto;
        position: relative
    }
    .InteractiveSlider:not(.old) .literage>span {
        width: auto!important;
        display: inline-block!important;
        padding-right: 0!important
    }
}

.InteractiveSlider .hideOnDesktop img {
    height: 100%;
    width: 100%
}

.InteractiveSlider .frameSliderItem {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 800px;
    background: #fff
}

.InteractiveSlider .clickToInteract,
.InteractiveSlider .frameSliderBg,
.InteractiveSlider .frameSliderBgNoScript,
.InteractiveSlider .loadingOverlay,
.InteractiveSlider .vehicleNoScript {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 730px;
    width: 100%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    box-sizing: content-box
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .clickToInteract,
    .InteractiveSlider .frameSliderBg,
    .InteractiveSlider .frameSliderBgNoScript,
    .InteractiveSlider .loadingOverlay,
    .InteractiveSlider .vehicleNoScript {
        height: 450px
    }
}

.InteractiveSlider .frameSliderBgNoScript,
.InteractiveSlider .vehicleNoScript {
    background-position: 0 0;
    background-repeat: no-repeat
}

.InteractiveSlider .headings {
    position: relative;
    z-index: 1;
    padding-bottom: 375px;
    margin-bottom: 0
}

.InteractiveSlider .secondaryHeading {
    font-weight: 500
}

.InteractiveSlider .subHeading {
    max-width: 680px;
    min-height: 36px;
    margin-bottom: 25px
}

.InteractiveSlider .spriteContainer .vehicle,
.InteractiveSlider .spriteContainerContext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.InteractiveSlider .spriteContainerContext {
    z-index: 1
}

.InteractiveSlider .spriteContainer .vehicle {
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.InteractiveSlider .frames-loaded .spriteContainer {
    opacity: 1
}

.InteractiveSlider .backgroundOverlay .backgroundOverlayElement {
    background-color: #0c121c;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .4s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.InteractiveSlider .backgroundOverlay.backgroundOverlayActive .backgroundOverlayElement {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: .4
}

.InteractiveSlider .backgroundOverlay.vehicleForeground .vehicle {
    z-index: 1
}

.InteractiveSlider .royalSlider {
    min-height: 400px
}

.InteractiveSlider .royalSlider.rsAutoHeight .rsArrowIcn:before {
    zoom: 1
}

.InteractiveSlider .sliderContainer {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .2
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderContainer {
        top: 375px;
        bottom: auto;
        height: 100px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.InteractiveSlider .sliderContainer .sliderContainerUpper {
    width: 100%;
    margin-bottom: 20px
}

.InteractiveSlider .sliderContainer .sliderContainerUpper div {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    text-transform: uppercase;
    float: left;
    background: #fff;
    color: #898d90;
    height: 45px;
    line-height: 45px;
    margin-top: 7px;
    font-weight: 900;
    transition: color .4s
}

.InteractiveSlider .sliderContainer .sliderContainerUpper div.active {
    color: #000
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderContainer .sliderContainerUpper div {
        font-size: 16px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .InteractiveSlider .sliderContainer .sliderContainerUpper div span {
        display: none
    }
}

.InteractiveSlider .sliderContainer .sliderContainerUpper div .mobile {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderContainer .sliderContainerUpper div .mobile {
        display: block
    }
}

.InteractiveSlider .sliderContainer .sliderContainerUpper div .desktop {
    display: block
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderContainer .sliderContainerUpper div .desktop {
        display: none
    }
}

.InteractiveSlider .frames-loaded .sliderContainer {
    opacity: 1;
    cursor: pointer;
    transition: opacity 1s
}

.InteractiveSlider .sliderContainerLower {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.InteractiveSlider:not(.frames-loaded) .sliderControls .handleInner {
    cursor: default
}

.InteractiveSlider .infoContainerTemplates {
    display: none
}

.InteractiveSlider .infoContainer {
    position: absolute;
    top: 20px;
    left: 70px;
    width: 320px;
    z-index: 2;
    transition: top .3s
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer {
        top: 450px;
        left: 0;
        right: 0;
        width: auto;
        opacity: 1;
        padding-top: 0
    }
}

.InteractiveSlider .infoContainer .content {
    background: #fff;
    opacity: .97;
    z-index: 3;
    transition: height .3s;
    overflow: hidden
}

.InteractiveSlider .infoContainer .content.hidden .tabData .copy,
.InteractiveSlider .infoContainer .content.hidden .tabData .dimensions,
.InteractiveSlider .infoContainer .content.hidden .tabData .largeTitle,
.InteractiveSlider .infoContainer .content.hidden .tabData img {
    opacity: 0;
    transition: opacity .2s
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .content {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.InteractiveSlider .infoContainer .content.noImages .tabData {
    padding-bottom: 25px
}

.InteractiveSlider .infoContainer .tabData {
    color: #4a4f54;
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    opacity: .97;
    background: #fff;
    width: 100%;
    padding: 25px;
    padding-bottom: 5px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .tabData {
        opacity: 1
    }
}

.InteractiveSlider .infoContainer .tabData .copy,
.InteractiveSlider .infoContainer .tabData .dimensions,
.InteractiveSlider .infoContainer .tabData .largeTitle {
    opacity: 1;
    transition: opacity .1s
}

.InteractiveSlider .infoContainer .tabData img {
    height: 155px;
    width: 270px;
    opacity: 1;
    transition: opacity .5s
}

.InteractiveSlider .infoContainer .tabData .title {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #a4a7a9;
    text-transform: uppercase;
    margin-bottom: 26px;
    letter-spacing: .8px
}

.InteractiveSlider .infoContainer .tabData .largeTitle {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: .5px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 13px;
    font-weight: 900
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .tabData .largeTitle {
        font-size: 18px;
        line-height: 20px
    }
}

.InteractiveSlider .infoContainer .tabData .dimensions {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #4a4f54;
    margin-bottom: 15px;
    font-weight: 900;
    letter-spacing: .8px
}

.InteractiveSlider .infoContainer .tabData .literage {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 40px;
    color: #000;
    font-weight: 900;
    margin-bottom: 17px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .tabData .literage {
        margin-bottom: 25px
    }
}

.InteractiveSlider .infoContainer .tabData .literage>span {
    position: relative;
    padding-left: 0;
    padding-right: 10px;
    width: 100%;
    display: block;
    text-align: left;
    line-height: 70px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .tabData .literage>span {
        text-align: center
    }
}

.InteractiveSlider .infoContainer .tabData .literage>span .odo {
    transition: width 1s;
    font-size: 70px;
    direction: ltr;
    padding-top: 2px;
    padding-bottom: 2px
}

.InteractiveSlider .infoContainer .tabData .literage>span:after,
.InteractiveSlider .infoContainer .tabData .literage>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: #4a4f54
}

.InteractiveSlider .infoContainer .tabData .literage>span:before {
    top: 2px
}

.InteractiveSlider .infoContainer .tabData .literage .litres {
    font-size: 24px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 14px
}

.InteractiveSlider .infoContainer .tabData .copy {
    font-family: avenir, arial, helvetica, sans-serif;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: .28px
}

.InteractiveSlider .infoContainer .tabData img {
    margin: 10px auto 0;
    width: 100%
}

.InteractiveSlider sup {
    position: relative;
    top: 12px;
    font-size: 8px
}

.InteractiveSlider.old,
.InteractiveSlider.old .frameSliderItem {
    height: 700px
}

.InteractiveSlider.old .spriteContainer {
    position: absolute;
    width: 1600px;
    height: 900px;
    top: -100px;
    left: -20px
}

.InteractiveSlider.old .tabData {
    padding-bottom: 25px
}

.InteractiveSlider:not(.old) .spriteContainer {
    position: absolute;
    width: 1600px;
    height: 900px;
    left: -20px;
    top: -100px
}

@media screen and (max-height:620px),
screen and (min-width:1px) and (max-width:1100px) {
    .InteractiveSlider .headings {
        padding-bottom: 25px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveSlider .subHeading {
        margin-bottom: 20px
    }
    .InteractiveSlider .headings {
        padding-bottom: 20px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider {
        height: auto
    }
    .InteractiveSlider .shelfComponent {
        padding-left: 16px;
        padding-right: 16px
    }
    .InteractiveSlider .headings {
        padding-bottom: 10px;
        max-width: none;
        margin-bottom: 0
    }
    .InteractiveSlider .subHeading {
        display: none
    }
    .InteractiveSlider .sliderContainer {
        margin-top: 10px;
        top: 270px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderContainer {
        margin-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .sliderControls {
        width: 220px
    }
    .InteractiveSlider .royalSlider {
        min-height: 0
    }
    .InteractiveSlider .clickToInteract,
    .InteractiveSlider .frameSliderBg,
    .InteractiveSlider .loadingOverlay {
        height: 270px
    }
    .InteractiveSlider .infoContainer {
        top: 340px
    }
    .InteractiveSlider .sliderTitle {
        -webkit-transition: opacity .15s ease-out;
        -webkit-transition-delay: 0;
        transition: opacity .15s ease-out 0
    }
    .InteractiveSlider .sliderTitle.headingH6 {
        font-size: 11px
    }
    .InteractiveSlider .sliderTitle.current {
        -webkit-transition: opacity .15s ease-out;
        -webkit-transition-delay: 50ms;
        transition: opacity .15s ease-out 50ms
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:portrait) {
    .InteractiveSlider .rsArrow {
        display: none!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .InteractiveSlider .shelfComponent {
        padding-left: 60px;
        padding-right: 60px
    }
    .InteractiveSlider .outerContainer {
        margin: 0 30px
    }
}

@media screen and (min-width:1601px) {
    .InteractiveSlider {
        background-repeat: no-repeat;
        background-size: cover;
        -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
    }
}

.no-js .InteractiveSlider .frameSliderItem {
    display: none
}

.no-js .InteractiveSlider .frameSliderItem:first-child {
    display: block
}

.no-js .InteractiveSlider .sliderSpriteNoScript,
.no-js .InteractiveSlider .vehicleNoScript {
    max-width: 100%
}

.no-js .InteractiveSlider .sliderContainer,
.no-js .InteractiveSlider .spriteContainer {
    opacity: 1
}

@media (max-height:850px) and (min-width:740px) {
    .InteractiveSlider:not(.old) {
        height: 700px
    }
    .InteractiveSlider:not(.old) .clickToInteract,
    .InteractiveSlider:not(.old) .frameSliderBg,
    .InteractiveSlider:not(.old) .loadingOverlay {
        height: 600px
    }
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-top: -40px
    }
    .InteractiveSlider:not(.old) .sliderContainer {
        top: 600px
    }
}

@media (max-height:750px) and (min-width:740px) {
    .InteractiveSlider:not(.old) {
        height: 600px
    }
    .InteractiveSlider:not(.old) .clickToInteract,
    .InteractiveSlider:not(.old) .frameSliderBg,
    .InteractiveSlider:not(.old) .loadingOverlay {
        height: 520px
    }
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-top: -100px
    }
    .InteractiveSlider:not(.old) .sliderContainer {
        top: 520px
    }
}

@media screen and (min-width:1px) and (max-width:1600px) {
    .InteractiveSlider.old .spriteContainer,
    .InteractiveSlider:not(.old) .spriteContainer {
        width: 1520px;
        height: 855px;
        left: 4px;
        top: -77.5px
    }
    .no-js .InteractiveSlider:not(.old) .sliderContainer {
        display: none
    }
    .InteractiveSlider.old .spriteContainer {
        margin-top: -40px
    }
}

@media screen and (min-width:1px) and (max-width:1500px) {
    .InteractiveSlider.old .spriteContainer,
    .InteractiveSlider:not(.old) .spriteContainer {
        width: 1440px;
        height: 810px;
        left: 28px;
        top: -55px
    }
}

@media screen and (min-width:1px) and (max-width:1400px) {
    .InteractiveSlider.old .spriteContainer,
    .InteractiveSlider:not(.old) .spriteContainer {
        width: 1280px;
        height: 720px;
        left: 76px;
        top: -10px
    }
}

@media screen and (min-width:1px) and (max-width:1300px) {
    .InteractiveSlider.old .spriteContainer,
    .InteractiveSlider:not(.old) .spriteContainer {
        width: 1280px;
        height: 720px;
        left: 76px;
        top: -10px
    }
}

@media screen and (min-width:1px) and (max-width:1250px) {
    .InteractiveSlider.old,
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .frameSliderItem,
    .InteractiveSlider.old .loadingOverlay {
        height: 600px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 585px;
        width: 1040px;
        left: 148px;
        top: 7.5px
    }
}

@media screen and (min-width:1px) and (max-width:1150px) {
    .InteractiveSlider.old,
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .frameSliderItem,
    .InteractiveSlider.old .loadingOverlay {
        height: 500px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 540px;
        width: 960px;
        border-radius: 20px;
        left: 172px;
        top: -20px
    }
}

@media screen and (min-width:1px) and (max-width:1100px) {
    .InteractiveSlider.old .infoContainer {
        left: 25px;
        background: #fff;
        display: table
    }
    .InteractiveSlider.old .infoContainer .content {
        display: table-cell;
        vertical-align: middle
    }
    .InteractiveSlider.old .sliderContainer {
        bottom: 40px
    }
    .InteractiveSlider.old .spriteContainer {
        left: 102px
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .InteractiveSlider:not(.old) .spriteContainer {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .InteractiveSlider.old .spriteContainer {
        height: 495px;
        width: 880px;
        border-radius: -2.5px;
        left: 126px;
        top: 2.5px
    }
}

@media screen and (min-width:1px) and (max-width:950px) {
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-left: -40px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 450px;
        width: 800px;
        border-radius: -25px;
        left: 150px;
        top: 25px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-left: -80px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 360px;
        width: 640px;
        border-radius: -70px;
        left: 228px;
        top: 70px
    }
}

@media screen and (min-width:1px) and (max-width:850px) {
    .InteractiveSlider.old .spriteContainer {
        left: 198px
    }
    .InteractiveSlider:not(.old) .infoContainer {
        left: 30px
    }
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-left: -120px
    }
}

@media screen and (min-width:1px) and (max-width:800px) {
    .InteractiveSlider.old .infoContainer {
        max-width: 280px
    }
    .InteractiveSlider.old,
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .frameSliderItem,
    .InteractiveSlider.old .loadingOverlay {
        height: 400px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 360px;
        width: 640px;
        border-radius: -20px;
        left: 178px;
        top: 40px
    }
    .InteractiveSlider:not(.old) .spriteContainer {
        margin-left: -155px
    }
}

@media screen and (min-width:1px) and (max-width:750px) {
    .InteractiveSlider.old .spriteContainer {
        left: 138px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .infoContainer .tabData .dimensions {
        text-align: center
    }
    .InteractiveSlider:not(.old) .clickToInteract,
    .InteractiveSlider:not(.old) .frameSliderBg,
    .InteractiveSlider:not(.old) .frameSliderItem,
    .InteractiveSlider:not(.old) .loadingOverlay {
        height: 250px
    }
    .InteractiveSlider:not(.old) .spriteContainer {
        height: 450px;
        width: 800px;
        left: 50%;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        top: 470px;
        margin-left: -225px
    }
    .InteractiveSlider:not(.old) .sliderContainer {
        height: 60px;
        top: 250px
    }
    .InteractiveSlider:not(.old) .infoContainer {
        left: 0;
        text-align: center;
        top: 309px
    }
    .InteractiveSlider:not(.old) .infoContainer .content {
        height: auto;
        padding-top: 5px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .InteractiveSlider:not(.old) .spriteContainer {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: -100px;
        margin-left: -480px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider.old {
        height: auto
    }
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .loadingOverlay {
        height: 280px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 270px;
        width: 480px;
        left: 50%;
        margin-top: 0;
        margin-left: -295px;
        top: -26px
    }
    .InteractiveSlider.old .sliderContainer {
        height: 32px;
        top: 186px
    }
    .InteractiveSlider.old .infoContainer {
        top: 280px;
        height: auto;
        display: block;
        bottom: auto;
        left: 0;
        max-width: none
    }
    .InteractiveSlider.old .infoContainer .content {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .InteractiveSlider.old .clickToInteract,
    .InteractiveSlider.old .frameSliderBg,
    .InteractiveSlider.old .loadingOverlay {
        height: 300px
    }
    .InteractiveSlider.old .spriteContainer {
        height: 450px;
        width: 800px;
        margin-left: -480px;
        top: -91px
    }
    .InteractiveSlider.old .infoContainer {
        top: 300px
    }
    .InteractiveSlider.old .sliderContainer {
        height: 32px;
        top: 236px
    }
}

@media screen and (min-width:1px) and (max-width:1100px) {
    .InteractiveSlider.old .clickToInteract .text {
        left: 350px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider.old .clickToInteract .text {
        left: 0
    }
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .InteractiveSlider:not(.old) .clickToInteract .text {
        left: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider:not(.old) .clickToInteract .text {
        left: 0
    }
}

.InteractiveSlider .clickToInteract {
    z-index: 1;
    background: rgba(0, 0, 0, .2);
    cursor: pointer;
    text-align: center
}

.InteractiveSlider .clickToInteract .text {
    position: absolute;
    left: 400px;
    top: 50%;
    right: 0;
    margin-top: -55px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #fff;
    text-align: center
}

@media screen and (min-width:1601px) {
    .InteractiveSlider .clickToInteract .text {
        max-width: 1200px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .clickToInteract .text {
        left: 0
    }
    .InteractiveSlider .clickToInteract .text img {
        width: 74px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .InteractiveSlider .clickToInteract .text span.mobile {
        display: inline-block
    }
    .InteractiveSlider .clickToInteract .text span.desktop {
        display: none
    }
}

@media screen and (min-width:900px) {
    .InteractiveSlider .clickToInteract .text span.mobile {
        display: none
    }
    .InteractiveSlider .clickToInteract .text span.desktop {
        display: inline-block
    }
}

.InteractiveSlider .clickToInteract .text span {
    margin-top: 10px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase
}

.InteractiveSlider .loadingOverlay {
    background: rgba(0, 0, 0, .2)
}

.InteractiveSlider .loadingOverlay canvas {
    position: absolute;
    z-index: 6;
    width: 100px;
    height: 100px;
    top: calc(50% - 50px)
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InteractiveSlider .loadingOverlay canvas {
        left: calc(50% - 50px)
    }
}

@media screen and (min-width:740px) {
    .InteractiveSlider .loadingOverlay canvas {
        left: calc(400px + (100% - 400px) / 2 - 50px)
    }
}

@media screen and (min-width:1601px) {
    .InteractiveSlider .loadingOverlay canvas {
        left: 950px
    }
}

.lt-ie10 .InteractiveSlider {
    height: 700px!important
}

.lt-ie10 .InteractiveSlider:not(.old),
.lt-ie10 .InteractiveSlider:not(.old) .frameSliderItem {
    height: 800px!important
}

.lt-ie10 .InteractiveSlider:not(.old) .sliderContainer {
    height: 100px!important;
    bottom: 0!important;
    top: auto!important
}

.lt-ie10 .InteractiveSlider:not(.old) .clickToInteract,
.lt-ie10 .InteractiveSlider:not(.old) .frameSliderBg,
.lt-ie10 .InteractiveSlider:not(.old) .loadingOverlay {
    height: 700px!important
}

.lt-ie10 .InteractiveSlider:not(.old) .infoContainer {
    left: 50px!important
}

.lt-ie10 .InteractiveSlider:not(.old) .sliderControls {
    background: #fff;
    filter: alpha(opacity=1);
    position: relative;
    display: block
}

.lt-ie10 .InteractiveSlider.old .sliderContainer {
    top: 550px!important
}

.lt-ie10 .InteractiveSlider.old .frameSliderBg,
.lt-ie10 .InteractiveSlider.old .frameSliderItem,
.lt-ie10 .InteractiveSlider.old .loadingOverlay {
    height: 700px!important;
    display: block!important
}

.lt-ie10 .InteractiveSlider.old .clickToInteract {
    height: 700px!important
}

.lt-ie10 .InteractiveSlider.old .infoContainer {
    left: 50px!important
}

.lt-ie10 .InteractiveSlider .spriteContainer {
    top: 100px!important;
    height: 562.5px!important;
    width: 1000px!important;
    margin-top: -68.75px
}

.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default,
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    width: 40px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
    width: 40px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 40px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
    width: 40px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
    width: 40px
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
    width: 40px
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: -webkit-transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
    font-family: lr_ot4, sans-serif
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.ShoppingToolsMenu {
    float: right;
    width: 100%
}

.ShoppingToolsMenu ul {
    float: right
}

.ShoppingToolsMenu li {
    float: left;
    position: relative;
    vertical-align: middle;
    height: 35px;
    line-height: 35px
}

.ShoppingToolsMenu li.ShoppingToolsButton {
    line-height: 35px
}

.ShoppingToolsMenu li.ShoppingToolsButton>a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 9px;
    position: relative;
    padding-left: 4px;
    top: -2px
}

.ShoppingToolsMenu li.active>a:after {
    content: ""
}

.ShoppingToolsMenu li a {
    text-decoration: none;
    padding: 0 20px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 8px;
    letter-spacing: .3em;
    display: block;
    -webkit-transform-style: preserve-3d;
    transition: color .1s
}

.ShoppingToolsMenu li a .icon-chevron-down {
    display: inline-block
}

.ShoppingToolsMenu li a .icon-chevron-up {
    display: none
}

.ShoppingToolsMenu li a .icon-right-open-big {
    position: relative;
    font-size: 9px;
    top: -1px;
    margin-right: 3px
}

.ShoppingToolsMenu .ShoppingToolsDropdown {
    position: absolute;
    right: 0;
    z-index: 10;
    display: none
}

.ShoppingToolsMenu .ShoppingToolsDropdown li {
    width: 100%;
    height: auto;
    line-height: 17px
}

.ShoppingToolsMenu .ShoppingToolsDropdown li a {
    padding: 9px 20px;
    white-space: nowrap;
    transition: background-color .1s, color .1s
}

@media screen and (min-width:961px) {
    .ShoppingToolsMenu li a {
        padding: 0 8px
    }
}

@media screen and (min-width:1025px) {
    .ShoppingToolsMenu li a {
        padding: 0 6px;
        letter-spacing: .2em
    }
}

@media screen and (min-width:1281px) {
    .ShoppingToolsMenu li a {
        padding: 0 13px;
        letter-spacing: .3em
    }
}

@media screen and (min-width:1px) and (max-width:960px) {
    .ShoppingToolsMenu {
        display: none
    }
}

.ShoppingToolsMenu {
    background-color: #0c121c
}

.ShoppingToolsMenu li.active {
    background-color: #4a4f54
}

.ShoppingToolsMenu li.active>a {
    color: #fff
}

.ShoppingToolsMenu li a {
    color: #a4a7a9
}

.ShoppingToolsMenu .ShoppingToolsDropdown li a {
    background-color: #4a4f54;
    color: #e4e8e8
}

.ShoppingToolsMenu .ShoppingToolsDropdown li a:focus,
.ShoppingToolsMenu .ShoppingToolsDropdown li a:hover {
    background-color: #e4e8e8;
    color: #4a4f54
}

.lightTheme .ShoppingToolsMenu {
    background-color: #fff
}

.lightTheme .ShoppingToolsMenu li.ShoppingToolsButton {
    background-color: #005a2b
}

.lightTheme .ShoppingToolsMenu li.ShoppingToolsButton>a {
    color: #fff
}

.lightTheme .ShoppingToolsMenu li.ShoppingToolsButton>a:hover {
    color: #fff;
    background-color: #005a2b
}

.lightTheme .ShoppingToolsMenu li.active,
.lightTheme .ShoppingToolsMenu li.ShoppingToolsButton.active>a:hover {
    background-color: #e4e8e8
}

.lightTheme .ShoppingToolsMenu li.active>a,
.lightTheme .ShoppingToolsMenu li.active>a:hover {
    color: #0c121c
}

.lightTheme .ShoppingToolsMenu li.active>a:after {
    content: ""
}

.lightTheme .ShoppingToolsMenu li a {
    font-weight: 700;
    color: #0c121c
}

.lightTheme .ShoppingToolsMenu li a:hover {
    color: #0c121c;
    background-color: #e4e8e8
}

.lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a {
    background-color: #f8f9f9;
    color: #0c121c
}

.lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a:focus,
.lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li a:hover {
    background-color: #005a2b;
    color: #fff
}

.lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li.active a {
    background: #e4e8e8
}

.lightTheme .ShoppingToolsMenu .ShoppingToolsDropdown li.active a:hover {
    background: #005a2b;
    color: #fff
}

.SidebarImage a:first-child {
    text-decoration: none
}

.SidebarImage img,
.SidebarImage span[data-picture] {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 5.5px
}

.SidebarImage .carouselImageLink {
    position: relative;
    display: block
}

.SidebarImage .carouselImageLink img {
    margin-bottom: 0;
    vertical-align: top
}

.SidebarImage .heading {
    margin-top: 33px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SidebarImage .heading {
        margin-top: 22px
    }
}

.SidebarText .text {
    margin-bottom: 22px
}

.SidebarText p {
    margin-bottom: 0
}

.SiteNavigation {
    background: #fff
}

.SiteNavigation a {
    color: #4a4f54;
    text-decoration: none
}

.SiteNavigation a:hover {
    color: #0c121c
}

.SiteNavigation .SiteNavigationQuickLinks {
    padding-bottom: 40px;
    border-bottom: 1px solid #e4e8e8
}

.SiteNavigation .SiteNavigationQuickLinks a {
    font-size: 16px
}

.SiteNavigation .SiteNavigationFirst>li,
.SiteNavigation .SiteNavigationSecond>li {
    border-bottom: 1px solid #e4e8e8;
    color: #4a4f54;
    padding: 80px 0 40px
}

.SiteNavigation .SiteNavigationFirst>li a,
.SiteNavigation .SiteNavigationSecond>li a {
    font-size: 12px;
    display: inline-block;
    line-height: 1.1em
}

.SiteNavigation .SiteNavigationFirst>li>a,
.SiteNavigation .SiteNavigationSecond>li>a {
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 40px
}

.SiteNavigation .SiteNavigationSubNav {
    overflow: hidden
}

.SiteNavigation .SiteNavigationSubNav>li:nth-child(4n+1) {
    clear: both
}

.SiteNavigation .SiteNavigationSubNav li a {
    font-weight: 700;
    margin-bottom: 16px
}

.SiteNavigation .SiteNavigationSubNav li a:hover {
    color: #0c121c
}

.SiteNavigation .SiteNavigationTertiaryNav li {
    width: auto
}

.SiteNavigation .SiteNavigationTertiaryNav li a {
    font-size: 10px
}

.SiteNavigation .SiteNavigationTertiaryNav li ul {
    margin-left: 18px
}

.SiteNavigation .SiteNavigationHeader {
    font-size: 16px;
    display: inline-block;
    margin: 80px 0 80px 20px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SiteNavigation .SiteNavigationQuickLinks {
        padding-bottom: 40px
    }
    .SiteNavigation .SiteNavigationFirst>li,
    .SiteNavigation .SiteNavigationSecond>li {
        padding: 40px 0
    }
}

.SlideOutMenu {
    position: fixed;
    right: -1000px;
    top: 0;
    bottom: 0;
    z-index: 12
}

.SlideOutMenu .MoreButton {
    float: left;
    width: 50px
}

.SlideOutMenu .MoreButton a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    text-decoration: none
}

.SlideOutMenu .links {
    width: 270px;
    float: left;
    height: 100%
}

.SlideOutMenu .search {
    float: left;
    width: 100%;
    height: 50px;
    position: relative
}

.SlideOutMenu .search>span {
    display: block;
    height: 50px;
    position: relative;
    overflow: hidden;
    padding: 15px;
    -webkit-backface-visibility: hidden
}

.SlideOutMenu .search>span:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 20px;
    font-family: icons;
    font-size: 12px;
    text-align: center
}

.SlideOutMenu .search input {
    border: medium none;
    -webkit-backface-visibility: hidden;
    display: block;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    outline: medium none;
    padding: 0 10px 0 20px;
    letter-spacing: .1em;
    width: 100%;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.SlideOutMenu .search input::-webkit-input-placeholder {
    color: #e4e8e8
}

.SlideOutMenu .search input:-moz-placeholder,
.SlideOutMenu .search input::-moz-placeholder {
    color: #e4e8e8
}

.SlideOutMenu .search input:-ms-input-placeholder {
    color: #e4e8e8
}

.SlideOutMenu .search input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.SlideOutMenu .search input::-ms-clear {
    display: none
}

.SlideOutMenu .search .btn {
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 15px;
    display: none;
    opacity: 1;
    top: 20px;
    width: 60px;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 10px;
    cursor: hand;
    cursor: pointer;
    letter-spacing: .15em;
    text-align: right
}

.SlideOutMenu .cover,
.SlideOutMenu .navigation {
    position: absolute;
    top: 50px;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    z-index: 4;
    -webkit-overflow-scrolling: touch
}

.SlideOutMenu .cover {
    z-index: 5;
    height: 0
}

.SlideOutMenu ul {
    width: 100%;
    float: left
}

.SlideOutMenu ul.first,
.SlideOutMenu ul.first-quick-links,
.SlideOutMenu ul.second-quick-links {
    display: none
}

.SlideOutMenu ul.first-quick-links>li,
.SlideOutMenu ul.first>li,
.SlideOutMenu ul.second-quick-links>li {
    clear: both;
    width: 100%;
    position: relative;
    border-top: 1px solid;
    overflow: hidden;
    *zoom: 1
}

.SlideOutMenu ul.first-quick-links>li>a:after,
.SlideOutMenu ul.first>li>a:after,
.SlideOutMenu ul.second-quick-links>li>a:after {
    content: "";
    margin-right: .2em;
    margin-left: .2em;
    position: absolute;
    right: 17px;
    top: 16px;
    font-size: 15px;
    margin: 0
}

.SlideOutMenu ul.first-quick-links>li>a.no-sub-nav:after,
.SlideOutMenu ul.first-quick-links>li>a:after,
.SlideOutMenu ul.first>li>a.no-sub-nav:after,
.SlideOutMenu ul.first>li>a:after,
.SlideOutMenu ul.second-quick-links>li>a.no-sub-nav:after,
.SlideOutMenu ul.second-quick-links>li>a:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SlideOutMenu ul.first-quick-links>li>a.no-sub-nav:after,
.SlideOutMenu ul.first>li>a.no-sub-nav:after,
.SlideOutMenu ul.second-quick-links>li>a.no-sub-nav:after {
    content: "";
    margin-right: .2em;
    margin-left: .2em
}

.SlideOutMenu ul.first-quick-links>li a,
.SlideOutMenu ul.first>li a,
.SlideOutMenu ul.second-quick-links>li a {
    line-height: 1.3em;
    padding: 18px 47px 18px 17px;
    display: block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3em
}

.SlideOutMenu ul.first-quick-links>li a:focus,
.SlideOutMenu ul.first-quick-links>li a:hover,
.SlideOutMenu ul.first>li a:focus,
.SlideOutMenu ul.first>li a:hover,
.SlideOutMenu ul.second-quick-links>li a:focus,
.SlideOutMenu ul.second-quick-links>li a:hover {
    background-image: none
}

.SlideOutMenu ul.first-quick-links>li.active>a:after,
.SlideOutMenu ul.first>li.active>a:after,
.SlideOutMenu ul.second-quick-links>li.active>a:after {
    content: ""
}

.SlideOutMenu ul.first-quick-links>li.active>a.no-sub-nav:after,
.SlideOutMenu ul.first>li.active>a.no-sub-nav:after,
.SlideOutMenu ul.second-quick-links>li.active>a.no-sub-nav:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SlideOutMenu ul.first-quick-links>li ul,
.SlideOutMenu ul.first>li ul,
.SlideOutMenu ul.second-quick-links>li ul {
    float: none
}

.SlideOutMenu ul.first-quick-links>li ul li,
.SlideOutMenu ul.first>li ul li,
.SlideOutMenu ul.second-quick-links>li ul li {
    border-top: 1px solid
}

.SlideOutMenu ul.first-quick-links>li ul li a,
.SlideOutMenu ul.first>li ul li a,
.SlideOutMenu ul.second-quick-links>li ul li a {
    line-height: 15px;
    padding: 13px 17px;
    position: relative;
    font-weight: 700
}

.SlideOutMenu ul.first-quick-links>li ul li a:before,
.SlideOutMenu ul.first>li ul li a:before,
.SlideOutMenu ul.second-quick-links>li ul li a:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    content: "";
    float: none;
    font-size: 10px;
    margin-right: 5px;
    position: absolute;
    top: 17px
}

.SlideOutMenu ul.first-quick-links>li ul li a span,
.SlideOutMenu ul.first>li ul li a span,
.SlideOutMenu ul.second-quick-links>li ul li a span {
    display: inline-block;
    width: 89%;
    margin-left: 20px
}

.SlideOutMenu ul.second li {
    width: 100%;
    height: auto;
    border-top: 1px solid
}

.SlideOutMenu ul.second li:first-child {
    border-top: none
}

.SlideOutMenu ul.second li a {
    padding: 12px 17px;
    line-height: 28px;
    display: block;
    text-decoration: none;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .3em
}

.SlideOutMenu ul.second li a [class*=icon-],
.SlideOutMenu ul.second li a [class^=icon-] {
    margin-right: 10px;
    text-align: center;
    height: 1em;
    font-size: 28px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.SlideOutMenu ul.second li a [class*=icon-]:before,
.SlideOutMenu ul.second li a [class^=icon-]:before {
    margin-left: 0;
    vertical-align: top
}

.SlideOutMenu ul.second li a:focus,
.SlideOutMenu ul.second li a:hover {
    background-image: none
}

.SlideOutMenu ul.third {
    padding: 13px 0;
    border-top: 1px solid
}

.SlideOutMenu ul.third li a {
    padding: 13px 17px 13px 35px;
    display: block
}

.SlideOutMenu ul.third li a:before {
    top: 14px;
    left: 13px
}

.SlideOutMenu .autoCompleteMenu {
    z-index: 6;
    top: 50px;
    max-height: none
}

.SlideOutMenu.measureLinks {
    display: block;
    position: fixed;
    left: 50px;
    right: 0
}

.SlideOutMenu.measureLinks .navigation {
    left: 0
}

.SlideOutMenu.measureLinks .third li,
.SlideOutMenu.measureLinks .third li a {
    display: inline-block;
    width: auto
}

#landrover .SlideOutMenu .secondaryLinkWithStyle {
    margin-top: 0
}

@media screen and (min-width:1px) and (max-width:960px) {
    .SlideOutMenu .links .navigation {
        background-color: #e4e8e8
    }
    .SlideOutMenu .links ul.first-quick-links,
    .SlideOutMenu .links ul.second-quick-links {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SlideOutMenu .links ul {
        width: 100%;
        float: left
    }
    .SlideOutMenu .links ul.first,
    .SlideOutMenu .links ul.first-quick-links,
    .SlideOutMenu .links ul.second-quick-links {
        display: block
    }
}

.SlideOutMenu .links,
.SlideOutMenu .MoreButton a {
    background-color: #4a4f54
}

.SlideOutMenu .search {
    background-color: #0c121c
}

.SlideOutMenu .search>span:before {
    color: #e4e8e8
}

.SlideOutMenu .search input {
    background-color: #4a4f54;
    color: #fff
}

.SlideOutMenu .search .btn {
    background-color: #0c121c;
    color: #fff
}

.SlideOutMenu .cover {
    background-color: #f8f9f9
}

.SlideOutMenu ul.first-quick-link>li,
.SlideOutMenu ul.first>li,
.SlideOutMenu ul.second-quick-links>li {
    border-top-color: #30363e;
    background: #0c121c
}

.SlideOutMenu ul.first-quick-link>li.active>a,
.SlideOutMenu ul.first-quick-link>li a:focus,
.SlideOutMenu ul.first-quick-link>li a:hover,
.SlideOutMenu ul.first-quick-link>li ul,
.SlideOutMenu ul.first>li.active>a,
.SlideOutMenu ul.first>li a:focus,
.SlideOutMenu ul.first>li a:hover,
.SlideOutMenu ul.first>li ul,
.SlideOutMenu ul.second-quick-links>li.active>a,
.SlideOutMenu ul.second-quick-links>li a:focus,
.SlideOutMenu ul.second-quick-links>li a:hover,
.SlideOutMenu ul.second-quick-links>li ul {
    background-color: #4a4f54
}

.SlideOutMenu ul.first-quick-link>li ul li,
.SlideOutMenu ul.first>li ul li,
.SlideOutMenu ul.second-quick-links>li ul li {
    border-top-color: #5c6165
}

.SlideOutMenu ul.first-quick-link>li ul li.active a,
.SlideOutMenu ul.first>li ul li.active a,
.SlideOutMenu ul.second-quick-links>li ul li.active a {
    background-color: #4a4f54
}

.SlideOutMenu ul.first-quick-link>li ul li a,
.SlideOutMenu ul.first>li ul li a,
.SlideOutMenu ul.second-quick-links>li ul li a {
    color: #e4e8e8
}

.SlideOutMenu ul.first-quick-link>li ul li a:focus,
.SlideOutMenu ul.first-quick-link>li ul li a:hover,
.SlideOutMenu ul.first>li ul li a:focus,
.SlideOutMenu ul.first>li ul li a:hover,
.SlideOutMenu ul.second-quick-links>li ul li a:focus,
.SlideOutMenu ul.second-quick-links>li ul li a:hover {
    background-color: #4a4f54;
    color: #fff
}

.SlideOutMenu ul.second li {
    border-top-color: #5c6165
}

.SlideOutMenu ul.second li a {
    color: #e4e8e8;
    background-color: #4a4f54
}

.SlideOutMenu ul.second li a:focus,
.SlideOutMenu ul.second li a:hover {
    background-color: #4a4f54;
    color: #fff
}

.SlideOutMenu ul.third {
    border-top-color: #5c6165;
    background-color: #4a4f54
}

.SlideOutMenu ul.third li a,
.SlideOutMenu ul.third li a:before {
    color: #e4e8e8
}

.SlideOutMenu ul.third li a:focus,
.SlideOutMenu ul.third li a:hover {
    color: #fff
}

.lightTheme .SlideOutMenu .MoreButton a {
    background-color: #e4e8e8;
    color: #4a4f54
}

.lightTheme .SlideOutMenu .links,
.lightTheme .SlideOutMenu .search {
    background-color: #fff
}

.lightTheme .SlideOutMenu .search>span:before {
    color: #777b7f
}

.lightTheme .SlideOutMenu .search input {
    background-color: #fff;
    color: #4a4f54
}

.lightTheme .SlideOutMenu .search input:-moz-placeholder,
.lightTheme .SlideOutMenu .search input::-moz-placeholder {
    color: #65696e
}

.lightTheme .SlideOutMenu .search input::-webkit-input-placeholder {
    color: #65696e
}

.lightTheme .SlideOutMenu .search input:-ms-input-placeholder {
    color: #65696e
}

.lightTheme .SlideOutMenu .search .btn {
    background-color: #fff;
    color: #65696e
}

.lightTheme .SlideOutMenu .cover {
    background-color: #f8f9f9
}

.lightTheme .SlideOutMenu ul.first-quick-links>li,
.lightTheme .SlideOutMenu ul.first>li,
.lightTheme .SlideOutMenu ul.second-quick-links>li {
    background: #fff;
    border-top-color: #eff1f1
}

.lightTheme .SlideOutMenu ul.first-quick-links>li a,
.lightTheme .SlideOutMenu ul.first>li a,
.lightTheme .SlideOutMenu ul.second-quick-links>li a {
    color: #4a4f54
}

.lightTheme .SlideOutMenu ul.first-quick-links>li a:focus,
.lightTheme .SlideOutMenu ul.first-quick-links>li a:hover,
.lightTheme .SlideOutMenu ul.first>li a:focus,
.lightTheme .SlideOutMenu ul.first>li a:hover,
.lightTheme .SlideOutMenu ul.second-quick-links>li a:focus,
.lightTheme .SlideOutMenu ul.second-quick-links>li a:hover {
    background-color: #f8f9f9;
    color: #0c121c
}

.lightTheme .SlideOutMenu ul.first-quick-links>li.active>a,
.lightTheme .SlideOutMenu ul.first>li.active>a,
.lightTheme .SlideOutMenu ul.second-quick-links>li.active>a {
    background-color: #f8f9f9
}

.lightTheme .SlideOutMenu ul.first-quick-links>li.active>a.no-sub-nav,
.lightTheme .SlideOutMenu ul.first>li.active>a.no-sub-nav,
.lightTheme .SlideOutMenu ul.second-quick-links>li.active>a.no-sub-nav {
    background-color: #4a4f54;
    color: #fff
}

.lightTheme .SlideOutMenu ul.first-quick-links>li.active>a.no-sub-nav:after,
.lightTheme .SlideOutMenu ul.first>li.active>a.no-sub-nav:after,
.lightTheme .SlideOutMenu ul.second-quick-links>li.active>a.no-sub-nav:after {
    display: none
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul,
.lightTheme .SlideOutMenu ul.first>li ul,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul {
    background-color: #e4e8e8
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li,
.lightTheme .SlideOutMenu ul.first>li ul li,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li {
    border-top-color: #d9dcdc
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li.active,
.lightTheme .SlideOutMenu ul.first>li ul li.active,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li.active {
    background-color: #4a4f54
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li.active a,
.lightTheme .SlideOutMenu ul.first>li ul li.active a,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li.active a {
    background: #4a4f54;
    color: #fff;
    padding-left: 17px
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li.active a:before,
.lightTheme .SlideOutMenu ul.first>li ul li.active a:before,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li.active a:before {
    display: none
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li.active a span,
.lightTheme .SlideOutMenu ul.first>li ul li.active a span,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li.active a span {
    margin-left: 0
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li a,
.lightTheme .SlideOutMenu ul.first>li ul li a,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li a {
    color: #4a4f54
}

.lightTheme .SlideOutMenu ul.first-quick-links>li ul li a:focus,
.lightTheme .SlideOutMenu ul.first-quick-links>li ul li a:hover,
.lightTheme .SlideOutMenu ul.first>li ul li a:focus,
.lightTheme .SlideOutMenu ul.first>li ul li a:hover,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li a:focus,
.lightTheme .SlideOutMenu ul.second-quick-links>li ul li a:hover {
    background-color: #fff;
    color: #0c121c
}

.lightTheme .SlideOutMenu ul.second li {
    border-top-color: #d9dcdc
}

.lightTheme .SlideOutMenu ul.second li a {
    color: #4a4f54;
    background-color: #e4e8e8
}

.lightTheme .SlideOutMenu ul.second li a:focus,
.lightTheme .SlideOutMenu ul.second li a:hover {
    background-color: #e4e8e8;
    color: #0c121c
}

.lightTheme .SlideOutMenu ul.third {
    border-top-color: #d9dcdc;
    background-color: #e4e8e8
}

.lightTheme .SlideOutMenu ul.third li a {
    color: #4a4f54
}

.lightTheme .SlideOutMenu ul.third li a:before {
    color: #65696e
}

.lightTheme .SlideOutMenu ul.third li a:focus,
.lightTheme .SlideOutMenu ul.third li a:hover {
    color: #0c121c
}

.lightTheme #landrover .SlideOutMenu ul.third li a {
    color: #4a4f54
}

.lightTheme #landrover .SlideOutMenu ul.third li a:before {
    color: #65696e
}

.lightTheme #landrover .SlideOutMenu ul.third li a:focus,
.lightTheme #landrover .SlideOutMenu ul.third li a:hover {
    color: #0c121c
}

.lightTheme #landrover .SlideOutMenu ul.third li.active {
    background: #4a4f54
}

.lightTheme #landrover .SlideOutMenu ul.third li.active a {
    background: #4a4f54;
    color: #fff;
    padding-left: 17px
}

.lightTheme #landrover .SlideOutMenu ul.third li.active a:before {
    display: none
}

.Snippet {
    text-align: center
}

.Snippet .linkContainer .primaryLinkContainer:first-child a,
.Snippet .linkContainer .secondaryLinkContainer .primaryLinkWithStyle {
    margin-top: 0
}

.Snippet .linkContainer .secondaryLinkContainer:empty {
    display: none
}

.Snippet .linkContainer .primaryLinkContainer,
.Snippet .linkContainer .secondaryLinkContainer {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.Snippet .linkContainer .primaryLinkContainer:first-child,
.Snippet .linkContainer .secondaryLinkContainer:first-child {
    margin-left: 0
}

.Snippet .linkContainer .primaryLinkContainer.secondaryLinkType,
.Snippet .linkContainer .secondaryLinkContainer.secondaryLinkType {
    display: block;
    margin-left: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Snippet p {
        margin-top: 23px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Snippet.hide-title-mobile {
        display: none
    }
    .Snippet .linkContainer .primaryLinkContainer,
    .Snippet .linkContainer .secondaryLinkContainer {
        display: block;
        margin-left: 0
    }
    .Snippet .linkContainer .primaryLinkContainer .secondaryLinkWithStyle,
    .Snippet .linkContainer .secondaryLinkContainer .secondaryLinkWithStyle {
        margin-top: 0;
        margin-bottom: 0
    }
    .Snippet .linkContainer .secondaryLinkContainer {
        margin-top: 28px
    }
}

.Snippet+.DerivativesOverview {
    margin-top: -4px
}

.Snippet+.DerivativesOverview .Derivative__range {
    padding-top: 0;
    padding-bottom: 30px
}

@media screen and (min-width:741px) {
    .Snippet+.DerivativesOverview .Derivative__range {
        padding-bottom: 40px
    }
}

@media screen and (min-width:901px) {
    .Snippet+.DerivativesOverview .Derivative__range {
        padding-bottom: 56px
    }
}

.Snippet h2 {
    margin-bottom: 0
}

.Snippet p {
    margin-top: 26px;
    margin-bottom: 30px
}

.Snippet .copy {
    font-size: 18px
}

.Snippet p+.linkContainer {
    margin-top: 38px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .Snippet .copy {
        font-size: 16px
    }
    .Snippet p {
        margin-top: 23px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Snippet p {
        margin-top: 18px
    }
    .Snippet .copy {
        font-size: 14px
    }
}

.SocialFeed {
    padding-bottom: 40px
}

.SocialFeed .gridHolder {
    margin: 0 -20px
}

.SocialFeed .gridHolder .grid {
    display: block;
    height: 426px;
    margin: 0 auto;
    overflow: hidden
}

.SocialFeed .gridHolder .grid .gridItem {
    float: left;
    width: 33.333%;
    padding: 0 20px
}

@media screen and (min-width:1px) and (max-width:1300px) {
    .SocialFeed .gridHolder .grid .gridItem {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialFeed .gridHolder .grid .gridItem {
        width: 100%
    }
}

.SocialFeed .gridHolder .carouselNavigation {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px
}

.SocialFeed .feedItem {
    display: block;
    text-decoration: none;
    position: relative;
    transition-duration: .4s;
    transition-timing-function: ease
}

.SocialFeed .feedItem .content,
.SocialFeed .feedItem .media {
    position: relative;
    height: 213px
}

.SocialFeed .feedItem .media>span {
    display: block;
    height: 213px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: .4s;
    transition-timing-function: ease
}

.SocialFeed .feedItem:hover .media>span {
    background: #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.SocialFeed .feedItem .content .header {
    display: block;
    padding: 30px 30px 0
}

.SocialFeed .feedItem .content .header .avatar {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    float: left
}

.SocialFeed .feedItem .content .header .postDetails {
    height: 50px;
    overflow: hidden
}

.SocialFeed .feedItem .content .header .postDetails .date,
.SocialFeed .feedItem .content .header .postDetails .name,
.SocialFeed .feedItem .content .header .postDetails .username {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.SocialFeed .feedItem .content .header .postDetails .name {
    line-height: 16px;
    margin-bottom: 4px
}

.SocialFeed .feedItem .content .header .postDetails .username {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px
}

.SocialFeed .feedItem .content .header .postDetails .date {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 11px
}

.SocialFeed .feedItem .content .header .postDetails .retweet:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: 0 4px 0 0;
    font-size: 14px
}

.SocialFeed .feedItem .content .message {
    display: table;
    table-layout: fixed;
    width: 100%
}

.SocialFeed .feedItem .content .message .messageWrapper {
    display: table-cell;
    table-layout: fixed;
    vertical-align: middle
}

.SocialFeed .feedItem .content .message .messageWrapper .messageContent {
    padding-right: 30px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden
}

.SocialFeed .feedItem .content .meta {
    position: absolute;
    left: 30px;
    bottom: 25px;
    font-size: 10px
}

.SocialFeed .feedItem .content .meta:before {
    margin-right: 10px!important;
    margin-left: 0!important;
    font-size: 20px;
    position: relative
}

.SocialFeed .feedItem .content .meta li {
    display: inline-block;
    margin-right: 10px
}

.SocialFeed .feedItem .content .meta li:before {
    position: relative;
    top: -2px;
    margin: 0 5px 0 0!important;
    font-size: 14px
}

.lt-ie10 .SocialFeed .feedItem .content .meta li:before {
    top: 0
}

.SocialFeed .feedItem.facebook .content .meta:before {
    top: -3px;
    content: ""
}

.SocialFeed .feedItem.facebook .content .meta .comments:before,
.SocialFeed .feedItem.facebook .content .meta:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.facebook .content .meta .comments:before {
    top: -1px;
    content: ""
}

.SocialFeed .feedItem.facebook .content .meta .likes:before {
    font-size: 15px;
    content: ""
}

.SocialFeed .feedItem.facebook .content .meta .likes:before,
.SocialFeed .feedItem.facebook .content .meta .shares:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.facebook .content .meta .shares:before {
    font-size: 13px;
    content: ""
}

.SocialFeed .feedItem.instagram .content .meta:before {
    top: -2px;
    margin-right: 14px!important;
    content: ""
}

.SocialFeed .feedItem.instagram .content .meta .comments:before,
.SocialFeed .feedItem.instagram .content .meta:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.instagram .content .meta .comments:before {
    content: ""
}

.SocialFeed .feedItem.instagram .content .meta .likes:before {
    margin-right: 6px;
    content: ""
}

.SocialFeed .feedItem.instagram .content .meta .likes:before,
.SocialFeed .feedItem.pinterest .content .meta:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.pinterest .content .meta:before {
    content: ""
}

.SocialFeed .feedItem.pinterest .content .meta .likes:before {
    content: ""
}

.SocialFeed .feedItem.pinterest .content .meta .likes:before,
.SocialFeed .feedItem.pinterest .content .meta .shares:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.pinterest .content .meta .shares:before {
    content: ""
}

.SocialFeed .feedItem.twitter .content .meta:before {
    content: ""
}

.SocialFeed .feedItem.twitter .content .meta .likes:before,
.SocialFeed .feedItem.twitter .content .meta:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.twitter .content .meta .likes:before {
    content: ""
}

.SocialFeed .feedItem.twitter .content .meta .shares:before {
    font-size: 16px;
    content: ""
}

.SocialFeed .feedItem.tumblr .content .meta:before,
.SocialFeed .feedItem.twitter .content .meta .shares:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.tumblr .content .meta:before {
    font-size: 19px;
    margin-top: -6px;
    content: ""
}

.SocialFeed .feedItem.tumblr .content .meta .likes:before {
    content: ""
}

.SocialFeed .feedItem.tumblr .content .meta .likes:before,
.SocialFeed .feedItem.tumblr .content .meta .shares:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.tumblr .content .meta .shares:before {
    font-size: 16px;
    content: ""
}

.SocialFeed .feedItem.youtube .content .meta:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialFeed .feedItem.feedItemText .content {
    height: 426px
}

.SocialFeed .feedItem.feedItemText .content .message .messageWrapper {
    height: 301px
}

.SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent {
    position: relative;
    max-height: 210px;
    padding: 10px 60px;
    font-family: tinos, arial, helvetica, sans-serif;
    font-size: 30px;
    line-height: 38px;
    word-break: break-word
}

.SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after,
.SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before {
    content: "";
    display: block;
    position: absolute;
    left: 60px;
    width: 1.34em;
    height: 2px
}

.SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before {
    top: 0
}

.SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after {
    bottom: 0
}

.SocialFeed .feedItem.feedItemImage .content,
.SocialFeed .feedItem.feedItemVideo .content {
    width: auto;
    position: static
}

.SocialFeed .feedItem.feedItemImage .content .message .messageWrapper,
.SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper {
    height: 88px
}

.SocialFeed .feedItem.feedItemImage .content .message .messageWrapper .messageContent,
.SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper .messageContent {
    max-height: 54px
}

.SocialFeed .feedItem.feedItemImage .media,
.SocialFeed .feedItem.feedItemVideo .media {
    margin-left: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    opacity: 1;
    transition-property: opacity;
    transition-duration: .5s
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SocialFeed {
        padding-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialFeed {
        padding-bottom: 0
    }
    .SocialFeed .gridHolder .carouselNavigation {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }
}

.SocialFeed.dark .feedItem {
    background-color: #e4e8e8;
    color: #4a4f54
}

.SocialFeed.dark .feedItem:hover {
    background-color: #fff
}

.SocialFeed.dark .feedItem .content .header .name {
    color: #0c121c
}

.SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent {
    color: #005a2b
}

.SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:after,
.SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:before {
    background-color: #005a2b
}

.SocialFeed.grey .feedItem {
    background-color: #f8f9f9;
    color: #4a4f54
}

.SocialFeed.grey .feedItem:hover {
    background-color: #fff
}

.SocialFeed.grey .feedItem .content .header .name {
    color: #0c121c
}

.SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent {
    color: #005a2b
}

.SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:after,
.SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:before {
    background-color: #005a2b
}

.SocialFeed.light .feedItem {
    background-color: #fff;
    color: #4a4f54
}

.SocialFeed.light .feedItem:hover {
    background-color: #e4e8e8
}

.SocialFeed.light .feedItem .content .header .name {
    color: #0c121c
}

.SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent {
    color: #005a2b
}

.SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:after,
.SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:before {
    background-color: #005a2b
}

.SocialStoryStreamHub .headerBlock {
    margin: 0 auto 40px
}

.SocialStoryStreamHub .stry-hub {
    background: none;
    margin: 0 -20px
}

.SocialStoryStreamHub .stry-hub p a {
    text-decoration: none;
    border-bottom: 1px solid;
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.SocialStoryStreamHub .stry-hub p a:hover {
    text-decoration: none
}

.SocialStoryStreamHub .stry-hub .stry-date,
.SocialStoryStreamHub .stry-hub p {
    color: #4a4f54;
    margin: 0;
    font-size: 12px;
    line-height: 1.3em;
    font-style: normal;
    position: static
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-copy,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-title,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-content .stry-body,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-title {
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3em;
    overflow: hidden;
    padding-bottom: 0;
    margin: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-avatar {
    width: 60px;
    height: 50px;
    padding: 0 10px 0 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar img,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-avatar img {
    border-radius: 0;
    border: 1px solid #dee2e2;
    width: 100%
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title {
    letter-spacing: .05em;
    -webkit-font-smoothing: antialiased;
    color: #0c121c;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    margin: 0 0 9px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper {
    display: inline-block;
    position: relative;
    padding: .1875em 0 .25em
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:before {
    top: -1px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper:after {
    bottom: -1px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper>span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper>span {
    display: block
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper .headingTextSub {
    margin-top: .17461538461538em;
    padding-bottom: .15em;
    font-size: 50%;
    margin-left: auto;
    margin-right: auto
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a a,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span a,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title a {
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title.headingLinear .headingWrapper .headingTextSub {
        margin-top: 5px
    }
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text h2.stry-hub-title .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span .headingWrapper:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text h2.stry-title .headingWrapper:before {
    background-color: #0c121c;
    width: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author a,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-author span,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-hub-meta .stry-author span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: -1px 0 0;
    padding: 0 0 3px
}

.SocialStoryStreamHub .stry-hub .stry-read-more-link {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-load-more {
    margin: 0;
    padding: 0
}

.SocialStoryStreamHub .stry-hub .stry-load-more a {
    position: relative;
    display: inline-table;
    min-width: 125px;
    height: 45px;
    line-height: 12px;
    margin-top: 30px;
    padding: 1px 24px 0;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .3em;
    cursor: pointer;
    border: 0;
    transition-duration: .4s;
    transition-timing-function: ease;
    transition: color .4s, background-color .4s;
    overflow: hidden;
    *zoom: 1;
    padding: 16px 0;
    width: auto;
    margin: 60px auto 0;
    text-transform: uppercase
}

.SocialStoryStreamHub .stry-hub .stry-load-more a>span {
    display: table-cell;
    vertical-align: middle
}

.SocialStoryStreamHub .stry-hub .stry-load-more a.disabled {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    cursor: default
}

.SocialStoryStreamHub .stry-hub .stry-content {
    margin: 0;
    padding: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item {
    position: relative;
    padding: 20px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-hover:hover .stry-media,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-hover:hover .stry-text {
    cursor: pointer
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta {
    display: block;
    -webkit-transform: none;
    transform: none;
    position: relative;
    opacity: 1;
    z-index: 2;
    border: none;
    background: none;
    padding: 25px 25px 18px;
    white-space: nowrap
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-details {
    padding: 0;
    display: inline-block;
    width: calc(100% - 60px)
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-avatar {
    display: inline-block
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-follow,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta .stry-social-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner {
    border: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text {
    background: none;
    margin: 0;
    padding: 0 25px 70px;
    position: static
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text .stry-hub-meta {
    padding: 25px 0 18px;
    margin: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner .stry-text .stry-hub-title {
    padding: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media {
    position: static;
    overflow: hidden
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image {
    background: none;
    position: relative;
    overflow: visible
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon {
    z-index: 3;
    margin-top: -46.5px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 68px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -34px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-video-icon .stry-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-media .stry-image .stry-image-scale {
    -webkit-transform: none;
    transform: none;
    transition: -webkit-transform 20s ease-out;
    transition: transform 20s ease-out;
    transition: transform 20s ease-out, -webkit-transform 20s ease-out
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item:hover .stry-media .stry-image .stry-image-scale {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-footer {
    padding: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-text {
    position: relative;
    padding-bottom: 68px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-details p:nth-child(2) {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-date {
    position: absolute;
    top: 41px;
    left: 85px;
    z-index: 2
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube .stry-text {
    padding-bottom: 74px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title {
    padding: 13px 0 15px;
    position: relative;
    margin: 10px 25px 25px;
    font-family: tinos, arial, helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.222em;
    word-break: break-word;
    width: auto
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:after,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1.34em;
    height: 2px;
    background-color: #005a2b
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:before {
    top: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title:after {
    bottom: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title a {
    border: none;
    color: #005a2b
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.text .stry-hub-copy.stry-hub-title {
        margin: 10px 0 25px;
        font-size: 18px
    }
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: #a4a7a9;
    vertical-align: top;
    font-size: 20px;
    margin: 0!important;
    bottom: 45px;
    left: 45px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter:before {
    content: "";
    bottom: 42px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.instagram:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.instagram:before {
    content: ""
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube:before {
    content: "";
    font-size: 27px;
    bottom: 46px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook:before,
.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook:before {
    content: "";
    left: 40px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.googleplus:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 59px;
    bottom: 23px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action {
    display: block;
    float: left;
    margin: 0;
    transition: background-color .4s
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action a {
    display: block;
    height: 20px;
    float: left
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action .stry-icon {
    display: block;
    height: 20px;
    color: #0c121c;
    line-height: 20px;
    font-size: 30px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.twitter .stry-twitter-share .stry-tweet-action:hover .stry-icon {
    color: #0c121c
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share {
    transition: background-color .4s;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 59px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    color: #0c121c;
    vertical-align: bottom;
    margin-bottom: 2px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share:hover:before {
    color: #0c121c
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share .stry-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.youtube .stry-share {
    left: 66px;
    bottom: 27px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item.facebook .stry-share {
    left: 49px;
    bottom: 24px
}

.SocialStoryStreamHub .stry-hub .stry-menu {
    margin: 0 auto 40px;
    padding: 0 20px;
    height: 45px;
    max-width: 350px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button {
    transition: background-color .4s ease-out;
    background-color: #0c121c;
    width: 100%;
    position: relative;
    height: 45px
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button:hover {
    background-color: #4a4f54
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link {
    background: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link span {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-menu-button .stry-menu-link:before {
    color: #fff;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 10px
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu {
    background: none;
    box-shadow: none;
    overflow: visible;
    position: relative;
    top: 0;
    opacity: 1;
    height: auto
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear {
    display: none;
    height: auto
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a {
    display: block;
    height: 45px;
    padding: 17px 23px;
    line-height: 12px;
    background-color: #fff;
    text-align: left
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:active,
.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:hover,
.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:link,
.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-clear a:visited {
    color: #0c121c;
    background-color: #e4e8e8
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav {
    top: -45px;
    position: absolute;
    height: 45px;
    background: none;
    pointer-events: none;
    width: auto;
    border: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav .stry-nav-types {
    pointer-events: none;
    background: none;
    color: #fff;
    text-align: left;
    height: 45px;
    padding: 17px 23px;
    line-height: 12px;
    border-left: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-nav .stry-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list {
    transition: max-height .4s ease, opacity .4s ease;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    background: #fff
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item {
    border: none
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link {
    border-bottom: 1px solid #eff1f1!important;
    position: relative;
    height: 45px;
    padding: 17px 23px;
    line-height: 12px;
    transition: none 1s
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected,
.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link:active,
.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link:hover {
    color: #0c121c;
    background: #e4e8e8;
    padding: 17px 23px;
    border-bottom-color: #dee2e2!important
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected {
    padding-left: 43px
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-filters-menu .stry-filters-list .stry-filters-item .stry-filters-link.selected:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    top: 18px;
    left: 21px;
    font-size: 10px
}

.SocialStoryStreamHub .stry-hub .stry-menu .stry-powered-by {
    display: none
}

.SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-menu-button .stry-menu-link:before {
    font-size: 12px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    top: 18px;
    right: 14px
}

.SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-clear,
.SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-list {
    display: block
}

.SocialStoryStreamHub .stry-hub.stry-menu-is-open .stry-menu .stry-filters-menu .stry-filters-list {
    opacity: 1;
    max-height: 225px
}

.SocialStoryStreamHub .stry-hub .stry-categories.stry-filters-list,
.SocialStoryStreamHub .stry-hub .stry-filters-clear,
.SocialStoryStreamHub .stry-hub .stry-nav-item.stry-nav-categories {
    display: none!important
}

.SocialStoryStreamHub .stry-hub .stry-popup {
    background-color: rgba(0, 0, 0, .7)
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item {
    max-width: 100%;
    width: 100%
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: #a4a7a9;
    vertical-align: top;
    font-size: 20px;
    margin: 0!important
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .stry-popup-content:before {
    content: ""
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .stry-popup-content:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.twitter .stry-popup-content:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.instagram .stry-popup-content:before {
    content: ""
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-popup-content:before {
    content: "";
    font-size: 27px;
    bottom: 24px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-popup-content:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-popup-content:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-popup-content:before {
    content: "";
    left: 20px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.googleplus .stry-popup-content:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content {
    position: relative;
    max-width: 560px;
    margin: 0 auto 80px;
    top: 80px;
    background-color: none;
    box-sizing: content-box;
    width: auto;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    background-clip: padding-box
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text {
    border: none;
    background-color: #fff;
    padding: 25px 25px 70px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta {
    margin: 0 0 18px;
    padding: 0;
    border-bottom: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content .stry-text .stry-hub-meta .stry-social-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-text {
    padding-bottom: 77px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls {
    height: auto;
    border: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close {
    top: 0;
    right: 0;
    position: absolute;
    background-color: #0c121c;
    z-index: 3
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button {
    transition: background-color .2s;
    position: fixed;
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 18px;
    color: #e4e8e8;
    background-color: transparent;
    padding: 0;
    outline: none;
    text-decoration: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button .stry-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:hover {
    transition: background-color .2s;
    background-color: #4a4f54;
    text-decoration: none!important
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 50px;
    width: 50px;
    margin: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button .stry-col,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-popup-close .stry-close-button:after {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share {
    position: absolute;
    bottom: 25px;
    left: 59px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open {
    padding: 0;
    height: auto
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    color: #0c121c;
    vertical-align: bottom;
    margin-bottom: 2px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-controls .stry-share .stry-share-open span {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.youtube .stry-share {
    left: 66px
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item.facebook .stry-share {
    left: 49px;
    bottom: 24px
}

.SocialStoryStreamHub .stry-hub .stry-popup-item {
    transition: opacity .4s ease;
    overflow: visible;
    overflow-y: auto
}

.SocialStoryStreamHub .stry-hub .stry-popup-item .stry-blog-footer,
.SocialStoryStreamHub .stry-hub .stry-popup-item .stry-media,
.SocialStoryStreamHub .stry-hub .stry-popup-item .stry-popup-body,
.SocialStoryStreamHub .stry-hub .stry-popup-item .stry-text {
    transition: opacity .4s ease
}

.SocialStoryStreamHub .stry-hub .stry-popup-item .share-text-wrapper,
.SocialStoryStreamHub .stry-hub .stry-popup-item .stry-popup-content {
    transition: background-color .4s ease
}

.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-blog-footer,
.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-media,
.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-body,
.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-text {
    opacity: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .share-text-wrapper,
.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-content {
    background-color: transparent
}

.SocialStoryStreamHub .stry-hub .stry-popup-item.is-sharing .stry-popup-content:before {
    display: none!important
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay {
    transition: opacity .4s;
    -webkit-transform: translateZ(0);
    background: rgba(0, 0, 0, .7);
    position: fixed;
    z-index: 1000
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close {
    transition: background-color .2s;
    position: fixed;
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 18px;
    color: #e4e8e8;
    background-color: transparent;
    padding: 0;
    outline: none;
    text-decoration: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:hover,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:hover,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:hover {
    transition: background-color .2s;
    background-color: #4a4f54;
    text-decoration: none!important
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:before,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:before,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 50px;
    width: 50px;
    margin: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close .stry-icon,
.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close:after,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close .stry-icon,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close:after,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-icon,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:after {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-close .stry-share-triangle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-close .stry-share-triangle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-share-triangle {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container {
    padding: 0 25px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container br,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container br,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container br {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n),
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n),
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) {
    margin: 1px 5px 0;
    height: 50px;
    overflow: hidden;
    padding: 0
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a {
    text-decoration: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle {
    border-radius: 0;
    transition: background-color .2s;
    background-color: #0c121c;
    border: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    border: none
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon {
    font-size: 36px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin {
    font-size: 20px
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle {
    background-color: #4a4f54;
    color: #fff
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Twitter]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Twitter]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Twitter]:hover .stry-icon-circle {
    background-color: #2ca8d2
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Facebook]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Facebook]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Facebook]:hover .stry-icon-circle {
    background-color: #305891
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Linkedin]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Linkedin]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Linkedin]:hover .stry-icon-circle {
    background-color: #007bb6
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle {
    background-color: #dd4b39
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Pinterest]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Pinterest]:hover .stry-icon-circle,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-container .stry-share-item:nth-child(n) a[title=Pinterest]:hover .stry-icon-circle {
    background-color: #c82828
}

.SocialStoryStreamHub .stry-hub .stry-content .stry-share-overlay .stry-share-list,
.SocialStoryStreamHub .stry-hub .stry-overlay .stry-share-overlay .stry-share-list,
.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-list {
    padding: 0;
    vertical-align: middle
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay {
    transition: opacity .4s ease;
    opacity: 1;
    background-color: transparent
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close {
    transition: background-color .2s;
    position: fixed;
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 18px;
    color: #e4e8e8;
    background-color: transparent;
    padding: 0;
    outline: none;
    text-decoration: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close .stry-icon {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:hover {
    transition: background-color .2s;
    background-color: #4a4f54;
    text-decoration: none!important
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 50px;
    width: 50px;
    margin: 0
}

.SocialStoryStreamHub .stry-hub .stry-popup .stry-share-overlay .stry-share-close:after {
    display: none
}

.SocialStoryStreamHub .stry-hub .stry-hub .stry-loading-message-wrapper,
.SocialStoryStreamHub .stry-hub .stry-loading-message-wrapper {
    display: none!important
}

.SocialStoryStreamHub.grey .stry-hub.stry-menu-is-open .stry-menu-button,
.SocialStoryStreamHub.grey .stry-hub .stry-menu .stry-menu-button:hover,
.SocialStoryStreamHub.light .stry-hub.stry-menu-is-open .stry-menu-button,
.SocialStoryStreamHub.light .stry-hub .stry-menu .stry-menu-button:hover {
    background-color: #4a4f54
}

#landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a {
    background-color: #fff;
    color: #0c121c
}

#landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover .SocialStoryStreamHub.dark .stry-hub .stry-load-more a.disabled:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .SocialStoryStreamHub.dark .stry-hub .stry-load-more a:focus {
    background-color: #0c121c;
    color: #0c121c
}

#landrover.focusStylesOn .SocialStoryStreamHub.dark .stry-hub .stry-load-more a.disabled:focus {
    background-color: #fff;
    color: #0c121c
}

.SocialStoryStreamHub.dark .stry-hub.stry-menu-is-open .stry-menu-button,
.SocialStoryStreamHub.dark .stry-hub .stry-menu .stry-menu-button:hover {
    background-color: #383b3f
}

#landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a,
#landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a {
    background-color: #0c121c;
    color: #fff
}

#landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a:hover,
#landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .SocialStoryStreamHub.grey .stry-hub .stry-load-more a.disabled:hover,
#landrover .SocialStoryStreamHub.light .stry-hub .stry-load-more a.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .SocialStoryStreamHub.grey .stry-hub .stry-load-more a:focus,
#landrover.focusStylesOn .SocialStoryStreamHub.light .stry-hub .stry-load-more a:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .SocialStoryStreamHub.grey .stry-hub .stry-load-more a.disabled:focus,
#landrover.focusStylesOn .SocialStoryStreamHub.light .stry-hub .stry-load-more a.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

.SocialStoryStreamHub.grey .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta,
.SocialStoryStreamHub.grey .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner,
.SocialStoryStreamHub.light .stry-hub .stry-content .stry-item-list .stry-item .stry-hub-meta,
.SocialStoryStreamHub.light .stry-hub .stry-content .stry-item-list .stry-item .stry-item-inner {
    background-color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SocialStoryStreamHub .stry-hub .stry-menu {
        margin: 30px auto
    }
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list {
        padding-top: 20px
    }
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item {
        padding: 20px
    }
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item .stry-share {
        bottom: 25px
    }
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content {
        margin: 0 auto 40px;
        top: 40px
    }
    .SocialStoryStreamHub .stry-hub .stry-load-more a {
        margin-top: 20px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamHub .stry-hub .stry-content .stry-item-list .stry-item {
        padding: 0 20px 20px
    }
    .SocialStoryStreamHub .stry-hub .stry-popup .stry-popup-item .stry-popup-content {
        margin: 0 auto 30px;
        top: 30px
    }
    .SocialStoryStreamHub .stry-hub .stry-load-more a {
        margin-top: 10px
    }
}

.SocialStoryStreamWidget .stry-powered-by {
    display: none
}

.SocialStoryStreamWidget .stry-widget {
    position: relative;
    margin: 0 -20px
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .column .viewport {
    border: none;
    padding: 0 20px
}

.SocialStoryStreamWidget .stry-widget:before {
    content: "";
    display: block;
    padding-top: 25.006%;
    padding-top: calc((33.333% - 40px) / 1.333)
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-top: 0;
    background: none
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .column .viewport ul li a {
    text-decoration: none
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .main-image {
    height: 100%
}

.object-fit .SocialStoryStreamWidget .stry-widget .stry-widget-inner .main-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
    width: 100%
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .kenburns.square .main-image,
.SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .no-burns.landscape .main-image,
.SocialStoryStreamWidget .stry-widget .stry-widget-inner .portrait-pane .no-burns.square .main-image {
    width: 100%
}

.object-fit .SocialStoryStreamWidget .stry-widget .landscape-pane .no-burns.square .main-image {
    height: 100%
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-icon {
    display: none
}

.SocialStoryStreamWidget .stry-widget .list-item .front:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: #a4a7a9;
    vertical-align: top;
    font-size: 20px;
    margin: 0!important;
    font-size: 23px;
    bottom: 20px;
    left: auto;
    right: 20px;
    z-index: 4;
    color: #fff
}

.SocialStoryStreamWidget .stry-widget .list-item.twitter .front:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .list-item.instagram .front:before,
.SocialStoryStreamWidget .stry-widget .list-item.twitter .front:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .list-item.instagram .front:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .list-item.youtube .front:before {
    content: "";
    font-size: 30px
}

.SocialStoryStreamWidget .stry-widget .list-item.facebook .front:before,
.SocialStoryStreamWidget .stry-widget .list-item.youtube .front:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .list-item.facebook .front:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .list-item.googleplus .front:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .list-item.googleplus .front:before,
.SocialStoryStreamWidget .stry-widget .list-item.video .front:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .list-item.video .front:after {
    content: "";
    font-size: 68px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -34px
}

.SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .back.text-only {
    background-color: #fff
}

.SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .content-item-footer {
    background-color: transparent
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only {
    padding: 20px
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text {
    padding: 13px 0 15px;
    position: relative;
    margin: 10px 25px 25px;
    font-family: tinos, arial, helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.222em;
    word-break: break-word;
    width: auto;
    margin: 0
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:after,
.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1.34em;
    height: 2px;
    background-color: #005a2b
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:before {
    top: 0
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text:after {
    bottom: 0
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text,
.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text a {
    border: none;
    color: #005a2b
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-text {
        margin: 10px 0 25px;
        font-size: 18px
    }
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .content-item-footer {
    display: none
}

.SocialStoryStreamWidget .stry-widget .content-item.text-only .stry-icon {
    color: #4a4f54;
    background: none
}

.SocialStoryStreamWidget .stry-widget div.stry-widget-inner .column .viewport ul>li {
    border: none
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .column ul.grid-pane>li,
.SocialStoryStreamWidget .stry-widget .stry-widget-inner .flipper,
.SocialStoryStreamWidget .stry-widget .stry-widget-inner .list-item {
    overflow: visible
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .flipper .back {
    transition: opacity .4s ease;
    display: block;
    opacity: 0
}

.SocialStoryStreamWidget .stry-widget .column:nth-child(n) .viewport:nth-child(n) li .back {
    background-color: #fff;
    z-index: 3
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text {
    font-size: 14px;
    color: #4a4f54
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text a {
    border-bottom: 1px solid;
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.SocialStoryStreamWidget .stry-widget .stry-source,
.SocialStoryStreamWidget .stry-widget .stry-widget-inner .stry-text {
    padding: 20px
}

.SocialStoryStreamWidget .stry-widget .stry-source {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 0
}

.SocialStoryStreamWidget .stry-widget .stry-avatar,
.SocialStoryStreamWidget .stry-widget .stry-detail {
    display: inline-block;
    vertical-align: top
}

.SocialStoryStreamWidget .stry-widget .content-item-footer .stry-source .stry-avatar,
.SocialStoryStreamWidget .stry-widget .stry-avatar {
    box-sizing: content-box;
    height: 50px;
    width: 50px;
    position: static
}

.SocialStoryStreamWidget .stry-widget img.stry-avatar {
    border-radius: 0;
    border: 1px solid #dee2e2
}

.SocialStoryStreamWidget .stry-widget .stry-detail {
    margin-top: -3px;
    margin-left: 10px;
    font-size: 14px
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3 {
    letter-spacing: .05em;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 700;
    color: #0c121c
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper {
    display: inline-block;
    position: relative;
    padding: .1875em 0 .25em
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:before {
    top: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper:after {
    bottom: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper>span,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper>span {
    display: block
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper .headingTextSub {
    margin-top: .17461538461538em;
    padding-bottom: .15em;
    font-size: 50%;
    margin-left: auto;
    margin-right: auto
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3 a {
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamWidget .stry-widget .stry-detail h3.headingLinear .headingWrapper .headingTextSub {
        margin-top: 5px
    }
}

.SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-detail h3 .headingWrapper:before {
    background-color: #0c121c;
    width: 0
}

.SocialStoryStreamWidget .stry-widget .back:not(.text-only) .stry-detail h3 {
    color: #0c121c
}

.SocialStoryStreamWidget .stry-widget .back:not(.text-only) .stry-detail p {
    color: #4a4f54;
    font-size: 12px
}

.SocialStoryStreamWidget .stry-widget .stry-widget-inner .list-item:hover .flipper .back {
    opacity: 1
}

.SocialStoryStreamWidget .stry-widget .viewport>ul {
    transition: none!important;
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important
}

.no-touch:not(.ie) .SocialStoryStreamWidget .stry-row:hover .column .viewport>ul li:nth-child(n) {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column .viewport>ul {
    background-color: #0c121c
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column .viewport>ul li {
    animation-duration: 27s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 27s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:first-child .viewport>ul li:nth-child(1) {
    animation-name: z;
    -webkit-animation-name: z
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:first-child .viewport>ul li:nth-child(2) {
    animation-name: C;
    -webkit-animation-name: C
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:first-child {
    animation-name: A;
    -webkit-animation-name: A
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(2) {
    animation-name: D;
    -webkit-animation-name: D
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(3) .viewport>ul li:first-child {
    animation-name: B;
    -webkit-animation-name: B
}

.no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(3) .viewport>ul li:nth-child(2) {
    animation-name: E;
    -webkit-animation-name: E
}

.SocialStoryStreamWidget .stry-popup-controls {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: auto;
    height: auto
}

.SocialStoryStreamWidget .stry-widget.stry-is-popup:after {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1000
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close {
    top: 0;
    left: auto;
    right: 0;
    width: auto;
    z-index: 1
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button {
    transition: background-color .2s;
    position: fixed;
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 18px;
    color: #e4e8e8;
    background-color: transparent;
    padding: 0;
    outline: none;
    text-decoration: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button .stry-icon {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:hover {
    transition: background-color .2s;
    background-color: #4a4f54;
    text-decoration: none!important
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 50px;
    width: 50px;
    margin: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-controls .stry-popup-close .stry-close-button:after {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item {
    transition: opacity .4s ease;
    overflow: visible;
    overflow-y: auto;
    background-color: transparent
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-blog-footer,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-media,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-body,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-text {
    transition: opacity .4s ease
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .share-text-wrapper,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content {
    transition: background-color .4s ease
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content {
    top: 80px;
    margin-bottom: 80px;
    background-color: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .share-text-wrapper {
    background-color: #fff
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta {
    display: block;
    white-space: nowrap;
    overflow: hidden
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details {
    display: inline-block;
    float: none;
    vertical-align: top
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar {
    box-sizing: content-box;
    width: 50px;
    height: 50px;
    padding-right: 10px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-avatar img {
    border-radius: 0;
    border: 1px solid #dee2e2
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details {
    width: calc(100% - 60px);
    margin-top: -3px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-author {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-original-src {
    display: none
}

.SocialStoryStreamWidget .stry-widget .share-text-wrapper {
    padding-top: 25px;
    padding-bottom: 67px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-blog-meta .stry-details p:nth-child(2):not(.stry-date) {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author {
    letter-spacing: .05em;
    -webkit-font-smoothing: antialiased;
    color: #0c121c;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.3em
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper {
    display: inline-block;
    position: relative;
    padding: .1875em 0 .25em
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:before {
    top: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper:after {
    bottom: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper>span,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper>span {
    display: block
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper .headingTextSub {
    margin-top: .17461538461538em;
    padding-bottom: .15em;
    font-size: 50%;
    margin-left: auto;
    margin-right: auto
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author a {
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author.headingLinear .headingWrapper .headingTextSub {
        margin-top: 5px
    }
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author .headingWrapper:before {
    background-color: #0c121c;
    width: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-author a {
    border-bottom: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text .stry-blog-meta .stry-details .stry-date {
    font-size: 12px;
    line-height: 14px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-date {
    position: absolute;
    left: 85px;
    top: 39px;
    font-size: 12px;
    margin: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-author {
    padding-bottom: 12px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-body,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-text {
    padding: 0 25px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-popup-body {
    padding-top: 18px;
    font-size: 14px;
    line-height: 1.3em
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title {
    letter-spacing: .05em;
    -webkit-font-smoothing: antialiased;
    color: #0c121c;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-bottom: 9px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper {
    display: inline-block;
    position: relative;
    padding: .1875em 0 .25em
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:before {
    top: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper:after {
    bottom: -1px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper>span,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper>span,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper>span,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper>span {
    display: block
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper .headingTextSub,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper .headingTextSub,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper .headingTextSub {
    margin-top: .17461538461538em;
    padding-bottom: .15em;
    font-size: 50%;
    margin-left: auto;
    margin-right: auto
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title a,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title a {
    color: inherit;
    text-decoration: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title.headingLinear .headingWrapper .headingTextSub,
    .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingFocus .headingWrapper .headingTextSub,
    .SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title.headingLinear .headingWrapper .headingTextSub {
        margin-top: 5px
    }
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-blog-title .headingWrapper:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:after,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-blog-title .headingWrapper:before {
    background-color: #0c121c;
    width: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-popup-content:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .stry-popup-content:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.twitter .stry-popup-content:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.instagram .stry-popup-content:before {
    content: ""
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-popup-content:before {
    content: "";
    font-size: 27px;
    bottom: 24px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-popup-content:before,
.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-popup-content:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-popup-content:before {
    content: "";
    left: 20px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.googleplus .stry-popup-content:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content {
    color: #4a4f54
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 2;
    color: #a4a7a9;
    vertical-align: top;
    font-size: 20px;
    margin: 0!important
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content a {
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-blog-footer {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share {
    position: absolute;
    bottom: 25px;
    left: 59px;
    top: auto;
    right: auto;
    float: none;
    z-index: 1
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 18px;
    color: #0c121c;
    vertical-align: bottom;
    margin-bottom: 2px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share .share-text,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-share .stry-icon,
.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-social-icon {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper {
    z-index: 1
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share {
    display: block;
    position: absolute;
    bottom: 25px;
    left: 59px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action {
    display: block;
    float: left;
    margin: 0;
    transition: background-color .4s
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action a {
    display: block;
    height: 20px;
    float: left
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action .stry-icon {
    display: block;
    height: 20px;
    color: #0c121c;
    line-height: 20px;
    font-size: 30px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-twitter-share .stry-tweet-action:hover .stry-icon {
    color: #0c121c
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-content-share-item .stry-icon {
    transition: color .4s;
    color: #4a4f54;
    font-size: 34px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-twitter-share-wrapper .stry-content-share-item .stry-icon:hover {
    color: #0c121c
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content .stry-blog-footer .stry-follow {
    display: none
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.youtube .stry-share {
    left: 66px
}

.SocialStoryStreamWidget .stry-widget .stry-popup-item.facebook .stry-share {
    left: 49px;
    bottom: 24px
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-blog-footer,
.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-media,
.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-body,
.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-text {
    opacity: 0
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .share-text-wrapper,
.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-content {
    background-color: transparent
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-popup-item .stry-popup-content:before {
    display: none!important
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .share-text-wrapper {
    position: static
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay {
    transition: opacity .4s;
    -webkit-transform: translateZ(0);
    background: rgba(0, 0, 0, .7);
    position: fixed;
    z-index: 1000;
    transition: opacity .4s ease;
    opacity: 1;
    background-color: transparent
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close {
    transition: background-color .2s;
    position: fixed;
    display: block;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: 1;
    height: 50px;
    width: 50px;
    font-size: 18px;
    color: #e4e8e8;
    background-color: transparent;
    padding: 0;
    outline: none;
    text-decoration: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close .stry-icon {
    display: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:hover {
    transition: background-color .2s;
    background-color: #4a4f54;
    text-decoration: none!important
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 50px;
    width: 50px;
    margin: 0
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-overlay .stry-share-close:after {
    display: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container {
    padding: 0 25px
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container br {
    display: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) {
    margin: 1px 5px 0;
    height: 50px;
    overflow: hidden;
    padding: 0
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a {
    text-decoration: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle {
    border-radius: 0;
    transition: background-color .2s;
    background-color: #0c121c;
    border: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    border: none
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon {
    font-size: 36px
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) .stry-icon-circle .stry-icon.linkedin {
    font-size: 20px
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a:hover .stry-icon-circle {
    background-color: #4a4f54;
    color: #fff
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title=Twitter]:hover .stry-icon-circle {
    background-color: #2ca8d2
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title=Facebook]:hover .stry-icon-circle {
    background-color: #305891
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title=Linkedin]:hover .stry-icon-circle {
    background-color: #007bb6
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title="Google+"]:hover .stry-icon-circle {
    background-color: #dd4b39
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) a[title=Pinterest]:hover .stry-icon-circle {
    background-color: #c82828
}

.SocialStoryStreamWidget .stry-widget.stry-is-sharing .stry-share-container .stry-share-item:nth-child(n) {
    margin-bottom: -5px
}

.SocialStoryStreamWidget.grey .column:nth-child(n) .viewport:nth-child(n) li .back.text-only {
    background-color: #f8f9f9
}

html.touch .SocialStoryStreamWidget .back:not(.text-only) {
    display: none
}

@media screen and (min-width:741px) {
    .no-touch:not(.ie) .SocialStoryStreamWidget .stry-widget .viewport>ul {
        transform: none!important;
        -moz-transform: none!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        -ms-transform: none!important
    }
    .lt-ie10 .SocialStoryStreamWidget .stry-widget .viewport>ul {
        top: 0!important
    }
}

@media screen and (min-width:1px) and (max-width:1200px) {
    .SocialStoryStreamWidget .stry-widget .stry-source {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:1023px) {
    .SocialStoryStreamWidget .stry-widget:before {
        padding-top: 37.509%;
        padding-top: calc((50% - 40px) / 1.333)
    }
    .SocialStoryStreamWidget .stry-widget .stry-source {
        display: block
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:first-child .viewport>ul li:nth-child(1) {
        animation-name: F;
        -webkit-animation-name: F
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:first-child .viewport>ul li:nth-child(2) {
        animation-name: H;
        -webkit-animation-name: H
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:first-child .viewport>ul li:nth-child(3) {
        animation-name: J;
        -webkit-animation-name: J
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:first-child {
        animation-name: G;
        -webkit-animation-name: G
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(2) {
        animation-name: I;
        -webkit-animation-name: I
    }
    .no-touch:not(.ie) .SocialStoryStreamWidget .column:nth-child(2) .viewport>ul li:nth-child(3) {
        animation-name: K;
        -webkit-animation-name: K
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SocialStoryStreamWidget .stry-widget .text-only.content-item .stry-text {
        font-size: 18px
    }
    .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content {
        top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SocialStoryStreamWidget .stry-widget .stry-popup-item .stry-popup-content {
        box-sizing: content-box;
        width: auto;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        background-clip: padding-box;
        top: 30px
    }
    .SocialStoryStreamWidget .stry-widget:before {
        padding-top: 75.019%;
        padding-top: calc((100% - 40px) / 1.333)
    }
    .SocialStoryStreamWidget .stry-widget .back .stry-source {
        display: none
    }
    .SocialStoryStreamWidget .stry-widget .column:first-child .viewport>ul li:nth-child(n) {
        animation-name: none;
        -webkit-animation-name: none
    }
}

.no-js .SocialStoryStreamWidget .stry-widget {
    display: none
}

@-webkit-keyframes z {
    0% {
        opacity: 1
    }
    14.815% {
        opacity: 1
    }
    15.741% {
        opacity: 0
    }
    65.741% {
        opacity: 0
    }
    66.667% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes z {
    0% {
        opacity: 1
    }
    14.815% {
        opacity: 1
    }
    15.741% {
        opacity: 0
    }
    65.741% {
        opacity: 0
    }
    66.667% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes A {
    0% {
        opacity: 1
    }
    31.481% {
        opacity: 1
    }
    32.407% {
        opacity: 0
    }
    82.407% {
        opacity: 0
    }
    83.333% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes A {
    0% {
        opacity: 1
    }
    31.481% {
        opacity: 1
    }
    32.407% {
        opacity: 0
    }
    82.407% {
        opacity: 0
    }
    83.333% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes B {
    0% {
        opacity: 1
    }
    48.148% {
        opacity: 1
    }
    49.074% {
        opacity: 0
    }
    99.074% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes B {
    0% {
        opacity: 1
    }
    48.148% {
        opacity: 1
    }
    49.074% {
        opacity: 0
    }
    99.074% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes C {
    0% {
        opacity: 0
    }
    15.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15.741% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    16.667% {
        opacity: 1
    }
    64.815% {
        opacity: 1
    }
    65.704% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes C {
    0% {
        opacity: 0
    }
    15.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15.741% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    16.667% {
        opacity: 1
    }
    64.815% {
        opacity: 1
    }
    65.704% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes D {
    0% {
        opacity: 0
    }
    32.37% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    32.407% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    33.333% {
        opacity: 1
    }
    81.481% {
        opacity: 1
    }
    82.37% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    82.407% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes D {
    0% {
        opacity: 0
    }
    32.37% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    32.407% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    33.333% {
        opacity: 1
    }
    81.481% {
        opacity: 1
    }
    82.37% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    82.407% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes E {
    0% {
        opacity: 0
    }
    49.037% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        opacity: 1
    }
    98.148% {
        opacity: 1
    }
    99.037% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    99.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes E {
    0% {
        opacity: 0
    }
    49.037% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        opacity: 1
    }
    98.148% {
        opacity: 1
    }
    99.037% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    99.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes F {
    0% {
        opacity: 1
    }
    14.815% {
        opacity: 1
    }
    15.741% {
        opacity: 0
    }
    82.407% {
        opacity: 0
    }
    83.333% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes F {
    0% {
        opacity: 1
    }
    14.815% {
        opacity: 1
    }
    15.741% {
        opacity: 0
    }
    82.407% {
        opacity: 0
    }
    83.333% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes G {
    0% {
        opacity: 1
    }
    31.481% {
        opacity: 1
    }
    32.407% {
        opacity: 0
    }
    99.074% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes G {
    0% {
        opacity: 1
    }
    31.481% {
        opacity: 1
    }
    32.407% {
        opacity: 0
    }
    99.074% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes H {
    0% {
        opacity: 0
    }
    15.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15.741% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    16.667% {
        opacity: 1
    }
    48.148% {
        opacity: 1
    }
    49.037% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes H {
    0% {
        opacity: 0
    }
    15.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    15.741% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    16.667% {
        opacity: 1
    }
    48.148% {
        opacity: 1
    }
    49.037% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes I {
    0% {
        opacity: 0
    }
    32.37% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    32.407% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    33.333% {
        opacity: 1
    }
    64.815% {
        opacity: 1
    }
    65.704% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes I {
    0% {
        opacity: 0
    }
    32.37% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    32.407% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    33.333% {
        opacity: 1
    }
    64.815% {
        opacity: 1
    }
    65.704% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes J {
    0% {
        opacity: 0
    }
    48.111% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    50% {
        opacity: 1
    }
    81.481% {
        opacity: 1
    }
    82.37% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    82.407% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes J {
    0% {
        opacity: 0
    }
    48.111% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    49.074% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    50% {
        opacity: 1
    }
    81.481% {
        opacity: 1
    }
    82.37% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    82.407% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes K {
    0% {
        opacity: 0
    }
    65.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    66.667% {
        opacity: 1
    }
    98.148% {
        opacity: 1
    }
    99.037% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    99.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

@keyframes K {
    0% {
        opacity: 0
    }
    65.704% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    65.741% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    66.667% {
        opacity: 1
    }
    98.148% {
        opacity: 1
    }
    99.037% {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
    99.074% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0
    }
}

.addThisMenu {
    width: 70px;
    float: right
}

.addThisMenu,
.addThisMenu>a {
    position: relative;
    display: block
}

.addThisMenu>a {
    text-decoration: none;
    z-index: 20;
    visibility: hidden
}

.addThisMenu>a>span {
    width: 70px;
    box-sizing: border-box;
    height: 70px;
    text-align: center;
    line-height: 69px;
    display: block
}

.addThisMenu>a>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 17px
}

.addThisMenu>a:hover>span {
    transition: background-color .2s
}

.addThisMenu.smallMenu {
    width: 50px
}

.addThisMenu.smallMenu>a>span {
    width: 50px;
    height: 50px;
    line-height: 49px
}

#at15s {
    margin-left: -3000px
}

.SocialSharing {
    transition: all 1s;
    visibility: hidden;
    width: 70px;
    position: absolute;
    z-index: 19;
    top: 0
}

.SocialSharing a {
    text-decoration: none;
    display: block;
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#bf000000", endColorstr="#bf000000");
    transition: background-color .2s;
    margin-bottom: 0!important
}

.SocialSharing a>span {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin-top: 0;
    font-size: 22px
}

.SocialSharing a>span:before {
    margin-top: -3px
}

.SocialSharing a>span:first-child {
    border-top: none
}

.SocialSharing a.addthis_button_twitter>span:before {
    margin-top: 1px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_twitter:focus,
.SocialSharing a.addthis_button_twitter:hover {
    background-color: #2ca8d2
}

.SocialSharing a.addthis_button_facebook>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_facebook:focus,
.SocialSharing a.addthis_button_facebook:hover {
    background-color: #305891
}

.SocialSharing a.addthis_button_linkedin>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_linkedin:focus,
.SocialSharing a.addthis_button_linkedin:hover {
    background-color: #007bb6
}

.SocialSharing a.addthis_button_google_plusone_share>span:before {
    font-size: 23px;
    margin-top: 4px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_google_plusone_share:focus,
.SocialSharing a.addthis_button_google_plusone_share:hover {
    background-color: #dd4b39
}

.SocialSharing a.addthis_button_tumblr>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_tumblr:focus,
.SocialSharing a.addthis_button_tumblr:hover {
    background-color: #2f5070
}

.SocialSharing a.addthis_button_sinaweibo>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_sinaweibo:focus,
.SocialSharing a.addthis_button_sinaweibo:hover {
    background-color: #df2029
}

.SocialSharing a.addthis_button_wechat>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_wechat:focus,
.SocialSharing a.addthis_button_wechat:hover {
    background-color: #93d034
}

.SocialSharing a.addthis_button_pinterest_share>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_pinterest_share:focus,
.SocialSharing a.addthis_button_pinterest_share:hover {
    background-color: #c82828
}

.SocialSharing a.addthis_button_douban>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_douban:focus,
.SocialSharing a.addthis_button_douban:hover {
    background-color: #0e7512
}

.SocialSharing a.addthis_button_vkontakt>span:before {
    margin-top: 3px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_vkontakt:focus,
.SocialSharing a.addthis_button_vkontakt:hover {
    background-color: #2f5070
}

.SocialSharing a.addthis_button_renren>span:before {
    margin-top: -1px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_renren:focus,
.SocialSharing a.addthis_button_renren:hover {
    background-color: #0259a0
}

.SocialSharing a.addthis_button_email>span:before {
    margin-top: 2px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_email:focus,
.SocialSharing a.addthis_button_email:hover {
    background-color: #4a4f54
}

.SocialSharing span.icon-social_wechat:before {
    margin-top: 2px;
    font-size: 23px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing span.icon-social_wechat:focus,
.SocialSharing span.icon-social_wechat:hover {
    background-color: #93d034
}

.SocialSharing a.addthis_button_whatsapp>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_whatsapp:focus,
.SocialSharing a.addthis_button_whatsapp:hover {
    background-color: #25d366
}

.SocialSharing a.addthis_button_expanded>span {
    padding-top: 1px
}

.SocialSharing a.addthis_button_expanded>span:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.SocialSharing a.addthis_button_expanded:focus,
.SocialSharing a.addthis_button_expanded:hover {
    background-color: #4a4f54
}

.SocialSharing .at_a11y {
    display: none
}

.SocialSharing.orientation_horizontal {
    background-color: #4a4f54;
    transition: background-color .4s;
    margin-top: 0;
    margin-left: 0;
    width: auto;
    left: 0
}

.SocialSharing.orientation_horizontal a {
    float: left;
    width: 50px!important;
    border-top: 0
}

.SocialSharing.orientation_horizontal a span {
    font-size: 17px;
    height: 50px;
    line-height: 50px
}

.active .SocialSharing.orientation_horizontal,
.hover .SocialSharing.orientation_horizontal {
    visibility: visible
}

.smallMenu .SocialSharing a {
    width: 50px!important
}

.smallMenu .SocialSharing a span {
    font-size: 17px;
    height: 50px;
    line-height: 50px
}

.VideoThumbnails .addThisMenu.open .addthis_button_twitter {
    background-color: #2ca8d2
}

.VideoThumbnails .addThisMenu.open .addthis_button_facebook {
    background-color: #305891
}

.VideoThumbnails .addThisMenu.open .addthis_button_linkedin {
    background-color: #007bb6
}

.VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share {
    background-color: #dd4b39
}

.VideoThumbnails .addThisMenu.open .addthis_button_tumblr {
    background-color: #2f5070
}

.VideoThumbnails .addThisMenu.open .addthis_button_wechat {
    background-color: #93d034
}

.VideoThumbnails .addThisMenu.open .addthis_button_sinaweibo {
    background-color: #df2029
}

.VideoThumbnails .addThisMenu.open .addthis_button_pinterest_share {
    background-color: #c82828
}

.VideoThumbnails .addThisMenu.open .addthis_button_douban {
    background-color: #0e7512
}

.VideoThumbnails .addThisMenu.open .addthis_button_vkontakt {
    background-color: #2f5070
}

.VideoThumbnails .addThisMenu.open .addthis_button_renren {
    background-color: #0259a0
}

.VideoThumbnails .addThisMenu.open .addthis_button_email,
.VideoThumbnails .addThisMenu.open .addthis_button_expanded {
    background-color: #4a4f54
}

#at3win {
    position: fixed;
    top: 100px;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    background: #fff;
    border: none;
    transition: width 1s;
    transition: margin-left 1s;
    z-index: 99999;
    display: none
}

@media screen and (min-width:741px) {
    #at3win {
        top: 15%;
        width: 640px;
        margin-left: -320px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #at3win {
        left: 0!important;
        right: 0!important;
        margin: auto!important
    }
}

#at3win #at3winheader {
    position: relative;
    border-bottom: 1px solid #e4e8e8;
    background-color: #0c121c;
    height: 49px
}

#at3win #at3winheader h3 {
    margin: 0 50px 0 22px;
    padding: 10px 0;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    color: #e4e8e8;
    font-weight: 200;
    letter-spacing: 2px
}

#at3win #at3winheader .at3winheadersvc {
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 20px
}

#at3win #at3winheader #at3winssi {
    position: absolute;
    right: 50px;
    top: 0;
    height: 50px;
    display: none
}

#at3win #at3winheader #at3winheaderclose {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #4a4f54;
    width: 48px;
    height: 48px;
    overflow: hidden;
    line-height: 48px;
    cursor: pointer;
    text-decoration: none;
    text-align: center
}

#at3win #at3winheader #at3winheaderclose:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    transition: background-color .6s;
    font-size: 16px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    padding: 0;
    margin: -2px 0 0
}

#at3win #at3winheader #at3winheaderclose:focus:before,
#at3win #at3winheader #at3winheaderclose:hover:before {
    background-color: #4a4f54;
    transition: background-color .2s
}

#at3win #at3wincontent #at3winemail,
#at3win #at3wincontent #at3winshare {
    height: 440px
}

#at3win #at3winfooter {
    display: none
}

.addThisMenu>a,
.addThisMenu>a>span {
    background-color: #0c121c
}

.addThisMenu>a>span {
    border-left: 1px solid #30363e
}

.addThisMenu.open>a>span,
.addThisMenu>a:hover>span {
    background-color: #4a4f54
}

.addThisMenu.light>a {
    background-color: #fff;
    color: #0c121c
}

.addThisMenu.light>a span {
    background-color: #fff;
    color: #000
}

.SocialSharing a {
    background-color: rgba(12, 18, 28, .9);
    border-top: 1px solid #4a4f54
}

.StackedBlocks.GridListWrapper.twoCol .items .el {
    width: 50%
}

.StackedBlocks .el a:first-child {
    display: inline-block;
    position: relative
}

.StackedBlocks .ctaContainer a {
    vertical-align: top
}

.StackedBlocks .ctaContainer .secondaryLinkContainer {
    margin-top: 17px
}

.StackedBlocks .finalCTAContainer {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StackedBlocks.GridListWrapper .items .el {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StackedBlocks.GridListWrapper .items .el,
    .StackedBlocks.GridListWrapper.twoCol .items .el {
        width: 100%
    }
    .StackedBlocks.singleMobileItem .subHeading.totals {
        display: none
    }
    .StackedBlocks.singleMobileItem .el {
        display: none!important
    }
    .StackedBlocks.singleMobileItem .el.visibleMobileItem {
        display: block!important
    }
    .StackedBlocks.singleMobileItem .ctaContainer .moreResults {
        display: none
    }
    .StackedBlocks.singleMobileItem .ctaContainer .finalCTAContainer {
        display: block
    }
}

.StoryArticle {
    overflow: hidden
}

.StoryArticle .shelfComponent {
    max-width: 1400px;
    margin: 0 auto
}

.StoryArticle .articleColumns {
    visibility: hidden
}

.StoryArticle .articleColumns .ctaContainer {
    text-align: left;
    margin-top: 40px
}

.StoryArticle.layoutReady .articleColumns {
    visibility: visible
}

.StoryArticle.light {
    background-color: #fff
}

.StoryArticle .imageHolder img {
    width: 100%;
    display: block
}

.StoryArticle .mediaHolder {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 680px
}

.StoryArticle .fourImageLayout .mediaHolder,
.StoryArticle .threeImageBottomLayout .mediaHolder,
.StoryArticle .threeImageTopLayout .mediaHolder {
    max-width: 100%
}

.StoryArticle .imageMedia {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.StoryArticle.showScrollTriggers .scrollTrigger {
    position: relative
}

.StoryArticle.showScrollTriggers .scrollTrigger.scrollTriggerbottom {
    position: absolute;
    width: 100%
}

.StoryArticle.showScrollTriggers .scrollTrigger:after,
.StoryArticle.showScrollTriggers .scrollTrigger:before {
    content: "";
    width: 100%;
    height: 1px;
    left: 0
}

.StoryArticle.showScrollTriggers .scrollTrigger:before {
    position: fixed;
    top: 50%;
    background-color: rgba(0, 0, 0, .1)
}

.StoryArticle.showScrollTriggers .scrollTrigger:after {
    position: absolute;
    top: 0;
    background-color: red
}

.StoryArticle .columnLayout {
    margin-left: -20px;
    margin-right: -20px
}

.StoryArticle .columnLayout .column {
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.StoryArticle .columnLayout .columnText {
    position: relative;
    z-index: 3
}

.StoryArticle .columnLayout .columnAssets {
    z-index: 0;
    position: relative;
    float: right
}

.InteractiveStory.fullscreen .StoryArticle {
    overflow: visible
}

.StoryArticle .singleColumn .StoryArticleEnhancedImageBlock,
.StoryArticle .singleColumn .StoryArticleImage,
.StoryArticle .singleColumn .StoryArticleImage.imageWithAudio,
.StoryArticle .singleColumn .StoryArticleMap,
.StoryArticle .singleColumn .StoryArticleVideo {
    margin-left: 100px;
    margin-right: 100px
}

.StoryArticle .singleColumn .contentText,
.StoryArticle .singleColumn .StoryArticleQuote {
    margin-left: 150px;
    margin-right: 150px
}

.StoryArticle .singleColumn .ctaContainer {
    margin-left: 150px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticle .singleColumn .StoryArticleEnhancedImageBlock,
    .StoryArticle .singleColumn .StoryArticleImage,
    .StoryArticle .singleColumn .StoryArticleImage.imageWithAudio,
    .StoryArticle .singleColumn .StoryArticleMap,
    .StoryArticle .singleColumn .StoryArticleVideo {
        margin-left: 60px;
        margin-right: 60px
    }
    .StoryArticle .singleColumn .contentText,
    .StoryArticle .singleColumn .StoryArticleQuote {
        margin-left: 100px;
        margin-right: 100px
    }
    .StoryArticle .singleColumn .ctaContainer {
        margin-left: 100px
    }
}

.StoryArticle .contentText blockquote,
.StoryArticle .contentText p {
    font-size: 18px
}

.StoryArticle .contentText p strong {
    font-weight: 600
}

.StoryArticle .contentText p em {
    font-size: 14px;
    display: block;
    line-height: 18px
}

.StoryArticle .contentText p em a {
    text-decoration: none
}

.StoryArticle .contentText blockquote {
    margin-bottom: 2em
}

.StoryArticle .contentText h2,
.StoryArticle .contentText h3,
.StoryArticle .contentText h4,
.StoryArticle .contentText h5,
.StoryArticle .contentText h6 {
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .5px
}

.StoryArticle .contentText h3 {
    margin: 48px 0 16px
}

.StoryArticle .contentText h3:first-child {
    margin-top: 0
}

.StoryArticle .contentText ul {
    padding-left: 1em;
    margin-left: 0
}

.StoryArticle .contentText ul li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.StoryArticle .contentText ul li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.StoryArticle .contentText ol {
    padding-left: 1.5em;
    margin-left: 0
}

.StoryArticle .contentText ol li {
    line-height: 1.286em;
    margin-bottom: 1.286em;
    list-style-type: decimal
}

.StoryArticle .contentText ol,
.StoryArticle .contentText ul {
    margin: 2em 0;
    font-size: 16px
}

.StoryArticle .contentText ol:first-child,
.StoryArticle .contentText ul:first-child {
    margin-top: 0
}

.StoryArticle .contentText ol li,
.StoryArticle .contentText ul li {
    margin-bottom: 1em;
    font-weight: 700
}

.StoryArticle .StoryArticleParagraph:last-child p:last-child {
    margin-bottom: 0
}

.StoryArticle .scrollTriggerafterBottom,
.StoryArticle .scrollTriggerbeforeTop {
    position: relative
}

.StoryArticle .scrollTriggerbottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.StoryArticle .StoryArticleImage .assetDescription {
    text-align: center
}

.StoryArticle .StoryArticleEnhancedImageBlock,
.StoryArticle .StoryArticleImage,
.StoryArticle .StoryArticleMap,
.StoryArticle .StoryArticleQuote,
.StoryArticle .StoryArticleVideo {
    margin-top: 40px;
    margin-bottom: 40px
}

.StoryArticle .columnAssets .StoryArticleEnhancedImageBlock,
.StoryArticle .columnAssets .StoryArticleImage,
.StoryArticle .columnAssets .StoryArticleMap,
.StoryArticle .columnAssets .StoryArticleQuote,
.StoryArticle .columnAssets .StoryArticleVideo {
    margin-top: 0;
    margin-bottom: 0
}

.StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetFixed,
.StoryArticle .columnAssets .StoryArticleImage.assetFixed,
.StoryArticle .columnAssets .StoryArticleMap.assetFixed,
.StoryArticle .columnAssets .StoryArticleQuote.assetFixed,
.StoryArticle .columnAssets .StoryArticleVideo.assetFixed {
    position: fixed;
    top: 80px;
    z-index: 1
}

.StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute,
.StoryArticle .columnAssets .StoryArticleImage.assetAbsolute,
.StoryArticle .columnAssets .StoryArticleMap.assetAbsolute,
.StoryArticle .columnAssets .StoryArticleQuote.assetAbsolute,
.StoryArticle .columnAssets .StoryArticleVideo.assetAbsolute {
    position: absolute;
    left: 20px;
    top: 0
}

.StoryArticle .playerOriginal {
    display: none
}

.StoryArticle .playerContainer {
    display: table;
    width: 100%;
    max-height: 100vh
}

.StoryArticle .playerOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.StoryArticle .playerOverlay[data-visibility=hidden] {
    display: none
}

.StoryArticle .playerOverlay[data-visibility=showBehind] {
    display: block;
    opacity: 0
}

.StoryArticle .playerOverlay[data-visibility=showInFront] {
    background-color: #000;
    display: block;
    opacity: 1
}

.StoryArticle .masks .mask {
    z-index: 2;
    background-color: #fff;
    position: fixed
}

.StoryArticle .masks .maskV1 {
    width: 100%;
    top: 0;
    left: 0
}

.StoryArticle .masks .maskV2 {
    width: 100%;
    bottom: 0;
    left: 0
}

.StoryArticle .masks .maskH1 {
    height: 100%;
    top: 0;
    left: 0
}

.StoryArticle .masks .maskH2 {
    height: 100%;
    bottom: 0;
    right: 0
}

.StoryArticle .closeBtn {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    color: #fff
}

@media screen and (min-width:1px) and (max-width:1200px) {
    .StoryArticle .columnLayout .columnText {
        width: 50%;
        padding-right: 45px
    }
    .StoryArticle .columnLayout .columnAssets {
        width: 50%;
        padding-left: 45px
    }
    .StoryArticle .contentText p {
        font-size: 14px
    }
    .StoryArticle .contentText h3 {
        line-height: 1.4;
        margin: 36px 0 6px
    }
    .StoryArticle .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute,
    .StoryArticle .columnAssets .StoryArticleImage.assetAbsolute,
    .StoryArticle .columnAssets .StoryArticleMap.assetAbsolute,
    .StoryArticle .columnAssets .StoryArticleQuote.assetAbsolute,
    .StoryArticle .columnAssets .StoryArticleVideo.assetAbsolute {
        left: 45px
    }
    .StoryArticle[data-alignment=right] .columnAssets .StoryArticleEnhancedImageBlock.assetAbsolute,
    .StoryArticle[data-alignment=right] .columnAssets .StoryArticleImage.assetAbsolute,
    .StoryArticle[data-alignment=right] .columnAssets .StoryArticleMap.assetAbsolute,
    .StoryArticle[data-alignment=right] .columnAssets .StoryArticleQuote.assetAbsolute,
    .StoryArticle[data-alignment=right] .columnAssets .StoryArticleVideo.assetAbsolute {
        left: 20px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticle .contentText,
    .StoryArticle .StoryArticleImage.imageWithAudio,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote {
        margin-left: 70px;
        margin-right: 70px
    }
    .StoryArticle .StoryArticleEnhancedImageBlock,
    .StoryArticle .StoryArticleImage,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote,
    .StoryArticle .StoryArticleVideo {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticle .contentText p em {
        font-size: 12px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .StoryArticle .contentText,
    .StoryArticle .StoryArticleImage.imageWithAudio,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote {
        margin-left: 30px;
        margin-right: 30px
    }
    .StoryArticle .StoryArticleEnhancedImageBlock,
    .StoryArticle .StoryArticleImage,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote,
    .StoryArticle .StoryArticleVideo {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:portrait) {
    .StoryArticle .singleColumn .contentText,
    .StoryArticle .singleColumn .StoryArticleEnhancedImageBlock,
    .StoryArticle .singleColumn .StoryArticleImage,
    .StoryArticle .singleColumn .StoryArticleImage.imageWithAudio,
    .StoryArticle .singleColumn .StoryArticleMap,
    .StoryArticle .singleColumn .StoryArticleQuote,
    .StoryArticle .singleColumn .StoryArticleVideo {
        margin-left: 0;
        margin-right: 0
    }
    .StoryArticle .singleColumn .ctaContainer {
        margin-left: 0
    }
    .StoryArticle .contentText,
    .StoryArticle .StoryArticleImage.imageWithAudio,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote {
        margin-left: 0;
        margin-right: 0
    }
    .StoryArticle .StoryArticleImage,
    .StoryArticle .StoryArticleMap,
    .StoryArticle .StoryArticleQuote,
    .StoryArticle .StoryArticleVideo {
        margin-top: 21px;
        margin-bottom: 42px
    }
    .StoryArticle .StoryArticleEnhancedImageBlock {
        margin-top: 21px;
        margin-bottom: 21px
    }
    .StoryArticle .StoryArticleEnhancedImageBlock.imageWithAudio {
        margin-bottom: 42px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticle .contentText ol,
    .StoryArticle .contentText p,
    .StoryArticle .contentText ul {
        font-size: 14px
    }
    .StoryArticle .contentText p em {
        font-size: 12px
    }
    .StoryArticle .contentText h3 {
        font-size: 16px;
        margin: 33px 0 5.5px
    }
    .StoryArticle .StoryArticleEnhancedImageBlock .assetDescription,
    .StoryArticle .StoryArticleImage .assetDescription,
    .StoryArticle .StoryArticleMap .assetDescription,
    .StoryArticle .StoryArticleQuote .assetDescription,
    .StoryArticle .StoryArticleVideo .assetDescription {
        font-size: 12px
    }
}

.no-js .StoryArticle .articleColumns,
.StoryArticle.xpmMode .articleColumns {
    visibility: visible
}

@media screen and (min-width:901px) {
    .no-js .StoryArticle .contentText,
    .StoryArticle.xpmMode .contentText {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width:901px) {
    .StoryArticle[data-alignment=centre] .shelfComponent {
        max-width: 1280px
    }
    .StoryArticle[data-alignment=centre] .shelfComponent .singleColumn .StoryArticleQuote {
        margin-left: 100px;
        margin-right: 100px;
        text-align: center
    }
    .StoryArticle[data-alignment=centre] .shelfComponent .singleColumn .StoryArticleQuote .quoteContent p:after,
    .StoryArticle[data-alignment=centre] .shelfComponent .singleColumn .StoryArticleQuote .quoteContent p:before {
        margin-left: auto;
        margin-right: auto
    }
    .StoryArticle[data-alignment=right] .columnLayout .columnText {
        float: right;
        padding-left: 20px;
        padding-right: 20px
    }
    .StoryArticle[data-alignment=right] .columnLayout .columnAssets {
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
    .StoryArticle[data-alignment=right] .columnLayout .columnAssets .StoryArticleVideo.assetAbsolute {
        left: 20px
    }
}

.StoryArticle .StoryArticleEnhancedImageBlock .assetDescription,
.StoryArticle .StoryArticleImage .assetDescription,
.StoryArticle .StoryArticleMap .assetDescription,
.StoryArticle .StoryArticleQuote .assetDescription,
.StoryArticle .StoryArticleVideo .assetDescription {
    font-size: 13px;
    margin-top: 6px
}

.StoryArticle .contentText blockquote,
.StoryArticle .contentText p {
    line-height: 1.5em;
    color: #4a4f54
}

.StoryArticle .contentText p {
    margin-bottom: 40px
}

.StoryArticle .contentText h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3
}

@media screen and (min-width:1px) and (max-width:1200px) {
    .StoryArticle .contentText h3 {
        font-size: 18px
    }
}

.StoryArticle .columnLayout .columnText {
    width: 33.333%
}

.StoryArticle .columnLayout .columnAssets {
    width: 66.667%;
    width: calc(66.667% - 50px)
}

.StoryArticleEnhancedImageBlock .multiImageGrid {
    background: #fff;
    margin-left: -20px;
    position: relative;
    z-index: 2
}

.StoryArticleEnhancedImageBlock .multiImageGrid .multiImageItem {
    padding: 0 0 0 20px;
    float: left
}

.StoryArticleEnhancedImageBlock .multiImageItem {
    overflow: hidden;
    width: 50%
}

.StoryArticleEnhancedImageBlock .multiImageItemFull {
    width: 100%;
    clear: both
}

.StoryArticleEnhancedImageBlock .threeImageTopLayout .multiImageItemFull {
    padding-bottom: 20px
}

.StoryArticleEnhancedImageBlock .threeImageBottomLayout .multiImageItemFull {
    padding-top: 20px
}

.StoryArticleEnhancedImageBlock .fourImageLayout .multiImageItem:first-of-type,
.StoryArticleEnhancedImageBlock .fourImageLayout .multiImageItem:nth-of-type(2) {
    padding-bottom: 20px
}

.StoryArticleEnhancedImageBlock .assetDescription {
    line-height: 18.2px;
    position: relative;
    z-index: 1
}

.StoryArticleEnhancedImageBlock .assetCreditItem {
    line-height: 20px;
    padding: 0;
    display: inline
}

.StoryArticleEnhancedImageBlock .assetCreditLabel {
    font-weight: 700;
    padding-right: 2px
}

.StoryArticleEnhancedImageBlock .assetCreditDescription {
    padding-right: 2px
}

.StoryArticleEnhancedImageBlock .mejs-audio {
    z-index: 2
}

.touch .StoryArticleEnhancedImageBlock .TargetLinks {
    pointer-events: none
}

.touch .StoryArticleEnhancedImageBlock .mediaOverlay {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticleEnhancedImageBlock {
        margin-left: 60px;
        margin-right: 60px
    }
    .StoryArticleEnhancedImageBlock.slider {
        width: calc(100% + 40px);
        transition: margin .8s cubic-bezier(.39, .575, .565, 1);
        margin-left: 0;
        margin-right: 0
    }
    .StoryArticleEnhancedImageBlock.slider.sliderActive {
        margin-left: -40px!important
    }
    .StoryArticleEnhancedImageBlock.slider .multiImageGrid {
        margin-left: 0;
        transition: -webkit-transform .1s;
        transition: transform .1s;
        transition: transform .1s, -webkit-transform .1s
    }
    .StoryArticleEnhancedImageBlock.slider .multiImageGrid .multiImageItem {
        padding: 0
    }
    .StoryArticleEnhancedImageBlock.slider .multiImageGrid.royalSlider .rsOverflow {
        overflow: visible
    }
    .StoryArticleEnhancedImageBlock .multiImageItem {
        width: 100%;
        float: none;
        padding: 0
    }
    .StoryArticleEnhancedImageBlock .multiImageItemFull {
        width: 100%
    }
    .StoryArticleEnhancedImageBlock .royalSlider .assetDescription {
        padding-top: 6px;
        padding-left: 100px;
        opacity: 0;
        transition: opacity .4s
    }
    .StoryArticleEnhancedImageBlock .royalSlider .multiImageItemActive .assetDescription {
        opacity: 1
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleEnhancedImageBlock {
        margin-left: 0;
        margin-right: 0
    }
    .StoryArticleEnhancedImageBlock.slider {
        width: calc(100% + 30px)
    }
    .StoryArticleEnhancedImageBlock.slider.slideraActive {
        margin-left: -30px!important
    }
    .StoryArticleEnhancedImageBlock.slider .royalSlider .assetDescription {
        padding-left: 30px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .StoryArticleEnhancedImageBlock.slider .royalSlider .assetDescription {
        padding-left: 100px
    }
}

.StoryArticleImage.imageWithAudio .imageMedia {
    border-bottom: 1px solid #e4e8e8;
    height: 43px;
    min-height: 43px;
    margin: 12px 0 0;
    padding: 0 0 11px;
    display: table;
    width: 100%;
    position: relative;
    z-index: 0;
    direction: ltr
}

.StoryArticleImage.imageWithAudio .imageMedia p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 66px;
    margin: 0
}

.StoryArticleImage.imageWithAudio audio {
    display: none
}

.StoryArticleImage.imageWithAudio .mejs-container {
    position: absolute;
    left: 0
}

.StoryArticleImage.imageWithAudio .mejs-inner {
    height: 30px;
    width: 48px;
    border-right: 1px solid #e4e8e8;
    overflow: hidden;
    background-color: #fff;
    transition: width 1s ease
}

.StoryArticleImage.imageWithAudio.paused:not(.finished) .mejs-inner,
.StoryArticleImage.imageWithAudio.playing .mejs-inner {
    width: 100%
}

.StoryArticleImage.imageWithAudio .mejs-controls {
    height: 30px;
    top: 50%;
    margin-top: -15px;
    position: relative;
    white-space: nowrap
}

.StoryArticleImage.imageWithAudio .mejs-button {
    display: inline-block;
    vertical-align: middle
}

.StoryArticleImage.imageWithAudio .mejs-button button {
    color: #0c121c;
    border: 0;
    vertical-align: middle;
    padding: 0
}

.StoryArticleImage.imageWithAudio .mejs-button button:before {
    font-size: 30px;
    position: relative;
    margin: 0!important;
    text-align: center
}

.StoryArticleImage.imageWithAudio .mejs-button.mejs-play button:before {
    content: ""
}

.StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button:before,
.StoryArticleImage.imageWithAudio .mejs-button.mejs-play button:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.StoryArticleImage.imageWithAudio .mejs-button.mejs-pause button:before {
    top: 2px;
    content: ""
}

.StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button:before {
    content: "";
    left: 2px
}

.StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button:before,
.StoryArticleImage.imageWithAudio.paused .mejs-button.mejs-play button:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.StoryArticleImage.imageWithAudio.finished .mejs-button.mejs-play button:before {
    content: ""
}

.StoryArticleImage.imageWithAudio .mejs-time {
    font-size: 12px;
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
    color: #4a4f54;
    vertical-align: middle
}

.StoryArticleImage.imageWithAudio .mejs-time span:nth-child(2n),
.StoryArticleImage.imageWithAudio .mejs-time span:nth-of-type(2n) {
    display: none
}

.StoryArticleImage.imageWithAudio .mejs-duration {
    margin-left: 3px;
    opacity: .5
}

.StoryArticleImage.imageWithAudio .mejs-duration:before {
    content: "/";
    margin-right: 3px
}

.StoryArticleImage.imageWithAudio.finished .mejs-play button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    text-align: left;
    line-height: 40px;
    position: relative;
    top: -1px;
    left: 0
}

.StoryArticleImage.imageWithAudio .mejs-time-rail {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    margin-left: 18px;
    height: 20px
}

.StoryArticleImage.imageWithAudio .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 0;
    height: 20px;
    cursor: pointer;
    margin-top: -10px;
    top: 50%
}

.StoryArticleImage.imageWithAudio .mejs-time-buffering {
    width: 100%
}

.StoryArticleImage.imageWithAudio .mejs-time-current,
.StoryArticleImage.imageWithAudio .mejs-time-loaded {
    width: 0
}

.StoryArticleImage.imageWithAudio .mejs-time-buffering,
.StoryArticleImage.imageWithAudio .mejs-time-current,
.StoryArticleImage.imageWithAudio .mejs-time-loaded,
.StoryArticleImage.imageWithAudio .mejs-time-total {
    background-repeat: repeat-x;
    background-position: 0 8px
}

.StoryArticleImage.imageWithAudio .mejs-controls .mejs-time-float {
    display: none!important
}

.StoryArticleImage.imageWithAudio .mejs-time-total {
    background-image: url(/resources/public/images/player/lgt-total.png)
}

.StoryArticleImage.imageWithAudio .mejs-time-loaded {
    background-image: url(/resources/public/images/player/lgt-loaded.png)
}

.StoryArticleImage.imageWithAudio .mejs-time-current {
    background-image: url(/resources/public/images/player/lgt-current.png)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticleImage.imageWithAudio {
        border-top: 1px solid #e4e8e8;
        padding-top: 12px
    }
    .StoryArticleImage.imageWithAudio .imageHolder {
        display: none
    }
    .StoryArticleImage.imageWithAudio .imageMedia {
        margin-top: 0
    }
}

.no-js .StoryArticleImage.imageWithAudio .assetDescription {
    padding-left: 0
}

.columnLayout .collapsed.StoryArticleImage .imageMedia {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -65);
    transform: matrix(1, 0, 0, 1, 0, -65);
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease
}

.StoryArticleMap .mediaHolder,
.StoryArticleMap .mediaHolder .iframeContainer {
    width: 100%;
    height: 100%
}

.StoryArticleMap .mediaHolder .iframeContainer .iframeOverlay {
    position: absolute;
    width: 100%;
    height: calc(100% - 46px);
    display: block;
    top: 46px
}

.StoryArticleMap .mediaHolder .iframeContainer iframe {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.StoryArticleMap .assetDescription {
    text-align: center
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleMap .mediaHolder .iframeContainer {
        overflow: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.columnLayout .collapsed.StoryArticleMap .imageMedia {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -65);
    transform: matrix(1, 0, 0, 1, 0, -65);
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease
}

.StoryArticleQuote {
    margin-bottom: 80px
}

.StoryArticleQuote .info,
.StoryArticleQuote .name {
    display: block;
    opacity: 1;
    transition: opacity .3s ease
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleQuote .info,
    .StoryArticleQuote .name {
        font-size: 13px
    }
}

.StoryArticleQuote .name {
    margin-top: 18.75px;
    font-weight: 700;
    padding-top: 1px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticleQuote .name {
        margin-top: 11.875px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleQuote .name {
        margin-top: 12.5px
    }
}

.StoryArticleQuote .info {
    font-size: 11px;
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    padding-top: 3px;
    letter-spacing: 1px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleQuote .info {
        padding-top: 1px
    }
}

.StoryArticleQuote.light {
    background-color: #fff
}

.StoryArticleQuote.light .quoteContent p:after,
.StoryArticleQuote.light .quoteContent p:before {
    background-color: #4a4f54
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticleQuote {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleQuote {
        margin-bottom: 30px
    }
}

.columnLayout .StoryArticleQuote.collapsed .info,
.columnLayout .StoryArticleQuote.collapsed .name {
    opacity: 0
}

.StoryArticleQuote .quoteContent p {
    font-family: tinos, arial, helvetica, sans-serif;
    font-weight: 100;
    font-size: 38px;
    line-height: 1.2
}

.StoryArticleQuote .quoteContent p:after,
.StoryArticleQuote .quoteContent p:before {
    content: "";
    display: block;
    height: 2px;
    width: 50px
}

.StoryArticleQuote .quoteContent p:before {
    margin-bottom: 10.5px
}

.StoryArticleQuote .quoteContent p:after {
    margin-top: 12.5px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryArticleQuote .quoteContent p {
        font-size: 28.5px;
        line-height: 1.2
    }
    .StoryArticleQuote .quoteContent p:after,
    .StoryArticleQuote .quoteContent p:before {
        width: 38px
    }
    .StoryArticleQuote .quoteContent p:before {
        margin-bottom: 9.5px
    }
    .StoryArticleQuote .quoteContent p:after {
        margin-top: 9.5px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryArticleQuote .quoteContent p {
        font-size: 30px
    }
    .StoryArticleQuote .quoteContent p:after,
    .StoryArticleQuote .quoteContent p:before {
        width: 40px
    }
    .StoryArticleQuote .quoteContent p:before {
        margin-bottom: 10px
    }
    .StoryArticleQuote .quoteContent p:after {
        margin-top: 10px
    }
}

.StoryArticleQuote .info,
.StoryArticleQuote .name {
    font-family: lr_ot4, arial, helvetica, sans-serif
}

.StoryArticleQuote.light .quoteContent p {
    color: #005a2b
}

.StoryArticleQuote.light .quoteContent p:after,
.StoryArticleQuote.light .quoteContent p:before {
    background-color: #005a2b
}

.StoryArticleVideo .youTubePlayerContainer {
    display: table;
    width: 100%;
    position: relative;
    z-index: 1
}

.StoryArticleVideo .videoContainerLoop,
.StoryArticleVideo.withLoop .storyVideoContainer .VideoPlayer,
.StoryArticleVideo.withLoop .storyVideoContainer .YouTubePlayer {
    display: none
}

.StoryArticleVideo.withLoop .videoContainerLoop {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%
}

.StoryArticleVideo.withLoop .videoContainerLoop .mediaHolder {
    width: 100%;
    height: 100%
}

.StoryArticleVideo.withLoop .videoContainerLoop .mediaOverlay {
    z-index: 5
}

.StoryArticleVideo.withLoop .videoContainerLoop .VideoPlayer .mediaOverlay {
    display: none
}

.StoryArticleVideo.withLoop .videoContainerLoop .VideoPlayer .posterImage {
    display: block!important;
    position: absolute
}

.StoryArticleVideo .assetDescription {
    display: block;
    position: relative;
    z-index: 0;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    text-align: center
}

.no-js .StoryArticleVideo .YouTubePlayer .playerCover {
    position: relative
}

.no-js .StoryArticleVideo noscript img {
    max-width: 100%
}

.fullscreen .StoryArticleVideo.withLoop {
    position: fixed
}

.fullscreen .StoryArticleVideo.withLoop .VideoPlayer.paused {
    margin: 0;
    padding: 0
}

.fullscreen .StoryArticleVideo.withLoop .VideoPlayer .posterImage {
    display: none!important
}

.fullscreen .StoryArticleVideo.withLoop .VideoPlayer .playerWrapper {
    text-align: center
}

.fullscreen .StoryArticleVideo.withLoop .VideoPlayer .playerWrapper.letterbox {
    background-color: #000
}

.fullscreen .StoryArticleVideo.withLoop .videoContainerLoop .mediaOverlay {
    display: none
}

.columnLayout .StoryArticleVideo.collapsed .assetDescription {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -60);
    transform: matrix(1, 0, 0, 1, 0, -60);
    transition: -webkit-transform 0s ease;
    transition: transform 0s ease;
    transition: transform 0s ease, -webkit-transform 0s ease
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryCallsToAction .items[data-total="3"] .ctaBlock {
        margin-bottom: 22px
    }
    .StoryCallsToAction .items[data-total="3"] .ctaBlock:last-child {
        margin-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryCallsToAction .items[data-total] .ctaBlock {
        margin-bottom: 11px
    }
    .StoryCallsToAction .items[data-total] .ctaBlock:last-child {
        margin-bottom: 0
    }
}

.StoryCredit {
    background: #fff;
    padding: 40px 0;
    margin-bottom: -80px;
    z-index: 5;
    position: relative
}

.StoryCredit.StoryCreditTagWrap {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 25px
}

.StoryCredit.endCredit {
    margin: 0;
    padding-top: 0
}

.StoryCredit .interactiveStoryTags,
.StoryCredit .storyCreditList {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 90px
}

.StoryCredit .storyCreditItem {
    padding: 0;
    float: left;
    font-size: 13px;
    line-height: 100%
}

.StoryCredit .storyCreditLabel {
    font-weight: 700;
    padding: 0 5px 0 15px;
    position: relative;
    color: #0c121c
}

.StoryCredit .storyCreditLabel:before {
    content: "";
    display: block;
    position: absolute;
    height: 85%;
    width: 1px;
    background: #4a4f54;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.StoryCredit .storyCreditLabel:first-child {
    padding-left: 0
}

.StoryCredit .storyCreditLabel:first-child:before {
    display: none
}

.StoryCredit .storyCreditDescription {
    padding-right: 15px
}

@media screen and (min-width:901px) {
    .centre .StoryCredit .interactiveStoryTags,
    .centre .StoryCredit .storyCreditList,
    .touch .StoryCredit .interactiveStoryTags,
    .touch .StoryCredit .storyCreditList {
        max-width: 1280px;
        padding-left: 240px
    }
}

@media screen and (min-width:1401px) {
    .touch .StoryCredit .interactiveStoryTags,
    .touch .StoryCredit .storyCreditList {
        margin-left: auto;
        margin-right: auto;
        padding: 0 240px
    }
}

@media screen and (min-width:900px) and (max-width:1279px) {
    .touch .StoryCredit .storyCreditLabel:last-of-type {
        clear: left;
        padding-left: 0
    }
    .touch .StoryCredit .storyCreditLabel:last-of-type:before {
        display: none
    }
    .touch .StoryCredit .storyCreditItem:last-of-type {
        padding-top: 8.658px
    }
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .StoryCredit .storyCreditItem:last-of-type {
        padding-top: 8.658px
    }
    .StoryCredit .storyCreditLabel:last-of-type {
        clear: left;
        padding-left: 0
    }
    .StoryCredit .storyCreditLabel:last-of-type:before {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryCredit {
        margin-bottom: 0;
        padding-bottom: 1px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .StoryCredit.endCredit {
        padding-bottom: 40px
    }
    .StoryCredit .interactiveStoryTags,
    .StoryCredit .storyCreditList {
        margin: 0 100px;
        padding: 0 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryCredit .interactiveStoryTags,
    .StoryCredit .storyCreditList {
        margin: 0;
        padding: 0 30px
    }
    .StoryCredit.endCredit .storyCreditList {
        padding-top: 50px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:landscape) {
    .StoryCredit .interactiveStoryTags,
    .StoryCredit .storyCreditList {
        margin: 0 100px
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (orientation:portrait) {
    .StoryCredit .storyCreditItem {
        float: none;
        padding-left: 0;
        margin: 0
    }
    .StoryCredit .storyCreditItem:last-of-type {
        padding-top: 0
    }
    .StoryCredit .storyCreditDescription {
        padding-bottom: 25px;
        clear: left
    }
    .StoryCredit .storyCreditDescription:last-of-type {
        padding-bottom: 0
    }
    .StoryCredit .storyCreditLabel {
        clear: left;
        padding-left: 0;
        padding-bottom: 6px
    }
    .StoryCredit .storyCreditLabel:before {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:600px) {
    .StoryCredit .storyCreditItem {
        float: none;
        padding-left: 0;
        margin: 0
    }
    .StoryCredit .storyCreditItem:last-of-type {
        padding-top: 0
    }
    .StoryCredit .storyCreditDescription {
        padding-bottom: 25px;
        clear: left
    }
    .StoryCredit .storyCreditDescription:last-of-type {
        padding-bottom: 0
    }
    .StoryCredit .storyCreditLabel {
        clear: left;
        padding-left: 0;
        padding-bottom: 6px
    }
    .StoryCredit .storyCreditLabel:before {
        display: none
    }
}

.StoryExtract {
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
    height: 100vh
}

.StoryExtract .extractVideo {
    z-index: 1;
    overflow: hidden
}

.StoryExtract .extractVideo,
.StoryExtract .VideoPlayer,
.StoryExtract .VideoPlayer .mejs-inner,
.StoryExtract .VideoPlayer .mejs-mediaelement,
.StoryExtract .VideoPlayer .mejs-video,
.StoryExtract .VideoPlayer .playerWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.StoryExtract .VideoPlayer .playerWrapper {
    overflow: visible
}

.StoryExtract .VideoPlayer .mejs-controls,
.StoryExtract .VideoPlayer .mejs-layers,
.StoryExtract .VideoPlayer .mejs-overlay-play,
.StoryExtract .VideoPlayer .posterImage {
    display: none!important
}

.StoryExtract .mejs-video {
    width: 100%!important;
    height: 100%!important;
    position: static
}

.StoryExtract .mejs-video video {
    display: inline-block;
    vertical-align: baseline
}

.StoryExtract .mejs-mediaelement {
    overflow: visible!important
}

.StoryExtract .extractImage {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 100%
}

.StoryExtract.videoPlayerReady .extractImage {
    display: none
}

.StoryExtract .extractQuoteSource {
    transition: opacity .4s .8s;
    padding-top: 40px
}

.StoryExtract.withMedia .extractQuoteSource {
    opacity: 0
}

.StoryExtract.withMedia .sourceDetail {
    color: #fff
}

.StoryExtract.withMedia.showText .extractQuoteSource,
.touch .StoryExtract.withMedia .extractQuoteSource {
    opacity: 1
}

.StoryExtract .sourceDetail {
    display: block
}

.StoryExtract .sourceName {
    font-weight: 700;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    padding-bottom: 2px;
    color: #0c121c
}

.StoryExtract .sourceInfo {
    color: #4a4f54
}

.StoryExtract .extractContent {
    position: relative;
    z-index: 2
}

.StoryExtract .extractContent .extractContainer .text {
    font-family: tinos, arial, helvetica, sans-serif;
    font-size: 100px;
    font-size: 7vw;
    line-height: 1.25;
    color: #005a2b
}

.StoryExtract .extractContent .extractContainer .text:after,
.StoryExtract .extractContent .extractContainer .text:before {
    content: "";
    display: block;
    height: 2px;
    width: 1.4em;
    background-color: #005a2b
}

.StoryExtract .extractContent .extractContainer .text:before {
    margin-bottom: .09em
}

.StoryExtract .extractContent .extractContainer .text:after {
    margin-top: .26em
}

.StoryExtract .extractContent .extractContainer .prop {
    visibility: hidden
}

.StoryExtract .extractContent .extractContainer .half {
    display: none
}

.StoryExtract.withMedia .extractMedia:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1)
}

.StoryExtract.withMedia .extractContent .extractContainer .text {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.StoryExtract.withMedia .extractContent .extractContainer .text:after,
.StoryExtract.withMedia .extractContent .extractContainer .text:before {
    background-color: #fff
}

.no-js .StoryExtract,
.StoryExtract.touch {
    height: auto
}

.no-js .StoryExtract .extractContent .extractContainer .prop,
.StoryExtract.touch .extractContent .extractContainer .prop {
    visibility: visible
}

.StoryExtract.desktop {
    display: table;
    width: 100%
}

.StoryExtract.desktop .extractContent {
    display: table-cell;
    vertical-align: middle
}

.StoryExtract.desktop .extractContent .extractContainer .prop {
    visibility: visible
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer {
    position: relative
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .prop {
    visibility: hidden
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half {
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    overflow: hidden
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half .text {
    position: relative;
    transition: top .8s
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top {
    top: 0
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top .text {
    top: 100%
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom {
    top: 50%
}

.StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom .text {
    top: -200%
}

.lt-ie10 .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.top .text,
.StoryExtract.desktop.withMedia.showText .extractContent .extractContainer .half.top .text {
    top: 0
}

.lt-ie10 .StoryExtract.desktop.withMedia .extractContent .extractContainer .half.bottom .text,
.StoryExtract.desktop.withMedia.showText .extractContent .extractContainer .half.bottom .text {
    top: -100%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryExtract {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .StoryExtract .extractContent {
        padding-top: 55px;
        padding-right: 50px;
        padding-bottom: 55px
    }
    .StoryExtract .extractContent .extractContainer .text {
        font-size: 70px;
        font-size: 7vw;
        line-height: 1.2
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryExtract {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .StoryExtract .extractContent {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0
    }
    .StoryExtract .extractContent .extractContainer .text {
        font-size: 34px;
        font-size: 7vw
    }
}

@media screen and (min-width:1429.571px) {
    .StoryExtract .extractContent .extractContainer .text {
        font-size: 100px!important
    }
}

@media screen and (min-width:1px) and (max-width:485.714px) {
    .StoryExtract .extractContent .extractContainer .text {
        font-size: 34px!important
    }
}

.StoryGallery {
    position: relative
}

.StoryGallery .storyGalleryCarousel {
    overflow: visible
}

.StoryGallery .carouselPagination,
.StoryGallery .rsNav {
    z-index: 4;
    position: absolute;
    left: 50px;
    bottom: 18px;
    height: 42px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.StoryGallery .carouselPagination .rsNavItem,
.StoryGallery .carouselPagination .swiper-pagination-bullet,
.StoryGallery .rsNav .rsNavItem,
.StoryGallery .rsNav .swiper-pagination-bullet {
    cursor: pointer;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #fff;
    font-size: 24px;
    padding-top: 18px;
    font-weight: 700;
    line-height: 1em;
    height: auto;
    width: 27px;
    border-radius: none;
    display: inline-block;
    text-align: center;
    transition: all .5s ease;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    background: none
}

.StoryGallery .carouselPagination .rsNavSelected,
.StoryGallery .carouselPagination .swiper-pagination-bullet-active,
.StoryGallery .rsNav .rsNavSelected,
.StoryGallery .rsNav .swiper-pagination-bullet-active {
    font-size: 42px;
    padding-top: 0;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

.StoryGallery .carouselPagination .paginationHidden,
.StoryGallery .rsNav .paginationHidden {
    display: none
}

.StoryGallery.StoryGalleryFilmstrip {
    margin-left: -1px;
    width: 140%
}

.StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame {
    overflow: visible
}

.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPanorama .galleryLayout,
.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameSingleImage .galleryLayout {
    width: 200%
}

.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPortrait .verticalGalleryLayout,
.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletLeft .verticalGalleryLayout,
.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletRight .verticalGalleryLayout {
    width: 100%;
    float: none;
    position: absolute;
    top: 0;
    left: 0
}

.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameDualPortrait .verticalGalleryLayout:last-child,
.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletLeft .verticalGalleryLayout:last-child,
.StoryGallery.StoryGalleryFilmstrip .StoryGalleryFrameTripletRight .verticalGalleryLayout:last-child {
    left: 100%
}

.storyGalleryFrame {
    overflow: hidden;
    position: relative
}

.viewportheight .storyGalleryFrame {
    height: 100vh
}

.storyGalleryFrame.StoryGalleryFrameSingleImage .galleryLayout {
    position: absolute;
    width: 100%
}

.galleryLayout {
    height: 100%;
    position: relative;
    overflow: hidden
}

.galleryLayout.verticalGalleryLayout {
    position: absolute;
    width: 50%
}

.galleryLayout.verticalGalleryLayout:first-child {
    left: 0
}

.galleryLayout.verticalGalleryLayout:last-child {
    right: 0
}

.galleryLayout.horizontalGalleryLayout {
    position: absolute;
    height: 50%;
    width: 100%
}

.galleryLayout.horizontalGalleryLayout:first-child {
    top: 0
}

.galleryLayout.horizontalGalleryLayout:last-child {
    bottom: 0
}

.galleryLayout .galleryItem {
    width: 100%;
    height: 100%
}

.galleryLayout span {
    overflow: hidden;
    display: block;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.StoryGalleryFullscreen .galleryLayout .backgroundImage,
.StoryGalleryFullscreen .galleryLayout .gallerySVGWrapper svg image {
    transition: opacity .4s ease
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout .gallerySVGWrapper svg image {
    opacity: .6
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg image {
    opacity: 1
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .horizontalGalleryLayout .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg svg image {
    opacity: .6
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover .horizontalGalleryLayout:hover .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .verticalGalleryLayout:hover svg svg:hover image {
    opacity: 1
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout .gallerySVGWrapper svg image {
    opacity: .6
}

.StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout:hover .backgroundImage,
.StoryGalleryFullscreen .storyGalleryFrame:hover .horizontalGalleryLayout:hover .gallerySVGWrapper svg image {
    opacity: 1
}

.StoryGalleryTransitionsOff .galleryItem {
    background-color: #000
}

@media only screen and (orientation:landscape) {
    .StoryGallery.StoryGalleryFilmstrip {
        width: 180%
    }
}

@media only screen and (orientation:portrait) {
    .StoryGallery.StoryGalleryFilmstrip .storyGallerySlides .storyGalleryFrame {
        height: 60vh
    }
}

@media screen and (min-width:1px) and (max-width:1025px) {
    .StoryGallery.StoryGalleryFilmstrip {
        overflow-x: hidden;
        width: 100%
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryGallery .carouselPagination {
        left: 40px
    }
    .StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame {
        height: calc(100vh - 50px)
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryGallery .carouselPagination {
        left: 30px
    }
    .StoryGallery.StoryGalleryFilmstrip .storyGalleryFrame {
        height: calc(100vh - 50px)
    }
}

.no-js .galleryLayout span>span {
    height: auto
}

.no-js .galleryLayout span div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.no-js .storyGalleryFrame {
    height: 800px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .storyGalleryFrame {
        height: 500px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .storyGalleryFrame {
        height: 300px
    }
}

.StoryHero {
    position: relative
}

.StoryHero .overlay {
    z-index: 2;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0
}

.StoryHero .imageContainer,
.StoryHero .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.StoryHero .imageContainer {
    z-index: 1
}

.StoryHero .imageContainer.layeredImage {
    display: none
}

.StoryHero .imageContainer .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.StoryHero .imageContainer .layer .fallback,
.StoryHero .imageContainer .layer .image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%
}

.StoryHero.parallax .imageContainer {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    overflow: hidden
}

.StoryHero.parallax.touch .flatImage .layer {
    -webkit-transform: translateZ(100px);
    transform: translateZ(100px)
}

.StoryHero.parallax.desktop .flatImage {
    display: none
}

.StoryHero.parallax.desktop.flatImageReady .flatImage,
.StoryHero.parallax.desktop.layersLoaded .layeredImage {
    display: block
}

.StoryHero.parallax.desktop.layersLoaded .layeredImage .image {
    display: none
}

.StoryHero.parallax.desktop.layersLoaded .layeredImage .canvas {
    position: absolute
}

.StoryHero.imageLeft .imageContainer {
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%
}

.StoryHero.imageLeft .imageContainer .layer .image,
.StoryHero.imageLeft .imageContainer .layer .image .fallback {
    background-position: 0 50%
}

.StoryHero.imageRight .imageContainer {
    -webkit-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%
}

.StoryHero.imageRight .imageContainer .layer .image,
.StoryHero.imageRight .imageContainer .layer .image .fallback {
    background-position: 100% 50%
}

.StoryHero.imageTop .imageContainer {
    -webkit-perspective-origin: 50% 0;
    perspective-origin: 50% 0
}

.StoryHero.imageTop .imageContainer .layer .image,
.StoryHero.imageTop .imageContainer .layer .image .fallback {
    background-position: 50% 0
}

.StoryHero.imageBottom .imageContainer {
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%
}

.StoryHero.imageBottom .imageContainer .layer .image,
.StoryHero.imageBottom .imageContainer .layer .image .fallback {
    background-position: 50% 100%
}

.StoryHero.imageLeft.imageTop .imageContainer {
    -webkit-perspective-origin: 0 0;
    perspective-origin: 0 0
}

.StoryHero.imageLeft.imageTop .imageContainer .layer .image,
.StoryHero.imageLeft.imageTop .imageContainer .layer .image .fallback {
    background-position: 0 0
}

.StoryHero.imageLeft.imageBottom .imageContainer {
    -webkit-perspective-origin: 0 100%;
    perspective-origin: 0 100%
}

.StoryHero.imageLeft.imageBottom .imageContainer .layer .image,
.StoryHero.imageLeft.imageBottom .imageContainer .layer .image .fallback {
    background-position: 0 100%
}

.StoryHero.imageRight.imageTop .imageContainer {
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0
}

.StoryHero.imageRight.imageTop .imageContainer .layer .image,
.StoryHero.imageRight.imageTop .imageContainer .layer .image .fallback {
    background-position: 100% 0
}

.StoryHero.imageRight.imageBottom .imageContainer {
    -webkit-perspective-origin: 100% 100%;
    perspective-origin: 100% 100%
}

.StoryHero.imageRight.imageBottom .imageContainer .layer .image,
.StoryHero.imageRight.imageBottom .imageContainer .layer .image .fallback {
    background-position: 100% 100%
}

.StoryHero .screen {
    display: table;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.StoryHero.twoScreen .screenSpacer {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryHero .screenSpacer {
        display: none
    }
    .no-js .StoryHero .screen {
        height: auto;
        min-height: 300px
    }
}

.StoryHero .text {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.StoryHero .headingLayer {
    text-align: center
}

.StoryHero .heading {
    text-align: center;
    margin: 0
}

.StoryHero .copy {
    padding: 100px 25%;
    color: #fff
}

.no-js .StoryHero .copy,
.StoryHero.touch .copy {
    opacity: 1
}

.StoryHero .scrollButtonContainer {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    opacity: 1;
    -webkit-transition: height 0s, opacity .4s;
    -webkit-transition-delay: 0s, 0s;
    transition: height 0s 0s, opacity .4s
}

.StoryHero .scrollButtonContainer.hidden {
    height: 0;
    opacity: 0;
    -webkit-transition: opacity .4s, height 0s;
    -webkit-transition-delay: 0s, .4s;
    transition: opacity .4s, height 0s .4s
}

.StoryHero.desktop .scrollButtonContainer {
    display: block
}

.StoryHero.hijackScroll .copy.visible,
.StoryHero.hijackScroll .overlay.visible {
    opacity: 1;
    transition-property: opacity;
    transition-duration: .8s
}

.StoryHero .audio {
    display: none
}

.StoryHero .copy {
    font-size: 34px;
    opacity: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryHero .copy {
        font-size: 24px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryHero .copy {
        font-size: 18px
    }
}

.StoryLinks .items .el .header {
    display: block;
    margin-bottom: 33px;
    position: relative;
    border: 0
}

.StoryLinks .items .el .header .mediaOverlay {
    z-index: 1
}

.StoryLinks .items .el .header .headerContent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.StoryLinks .items .el .header .headerContent .headerContentOuter {
    display: table;
    width: 100%;
    height: 100%
}

.StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner {
    display: table-cell;
    padding-right: 20px;
    padding-left: 20px;
    vertical-align: middle
}

.StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading {
    margin-bottom: 0;
    color: #e4e8e8
}

.StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading .headingWrapper:after,
.StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .heading .headingWrapper:before {
    background-color: #fff
}

.StoryLinks .items .el .header .headerContent .headerContentOuter .headerContentInner .itemCategory {
    margin-bottom: 5px;
    font-size: 12px
}

@media screen and (min-width:1px) and (max-width:1100px) {
    .StoryLinks .items .el .header .itemCategory {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryLinks .items .el .header .itemCategory {
        display: block
    }
}

.StoryLinks .storyCount.hidden {
    display: none
}

.StoryLinks .storyCountBottom {
    margin-top: -20px;
    margin-bottom: 40px;
    text-align: center
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryLinks .storyCountBottom {
        margin-top: 20px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryLinks .storyCountBottom {
        margin-top: -10px;
        margin-bottom: 30px
    }
}

.no-js .StoryLinks .items .el:nth-child(n+4),
.no-js .StoryLinks .storyCount,
.StoryLinks .contentBlock.contentBlockNew {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .no-js .StoryLinks .items .el:nth-child(n+3) {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .no-js .StoryLinks .items .el {
        padding-bottom: 30px
    }
    .no-js .StoryLinks .items .el:nth-child(n+2) {
        display: none
    }
}

.StoryScroller {
    position: relative;
    background: #000;
    z-index: 1
}

.StoryScroller.active .intro,
.StoryScroller.active .storySection {
    top: 0
}

.StoryScroller.videoActive {
    z-index: 10
}

.StoryScroller .intro {
    position: relative;
    width: 100%;
    top: 0;
    height: 100vh;
    z-index: 10;
    background: rgba(0, 0, 0, .65);
    opacity: 1
}

.StoryScroller .intro.storySection {
    z-index: 10
}

.StoryScroller .intro.loaded {
    z-index: 60
}

.StoryScroller .intro .ScrollDown {
    display: block;
    opacity: 1
}

.StoryScroller .intro .overlay {
    opacity: .5
}

.no-cssvhunit.touchCapability .StoryScroller .intro {
    height: 100%
}

.StoryScroller .introWrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.StoryScroller .introWrapper .atmospheric {
    display: none
}

.StoryScroller .ScrollDown {
    font-size: 12px;
    text-align: center;
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    top: auto;
    transition: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    display: none
}

.StoryScroller .scrollWrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    z-index: 5
}

.touchCapability .StoryScroller .scrollWrapper {
    height: auto;
    overflow: visible
}

.StoryScroller .storySection {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 5
}

.touchCapability .StoryScroller .storySection {
    top: auto;
    position: relative
}

.StoryScroller .storySection.storySectionOne {
    z-index: 8
}

.StoryScroller .storySection.storySectionTwo {
    z-index: 7
}

.StoryScroller .storySection.storySectionThree {
    z-index: 6
}

.StoryScroller .storySection.textActive,
.StoryScroller .storySection.videoActive {
    z-index: 10
}

.StoryScroller .storySectionZero .image {
    position: absolute
}

.StoryScroller .clipFix {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    z-index: 40;
    width: 100%;
    overflow: hidden;
    height: 100%
}

.StoryScroller .clipFixLeft {
    left: -50%
}

.StoryScroller .clipFixLeft .imageContainer,
.StoryScroller .clipFixRight {
    right: -50%
}

.StoryScroller .clipFixRight .imageContainer {
    right: 50%
}

.StoryScroller .imageContainer {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 4;
    height: 2823px;
    pointer-events: none;
    display: none
}

.StoryScroller .stateEnabled {
    display: block
}

.StoryScroller .storySectionZero .introWrapper {
    opacity: 0
}

.StoryScroller .zoomImage {
    position: absolute;
    width: 850px;
    height: 941px;
    display: inline-block;
    vertical-align: baseline;
    border-color: transparent;
    pointer-events: none;
    -webkit-transform: translateZ(1) scale(1);
    transform: translateZ(1) scale(1)
}

.StoryScroller .fallBackImage.disabled {
    background: none!important
}

.StoryScroller .fallBackImage,
.StoryScroller .fallBackImageNoJs {
    display: block;
    background-size: cover;
    width: 100%;
    height: 100%
}

.StoryScroller .storyVideo {
    height: 1000px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: 0;
    background-color: #000
}

.touchCapability .StoryScroller .videoActive {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 40
}

.StoryScroller .videoActive .storyVideo {
    opacity: 1;
    z-index: 20
}

.StoryScroller .videoActive video:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.StoryScroller .storyContent {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40
}

.touchCapability .StoryScroller .storyContent {
    height: 100%
}

.StoryScroller .storyContent.curtainOpen {
    z-index: 10
}

.StoryScroller .storyContent.curtain {
    position: relative
}

.StoryScroller .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    z-index: 1
}

.StoryScroller .storyQuote {
    height: 100%
}

.StoryScroller .storyQuote .storyQuoteInner {
    width: 100%;
    height: 100%;
    position: relative;
    transition: -webkit-transform 1.9s;
    transition: transform 1.9s;
    transition: transform 1.9s, -webkit-transform 1.9s;
    background-size: cover;
    z-index: 3
}

.StoryScroller .storyQuote .storyQuoteInner.left {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.StoryScroller .storyQuote .storyQuoteInner.right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -ms-transform: translateX(0)
}

.StoryScroller .storyQuote .storyQuoteInner.left,
.StoryScroller .storyQuote .storyQuoteInner.right {
    top: 0
}

.StoryScroller .storyQuote .overlay {
    position: absolute;
    opacity: 0
}

.StoryScroller .storyQuote .overlay.init {
    opacity: .3;
    transition-delay: .6s
}

.StoryScroller .storyQuote .quote {
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 90px
}

.StoryScroller .storyQuote .quote.showText .half.top .text {
    top: 70%
}

.StoryScroller .storyQuote .quote.showText .half.bottom .text {
    top: -30%
}

.StoryScroller .storyQuote .quote .text {
    font-family: tinos, arial, helvetica, sans-serif;
    font-size: 90px;
    font-size: 10.8vh;
    line-height: 1.25;
    color: #fff;
    position: relative;
    z-index: 1;
    width: 100%
}

.StoryScroller .storyQuote .quote .text:after,
.StoryScroller .storyQuote .quote .text:before {
    content: "";
    display: block;
    height: 2px;
    width: 1.4em;
    background-color: #fff
}

.StoryScroller .storyQuote .quote .text:before {
    margin-bottom: .09em
}

.StoryScroller .storyQuote .quote .text:after {
    margin-top: .26em
}

.StoryScroller .storyQuote .quote .prop {
    visibility: hidden
}

.StoryScroller .storyQuote .quote .half {
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    overflow: hidden
}

.StoryScroller .storyQuote .quote .half.top {
    top: 0
}

.StoryScroller .storyQuote .quote .half.top .text {
    top: 110%
}

.StoryScroller .storyQuote .quote .half.bottom {
    top: 50%
}

.StoryScroller .storyQuote .quote .half.bottom .text {
    top: -201%
}

.StoryScroller .storyQuote .quote .half.open {
    overflow: visible
}

.StoryScroller .storyQuote .source {
    padding: 24px 0 0;
    color: #fff;
    opacity: 0
}

.StoryScroller .storyQuote .source .info,
.StoryScroller .storyQuote .source .name {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    display: block
}

.StoryScroller .storyQuote .source .name {
    font-weight: 700;
    padding-top: 1px
}

.StoryScroller .storyQuote .source .info {
    font-size: 11px;
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    padding-top: 3px;
    letter-spacing: 1px
}

.StoryScroller .storyQuote .quoteCTA {
    position: absolute;
    overflow: visible;
    bottom: -90px;
    z-index: 1;
    opacity: 0;
    padding-left: 26px;
    cursor: pointer
}

#landrover .StoryScroller .storyQuote .quoteCTA {
    background-color: #fff;
    color: #0c121c
}

#landrover .StoryScroller .storyQuote .quoteCTA:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover .StoryScroller .storyQuote .quoteCTA.disabled:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .StoryScroller .storyQuote .quoteCTA:focus {
    background-color: #0c121c;
    color: #0c121c
}

#landrover.focusStylesOn .StoryScroller .storyQuote .quoteCTA.disabled:focus {
    background-color: #fff;
    color: #0c121c
}

.StoryScroller .storyVideo {
    height: 100%
}

.StoryScroller .storyVideo .header {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 5
}

.StoryScroller .video .ytClose {
    display: block
}

.StoryScroller.youtube .VideoPlayer {
    display: none
}

.StoryScroller.youtube .youtubeWrapper {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 4
}

.StoryScroller.youtube .youtubeWrapper>h4,
.StoryScroller.youtube .youtubeWrapper>img,
.StoryScroller.youtube .youtubeWrapper>p {
    display: none
}

.StoryScroller.youtube .youtubeWrapper .playerWrapper {
    max-height: 100vh
}

.StoryScroller.mediamanager .VideoPlayer {
    max-height: 100vh;
    position: relative;
    z-index: 4
}

.StoryScroller.mediamanager .VideoPlayer .mejs-video,
.StoryScroller.mediamanager .VideoPlayer .playerWrapper,
.StoryScroller.mediamanager .VideoPlayer video {
    max-height: 100vh
}

.StoryScroller.mediamanager .YouTubeGalleryAsset {
    display: none
}

.StoryScroller .grey .storyQuote .quote .text,
.StoryScroller .light .storyQuote .quote .text {
    color: #0c121c
}

.StoryScroller .grey .storyQuote .quote .text:after,
.StoryScroller .grey .storyQuote .quote .text:before,
.StoryScroller .light .storyQuote .quote .text:after,
.StoryScroller .light .storyQuote .quote .text:before {
    background-color: #0c121c
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StoryScroller .imageContainer {
        height: 1700px
    }
    .StoryScroller .storyQuote .quote {
        margin: 0 40px
    }
    .StoryScroller .storyQuote .quote .text {
        font-size: 60px
    }
    .StoryScroller .storyVideo {
        transition: opacity .4s
    }
    .StoryScroller .storyVideo .video {
        position: relative
    }
    .videoActive .StoryScroller .storyVideo {
        background-color: #000
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StoryScroller .storyQuote .quoteCTA {
        bottom: -75px
    }
    .StoryScroller .storyQuote .quote {
        margin: 0 30px
    }
    .StoryScroller .storyQuote .quote .text {
        font-size: 34px;
        font-size: 6vh
    }
    .StoryScroller .storyQuote .quote .source {
        padding: 15px 0 0
    }
    .StoryScroller .storyQuote .quote .source .info,
    .StoryScroller .storyQuote .quote .source .name {
        font-size: 13px
    }
}

@media screen and (orientation:landscape) and (max-width:900px) {
    .StoryScroller .storyQuote .quoteCTA {
        bottom: -75px
    }
    .StoryScroller .storyQuote .quote .text {
        font-size: 9vh
    }
}

.no-js .StoryScroller .intro,
.StoryScroller.degraded .intro {
    height: 100vh
}

.no-js .StoryScroller .intro .fallBackImage,
.no-js .StoryScroller .intro .fallBackImageNoJs,
.StoryScroller.degraded .intro .fallBackImage,
.StoryScroller.degraded .intro .fallBackImageNoJs {
    background-size: 300%;
    background-position: bottom;
    opacity: .7;
    transition: opacity .4s
}

.no-js .StoryScroller .intro .fallBackImage:hover,
.no-js .StoryScroller .intro .fallBackImageNoJs:hover,
.StoryScroller.degraded .intro .fallBackImage:hover,
.StoryScroller.degraded .intro .fallBackImageNoJs:hover {
    opacity: 1
}

.no-js .StoryScroller .introWrapper,
.StoryScroller.degraded .introWrapper {
    z-index: 100
}

.no-js .StoryScroller .imageContainer,
.no-js .StoryScroller .storyVideo,
.StoryScroller.degraded .imageContainer,
.StoryScroller.degraded .storyVideo {
    display: none
}

.no-js .StoryScroller .storySection,
.StoryScroller.degraded .storySection {
    position: static;
    height: auto
}

.no-js .StoryScroller .scrollWrapper,
.StoryScroller.degraded .scrollWrapper {
    height: auto
}

.no-js .StoryScroller .storyContent,
.StoryScroller.degraded .storyContent {
    position: relative
}

.no-js .StoryScroller .fallBackImageNoJs,
.StoryScroller.degraded .fallBackImageNoJs {
    display: block
}

.no-js .StoryScroller .storyQuote,
.StoryScroller.degraded .storyQuote {
    height: 100%
}

.no-js .StoryScroller .storyQuote:hover .overlay,
.StoryScroller.degraded .storyQuote:hover .overlay {
    opacity: 0
}

.no-js .StoryScroller .storyQuote .storyQuoteInner,
.StoryScroller.degraded .storyQuote .storyQuoteInner {
    height: 100%
}

.no-js .StoryScroller .storyQuote .quote .text.prop,
.StoryScroller.degraded .storyQuote .quote .text.prop {
    visibility: visible
}

.no-js .StoryScroller .storyQuote .quoteCTA,
.StoryScroller.degraded .storyQuote .quoteCTA {
    opacity: 1
}

.no-js .StoryScroller .storyQuote .overlay,
.StoryScroller.degraded .storyQuote .overlay {
    opacity: .7;
    transition: opacity .4s
}

.StorySocialLinks {
    padding-bottom: 40px
}

.StorySocialLinks .links {
    text-align: center
}

.StorySocialLinks .links li {
    display: inline-block;
    width: 90px;
    margin-bottom: 40px;
    vertical-align: top
}

.StorySocialLinks .links li a {
    display: block;
    text-decoration: none;
    overflow: hidden
}

.StorySocialLinks .links li a .ico {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 18px;
    font-size: 23px;
    transition: background .4s ease
}

.StorySocialLinks .links li a .ico:before {
    vertical-align: top;
    transition: color .4s ease
}

.StorySocialLinks .links li a .text {
    font-size: 9px;
    line-height: 12px;
    letter-spacing: .2em;
    font-weight: 700;
    -webkit-font-smoothing: auto;
    transition: color .4s ease
}

.StorySocialLinks .links li.facebook a .ico {
    line-height: 52px
}

.StorySocialLinks .links li.facebook a .ico:before {
    content: "";
    margin-top: -8px
}

.StorySocialLinks .links li.facebook a .ico:before,
.StorySocialLinks .links li.instagram a .ico:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.StorySocialLinks .links li.instagram a .ico:before {
    content: "";
    margin-top: -6px;
    margin-right: 2px
}

.StorySocialLinks .links li.pinterest a .ico:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-top: -4px
}

.StorySocialLinks .links li.share a .ico:before {
    content: "";
    margin-left: .2em;
    margin-left: 1px
}

.StorySocialLinks .links li.share a .ico:before,
.StorySocialLinks .links li.tumblr a .ico:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-top: -6px
}

.StorySocialLinks .links li.tumblr a .ico:before {
    content: "";
    margin-left: .2em
}

.StorySocialLinks .links li.twitter a .ico:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.StorySocialLinks .links li.youtube a .ico {
    font-size: 29px
}

.StorySocialLinks .links li.youtube a .ico:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-top: -8px
}

.no-js .StorySocialLinks .links li.share {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .StorySocialLinks {
        padding-bottom: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .StorySocialLinks {
        padding-bottom: 0
    }
    .StorySocialLinks .links li {
        margin-bottom: 30px
    }
}

@media screen and (min-width:1px) and (max-width:360px) {
    .StorySocialLinks .links[data-total="3"] li {
        width: 70px
    }
}

.StorySocialLinks .links li a .ico {
    background-color: #0c121c
}

.StorySocialLinks .links li a .ico:before {
    color: #e4e8e8
}

.StorySocialLinks .links li a .text {
    color: #a4a7a9
}

.StorySocialLinks .links li a:hover .text {
    color: #0c121c
}

.StorySocialLinks .links li a:hover .ico:before {
    color: #fff
}

.StorySocialLinks .links li.facebook a:hover .ico {
    background-color: #305891
}

.StorySocialLinks .links li.instagram a:hover .ico {
    background-color: #406e95
}

.StorySocialLinks .links li.pinterest a:hover .ico {
    background-color: #c82828
}

.StorySocialLinks .links li.share a:hover .ico {
    background-color: #4a4f54
}

.StorySocialLinks .links li.tumblr a:hover .ico {
    background-color: #2f5070
}

.StorySocialLinks .links li.twitter a:hover .ico {
    background-color: #2ca8d2
}

.StorySocialLinks .links li.youtube a:hover .ico {
    background-color: #e62d27
}

.StorySocialLinks.light .links li a:hover .text {
    color: #4a4f54
}

.StorySocialLinks.dark .links li a:hover .text {
    color: #fff
}

.StorySocialLinks.dark .links li.share a:hover .ico {
    background-color: #fff
}

.StorySocialLinks.dark .links li.share a:hover .ico:before {
    color: #0c121c
}

.SubFooter {
    padding: 20px 90px;
    font-size: 11px;
    border-top: 1px solid
}

.SubFooter p {
    padding-bottom: 20px
}

.lt-ie9 .SubFooter,
.SubFooter p:last-child {
    padding-bottom: 0
}

@media screen and (min-width:1px) and (max-width:900px) {
    .SubFooter {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .SubFooter {
        padding-left: 30px;
        padding-right: 30px
    }
}

.SubFooter {
    background-color: #0c121c;
    border-top-color: #30363e;
    color: #a4a7a9
}

.lightTheme .SubFooter {
    background-color: #fff;
    border-top-color: #e4e8e8;
    color: #4a4f54
}

.lightTheme .SubFooter a {
    color: #4a4f54
}

.lightTheme .SubFooter a:hover {
    color: #a4a7a9
}

.SubNavigation {
    width: 100%;
    position: relative;
    z-index: 8
}

.withVehicleSelector .SubNavigation {
    display: none
}

.SubNavigation .SubNavigationContainer {
    position: relative;
    height: 45px;
    overflow: hidden
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer {
    float: left;
    height: 45px;
    overflow: hidden
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div {
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .2em;
    white-space: nowrap;
    line-height: 45px;
    display: block;
    transition: opacity .4s
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a {
    display: block;
    transition: color .4s
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a,
.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span {
    text-decoration: none;
    padding: 0 50px
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div i {
    position: relative;
    top: -2px;
    font-size: 10px;
    line-height: 1
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active {
    position: relative;
    top: -45px;
    height: 90px
}

.SubNavigation .SubNavigationContainer .SubNavigationDivider {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    height: 1px;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li {
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: .2em;
    float: left;
    white-space: nowrap
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
    text-decoration: none;
    display: block;
    padding: 0 25px;
    line-height: 45px;
    transition: color .4s ease-out;
    position: relative
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li:first-child a {
    padding-left: 50px
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer+.SubNavigationMainList li a:first-child {
    padding-left: 25px
}

.SubNavigation .SubNavigationContainer .SubNavigationModels {
    float: left;
    display: block
}

.SubNavigation .SubNavigationContainer .SubNavigationModels li a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    content: "";
    font-size: 6px;
    line-height: 1em;
    position: relative;
    top: -2px;
    padding-left: 5px
}

.SubNavigation .SubNavigationContainer .SubNavigationButtons {
    font-size: 9px;
    line-height: 1em;
    letter-spacing: .15em;
    position: absolute;
    top: 13px;
    right: 20px;
    padding: 5px 4px 3px 10px;
    cursor: pointer;
    font-weight: 700
}

.SubNavigation .SubNavigationContainer .SubNavigationButtons:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 10px;
    padding-left: 2px
}

.SubNavigation .SubNavigationContainer .SubNavigationButtons:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: 29px;
    top: 0
}

.SubNavigation .SubNavigationContainer .MoreButton {
    display: none
}

.SubNavigation .SubNavigationContainer .MoreButton:after {
    content: ""
}

.SubNavigation .SubNavigationContainer .LessButton {
    display: none
}

.SubNavigation .SubNavigationContainer .LessButton:after {
    content: ""
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer,
#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer {
    height: 40px
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div {
    line-height: 40px
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active {
    top: -40px;
    height: 80px
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationDivider {
    top: 40px
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
    line-height: 40px
}

#header.reducedStickyNavigation .SubNavigation .SubNavigationContainer .SubNavigationButtons {
    top: 10px
}

.no-js .SubNavigationContainer {
    height: auto;
    overflow: hidden
}

@media screen and (min-width:1px) and (max-width:1024px) {
    .SubNavigation .SubNavigationContainer li {
        letter-spacing: .15em
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    body.hasSubNavigation {
        padding-top: 132px
    }
    .SubNavigation {
        padding-left: 0;
        z-index: 5
    }
    .SubNavigation .SubNavigationContainer,
    .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer {
        height: 40px
    }
    .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div {
        line-height: 40px
    }
    .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active {
        top: -40px;
        height: 80px
    }
    .SubNavigation .SubNavigationContainer .SubNavigationDivider {
        top: 40px
    }
    .SubNavigation .SubNavigationContainer .SubNavigationMainList li {
        letter-spacing: .15em
    }
    .SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
        line-height: 40px
    }
    .SubNavigation .SubNavigationContainer .SubNavigationButtons {
        top: 10px
    }
}

.SubNavigation {
    background: #4a4f54
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a,
.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a.active,
.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:focus,
.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:hover {
    color: #fff
}

.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a,
.SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span {
    color: #e4e8e8
}

.SubNavigation .SubNavigationContainer .SubNavigationDivider {
    background-color: #3f4347
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li a {
    color: #e4e8e8
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li a:focus,
.SubNavigation .SubNavigationContainer .SubNavigationMainList li a:hover {
    color: #fff
}

.SubNavigation .SubNavigationContainer .SubNavigationMainList li.active a {
    color: #4a4f54;
    background-color: #e4e8e8
}

.SubNavigation .SubNavigationContainer .SubNavigationModels li.active {
    background-color: #000
}

.SubNavigation .SubNavigationContainer .SubNavigationButtons {
    color: #4e4e4e;
    color: #e4e8e8
}

.SubNavigation .SubNavigationContainer .SubNavigationButtons:focus,
.SubNavigation .SubNavigationContainer .SubNavigationButtons:hover {
    color: #fff
}

.lightTheme .SubNavigation {
    background: #e4e8e8
}

.lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a,
.lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a.active,
.lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:focus,
.lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a:hover,
.lightTheme .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span {
    color: #0c121c
}

.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationDivider {
    background-color: #dee2e2
}

.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a,
.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:focus,
.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li a:hover {
    color: #0c121c
}

.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationMainList li.active a {
    color: #0c121c;
    background-color: #f8f9f9
}

.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationModels li.active {
    background-color: #f8f9f9
}

.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons,
.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons:focus,
.lightTheme .SubNavigation .SubNavigationContainer .SubNavigationButtons:hover {
    color: #0c121c
}

@media screen and (min-width:741px) {
    .TabbedContainer .tab-navigation {
        top: auto!important
    }
}

.TabbedContainer {
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    background: #fff
}

.TabbedContainer .tab {
    opacity: 0
}

.no-js .TabbedContainer .tab {
    opacity: 1
}

.TabbedContainer .tab-navigation {
    background: #f8f9f9;
    bottom: 0;
    color: #0c121c;
    cursor: pointer;
    display: table;
    height: 70px;
    position: absolute;
    width: 100%;
    z-index: 4
}

.TabbedContainer .tab-navigation .tab-link {
    border-right: 1px solid silver;
    cursor: pointer;
    display: table-cell;
    height: 70px;
    overflow: hidden;
    padding: 10px 15px 5px 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative
}

.TabbedContainer .tab-navigation .tab-link:first-child {
    border-left: 1px solid silver
}

.TabbedContainer .tab-navigation .tab-link.active,
.TabbedContainer .tab-navigation .tab-link:hover {
    background: #e4e8e8
}

.TabbedContainer .tab-navigation .tab-link[class*=icon] {
    padding-left: 50px
}

.TabbedContainer .tab-navigation .tab-link:before {
    font-size: 22px;
    top: 50%;
    margin-top: -10px;
    margin-left: -35px;
    position: absolute
}

.no-js .TabbedContainer .tab-navigation,
.TabbedContainer[data-total="1"] .tab-navigation {
    display: none
}

.TabbedContainer[data-total="2"] .tab-link {
    width: 50%
}

.TabbedContainer[data-total="3"] .tab-link {
    width: 33.3%
}

.TabbedContainer[data-total="4"] .tab-link {
    width: 25%
}

.TabbedContainer[data-total="5"] .tab-link {
    width: 20%
}

.TabbedContainer[data-total="6"] .tab-link {
    width: 16.66%
}

.TabbedContainer[data-total="7"] .tab-link {
    width: 14.28%
}

.TabbedContainer[data-total="8"] .tab-link {
    width: 12.5%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainer .tab-navigation {
        display: block;
        height: 50px;
        overflow: hidden;
        top: 0;
        transition: top .4s ease-out;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper {
        display: table
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link {
        border-bottom: 1px solid silver;
        height: 50px;
        padding-right: 10px
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link.active {
        border-bottom: 0
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link[class*=icon] {
        padding-left: 30px
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link:before {
        font-size: 17px;
        margin-top: -8px;
        margin-left: -25px
    }
    .TabbedContainer[data-total="4"] .tab-link,
    .TabbedContainer[data-total="5"] .tab-link,
    .TabbedContainer[data-total="6"] .tab-link,
    .TabbedContainer[data-total="7"] .tab-link,
    .TabbedContainer[data-total="8"] .tab-link {
        width: 33.3%;
        max-width: 33.3%
    }
}

@media only screen and (max-width:500px) {
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link[class*=icon] {
        padding-left: 40px
    }
    .TabbedContainer .tab-navigation .tabbed-slider-wrapper .tab-link:before {
        font-size: 17px;
        margin-top: -8px;
        left: 15px;
        margin-left: 0
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .Accordion .accordion-group-content-inner>.ContentBlocksContainer,
    .Accordion .accordion-group-content-inner>.DualFrameCarousel,
    .Accordion .accordion-group-content-inner>.FullFrameCarousel,
    .Accordion .accordion-group-content-inner>.FullWidthImage,
    .Accordion .accordion-group-content-inner>.InteractiveSlider,
    .Accordion .accordion-group-content-inner>.ModelSelector,
    .Accordion .accordion-group-content-inner>.SameSizeCarousel,
    .Accordion .accordion-group-content-inner>.TabbedContainer {
        border-top: 0 none
    }
    .Accordion .accordion-group-content-inner>.ContentBlocksContainer~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.DualFrameCarousel~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.FullFrameCarousel~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.FullWidthImage~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.InteractiveSlider~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.ModelSelector~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.SameSizeCarousel~.TabbedContainer,
    .Accordion .accordion-group-content-inner>.TabbedContainer~.TabbedContainer {
        border-top: 1px solid silver
    }
    .Accordion .TabbedContainer .tab-navigation {
        position: relative;
        top: auto!important;
        height: auto;
        min-height: 55px
    }
    .Accordion .TabbedContainer .tab-navigation .tab-link {
        border-bottom: 0 none!important;
        height: 55px
    }
    .Accordion .TabbedContainer .tab-navigation .tab-link:first-child {
        border-left: 0 none
    }
    .Accordion .TabbedContainer .tab-navigation .tab-link:last-child {
        border-right: 0 none
    }
}

.TabbedContainer .tab-link {
    font-size: 10px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.5
}

.TabbedContainerL462Test {
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    background: #fff
}

.TabbedContainerL462Test .tab {
    opacity: 0
}

.no-js .TabbedContainerL462Test .tab {
    opacity: 1
}

.TabbedContainerL462Test .tab-navigation {
    background: #f8f9f9;
    bottom: 0;
    color: #0c121c;
    cursor: pointer;
    display: table;
    height: 70px;
    position: absolute;
    width: 100%;
    z-index: 3
}

.TabbedContainerL462Test .tab-navigation .tab-link {
    border-right: 1px solid silver;
    cursor: pointer;
    display: table-cell;
    font-size: 10px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700;
    height: 70px;
    letter-spacing: 1.8px;
    line-height: 1.5;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.TabbedContainerL462Test .tab-navigation .tab-link:first-child {
    border-left: 1px solid silver
}

.TabbedContainerL462Test .tab-navigation .tab-link.active,
.TabbedContainerL462Test .tab-navigation .tab-link:hover {
    background: #e4e8e8
}

.no-js .TabbedContainerL462Test .tab-navigation,
.TabbedContainerL462Test[data-total="1"] .tab-navigation {
    display: none
}

.TabbedContainerL462Test[data-total="2"] .tab-link {
    width: 50%
}

.TabbedContainerL462Test[data-total="3"] .tab-link {
    width: 33.3%
}

.TabbedContainerL462Test[data-total="4"] .tab-link {
    width: 25%
}

.TabbedContainerL462Test[data-total="5"] .tab-link {
    width: 20%
}

.TabbedContainerL462Test[data-total="6"] .tab-link {
    width: 16.66%
}

.TabbedContainerL462Test[data-total="7"] .tab-link {
    width: 14.28%
}

.TabbedContainerL462Test[data-total="8"] .tab-link {
    width: 12.5%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabbedContainerL462Test .tab-navigation {
        display: block;
        min-height: 50px;
        height: 100%;
        overflow: hidden;
        transition: top .4s ease-out;
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
        position: relative;
        top: 0!important
    }
    .TabbedContainerL462Test .tab-navigation .tabbed-slider-wrapper {
        display: table;
        height: 100%;
        min-height: 50px
    }
    .TabbedContainerL462Test .tab-navigation .tabbed-slider-wrapper .tab-link {
        border-top: 1px solid #cccecd;
        min-height: 50px;
        height: 100%
    }
    .TabbedContainerL462Test .tab-navigation .tabbed-slider-wrapper .tab-link.active {
        border-bottom: 0
    }
    .AccordionContainer .TabbedContainerL462Test .tab-navigation .tabbed-slider-wrapper .tab-link {
        border-top: none
    }
    .TabbedContainerL462Test[data-total="4"] .tab-link,
    .TabbedContainerL462Test[data-total="5"] .tab-link,
    .TabbedContainerL462Test[data-total="6"] .tab-link,
    .TabbedContainerL462Test[data-total="7"] .tab-link,
    .TabbedContainerL462Test[data-total="8"] .tab-link {
        width: 33.3%;
        max-width: 33.3%
    }
    .TabbedContainerL462Test .headingTextMain[class] {
        display: block;
        margin-bottom: 18px
    }
    .TabbedContainerL462Test .headingTextSub {
        display: none!important
    }
    .AccordionContainer .TabbedContainerL462Test+.TabbedContainerL462Test .tab-navigation {
        border-top: 1px solid #cccecd
    }
}

.TabFilter {
    display: none;
    margin: 0 auto
}

.TabFilter li {
    display: table-cell;
    width: auto;
    max-width: 300px;
    list-style-type: none;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 700
}

.TabFilter li a {
    display: block;
    padding: 12px 25px 11px;
    letter-spacing: .25em;
    text-indent: .25em;
    text-decoration: none;
    text-align: center;
    transition: background-color .4s ease, border-color .4s ease, color .4s ease
}

.TabFilter[data-total="1"] li {
    width: 100%
}

.TabFilter[data-total="2"] li {
    width: 50%
}

.TabFilter[data-total="3"] li {
    width: 33.333%
}

.TabFilter[data-total="4"] li {
    width: 25%
}

.TabFilter[data-total="5"] li {
    width: 20%
}

.TabFilter[data-total="6"] li {
    width: 16.667%
}

.light .TabFilter li a {
    background-color: #0c121c;
    color: #fff
}

.light .TabFilter li a:focus,
.light .TabFilter li a:hover {
    background-color: #4a4f54
}

.light .TabFilter li.active a {
    background-color: #fff;
    color: #0c121c
}

.light .TabFilter li.active:focus,
.light .TabFilter li.active:hover {
    background-color: #fff
}

.grey .TabFilter li a {
    background-color: #0c121c;
    color: #fff
}

.grey .TabFilter li a:focus,
.grey .TabFilter li a:hover {
    background-color: #4a4f54
}

.grey .TabFilter li.active a {
    background-color: #fff;
    color: #0c121c
}

.grey .TabFilter li.active:focus,
.grey .TabFilter li.active:hover {
    background-color: #fff
}

.dark .TabFilter li a {
    background-color: #0c121c;
    color: #fff
}

.dark .TabFilter li a:focus,
.dark .TabFilter li a:hover {
    background-color: #4a4f54
}

.dark .TabFilter li.active a {
    background-color: #fff;
    color: #0c121c
}

.dark .TabFilter li.active:focus,
.dark .TabFilter li.active:hover {
    background-color: #fff
}

.dark .TabFilter li a:focus,
.dark .TabFilter li a:hover {
    background-color: #e4e8e8;
    color: #0c121c
}

.dark .TabFilter li.active a:focus,
.dark .TabFilter li.active a:hover {
    background-color: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TabFilter li a {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ToggleLinks {
    margin: 0 auto;
    justify-content: center;
    display: none
}

.ToggleLinks.ToggleLinksVisible {
    display: -webkit-box;
    display: table;
    display: flex;
    display: -ms-flexbox
}

.headerBlock .ToggleLinks {
    margin-top: 40px
}

.ToggleLinks .toggleLinksItem {
    max-width: 25%;
    list-style-type: none;
    vertical-align: middle;
    font-size: 10px;
    font-weight: 700;
    flex-grow: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: table-cell;
    display: flex
}

.ToggleLinks .toggleLinksItem.active .toggleLinksLink {
    background-color: #fff;
    color: #0c121c
}

.ToggleLinks .toggleLinksLink {
    transition: background-color .4s ease, color .4s ease;
    padding: 12px 25px 11px;
    letter-spacing: .25em;
    text-indent: .25em;
    text-decoration: none;
    text-align: center;
    background-color: #0c121c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.ToggleLinks .toggleLinksLink:focus,
.ToggleLinks .toggleLinksLink:hover {
    background-color: #4a4f54
}

.dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink {
    background-color: #fff;
    color: #0c121c
}

.dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus,
.dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover {
    background-color: #fff
}

.dark .ToggleLinks .toggleLinksLink:focus,
.dark .ToggleLinks .toggleLinksLink:hover {
    background-color: #e4e8e8;
    color: #0c121c
}

.grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink {
    background-color: #0c121c;
    color: #fff
}

.grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus,
.grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover {
    background-color: #0c121c
}

.grey .ToggleLinks .toggleLinksLink {
    background-color: #fff;
    color: #0c121c
}

.grey .ToggleLinks .toggleLinksLink:focus,
.grey .ToggleLinks .toggleLinksLink:hover {
    background-color: #e4e8e8
}

.light .ToggleLinks .toggleLinksItem.active .toggleLinksLink {
    background-color: #0c121c;
    color: #fff
}

.light .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus,
.light .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover {
    background-color: #0c121c
}

.light .ToggleLinks .toggleLinksLink {
    background-color: #fff;
    color: #0c121c
}

.light .ToggleLinks .toggleLinksLink:focus,
.light .ToggleLinks .toggleLinksLink:hover {
    background-color: #e4e8e8
}

@media screen and (min-width:1px) and (max-width:900px) {
    .ToggleLinks {
        margin-left: -2px;
        margin-right: -2px;
        overflow-x: auto;
        padding-left: 40px;
        padding-right: 40px;
        display: flex;
        display: -ms-flexbox;
        justify-content: center
    }
    .GridListWrapper .ToggleLinks {
        margin-left: -42px;
        margin-right: -42px
    }
    .ToggleLinks .toggleLinksItem {
        width: 25%;
        flex-basis: 25%;
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        padding: 0 1px;
        max-width: none
    }
    .ToggleLinks .toggleLinksLink {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 17px;
        padding-bottom: 16px
    }
    .ToggleLinks .toggleLinksLink span {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ToggleLinks {
        justify-content: flex-start;
        padding-left: 34px;
        padding-right: 30px
    }
    .GridListWrapper .ToggleLinks {
        margin-left: -32px;
        margin-right: -32px
    }
    .headerBlock .ToggleLinks {
        margin-top: 30px
    }
    .ToggleLinks .toggleLinksItem {
        min-width: calc(50% - 15px);
        width: auto;
        flex-basis: auto;
        max-width: calc(100% - 15px);
        margin-left: -3px;
        padding: 0 2px
    }
    .ToggleLinks .toggleLinksItem:last-child {
        padding-right: 30px;
        min-width: calc(50% + 15px)
    }
    .ToggleLinks .toggleLinksLink {
        padding-left: 15px;
        padding-right: 15px
    }
    .ToggleLinks[data-total="1"] {
        display: none
    }
    .ToggleLinks[data-total="2"] .toggleLinksItem {
        width: calc(50% + 3px);
        flex-basis: calc(50% + 3px)
    }
    .ToggleLinks[data-total="2"] .toggleLinksItem:last-child {
        padding-right: 0;
        min-width: calc(50% - 15px)
    }
}

.no-js .ToggleLinks,
.toggleContent.toggleLinksActive .toggleContentItem {
    display: none
}

.TwoColumnContainer>div {
    display: block;
    margin: 0 auto;
    padding: 80px 90px 40px
}

.TwoColumnContainer>div>div {
    display: inline-block;
    margin-left: -20px;
    margin-right: -20px;
    display: block
}

.TwoColumnContainer>div>div:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.TwoColumnContainer .leftColumn,
.TwoColumnContainer .rightColumn {
    float: left;
    vertical-align: top;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px
}

.TwoColumnContainer.sixtyForty .leftColumn {
    width: 66.667%
}

.TwoColumnContainer.fortySixty .leftColumn,
.TwoColumnContainer.sixtyForty .rightColumn {
    width: 33.333%
}

.TwoColumnContainer.fortySixty .rightColumn {
    width: 66.667%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .TwoColumnContainer.TwoColumnContainer>div {
        padding: 40px 40px 0
    }
    .TwoColumnContainer.TwoColumnContainer .leftColumn {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .TwoColumnContainer.TwoColumnContainer>div {
        padding: 30px 30px 0
    }
    .TwoColumnContainer.TwoColumnContainer .leftColumn {
        margin-bottom: 30px
    }
}

.TwoColumnContainer.white [data-theme=white] {
    background: #fff
}

@media screen and (min-width:1px) and (max-width:1000px) {
    .TwoColumnContainer.TwoColumnContainer .leftColumn,
    .TwoColumnContainer.TwoColumnContainer .rightColumn {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0
    }
    .TwoColumnContainer.TwoColumnContainer .leftColumn {
        margin-bottom: 80px
    }
    .TwoColumnContainer.TwoColumnContainer>div>div {
        margin-left: 0;
        margin-right: 0
    }
}

.UsedCarValuator {
    position: relative;
    background: #fff;
    min-height: 350px;
    background-color: #e4e8e8;
    padding-bottom: 40px
}

.UsedCarValuator .loadingText,
.UsedCarValuator noscript {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    text-align: center;
    font-size: 18px
}

html.no-js .UsedCarValuator .loadingText {
    display: none
}

.UsedCarValuator .nd-valuation {
    padding: 50px 0 80px
}

.UsedCarValuator .row-h1c17 {
    background: #ededed
}

.UsedCarValuator #valuations-widget {
    max-width: 890px;
    margin: 0 auto;
    font-size: 14px;
    font-family: avenir, arial, helvetica, sans-serif;
    color: #4a4f54
}

.UsedCarValuator #valuations-widget .overlay-loading-message {
    height: 75px
}

.UsedCarValuator #valuations-widget .aw-pane-info {
    padding: 36px;
    font-size: 12px;
    background: #fff;
    color: #777b7f
}

.UsedCarValuator #valuations-widget a {
    font-weight: 700;
    color: #4a4f54
}

.UsedCarValuator #valuations-widget input {
    padding-top: 2px;
    padding-bottom: 2px
}

.UsedCarValuator #valuations-widget input,
.UsedCarValuator #valuations-widget select {
    margin-bottom: 0;
    border-radius: 5px;
    font-family: avenir, arial, helvetica, sans-serif
}

.UsedCarValuator #valuations-widget .registration-link {
    text-decoration: none
}

.UsedCarValuator #valuations-widget #aw-step-2-pane input,
.UsedCarValuator #valuations-widget #aw-step-2-pane textarea {
    width: 100%!important
}

.UsedCarValuator #valuations-widget .aw-action {
    width: 100%
}

.UsedCarValuator #valuations-widget .aw-action a {
    line-height: 42px;
    padding: 0;
    width: 100%;
    color: #fff;
    background: #0c121c;
    text-transform: uppercase;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: .3em;
    font-weight: 500
}

.UsedCarValuator #valuations-widget .aw-action a .hover,
.UsedCarValuator #valuations-widget .aw-action a:hover {
    background-color: #000
}

.UsedCarValuator #valuations-widget .aw-action.current-step a {
    background: #3f3f3f;
    color: #fff
}

.UsedCarValuator #valuations-widget .overlay {
    z-index: 9999
}

.UsedCarValuator #valuations-widget .aw-tickbox label i {
    background-color: #4a4f54!important
}

.UsedCarValuator #valuations-widget .aw-title {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #0c121c
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li {
    padding: 0;
    overflow: visible;
    text-align: left
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li a {
    padding: 17px 20px;
    line-height: normal;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .1em;
    background-color: #fff;
    border-color: #f8f9f9;
    font-weight: 400
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li a:hover {
    background-color: #fff
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li a .aw-step {
    font-weight: 700;
    font-size: 14px;
    color: #0c121c
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li a:hover {
    cursor: default;
    background: #fff;
    color: #000
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a {
    color: #fff;
    background-color: #4a4f54
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a .aw-step,
.UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a span {
    color: #fff
}

.UsedCarValuator #valuations-widget .aw-tabs-nav li.aw-step-active a:hover {
    background-color: #4a4f54
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup,
.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details,
.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect,
.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup {
    background: #fff
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-incorrect {
    min-height: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-controls {
    float: right
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-label {
    padding-right: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-controls input {
    font-size: 14px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-reg-number .aw-controls input {
    font-size: 38px;
    width: 240px;
    font-family: arial, helvetica, sans-serif;
    line-height: normal
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p {
    padding-bottom: 36px;
    width: 100%;
    font-weight: 400
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #0c121c;
    display: block;
    content: "For an accurate valuation, please provide the correct details.";
    text-align: left;
    font-weight: 400;
    padding: 5px 0 10px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number {
    margin-bottom: 20px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-controls {
    float: none;
    text-align: center
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field {
    text-align: left;
    float: none;
    font-size: 15px;
    width: auto;
    margin-bottom: 18px;
    padding-right: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action {
    float: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a {
    font-weight: 400
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a:before {
    content: "Continue";
    font-weight: 400
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action a span {
    display: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup {
    position: relative
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message {
    position: absolute;
    top: 170px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message span {
    font-size: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message span:before {
    display: block;
    font-size: 14px;
    content: "Vehicle not found? Don’t worry, you can still get a valuation. Just provide your vehicle details and we’ll send you a free market valuation."
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-label {
    text-align: left;
    width: auto;
    float: none;
    margin-bottom: 3px;
    font-size: 14px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group {
    margin-bottom: 18px!important
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls {
    float: none;
    margin-left: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls input,
.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls select {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 2%;
    min-height: 35px;
    box-shadow: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .required-key {
    padding-left: 0
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-action {
    float: none;
    margin: 0 auto
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details {
    position: relative
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset {
    padding: 10px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-title {
    position: absolute;
    top: 17px;
    left: 20px;
    margin-bottom: 18px;
    display: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb {
    width: 100%;
    height: auto;
    margin-top: 30px;
    background: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img {
    display: block;
    margin: 0 auto;
    width: auto
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form {
    width: 100%
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-vehicle-details {
    margin-bottom: 15px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-heading {
    width: 50%;
    text-align: left
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-value {
    display: inline;
    margin-left: 0;
    float: right;
    width: 50%;
    text-align: left
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage {
    border-top: 1px solid #eff1f1;
    padding-top: 18px;
    padding-bottom: 36px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group {
    float: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-label {
    display: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls {
    width: 100%;
    text-align: center
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls,
.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label {
    margin-right: 20px;
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    margin-bottom: 20px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls {
    text-align: left;
    font-weight: 400
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls input {
    width: 100%;
    height: 35px;
    min-height: 35px;
    line-height: 35px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    box-shadow: none
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect {
    margin-left: 0;
    font-size: 14px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset {
    text-align: center;
    font-size: inherit;
    padding: 10px
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .aw-action {
    float: none;
    width: auto;
    width: 100%
}

.UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .aw-action p {
    padding: 0
}

.UsedCarValuator #valuations-widget .aw-valuation-details,
.UsedCarValuator #valuations-widget .aw-valuation-price .aw-valuation-price-overview {
    background: #fff;
    padding: 36px
}

.UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form {
    margin-bottom: 0
}

.UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .aw-control-group {
    margin-bottom: 0!important
}

.UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .aw-control-group .aw-label {
    margin-bottom: 2px!important
}

.UsedCarValuator #valuations-widget .aw-valuation-details .aw-details-form .field-customer-enquiry {
    display: none
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-title {
    font-size: 18px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb {
    width: 60%
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb img {
    display: block;
    width: auto;
    margin: 0 auto
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details {
    margin-left: 0
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table {
    float: none;
    width: 100%
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table td.aw-heading {
    width: 140px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions {
    padding-top: 18px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition {
    width: 100%;
    height: 139px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-showroom {
    background: #4a4f54
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-average {
    background: #e4e8e8;
    color: #4a4f54
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-below-average {
    background: #f8f9f9;
    color: #4a4f54
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading {
    font-size: 16px;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    padding: 20px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price {
    font-size: 36px;
    font-weight: 400;
    padding: 0 20px;
    font-family: lr_ot4, arial, helvetica, sans-serif
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price span {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: 100
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip {
    position: relative;
    top: 0;
    margin-bottom: 18px;
    margin: 0;
    background: none;
    font-size: 20px;
    z-index: 1000
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip span {
    margin-bottom: 0
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip:before {
    font-size: 20px;
    line-height: 19px;
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip span {
    font-weight: 400;
    font-size: 14px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content {
    right: -16px;
    text-align: left;
    padding: 22px 14px;
    font-size: 12px;
    line-height: 16px;
    color: dimgrey;
    background: #fff;
    border: 1px solid #dedede;
    width: 177px;
    border-radius: 5px;
    margin-bottom: 18px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content span {
    font-weight: 400;
    font-size: 12px
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow {
    background: none;
    position: absolute;
    left: auto;
    right: 10px;
    bottom: -17px;
    float: none
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow:before {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-top: 20px solid #e4e8e8;
    position: absolute;
    right: 0;
    top: 3px;
    z-index: -1
}

.UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content .aw-tooltip-arrow:after {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-top: 20px solid #f8f9f9;
    position: absolute;
    right: 0
}

@media (min-width:802px) {
    .UsedCarValuator #valuations-widget .aw-action a {
        width: 135px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup {
        padding: 36px 30px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before {
        text-align: center
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number {
        margin-bottom: 0;
        padding: 0 75px 36px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-controls {
        float: left;
        text-align: left
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field {
        text-align: left;
        float: left;
        width: 280px;
        margin-bottom: 0;
        padding-right: 20px;
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-actions .aw-action {
        float: none;
        margin: 0 auto;
        width: 135px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-control-group {
        margin-bottom: 0;
        margin: 0 auto;
        width: 520px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup {
        padding: 36px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info .aw-title {
        margin-bottom: 10px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-label {
        text-align: right;
        width: 165px;
        float: left;
        margin-bottom: 3px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-controls {
        margin-left: 197px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-actions {
        margin-top: 27px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .required-key {
        padding-left: 197px;
        margin-bottom: 15px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .button-manual-continue {
        margin-left: 75px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details {
        position: relative;
        width: 49%;
        margin-right: 2%;
        padding: 0;
        float: left
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset {
        padding: 36px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-title {
        position: static;
        display: block
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb {
        width: 42%;
        margin-top: 0;
        margin-right: 2%;
        clear: both;
        display: block;
        float: none
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img {
        display: inline-block;
        margin: 0;
        width: 100%
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .button-overview-continue {
        margin: 0 auto
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail {
        padding-bottom: 9px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail.vehicle-title .aw-heading {
        display: inline-block
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-heading {
        display: inline-block;
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-detail .aw-value {
        display: block;
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-label {
        width: 45%;
        float: left;
        margin-right: 4%;
        margin-bottom: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-mileage .aw-control-group .aw-controls .aw-controls {
        width: 50%;
        float: right
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect {
        width: 49%;
        padding: 0;
        float: left
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset {
        text-align: left;
        padding: 36px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset .manual-lookup-link {
        margin: 0 auto
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb {
        width: 33%;
        height: 150px;
        float: left
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image {
        height: 100%;
        position: relative
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details {
        width: 66%;
        height: auto;
        float: right
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table {
        width: 48%;
        float: left
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table .aw-heading,
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table .aw-value {
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table+table {
        margin-left: 4%
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition {
        position: relative;
        float: left;
        width: 31.333333%;
        margin-left: 3%
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition:first-child {
        margin-left: 0
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading {
        margin: 18px;
        margin-right: 36px;
        padding: 0;
        max-height: 18px;
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price {
        padding: 0 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip {
        position: absolute;
        top: 18px;
        right: 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price.failure .aw-valuation-price-overview {
        margin-bottom: 0
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price.failure .aw-valuation-price-overview .aw-pane-info {
        font-size: 14px;
        color: #4a4f54;
        padding: 0
    }
}

@media (max-width:801px) {
    .UsedCarValuator #valuations-widget .aw-actions,
    .UsedCarValuator #valuations-widget .manual-lookup-link {
        max-width: 135px!important;
        margin: 0 auto
    }
    .UsedCarValuator #valuations-widget .aw-tabs {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-tabs .aw-tabs-pane {
        padding: 0
    }
    .UsedCarValuator #valuations-widget .aw-automatic-lookup,
    .UsedCarValuator #valuations-widget .aw-lookup-results .aw-lookup-details,
    .UsedCarValuator #valuations-widget .aw-manual-lookup {
        background: none!important
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup {
        padding: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup p:before {
        padding-bottom: 18px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-automatic-lookup .aw-reg-number .aw-label.registration-field {
        margin-bottom: 36px;
        font-size: 14px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect {
        background: #e4e8e8;
        padding: 36px 30px;
        margin: 0 -30px -30px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-incorrect .aw-lookup-incorrect-inset {
        padding: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-inset {
        padding: 6px 0 36px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-lookup-details-form .aw-vehicle-details {
        margin-bottom: 8px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb {
        position: relative;
        margin-top: 0;
        margin-bottom: 55px;
        width: auto
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb .vehicle-image img {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-lookup-results .aw-lookup-details .aw-vehicle-thumb:after {
        content: "Car Valuation";
        display: block;
        font-family: lr_ot4, arial, helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
        color: #0c121c;
        position: absolute;
        margin-top: 20px
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup {
        padding: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group {
        margin-bottom: 18px!important
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group .aw-controls,
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-control-group .aw-label {
        width: 100%
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-form .aw-actions {
        margin: 36px auto 0
    }
    .UsedCarValuator #valuations-widget .aw-vehicle-lookup .aw-manual-lookup .aw-manual-info.error-message {
        position: static;
        top: 0;
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-valuation-price-overview {
        padding: 0 0 18px;
        margin: 0;
        background: none
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details {
        margin-top: 20px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-details table td.aw-heading {
        width: 50%
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb {
        width: 100%;
        background: none
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-vehicle-info .aw-thumb .vehicle-image img {
        margin: 0
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition {
        position: relative;
        height: 135px;
        margin-bottom: 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-heading {
        padding: 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price {
        padding: 0 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip {
        position: absolute;
        top: 18px;
        right: 18px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition .aw-price .aw-tooltip .aw-tooltip-content {
        width: 320px
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-conditions .aw-condition.aw-below-average {
        background: #fff
    }
    .UsedCarValuator #valuations-widget .aw-valuation-price .aw-pane-info {
        padding: 36px 30px;
        margin: 0 -30px -30px;
        background: #e4e8e8
    }
}

@media (max-width:801px) {
    .UsedCarValuator {
        background-color: #f8f9f9
    }
    .UsedCarValuator .nd-valuation {
        padding: 30px
    }
}

.UsedCarValuator #valuations-widget .overlay {
    background: transparent;
    z-index: 1;
    opacity: 1!important
}

.UsedCarValuator #valuations-widget .overlay .overlay-loading-message {
    width: 94px!important;
    height: 94px!important;
    margin: 0!important;
    top: calc(50% - 47px);
    left: calc(50% - 47px);
    position: relative;
    background: transparent
}

.UsedCarValuator #valuations-widget .overlay .overlay-loading-message .overlay-loading-spinner {
    border-radius: 50%;
    width: 94px;
    height: 94px;
    background: transparent;
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: L 1.1s infinite linear;
    animation: L 1.1s infinite linear;
    position: absolute;
    top: calc(50% - 60px - 47px);
    left: calc(50% - 47px)
}

.UsedCarValuator #valuations-widget .overlay .overlay-loading-message .overlay-loading-spinner+div {
    display: none
}

.UsedCarValuator #valuations-widget .overlay .overlay-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Vee24 {
    display: none
}

html.withVehicleSelector[style] {
    overflow-y: hidden
}

html.withVehicleSelector[style] #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}

html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin-left: 6px
}

@media screen and (min-width:1px) and (max-width:900px) {
    html.withVehicleSelector[style] {
        overflow-y: hidden;
        height: auto!important
    }
    html.withVehicleSelector[style] #header {
        position: fixed
    }
    html.withVehicleSelector[style] .pageWrapper {
        padding-top: 0!important
    }
}

.VehicleSelector {
    overflow: hidden;
    -webkit-font-smoothing: subpixel-antialiased
}

.VehicleSelector .selectorSlider {
    width: 200%;
    position: relative;
    height: 100%;
    left: 0
}

.VehicleSelector .vehicleList.hideVehicles .el {
    display: none
}

.VehicleSelector.inPageVehicleSelector {
    padding: 80px 90px
}

.VehicleSelector .VehicleSelectorWrapper {
    float: left;
    border-left: 1px solid
}

.VehicleSelectorWrapper {
    min-height: 1px;
    float: none;
    width: 50%;
    max-height: 100%;
    overflow-x: hidden
}

.VehicleSelectorWrapper img {
    width: 100%;
    height: auto;
    display: block
}

.VehicleSelectorWrapper .el {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid
}

.VehicleSelectorWrapper .el .modelWrapper,
.VehicleSelectorWrapper .el .vehicleWrapper {
    display: block;
    height: 600px
}

.VehicleSelectorWrapper .el .vehicleWrapper {
    box-sizing: content-box
}

.VehicleSelectorWrapper .el .imageLink {
    position: relative
}

.VehicleSelectorWrapper .el .imageLink,
.VehicleSelectorWrapper .el .selectorContentLink {
    text-decoration: none;
    display: block
}

.VehicleSelectorWrapper .el .imageLink {
    margin-left: -1px;
    margin-right: -1px
}

.VehicleSelectorWrapper .el .selectorContent {
    padding: 25px 10% 0
}

.VehicleSelectorWrapper .el .modelName,
.VehicleSelectorWrapper .el .vehicleName {
    margin-bottom: 18px
}

.VehicleSelectorWrapper .el .price {
    font-family: avenir, arial, helvetica, sans-serif;
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 1.5px
}

.VehicleSelectorWrapper .el p {
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
    margin-bottom: 24px
}

.VehicleSelectorWrapper .el .modelSelectorButtons,
.VehicleSelectorWrapper .el .vehicleSelectorButtons {
    margin-top: 20px;
    display: table;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.VehicleSelectorWrapper .el .selectorButton {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    padding: 12px 10px 10px;
    border-left: 1px solid;
    height: 43px;
    overflow: hidden
}

.VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle {
    vertical-align: middle;
    color: #898c8f
}

.VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle:before {
    content: none
}

.VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle i {
    display: inline
}

.VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle i:before {
    margin-left: 0;
    margin-right: 12px;
    position: relative;
    top: -1px;
    line-height: 1.25
}

.VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle i.icon-ignite-configure:before {
    font-size: 20px;
    line-height: 1;
    top: -1px
}

#landrover .VehicleSelectorWrapper .el .selectorButton span {
    line-height: 1;
    padding-left: 0
}

.VehicleSelectorWrapper .el .selectorButton:first-child {
    border-left: none
}

.VehicleSelectorWrapper .el .placeholder {
    min-height: 43px
}

.VehicleSelectorWrapper .noPrice p {
    margin-top: 32px
}

.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons .placeholder,
.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a {
    border-top: 1px solid
}

.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a {
    display: block;
    width: 100%;
    border-left: none
}

.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a:first-child {
    border-top: none
}

.VehicleSelectorWrapper[data-total="4"] .el,
.VehicleSelectorWrapper[data-total="7"] .el,
.VehicleSelectorWrapper[data-total="8"] .el {
    width: 25%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VehicleSelectorWrapper .el,
    .VehicleSelectorWrapper[data-total="4"] .el,
    .VehicleSelectorWrapper[data-total="7"] .el,
    .VehicleSelectorWrapper[data-total="8"] .el {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VehicleSelectorWrapper .el {
        width: 100%;
        text-align: left
    }
    .VehicleSelectorWrapper .el .modelWrapper,
    .VehicleSelectorWrapper .el .vehicleWrapper {
        display: table
    }
    .VehicleSelectorWrapper .el img {
        float: left;
        width: 91px
    }
    .VehicleSelectorWrapper .el .selectorContent {
        display: table-cell;
        vertical-align: middle;
        padding: 0 5%;
        width: 100%;
        border-bottom: 1px solid
    }
    .VehicleSelectorWrapper .el .modelName,
    .VehicleSelectorWrapper .el .vehicleName {
        margin: 0;
        font-size: 14px;
        text-align: left;
        letter-spacing: .1em
    }
    .VehicleSelectorWrapper .el .price {
        margin-top: 3px;
        text-align: left;
        letter-spacing: 1.5px
    }
    .VehicleSelectorWrapper .el p {
        margin-top: 6px;
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 0
    }
    .VehicleSelectorWrapper .el .vehicleSelectorButtons {
        display: none
    }
    .VehicleSelectorWrapper[data-total="4"] .el,
    .VehicleSelectorWrapper[data-total="7"] .el,
    .VehicleSelectorWrapper[data-total="8"] .el {
        width: 100%
    }
}

.VehicleSelector.hasRatings .el .vehicleWrapper {
    position: relative;
    padding-bottom: 11px
}

.VehicleSelector.hasRatings .el .vehicleWrapper .BazaarVoiceRating {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VehicleSelector.hasRatings .el .vehicleWrapper {
        position: static;
        padding-bottom: 0
    }
    .VehicleSelector.hasRatings .el .vehicleWrapper .BazaarVoiceRating {
        display: none
    }
}

#landrover .VehicleSelectorWrapper .secondaryLinkWithStyle {
    margin-top: 0;
    line-height: 1.2
}

#landrover .VehicleSelectorWrapper .secondaryLinkWithStyle:before {
    content: none
}

.lt-ie9 #landrover .VehicleSelector .secondaryLinkWithStyle:before {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VehicleSelector.inPageVehicleSelector {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VehicleSelector.inPageVehicleSelector {
        padding: 0
    }
}

@media screen and (min-width:2001px) {
    html.withVehicleSelector[style] #header,
    html.withVehicleSelector[style] #vehicleSelectorOverlay {
        left: 50%;
        margin-left: -1000px
    }
}

#vehicleSelectorOverlay {
    position: fixed;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.overlay .selectorSlider>.vehicleList .el {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    transition: opacity .4s
}

.overlay .selectorSlider>.vehicleList .el:first-child {
    transition-delay: 0ms
}

.overlay .selectorSlider>.vehicleList .el:nth-child(2) {
    transition-delay: .2s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(3) {
    transition-delay: .4s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(4) {
    transition-delay: .6s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(5) {
    transition-delay: .8s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(6) {
    transition-delay: 1s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(7) {
    transition-delay: 1.2s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(8) {
    transition-delay: 1.4s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(9) {
    transition-delay: 1.6s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(10) {
    transition-delay: 1.8s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(11) {
    transition-delay: 2s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(12) {
    transition-delay: 2.2s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(13) {
    transition-delay: 2.4s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(14) {
    transition-delay: 2.6s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(15) {
    transition-delay: 2.8s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(16) {
    transition-delay: 3s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(17) {
    transition-delay: 3.2s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(18) {
    transition-delay: 3.4s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(19) {
    transition-delay: 3.6s
}

.overlay .selectorSlider>.vehicleList .el:nth-child(20) {
    transition-delay: 3.8s
}

.overlay .selectorSlider>.vehicleList.showVehicles .el {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}

html.withVehicleSelector[style] #header .MainNavigation ul li.active a {
    background-color: #0c121c
}

.VehicleSelector.inPageVehicleSelector,
html.withVehicleSelector[style] #header .MainNavigation ul li.active.vehicles a,
html.withVehicleSelector[style] #header .MainNavigation ul li.active a:focus,
html.withVehicleSelector[style] #header .MainNavigation ul li.active a:hover,
html.withVehicleSelector[style] #header .MainNavigation ul li.activeOverlay a {
    background-color: #4a4f54
}

.VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper {
    border-left-color: #5c6165
}

.VehicleSelectorWrapper .el {
    border-right-color: #5c6165;
    background-color: #4a4f54
}

.VehicleSelectorWrapper .el .price {
    color: #fff
}

.VehicleSelectorWrapper .el .vehicleName,
.VehicleSelectorWrapper .el p {
    color: #e4e8e8
}

.VehicleSelectorWrapper .el .vehicleName .headingWrapper:after,
.VehicleSelectorWrapper .el .vehicleName .headingWrapper:before {
    background-color: #fff
}

.VehicleSelectorWrapper .el .modelSelectorButtons,
.VehicleSelectorWrapper .el .vehicleSelectorButtons {
    border-top-color: #5c6165;
    border-bottom-color: #5c6165
}

.VehicleSelectorWrapper .el .selectorButton {
    border-left-color: #5c6165
}

.VehicleSelectorWrapper .el .placeholder {
    background-color: #4a4f54
}

.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons .placeholder,
.VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a {
    border-top-color: #5c6165
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VehicleSelector .el .selectorContent {
        border-bottom-color: #5c6165
    }
}

.lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active a {
    background-color: #fff
}

.lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active.vehicles a,
.lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active a:focus,
.lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active a:hover,
.lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.activeOverlay a {
    background-color: #e4e8e8
}

.lightTheme .VehicleSelector.inPageVehicleSelector {
    background-color: #4a4f54
}

.lightTheme .VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper {
    border-left-color: #5c6165
}

.lightTheme .VehicleSelectorWrapper .el {
    border-right-color: #eff1f1;
    background-color: #fff
}

.lightTheme .VehicleSelectorWrapper .el .price,
.lightTheme .VehicleSelectorWrapper .el p {
    color: #4a4f54
}

.lightTheme .VehicleSelectorWrapper .el .vehicleName {
    color: #0c121c
}

.lightTheme .VehicleSelectorWrapper .el .vehicleName .headingWrapper:after,
.lightTheme .VehicleSelectorWrapper .el .vehicleName .headingWrapper:before {
    background-color: #0c121c
}

.lightTheme .VehicleSelectorWrapper .el .modelSelectorButtons,
.lightTheme .VehicleSelectorWrapper .el .vehicleSelectorButtons {
    border-top-color: #eff1f1;
    border-bottom-color: #eff1f1
}

.lightTheme .VehicleSelectorWrapper .el .selectorButton {
    border-left-color: #eff1f1
}

.lightTheme .VehicleSelectorWrapper .el .placeholder {
    background-color: #fff
}

.lightTheme .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons .placeholder,
.lightTheme .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a {
    border-top-color: #eff1f1
}

@media screen and (min-width:1px) and (max-width:740px) {
    .lightTheme .VehicleSelector .el .selectorContent {
        border-bottom-color: #eff1f1
    }
}

#landrover .VehicleSelectorWrapper .el .selectorButton .secondaryLinkWithStyle {
    color: #898c8f
}

#landrover .VehicleSelectorWrapper .el .price {
    -webkit-font-smoothing: subpixel-antialiased
}

#landrover .VehicleSelectorWrapper .el .selectorButton:hover .secondaryLinkWithStyle {
    color: #4a4f54
}

.no-js .VehicleSpecifications .specDetails>ul>li>div {
    overflow-y: hidden;
    opacity: 1
}

.no-js .VehicleSpecifications .specDetails>ul>li>a:after {
    display: none
}

.no-js .VehicleSpecifications .GridListWrapper {
    overflow-x: scroll
}

.EmissionsSpecifications,
.VehicleSpecifications {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.EmissionsSpecifications .price,
.VehicleSpecifications .price {
    margin-top: 12px
}

.EmissionsSpecifications .backToTop,
.EmissionsSpecifications .openAll,
.VehicleSpecifications .backToTop,
.VehicleSpecifications .openAll {
    position: absolute;
    top: -25px;
    right: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-decoration: none
}

.no-js .EmissionsSpecifications .backToTop,
.no-js .EmissionsSpecifications .openAll,
.no-js .VehicleSpecifications .backToTop,
.no-js .VehicleSpecifications .openAll {
    display: none
}

.EmissionsSpecifications .backToTop .open:before,
.EmissionsSpecifications .openAll .open:before,
.VehicleSpecifications .backToTop .open:before,
.VehicleSpecifications .openAll .open:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 10px
}

.EmissionsSpecifications .backToTop .close,
.EmissionsSpecifications .openAll .close,
.VehicleSpecifications .backToTop .close,
.VehicleSpecifications .openAll .close {
    display: none
}

.EmissionsSpecifications .backToTop .close:before,
.EmissionsSpecifications .openAll .close:before,
.VehicleSpecifications .backToTop .close:before,
.VehicleSpecifications .openAll .close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 10px
}

.EmissionsSpecifications .backToTop,
.VehicleSpecifications .backToTop {
    top: auto;
    bottom: -50px
}

.EmissionsSpecifications .backToTop:before,
.VehicleSpecifications .backToTop:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 5px;
    position: relative;
    top: -1px;
    left: -2px
}

.EmissionsSpecifications ul,
.VehicleSpecifications ul {
    clear: both
}

.EmissionsSpecifications .GridListWrapper,
.VehicleSpecifications .GridListWrapper {
    background-image: none;
    background-color: transparent;
    padding: 40px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .GridListWrapper,
    .VehicleSpecifications .GridListWrapper {
        padding: 30px
    }
}

.EmissionsSpecifications .primaryHeading,
.VehicleSpecifications .primaryHeading {
    padding-bottom: 0
}

.EmissionsSpecifications .yourModel,
.VehicleSpecifications .yourModel {
    width: 100%;
    text-align: center;
    position: relative
}

.EmissionsSpecifications .yourModel .bodyStyleWrapper,
.EmissionsSpecifications .yourModel .engineWrapper,
.EmissionsSpecifications .yourModel .modelWrapper,
.VehicleSpecifications .yourModel .bodyStyleWrapper,
.VehicleSpecifications .yourModel .engineWrapper,
.VehicleSpecifications .yourModel .modelWrapper {
    float: left;
    width: 50%;
    font-weight: 700
}

.EmissionsSpecifications .yourModel .mobileWrapper .shelfComponent,
.VehicleSpecifications .yourModel .mobileWrapper .shelfComponent {
    padding-bottom: 0
}

.EmissionsSpecifications .yourModel .modelBodyStyleWrapper,
.VehicleSpecifications .yourModel .modelBodyStyleWrapper {
    padding-top: 0
}

.EmissionsSpecifications .yourModel .imageWrap,
.VehicleSpecifications .yourModel .imageWrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.EmissionsSpecifications .yourModel .primaryHeading,
.VehicleSpecifications .yourModel .primaryHeading {
    position: relative
}

.EmissionsSpecifications .yourModel .contentWrapper h2,
.VehicleSpecifications .yourModel .contentWrapper h2 {
    margin-bottom: 27px
}

.EmissionsSpecifications .yourModel .contentWrapper p,
.VehicleSpecifications .yourModel .contentWrapper p {
    font-size: 16px;
    margin-top: 15px
}

.EmissionsSpecifications .yourModel .vehicleNameHeaderMobile,
.VehicleSpecifications .yourModel .vehicleNameHeaderMobile {
    padding-top: 26px
}

.EmissionsSpecifications .yourModel .vehicleTagline,
.VehicleSpecifications .yourModel .vehicleTagline {
    margin-top: 18px
}

.EmissionsSpecifications .yourModel .modelWrapper,
.VehicleSpecifications .yourModel .modelWrapper {
    padding-left: 0
}

.EmissionsSpecifications .yourModel .inner,
.VehicleSpecifications .yourModel .inner {
    width: 330px;
    float: right;
    margin-right: 10px;
    position: relative;
    padding-bottom: 53px
}

.EmissionsSpecifications .yourModel .modelWrapper .inner,
.VehicleSpecifications .yourModel .modelWrapper .inner {
    margin-left: 10px;
    margin-right: 0;
    float: left
}

.EmissionsSpecifications .yourModel .selectBodyStyle,
.EmissionsSpecifications .yourModel .selectEngine,
.EmissionsSpecifications .yourModel .selectModel,
.VehicleSpecifications .yourModel .selectBodyStyle,
.VehicleSpecifications .yourModel .selectEngine,
.VehicleSpecifications .yourModel .selectModel {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 0;
    font-weight: 400
}

.EmissionsSpecifications .yourModel .DropdownNav,
.VehicleSpecifications .yourModel .DropdownNav {
    margin-top: 10px;
    width: 100%;
    z-index: 1
}

.EmissionsSpecifications .yourModel .DropdownNav>span,
.VehicleSpecifications .yourModel .DropdownNav>span {
    display: none
}

.EmissionsSpecifications .yourModel.onlyModel .modelWrapper,
.VehicleSpecifications .yourModel.onlyModel .modelWrapper {
    float: none;
    width: auto
}

.EmissionsSpecifications .yourModel.onlyModel .modelWrapper .inner,
.VehicleSpecifications .yourModel.onlyModel .modelWrapper .inner {
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto
}

.EmissionsSpecifications.withModelIcons .openAll,
.VehicleSpecifications.withModelIcons .openAll {
    top: 70px
}

.EmissionsSpecifications .modelIcons,
.VehicleSpecifications .modelIcons {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin: -60px 0 50px
}

.EmissionsSpecifications .modelIcon,
.VehicleSpecifications .modelIcon {
    display: inline-block;
    opacity: .15;
    width: 85px;
    height: 39px;
    margin: 0 5px
}

.EmissionsSpecifications .modelIcon .image,
.VehicleSpecifications .modelIcon .image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.EmissionsSpecifications .modelIconActive,
.VehicleSpecifications .modelIconActive {
    opacity: 1
}

.EmissionsSpecifications .specDetails,
.VehicleSpecifications .specDetails {
    position: relative;
    margin: auto
}

.EmissionsSpecifications .specDetails>ul>li,
.VehicleSpecifications .specDetails>ul>li {
    width: 100%;
    font-size: 16px;
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>a,
.VehicleSpecifications .specDetails>ul>li>a {
    padding: 15px 40px;
    display: block;
    position: relative;
    text-decoration: none;
    letter-spacing: .1em;
    cursor: pointer
}

.EmissionsSpecifications .specDetails>ul>li>a:after,
.VehicleSpecifications .specDetails>ul>li>a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 18px
}

.EmissionsSpecifications .specDetails>ul>li>div,
.VehicleSpecifications .specDetails>ul>li>div {
    padding: 0;
    font-size: 14px;
    overflow-x: hidden;
    opacity: 0
}

.EmissionsSpecifications .specDetails>ul>li>div a,
.VehicleSpecifications .specDetails>ul>li>div a {
    border-bottom: 1px solid;
    text-decoration: none;
    color: inherit;
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.EmissionsSpecifications .specDetails>ul>li>div br,
.VehicleSpecifications .specDetails>ul>li>div br {
    display: none
}

.EmissionsSpecifications .specDetails>ul>li>div h2,
.VehicleSpecifications .specDetails>ul>li>div h2 {
    margin: 40px 0;
    padding: 0;
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child,
.EmissionsSpecifications .specDetails>ul>li>div h2:first-child,
.VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child,
.VehicleSpecifications .specDetails>ul>li>div h2:first-child {
    margin-top: 0
}

.EmissionsSpecifications .specDetails>ul>li>div p,
.VehicleSpecifications .specDetails>ul>li>div p {
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList {
    font-weight: 300;
    width: 33.333%;
    vertical-align: top;
    display: inline-block;
    max-width: 800px;
    text-align: left;
    margin: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li {
    list-style-type: none;
    margin: 18px 20px 0;
    line-height: 18px;
    font-size: 14px;
    padding: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li strong,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li strong {
    display: block;
    font-weight: 700
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul {
    margin-left: 14px;
    padding-left: 1em;
    margin-left: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul li,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul li:before,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li ul li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li li,
.VehicleSpecifications .specDetails>ul>li>div .bulletedList>li li {
    margin-top: 6px
}

.EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer,
.VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer {
    margin-top: 40px
}

.EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer:first-child,
.VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer:first-child {
    margin-top: 0
}

.EmissionsSpecifications .specDetails>ul>li.active>a:after,
.VehicleSpecifications .specDetails>ul>li.active>a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .specDetails>ul>li.active>div,
.VehicleSpecifications .specDetails>ul>li.active>div {
    opacity: 1
}

.EmissionsSpecifications .bulletedColumns:last-child,
.VehicleSpecifications .bulletedColumns:last-child {
    border: none;
    margin-bottom: -40px
}

.EmissionsSpecifications .bulletedColumns>div,
.VehicleSpecifications .bulletedColumns>div {
    margin: 0 -20px;
    clear: both;
    overflow: hidden;
    padding-bottom: 40px;
    font-size: 0;
    white-space: nowrap
}

.EmissionsSpecifications .bulletedColumns>div .bulletedList,
.VehicleSpecifications .bulletedColumns>div .bulletedList {
    white-space: normal
}

.EmissionsSpecifications .imageListKey ul,
.VehicleSpecifications .imageListKey ul {
    width: 100%;
    overflow: auto;
    margin-top: -6px
}

.EmissionsSpecifications .imageListKey ul li,
.VehicleSpecifications .imageListKey ul li {
    float: left;
    margin-right: 20px;
    position: relative;
    padding-left: 0;
    line-height: 22px
}

.EmissionsSpecifications .imageListKey ul li:before,
.VehicleSpecifications .imageListKey ul li:before {
    font-size: 13px;
    position: relative;
    top: -1px;
    left: 0
}

.EmissionsSpecifications .imageListKey ul li.nocostoption:before,
.EmissionsSpecifications .imageListKey ul li.optional:before,
.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecifications .imageListKey ul li.nocostoption:before,
.VehicleSpecifications .imageListKey ul li.optional:before,
.VehicleSpecifications .imageListKey ul li.standard:before {
    position: relative;
    top: 0;
    vertical-align: baseline
}

.EmissionsSpecifications .imageList,
.VehicleSpecifications .imageList {
    clear: both;
    overflow: hidden;
    margin: 20px -10px 0
}

.EmissionsSpecifications .imageList:last-child,
.VehicleSpecifications .imageList:last-child {
    border-bottom: 0;
    margin-bottom: -40px
}

.EmissionsSpecifications .imageList>li,
.VehicleSpecifications .imageList>li {
    padding: 0 10px 40px;
    width: 25%;
    float: left;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    box-sizing: border-box
}

.EmissionsSpecifications .imageList>li div:nth-child(4n),
.VehicleSpecifications .imageList>li div:nth-child(4n) {
    margin: 0
}

.EmissionsSpecifications .imageList>li div img,
.VehicleSpecifications .imageList>li div img {
    margin: 0 0 18px;
    display: block;
    width: 100%!important;
    height: auto!important
}

.EmissionsSpecifications .imageList>li span,
.VehicleSpecifications .imageList>li span {
    font-weight: 400;
    display: block;
    position: relative
}

.EmissionsSpecifications .imageList>li span:after,
.VehicleSpecifications .imageList>li span:after {
    font-size: 14px;
    position: relative;
    top: -1px
}

.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecifications .imageList>li span.standard:after {
    content: ""
}

.EmissionsSpecifications .imageList>li span.optional:after,
.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecifications .imageList>li span.optional:after,
.VehicleSpecifications .imageList>li span.standard:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span.optional:after,
.VehicleSpecifications .imageList>li span.optional:after {
    content: ""
}

.EmissionsSpecifications .imageList>li span.nocostoption:after,
.VehicleSpecifications .imageList>li span.nocostoption:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span.nocostoption:after,
.EmissionsSpecifications .imageList>li span.optional:after,
.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecifications .imageList>li span.nocostoption:after,
.VehicleSpecifications .imageList>li span.optional:after,
.VehicleSpecifications .imageList>li span.standard:after {
    position: relative;
    top: 0;
    vertical-align: baseline
}

.EmissionsSpecifications .imageList>li ul,
.VehicleSpecifications .imageList>li ul {
    width: 100%
}

.EmissionsSpecifications .imageList>li ul li,
.VehicleSpecifications .imageList>li ul li {
    font-weight: 700;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    line-height: 18px
}

.EmissionsSpecifications .imageList>li ul li:first-child,
.EmissionsSpecifications .imageList>li ul li:nth-child(2),
.VehicleSpecifications .imageList>li ul li:first-child,
.VehicleSpecifications .imageList>li ul li:nth-child(2) {
    margin: 0
}

.EmissionsSpecifications .imageList>li ul li:nth-child(2),
.VehicleSpecifications .imageList>li ul li:nth-child(2) {
    font-weight: 400;
    margin-bottom: 15px
}

.EmissionsSpecifications .imageList>li ul li:nth-child(3),
.VehicleSpecifications .imageList>li ul li:nth-child(3) {
    margin-bottom: 12px;
    font-weight: 400
}

.EmissionsSpecifications .imageList>li:nth-child(4n+1),
.VehicleSpecifications .imageList>li:nth-child(4n+1) {
    clear: both
}

.EmissionsSpecifications .imageList+.bulletedColumns div,
.VehicleSpecifications .imageList+.bulletedColumns div {
    border-top: 0
}

.EmissionsSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow,
.EmissionsSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow,
.EmissionsSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow {
    margin-top: -21px
}

.EmissionsSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.EmissionsSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.EmissionsSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecifications h2+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow.bottom {
    margin-top: 5px
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle,
#landrover .VehicleSpecifications .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle:hover,
#landrover .VehicleSpecifications .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle.disabled:hover,
#landrover .VehicleSpecifications .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .EmissionsSpecifications .primaryLinkWithStyle:focus,
#landrover.focusStylesOn .VehicleSpecifications .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .EmissionsSpecifications .primaryLinkWithStyle.disabled:focus,
#landrover.focusStylesOn .VehicleSpecifications .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EmissionsSpecifications .modelIcons,
    .VehicleSpecifications .modelIcons {
        margin: -20px 0 50px
    }
    .EmissionsSpecifications .modelIcon,
    .VehicleSpecifications .modelIcon {
        width: 80px;
        height: 36px
    }
    .no-js .EmissionsSpecifications .specDetails,
    .no-js .VehicleSpecifications .specDetails {
        padding-top: 20px
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList,
    .VehicleSpecifications .specDetails .bulletedColumns .bulletedList {
        display: block;
        width: 100%
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList>li ul li,
    .VehicleSpecifications .specDetails .bulletedColumns .bulletedList>li ul li {
        margin-bottom: 6px
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList>li ul li:first-child,
    .VehicleSpecifications .specDetails .bulletedColumns .bulletedList>li ul li:first-child {
        margin-top: 0
    }
    .EmissionsSpecifications .specDetails>ul>li,
    .VehicleSpecifications .specDetails>ul>li {
        font-size: 16px
    }
    .EmissionsSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child,
    .VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList li:first-child {
        margin-top: 18px
    }
    .EmissionsSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList:first-child li:first-child,
    .VehicleSpecifications .specDetails>ul>li>div h2+.bulletedColumns .bulletedList:first-child li:first-child {
        margin-top: 0
    }
    .EmissionsSpecifications .imageList>li,
    .VehicleSpecifications .imageList>li {
        width: 50%
    }
    .EmissionsSpecifications .imageList>li:nth-child(odd),
    .VehicleSpecifications .imageList>li:nth-child(odd) {
        clear: both
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .DropdownNav,
    .VehicleSpecifications .DropdownNav {
        max-width: none
    }
    .EmissionsSpecifications .backToTop,
    .EmissionsSpecifications .modelIcons,
    .EmissionsSpecifications .openAll,
    .VehicleSpecifications .backToTop,
    .VehicleSpecifications .modelIcons,
    .VehicleSpecifications .openAll {
        display: none
    }
    .EmissionsSpecifications .yourModel,
    .VehicleSpecifications .yourModel {
        min-height: 0
    }
    .EmissionsSpecifications .yourModel .headerBlock,
    .VehicleSpecifications .yourModel .headerBlock {
        margin: 20px 0 50px
    }
    .EmissionsSpecifications .yourModel .modelBodyStyleWrapper,
    .VehicleSpecifications .yourModel .modelBodyStyleWrapper {
        padding-top: 24px
    }
    .EmissionsSpecifications .yourModel .vehicleSpecificationsHeader,
    .VehicleSpecifications .yourModel .vehicleSpecificationsHeader {
        display: none
    }
    .EmissionsSpecifications .yourModel .mobileWrapper,
    .VehicleSpecifications .yourModel .mobileWrapper {
        position: relative
    }
    .EmissionsSpecifications .yourModel .primaryHeading,
    .VehicleSpecifications .yourModel .primaryHeading {
        margin: 0
    }
    .EmissionsSpecifications .yourModel .vehicleNameHeaderMobile,
    .VehicleSpecifications .yourModel .vehicleNameHeaderMobile {
        position: relative;
        padding: 50px 0;
        z-index: 1
    }
    .EmissionsSpecifications .yourModel .DropdownNav[style],
    .VehicleSpecifications .yourModel .DropdownNav[style] {
        position: static!important
    }
    .EmissionsSpecifications .yourModel .DropdownNav[style] .selected:focus,
    .EmissionsSpecifications .yourModel .DropdownNav[style] .selected:hover,
    .VehicleSpecifications .yourModel .DropdownNav[style] .selected:focus,
    .VehicleSpecifications .yourModel .DropdownNav[style] .selected:hover {
        background-color: #383b3f
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications .yourModel .engineWrapper,
    .EmissionsSpecifications .yourModel .modelWrapper,
    .VehicleSpecifications .yourModel .bodyStyleWrapper,
    .VehicleSpecifications .yourModel .engineWrapper,
    .VehicleSpecifications .yourModel .modelWrapper {
        width: 100%;
        float: none
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications .yourModel .engineWrapper .inner,
    .EmissionsSpecifications .yourModel .modelWrapper .inner,
    .VehicleSpecifications .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecifications .yourModel .engineWrapper .inner,
    .VehicleSpecifications .yourModel .modelWrapper .inner {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications .yourModel .modelWrapper,
    .VehicleSpecifications .yourModel .bodyStyleWrapper,
    .VehicleSpecifications .yourModel .modelWrapper {
        margin-bottom: 20px
    }
    .EmissionsSpecifications .yourModel.onlyModel .contentWrapper,
    .VehicleSpecifications .yourModel.onlyModel .contentWrapper {
        position: relative
    }
    .EmissionsSpecifications .yourModel.onlyModel .DropdownNav,
    .VehicleSpecifications .yourModel.onlyModel .DropdownNav {
        width: 100%;
        max-width: 100%
    }
    .EmissionsSpecifications .yourModel .inner,
    .EmissionsSpecifications .yourModel .modelWrapper .inner,
    .VehicleSpecifications .yourModel .inner,
    .VehicleSpecifications .yourModel .modelWrapper .inner {
        display: block;
        width: auto;
        float: none
    }
    .EmissionsSpecifications .price,
    .VehicleSpecifications .price {
        margin-top: 12px
    }
    .EmissionsSpecifications .specDetails,
    .VehicleSpecifications .specDetails {
        margin-left: -30px;
        margin-right: -30px
    }
    .EmissionsSpecifications .specDetails>ul>li,
    .VehicleSpecifications .specDetails>ul>li {
        font-size: 12px
    }
    .EmissionsSpecifications .specDetails>ul>li>a,
    .VehicleSpecifications .specDetails>ul>li>a {
        padding: 16px 30px
    }
    .EmissionsSpecifications .specDetails>ul>li>a:after,
    .VehicleSpecifications .specDetails>ul>li>a:after {
        right: 10px;
        top: 15px;
        font-size: 15px
    }
    .EmissionsSpecifications .specDetails>ul>li>div,
    .VehicleSpecifications .specDetails>ul>li>div {
        padding: 0
    }
    .EmissionsSpecifications .specDetails>ul>li>div h2,
    .VehicleSpecifications .specDetails>ul>li>div h2 {
        margin: 30px 0
    }
    .EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer,
    .VehicleSpecifications .specDetails>ul>li>div .ResponsiveTableContainer {
        margin-top: 30px
    }
    .EmissionsSpecifications .imageList>li,
    .VehicleSpecifications .imageList>li {
        width: 100%
    }
    .EmissionsSpecifications .imageList>li div img,
    .VehicleSpecifications .imageList>li div img {
        max-width: 245px
    }
    .EmissionsSpecifications .price,
    .VehicleSpecifications .price {
        margin-bottom: 20px
    }
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .DropdownNav>span,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .DropdownNav>span {
    display: table
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer,
.VehicleSpecifications.VehicleSpecificationsV2 .dataTableContainer {
    opacity: 1;
    transition: .5s
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer.loading,
.VehicleSpecifications.VehicleSpecificationsV2 .dataTableContainer.loading {
    opacity: .3
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer>div .GridListWrapper:not(:first-child),
.VehicleSpecifications.VehicleSpecificationsV2 .dataTableContainer>div .GridListWrapper:not(:first-child) {
    padding-top: 0
}

.EmissionsSpecifications.VehicleSpecificationsV2 .specDetails>ul>li>div,
.VehicleSpecifications.VehicleSpecificationsV2 .specDetails>ul>li>div {
    height: 0;
    opacity: 1;
    transition: height .5s;
    overflow: hidden
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel {
    background-size: cover;
    background-position: 50%
}

@media screen and (min-width:741px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .bodyStyleWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .engineWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .modelWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .bodyStyleWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .engineWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .modelWrapper {
        width: 50%
    }
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper {
    background-size: cover;
    background-position: 50%
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper {
    width: 33.333%;
    float: left
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
.VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
    float: none;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1180px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 230px
    }
}

@media (max-width:780px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 200px
    }
}

@media screen and (min-width:741px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper {
        background-image: none!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel {
        background-image: none!important
    }
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper {
        width: 100%;
        float: none
    }
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 100%
    }
}

.EmissionsSpecifications,
.VehicleSpecifications {
    color: #4a4f54;
    background-color: #e4e8e8
}

.EmissionsSpecifications .backToTop,
.EmissionsSpecifications .openAll,
.VehicleSpecifications .backToTop,
.VehicleSpecifications .openAll {
    color: #4a4f54
}

.EmissionsSpecifications .backToTop:hover,
.EmissionsSpecifications .openAll:hover,
.VehicleSpecifications .backToTop:hover,
.VehicleSpecifications .openAll:hover {
    color: #0c121c
}

.EmissionsSpecifications .yourModel,
.VehicleSpecifications .yourModel {
    color: #fff
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .yourModel .selectBodyStyle,
    .EmissionsSpecifications .yourModel .selectEngine,
    .EmissionsSpecifications .yourModel .selectModel,
    .VehicleSpecifications .yourModel .selectBodyStyle,
    .VehicleSpecifications .yourModel .selectEngine,
    .VehicleSpecifications .yourModel .selectModel {
        color: #4a4f54
    }
}

.EmissionsSpecifications .yourModel .contentWrapper p,
.VehicleSpecifications .yourModel .contentWrapper p {
    color: #fff
}

.EmissionsSpecifications .specDetails>ul>li h2,
.VehicleSpecifications .specDetails>ul>li h2 {
    font-size: 18px
}

.EmissionsSpecifications .specDetails>ul>li>a,
.VehicleSpecifications .specDetails>ul>li>a {
    color: #e4e8e8;
    border-bottom: 1px solid #5c6165;
    background-color: #4a4f54;
    letter-spacing: 1px;
    letter-spacing: .1rem;
    font-weight: 500
}

.EmissionsSpecifications .specDetails>ul>li>a:hover,
.VehicleSpecifications .specDetails>ul>li>a:hover {
    background-color: #4a4f54;
    background-image: none
}

.EmissionsSpecifications .specDetails>ul>li>a:after,
.VehicleSpecifications .specDetails>ul>li>a:after {
    color: #e4e8e8
}

.EmissionsSpecifications .specDetails>ul>li>div,
.VehicleSpecifications .specDetails>ul>li>div {
    background: #fff
}

.EmissionsSpecifications .specDetails>ul>li>div h2,
.EmissionsSpecifications .specDetails>ul>li>div p,
.VehicleSpecifications .specDetails>ul>li>div h2,
.VehicleSpecifications .specDetails>ul>li>div p {
    color: #4a4f54
}

.EmissionsSpecifications .specDetails>ul>li.active>a,
.VehicleSpecifications .specDetails>ul>li.active>a {
    background-color: #4a4f54;
    background-image: none
}

.EmissionsSpecifications .imageListKey ul li:before,
.VehicleSpecifications .imageListKey ul li:before {
    color: #e4e8e8
}

.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecifications .imageListKey ul li.standard:before {
    content: ""
}

.EmissionsSpecifications .imageListKey ul li.optional:before,
.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecifications .imageListKey ul li.optional:before,
.VehicleSpecifications .imageListKey ul li.standard:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageListKey ul li.optional:before,
.VehicleSpecifications .imageListKey ul li.optional:before {
    content: ""
}

.EmissionsSpecifications .imageListKey ul li.nocostoption:before,
.VehicleSpecifications .imageListKey ul li.nocostoption:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span,
.VehicleSpecifications .imageList>li span {
    color: #4a4f54
}

.EmissionsSpecifications .imageList>li span:after,
.VehicleSpecifications .imageList>li span:after {
    color: #e4e8e8
}

#landrover .VehicleSpecifications .primaryLinkWithStyle {
    margin-top: 80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .VehicleSpecifications .primaryLinkWithStyle {
        margin-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .VehicleSpecifications .primaryLinkWithStyle {
        margin-top: 30px
    }
}

.VehicleSpecificationsV2 table tr>td {
    width: 30%
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VehicleSpecificationsV2 table tr>td {
        width: 40%
    }
}

.no-js .VehicleSpecificationsV2 .specDetails>ul>li>div {
    overflow-y: hidden;
    opacity: 1
}

.no-js .VehicleSpecificationsV2 .specDetails>ul>li>a:after {
    display: none
}

.no-js .VehicleSpecificationsV2 .GridListWrapper {
    overflow-x: scroll
}

.EmissionsSpecifications,
.VehicleSpecificationsV2 {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.EmissionsSpecifications .price,
.VehicleSpecificationsV2 .price {
    margin-top: 12px
}

.EmissionsSpecifications .backToTop,
.EmissionsSpecifications .openAll,
.VehicleSpecificationsV2 .backToTop,
.VehicleSpecificationsV2 .openAll {
    position: absolute;
    top: -25px;
    right: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-decoration: none
}

.no-js .EmissionsSpecifications .backToTop,
.no-js .EmissionsSpecifications .openAll,
.no-js .VehicleSpecificationsV2 .backToTop,
.no-js .VehicleSpecificationsV2 .openAll {
    display: none
}

.EmissionsSpecifications .backToTop .open:before,
.EmissionsSpecifications .openAll .open:before,
.VehicleSpecificationsV2 .backToTop .open:before,
.VehicleSpecificationsV2 .openAll .open:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 10px
}

.EmissionsSpecifications .backToTop .close,
.EmissionsSpecifications .openAll .close,
.VehicleSpecificationsV2 .backToTop .close,
.VehicleSpecificationsV2 .openAll .close {
    display: none
}

.EmissionsSpecifications .backToTop .close:before,
.EmissionsSpecifications .openAll .close:before,
.VehicleSpecificationsV2 .backToTop .close:before,
.VehicleSpecificationsV2 .openAll .close:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 10px
}

.EmissionsSpecifications .backToTop,
.VehicleSpecificationsV2 .backToTop {
    top: auto;
    bottom: -50px
}

.EmissionsSpecifications .backToTop:before,
.VehicleSpecificationsV2 .backToTop:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    vertical-align: baseline;
    font-size: 5px;
    position: relative;
    top: -1px;
    left: -2px
}

.EmissionsSpecifications ul,
.VehicleSpecificationsV2 ul {
    clear: both
}

.EmissionsSpecifications .GridListWrapper,
.VehicleSpecificationsV2 .GridListWrapper {
    background-image: none;
    background-color: transparent;
    padding: 40px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .GridListWrapper,
    .VehicleSpecificationsV2 .GridListWrapper {
        padding: 30px
    }
}

.EmissionsSpecifications .primaryHeading,
.VehicleSpecificationsV2 .primaryHeading {
    padding-bottom: 0
}

.EmissionsSpecifications .yourModel,
.VehicleSpecificationsV2 .yourModel {
    width: 100%;
    text-align: center;
    position: relative
}

.EmissionsSpecifications .yourModel .bodyStyleWrapper,
.EmissionsSpecifications .yourModel .engineWrapper,
.EmissionsSpecifications .yourModel .modelWrapper,
.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.VehicleSpecificationsV2 .yourModel .engineWrapper,
.VehicleSpecificationsV2 .yourModel .modelWrapper {
    width: 50%;
    font-weight: 700
}

.EmissionsSpecifications .yourModel .mobileWrapper .shelfComponent,
.VehicleSpecificationsV2 .yourModel .mobileWrapper .shelfComponent {
    padding-bottom: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .yourModel .mobileWrapper .shelfComponent,
    .VehicleSpecificationsV2 .yourModel .mobileWrapper .shelfComponent {
        padding-top: 21px
    }
}

.EmissionsSpecifications .yourModel .modelBodyStyleWrapper,
.VehicleSpecificationsV2 .yourModel .modelBodyStyleWrapper {
    padding-top: 0
}

.EmissionsSpecifications .yourModel .imageWrap,
.VehicleSpecificationsV2 .yourModel .imageWrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%
}

.EmissionsSpecifications .yourModel .primaryHeading,
.VehicleSpecificationsV2 .yourModel .primaryHeading {
    position: relative
}

.EmissionsSpecifications .yourModel .contentWrapper caption,
.EmissionsSpecifications .yourModel .contentWrapper h2,
.VehicleSpecificationsV2 .yourModel .contentWrapper caption,
.VehicleSpecificationsV2 .yourModel .contentWrapper h2 {
    margin-bottom: 27px
}

.EmissionsSpecifications .yourModel .contentWrapper p,
.VehicleSpecificationsV2 .yourModel .contentWrapper p {
    font-size: 16px;
    margin-top: 15px
}

.EmissionsSpecifications .yourModel .vehicleNameHeaderMobile,
.VehicleSpecificationsV2 .yourModel .vehicleNameHeaderMobile {
    padding-top: 26px
}

.EmissionsSpecifications .yourModel .vehicleTagline,
.VehicleSpecificationsV2 .yourModel .vehicleTagline {
    margin-top: 18px
}

.EmissionsSpecifications .yourModel .modelWrapper,
.VehicleSpecificationsV2 .yourModel .modelWrapper {
    padding-left: 0
}

.EmissionsSpecifications .yourModel .inner,
.VehicleSpecificationsV2 .yourModel .inner {
    width: 330px;
    float: right;
    margin-right: 10px;
    position: relative
}

.EmissionsSpecifications .yourModel .modelWrapper .inner,
.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
    margin-left: 10px;
    margin-right: 0;
    float: left
}

.EmissionsSpecifications .yourModel .selectBodyStyle,
.EmissionsSpecifications .yourModel .selectEngine,
.EmissionsSpecifications .yourModel .selectModel,
.VehicleSpecificationsV2 .yourModel .selectBodyStyle,
.VehicleSpecificationsV2 .yourModel .selectEngine,
.VehicleSpecificationsV2 .yourModel .selectModel {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 0;
    font-weight: 400
}

.EmissionsSpecifications .yourModel .DropdownNav,
.VehicleSpecificationsV2 .yourModel .DropdownNav {
    margin-top: 10px;
    width: 100%;
    z-index: 1
}

.EmissionsSpecifications .yourModel .DropdownNav>span,
.VehicleSpecificationsV2 .yourModel .DropdownNav>span {
    display: none
}

.EmissionsSpecifications .yourModel.onlyModel .modelWrapper,
.VehicleSpecificationsV2 .yourModel.onlyModel .modelWrapper {
    float: none;
    width: auto
}

.EmissionsSpecifications .yourModel.onlyModel .modelWrapper .inner,
.VehicleSpecificationsV2 .yourModel.onlyModel .modelWrapper .inner {
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto
}

.EmissionsSpecifications.withModelIcons .openAll,
.VehicleSpecificationsV2.withModelIcons .openAll {
    top: 70px
}

.EmissionsSpecifications .modelIcons,
.VehicleSpecificationsV2 .modelIcons {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin: -60px 0 50px
}

.EmissionsSpecifications .modelIcon,
.VehicleSpecificationsV2 .modelIcon {
    display: inline-block;
    opacity: .15;
    width: 85px;
    height: 39px;
    margin: 0 5px
}

.EmissionsSpecifications .modelIcon .image,
.VehicleSpecificationsV2 .modelIcon .image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.EmissionsSpecifications .modelIconActive,
.VehicleSpecificationsV2 .modelIconActive {
    opacity: 1
}

.EmissionsSpecifications .specDetails,
.VehicleSpecificationsV2 .specDetails {
    position: relative;
    margin: auto
}

.EmissionsSpecifications .specDetails>ul>li,
.VehicleSpecificationsV2 .specDetails>ul>li {
    width: 100%;
    font-size: 16px;
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>a,
.VehicleSpecificationsV2 .specDetails>ul>li>a {
    padding: 15px 40px;
    display: block;
    position: relative;
    text-decoration: none;
    letter-spacing: .1em;
    cursor: pointer
}

.EmissionsSpecifications .specDetails>ul>li>a:after,
.VehicleSpecificationsV2 .specDetails>ul>li>a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 18px
}

.EmissionsSpecifications .specDetails>ul>li>div,
.VehicleSpecificationsV2 .specDetails>ul>li>div {
    padding: 0;
    font-size: 14px;
    overflow-x: hidden;
    opacity: 0
}

.EmissionsSpecifications .specDetails>ul>li>div a,
.VehicleSpecificationsV2 .specDetails>ul>li>div a {
    border-bottom: 1px solid;
    text-decoration: none;
    color: inherit;
    color: #4a4f54;
    border-bottom-color: rgba(74, 79, 84, .25)!important
}

.EmissionsSpecifications .specDetails>ul>li>div br,
.VehicleSpecificationsV2 .specDetails>ul>li>div br {
    display: none
}

.EmissionsSpecifications .specDetails>ul>li>div caption,
.EmissionsSpecifications .specDetails>ul>li>div h2,
.VehicleSpecificationsV2 .specDetails>ul>li>div caption,
.VehicleSpecificationsV2 .specDetails>ul>li>div h2 {
    margin: 40px 0;
    padding: 0;
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>div caption+.bulletedColumns .bulletedList li:first-child,
.EmissionsSpecifications .specDetails>ul>li>div caption:first-child,
.EmissionsSpecifications .specDetails>ul>li>div h2,
.EmissionsSpecifications .specDetails>ul>li>div h2:first-child,
.VehicleSpecificationsV2 .specDetails>ul>li>div caption+.bulletedColumns .bulletedList li:first-child,
.VehicleSpecificationsV2 .specDetails>ul>li>div caption:first-child,
.VehicleSpecificationsV2 .specDetails>ul>li>div h2,
.VehicleSpecificationsV2 .specDetails>ul>li>div h2:first-child {
    margin-top: 0
}

.EmissionsSpecifications .specDetails>ul>li>div p,
.VehicleSpecificationsV2 .specDetails>ul>li>div p {
    text-align: left
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList {
    font-weight: 300;
    width: 33.333%;
    vertical-align: top;
    display: inline-block;
    max-width: 800px;
    text-align: left;
    margin: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li {
    list-style-type: none;
    margin: 18px 20px 0;
    line-height: 18px;
    font-size: 14px;
    padding: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li strong,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li strong {
    display: block;
    font-weight: 700
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li ul {
    margin-left: 14px;
    padding-left: 1em;
    margin-left: 0
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul li,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li ul li {
    list-style: none;
    position: relative;
    line-height: 1.286em;
    margin-bottom: 1.286em
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li ul li:before,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li ul li:before {
    content: "\2013";
    position: absolute;
    left: -1em
}

.EmissionsSpecifications .specDetails>ul>li>div .bulletedList>li li,
.VehicleSpecificationsV2 .specDetails>ul>li>div .bulletedList>li li {
    margin-top: 6px
}

.EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer,
.VehicleSpecificationsV2 .specDetails>ul>li>div .ResponsiveTableContainer {
    margin-top: 40px
}

.EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer:first-child,
.VehicleSpecificationsV2 .specDetails>ul>li>div .ResponsiveTableContainer:first-child {
    margin-top: 0
}

.EmissionsSpecifications .specDetails>ul>li.active>a:after,
.VehicleSpecificationsV2 .specDetails>ul>li.active>a:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .specDetails>ul>li.active>div,
.VehicleSpecificationsV2 .specDetails>ul>li.active>div {
    opacity: 1
}

.EmissionsSpecifications .bulletedColumns:last-child,
.VehicleSpecificationsV2 .bulletedColumns:last-child {
    border: none;
    margin-bottom: -40px
}

.EmissionsSpecifications .bulletedColumns>div,
.VehicleSpecificationsV2 .bulletedColumns>div {
    margin: 0 -20px;
    clear: both;
    overflow: hidden;
    padding-bottom: 40px;
    font-size: 0;
    white-space: nowrap
}

.EmissionsSpecifications .bulletedColumns>div .bulletedList,
.VehicleSpecificationsV2 .bulletedColumns>div .bulletedList {
    white-space: normal
}

.EmissionsSpecifications .imageListKey ul,
.VehicleSpecificationsV2 .imageListKey ul {
    width: 100%;
    overflow: auto;
    margin-top: -6px
}

.EmissionsSpecifications .imageListKey ul li,
.VehicleSpecificationsV2 .imageListKey ul li {
    float: left;
    margin-right: 20px;
    position: relative;
    padding-left: 0;
    line-height: 22px
}

.EmissionsSpecifications .imageListKey ul li:before,
.VehicleSpecificationsV2 .imageListKey ul li:before {
    font-size: 13px;
    position: relative;
    top: -1px;
    left: 0
}

.EmissionsSpecifications .imageListKey ul li.nocostoption:before,
.EmissionsSpecifications .imageListKey ul li.optional:before,
.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecificationsV2 .imageListKey ul li.nocostoption:before,
.VehicleSpecificationsV2 .imageListKey ul li.optional:before,
.VehicleSpecificationsV2 .imageListKey ul li.standard:before {
    position: relative;
    top: 0;
    vertical-align: baseline
}

.EmissionsSpecifications .imageList,
.VehicleSpecificationsV2 .imageList {
    clear: both;
    overflow: hidden;
    margin: 20px -10px 0
}

.EmissionsSpecifications .imageList:last-child,
.VehicleSpecificationsV2 .imageList:last-child {
    border-bottom: 0;
    margin-bottom: -40px
}

.EmissionsSpecifications .imageList>li,
.VehicleSpecificationsV2 .imageList>li {
    padding: 0 10px 40px;
    width: 25%;
    float: left;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    box-sizing: border-box
}

.EmissionsSpecifications .imageList>li div:nth-child(4n),
.VehicleSpecificationsV2 .imageList>li div:nth-child(4n) {
    margin: 0
}

.EmissionsSpecifications .imageList>li div img,
.VehicleSpecificationsV2 .imageList>li div img {
    margin: 0 0 18px;
    display: block;
    width: 100%!important;
    height: auto!important
}

.EmissionsSpecifications .imageList>li span,
.VehicleSpecificationsV2 .imageList>li span {
    font-weight: 400;
    display: block;
    position: relative
}

.EmissionsSpecifications .imageList>li span:after,
.VehicleSpecificationsV2 .imageList>li span:after {
    font-size: 14px;
    position: relative;
    top: -1px
}

.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecificationsV2 .imageList>li span.standard:after {
    content: ""
}

.EmissionsSpecifications .imageList>li span.optional:after,
.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecificationsV2 .imageList>li span.optional:after,
.VehicleSpecificationsV2 .imageList>li span.standard:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span.optional:after,
.VehicleSpecificationsV2 .imageList>li span.optional:after {
    content: ""
}

.EmissionsSpecifications .imageList>li span.nocostoption:after,
.VehicleSpecificationsV2 .imageList>li span.nocostoption:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span.nocostoption:after,
.EmissionsSpecifications .imageList>li span.optional:after,
.EmissionsSpecifications .imageList>li span.standard:after,
.VehicleSpecificationsV2 .imageList>li span.nocostoption:after,
.VehicleSpecificationsV2 .imageList>li span.optional:after,
.VehicleSpecificationsV2 .imageList>li span.standard:after {
    position: relative;
    top: 0;
    vertical-align: baseline
}

.EmissionsSpecifications .imageList>li ul,
.VehicleSpecificationsV2 .imageList>li ul {
    width: 100%
}

.EmissionsSpecifications .imageList>li ul li,
.VehicleSpecificationsV2 .imageList>li ul li {
    font-weight: 700;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    line-height: 18px
}

.EmissionsSpecifications .imageList>li ul li:first-child,
.EmissionsSpecifications .imageList>li ul li:nth-child(2),
.VehicleSpecificationsV2 .imageList>li ul li:first-child,
.VehicleSpecificationsV2 .imageList>li ul li:nth-child(2) {
    margin: 0
}

.EmissionsSpecifications .imageList>li ul li:nth-child(2),
.VehicleSpecificationsV2 .imageList>li ul li:nth-child(2) {
    font-weight: 400;
    margin-bottom: 15px
}

.EmissionsSpecifications .imageList>li ul li:nth-child(3),
.VehicleSpecificationsV2 .imageList>li ul li:nth-child(3) {
    margin-bottom: 12px;
    font-weight: 400
}

.EmissionsSpecifications .imageList>li:nth-child(4n+1),
.VehicleSpecificationsV2 .imageList>li:nth-child(4n+1) {
    clear: both
}

.EmissionsSpecifications .imageList+.bulletedColumns div,
.VehicleSpecificationsV2 .imageList+.bulletedColumns div {
    border-top: 0
}

.EmissionsSpecifications caption+.ResponsiveTableContainer .responsiveTableArrow,
.EmissionsSpecifications h2 .responsiveTableArrow,
.EmissionsSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow,
.EmissionsSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecificationsV2 caption+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecificationsV2 h2 .responsiveTableArrow,
.VehicleSpecificationsV2 h3+.ResponsiveTableContainer .responsiveTableArrow,
.VehicleSpecificationsV2 h4+.ResponsiveTableContainer .responsiveTableArrow {
    margin-top: -21px
}

.EmissionsSpecifications caption+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.EmissionsSpecifications h2 .responsiveTableArrow.bottom,
.EmissionsSpecifications h3+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.EmissionsSpecifications h4+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecificationsV2 caption+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecificationsV2 h2 .responsiveTableArrow.bottom,
.VehicleSpecificationsV2 h3+.ResponsiveTableContainer .responsiveTableArrow.bottom,
.VehicleSpecificationsV2 h4+.ResponsiveTableContainer .responsiveTableArrow.bottom {
    margin-top: 5px
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle,
#landrover .VehicleSpecificationsV2 .primaryLinkWithStyle {
    background-color: #0c121c;
    color: #fff
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle:hover,
#landrover .VehicleSpecificationsV2 .primaryLinkWithStyle:hover {
    background-color: #fff;
    color: #0c121c
}

#landrover .EmissionsSpecifications .primaryLinkWithStyle.disabled:hover,
#landrover .VehicleSpecificationsV2 .primaryLinkWithStyle.disabled:hover {
    background-color: #0c121c;
    color: #fff
}

#landrover.focusStylesOn .EmissionsSpecifications .primaryLinkWithStyle:focus,
#landrover.focusStylesOn .VehicleSpecificationsV2 .primaryLinkWithStyle:focus {
    background-color: #fff;
    color: #0c121c
}

#landrover.focusStylesOn .EmissionsSpecifications .primaryLinkWithStyle.disabled:focus,
#landrover.focusStylesOn .VehicleSpecificationsV2 .primaryLinkWithStyle.disabled:focus {
    background-color: #0c121c;
    color: #fff
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EmissionsSpecifications .modelIcons,
    .VehicleSpecificationsV2 .modelIcons {
        margin: -20px 0 50px
    }
    .EmissionsSpecifications .modelIcon,
    .VehicleSpecificationsV2 .modelIcon {
        width: 80px;
        height: 36px
    }
    .no-js .EmissionsSpecifications .specDetails,
    .no-js .VehicleSpecificationsV2 .specDetails {
        padding-top: 20px
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList,
    .VehicleSpecificationsV2 .specDetails .bulletedColumns .bulletedList {
        display: block;
        width: 100%
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList>li ul li,
    .VehicleSpecificationsV2 .specDetails .bulletedColumns .bulletedList>li ul li {
        margin-bottom: 6px
    }
    .EmissionsSpecifications .specDetails .bulletedColumns .bulletedList>li ul li:first-child,
    .VehicleSpecificationsV2 .specDetails .bulletedColumns .bulletedList>li ul li:first-child {
        margin-top: 0
    }
    .EmissionsSpecifications .specDetails>ul>li,
    .VehicleSpecificationsV2 .specDetails>ul>li {
        font-size: 16px
    }
    .EmissionsSpecifications .specDetails>ul>li>div caption+.bulletedColumns .bulletedList li:first-child,
    .EmissionsSpecifications .specDetails>ul>li>div h2,
    .VehicleSpecificationsV2 .specDetails>ul>li>div caption+.bulletedColumns .bulletedList li:first-child,
    .VehicleSpecificationsV2 .specDetails>ul>li>div h2 {
        margin-top: 18px
    }
    .EmissionsSpecifications .specDetails>ul>li>div caption+.bulletedColumns .bulletedList:first-child li:first-child,
    .EmissionsSpecifications .specDetails>ul>li>div h2,
    .VehicleSpecificationsV2 .specDetails>ul>li>div caption+.bulletedColumns .bulletedList:first-child li:first-child,
    .VehicleSpecificationsV2 .specDetails>ul>li>div h2 {
        margin-top: 0
    }
    .EmissionsSpecifications .imageList>li,
    .VehicleSpecificationsV2 .imageList>li {
        width: 50%
    }
    .EmissionsSpecifications .imageList>li:nth-child(odd),
    .VehicleSpecificationsV2 .imageList>li:nth-child(odd) {
        clear: both
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .DropdownNav,
    .VehicleSpecificationsV2 .DropdownNav {
        max-width: none
    }
    .EmissionsSpecifications .backToTop,
    .EmissionsSpecifications .modelIcons,
    .EmissionsSpecifications .openAll,
    .VehicleSpecificationsV2 .backToTop,
    .VehicleSpecificationsV2 .modelIcons,
    .VehicleSpecificationsV2 .openAll {
        display: none
    }
    .EmissionsSpecifications .yourModel,
    .VehicleSpecificationsV2 .yourModel {
        min-height: 0
    }
    .EmissionsSpecifications .yourModel .headerBlock,
    .VehicleSpecificationsV2 .yourModel .headerBlock {
        margin: 20px 0 50px
    }
    .EmissionsSpecifications .yourModel .modelBodyStyleWrapper,
    .VehicleSpecificationsV2 .yourModel .modelBodyStyleWrapper {
        padding-top: 24px
    }
    .EmissionsSpecifications .yourModel .vehicleSpecificationsHeader,
    .VehicleSpecificationsV2 .yourModel .vehicleSpecificationsHeader {
        display: none
    }
    .EmissionsSpecifications .yourModel .mobileWrapper,
    .VehicleSpecificationsV2 .yourModel .mobileWrapper {
        position: relative
    }
    .EmissionsSpecifications .yourModel .primaryHeading,
    .VehicleSpecificationsV2 .yourModel .primaryHeading {
        margin: 0
    }
    .EmissionsSpecifications .yourModel .vehicleNameHeaderMobile,
    .VehicleSpecificationsV2 .yourModel .vehicleNameHeaderMobile {
        position: relative;
        padding: 50px 0;
        z-index: 1
    }
    .EmissionsSpecifications .yourModel .DropdownNav[style],
    .VehicleSpecificationsV2 .yourModel .DropdownNav[style] {
        position: static!important
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications .yourModel .engineWrapper,
    .EmissionsSpecifications .yourModel .modelWrapper,
    .VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .VehicleSpecificationsV2 .yourModel .engineWrapper,
    .VehicleSpecificationsV2 .yourModel .modelWrapper {
        width: 100%;
        float: none
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications .yourModel .engineWrapper .inner,
    .EmissionsSpecifications .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 0
    }
    .EmissionsSpecifications .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications .yourModel .modelWrapper,
    .VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .VehicleSpecificationsV2 .yourModel .modelWrapper {
        margin-bottom: 20px
    }
    .EmissionsSpecifications .yourModel.onlyModel .contentWrapper,
    .VehicleSpecificationsV2 .yourModel.onlyModel .contentWrapper {
        position: relative
    }
    .EmissionsSpecifications .yourModel.onlyModel .DropdownNav,
    .VehicleSpecificationsV2 .yourModel.onlyModel .DropdownNav {
        width: 100%;
        max-width: 100%
    }
    .EmissionsSpecifications .yourModel .inner,
    .EmissionsSpecifications .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .inner,
    .VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        display: block;
        width: auto;
        float: none
    }
    .EmissionsSpecifications .price,
    .VehicleSpecificationsV2 .price {
        margin-top: 12px
    }
    .EmissionsSpecifications .specDetails,
    .VehicleSpecificationsV2 .specDetails {
        margin-left: -30px;
        margin-right: -30px
    }
    .EmissionsSpecifications .specDetails>ul>li,
    .VehicleSpecificationsV2 .specDetails>ul>li {
        font-size: 12px
    }
    .EmissionsSpecifications .specDetails>ul>li>a,
    .VehicleSpecificationsV2 .specDetails>ul>li>a {
        padding: 16px 30px
    }
    .EmissionsSpecifications .specDetails>ul>li>a:after,
    .VehicleSpecificationsV2 .specDetails>ul>li>a:after {
        right: 10px;
        top: 15px;
        font-size: 15px
    }
    .EmissionsSpecifications .specDetails>ul>li>div,
    .VehicleSpecificationsV2 .specDetails>ul>li>div {
        padding: 0
    }
    .EmissionsSpecifications .specDetails>ul>li>div caption,
    .EmissionsSpecifications .specDetails>ul>li>div h2,
    .VehicleSpecificationsV2 .specDetails>ul>li>div caption,
    .VehicleSpecificationsV2 .specDetails>ul>li>div h2 {
        margin: 30px 0
    }
    .EmissionsSpecifications .specDetails>ul>li>div .ResponsiveTableContainer,
    .VehicleSpecificationsV2 .specDetails>ul>li>div .ResponsiveTableContainer {
        margin-top: 30px
    }
    .EmissionsSpecifications .imageList>li,
    .VehicleSpecificationsV2 .imageList>li {
        width: 100%
    }
    .EmissionsSpecifications .imageList>li div img,
    .VehicleSpecificationsV2 .imageList>li div img {
        max-width: 245px
    }
    .EmissionsSpecifications .price,
    .VehicleSpecificationsV2 .price {
        margin-bottom: 20px
    }
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .DropdownNav>span,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .DropdownNav>span {
    display: table
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .dataTableContainer {
    opacity: 1;
    transition: .5s
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer.loading,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .dataTableContainer.loading {
    opacity: .3
}

.EmissionsSpecifications.VehicleSpecificationsV2 .dataTableContainer>div .GridListWrapper:not(:first-child),
.VehicleSpecificationsV2.VehicleSpecificationsV2 .dataTableContainer>div .GridListWrapper:not(:first-child) {
    padding-top: 0
}

.EmissionsSpecifications.VehicleSpecificationsV2 .specDetails>ul>li>div,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .specDetails>ul>li>div {
    height: 0;
    opacity: 1;
    transition: height .5s;
    overflow: hidden
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel {
    background-size: cover;
    background-position: 50%
}

@media screen and (min-width:741px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .bodyStyleWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .engineWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel[data-count="2"] .modelWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel[data-count="2"] .bodyStyleWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel[data-count="2"] .engineWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel[data-count="2"] .modelWrapper {
        width: 50%
    }
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .mobileWrapper {
    background-size: cover;
    background-position: 50%
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper {
    float: left
}

.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
.EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
.VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
    float: none;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1180px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 230px
    }
}

@media (max-width:780px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 200px
    }
}

@media screen and (min-width:741px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .mobileWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .mobileWrapper {
        background-image: none!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel {
        background-image: none!important
    }
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper {
        width: 100%;
        float: none
    }
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .EmissionsSpecifications.VehicleSpecificationsV2 .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecificationsV2.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        width: 100%
    }
}

.vehicleSpecificationsOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.InPageVehicleSpecifications .yourModel {
    min-height: 0;
    background-color: transparent
}

.InPageVehicleSpecifications .yourModel .headerBlock {
    margin-bottom: 0
}

.InPageVehicleSpecifications .yourModel .imageWrap,
.InPageVehicleSpecifications .yourModel .imageWrapMobile {
    display: none
}

.InPageVehicleSpecifications .yourModel .bodyStyleWrapper {
    float: none;
    width: 100%
}

.InPageVehicleSpecifications .yourModel .bodyStyleWrapper .inner {
    float: none;
    margin: 0 auto;
    min-height: 115px
}

.InPageVehicleSpecifications .modelBodyStyleWrapper,
.InPageVehicleSpecifications .specHeaderPriceHeaderBlock {
    display: none
}

.InPageVehicleSpecifications+.InPageVehicleSpecifications .yourModel .mobileWrapper .shelfComponent {
    padding-top: 0
}

@media screen and (min-width:1px) and (max-width:740px) {
    .InPageVehicleSpecifications+.InPageVehicleSpecifications .yourModel .mobileWrapper .shelfComponent {
        padding-top: 21px
    }
}

.EmissionsSpecifications,
.VehicleSpecificationsV2 {
    color: #4a4f54;
    background-color: #e4e8e8
}

.EmissionsSpecifications .backToTop,
.EmissionsSpecifications .openAll,
.VehicleSpecificationsV2 .backToTop,
.VehicleSpecificationsV2 .openAll {
    color: #4a4f54
}

.EmissionsSpecifications .backToTop:hover,
.EmissionsSpecifications .openAll:hover,
.VehicleSpecificationsV2 .backToTop:hover,
.VehicleSpecificationsV2 .openAll:hover {
    color: #0c121c
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .modelBodyStyleWrapper .selectBodyStyle,
    .EmissionsSpecifications .modelBodyStyleWrapper .selectEngine,
    .EmissionsSpecifications .modelBodyStyleWrapper .selectModel,
    .VehicleSpecificationsV2 .modelBodyStyleWrapper .selectBodyStyle,
    .VehicleSpecificationsV2 .modelBodyStyleWrapper .selectEngine,
    .VehicleSpecificationsV2 .modelBodyStyleWrapper .selectModel {
        color: #4a4f54
    }
}

.EmissionsSpecifications .selectedEngine,
.VehicleSpecificationsV2 .selectedEngine {
    display: none
}

.EmissionsSpecifications .yourModel,
.VehicleSpecificationsV2 .yourModel {
    color: #fff
}

.EmissionsSpecifications .yourModel .bodyStyleWrapper,
.EmissionsSpecifications .yourModel .engineWrapper,
.EmissionsSpecifications .yourModel .modelWrapper,
.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper,
.VehicleSpecificationsV2 .yourModel .engineWrapper,
.VehicleSpecificationsV2 .yourModel .modelWrapper {
    width: 33.333%;
    float: left
}

.EmissionsSpecifications .yourModel .bodyStyleWrapper .inner,
.EmissionsSpecifications .yourModel .engineWrapper .inner,
.EmissionsSpecifications .yourModel .modelWrapper .inner,
.VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
.VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
.VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 53px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmissionsSpecifications .yourModel .bodyStyleWrapper .inner,
    .EmissionsSpecifications .yourModel .engineWrapper .inner,
    .EmissionsSpecifications .yourModel .modelWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .bodyStyleWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .engineWrapper .inner,
    .VehicleSpecificationsV2 .yourModel .modelWrapper .inner {
        padding: 0
    }
}

.EmissionsSpecifications .yourModel .DropDownNav,
.VehicleSpecificationsV2 .yourModel .DropDownNav {
    font-size: 13px
}

.EmissionsSpecifications .yourModel .DropDownNav .selected:focus,
.EmissionsSpecifications .yourModel .DropDownNav .selected:hover,
.VehicleSpecificationsV2 .yourModel .DropDownNav .selected:focus,
.VehicleSpecificationsV2 .yourModel .DropDownNav .selected:hover {
    background-color: #383b3f
}

.EmissionsSpecifications .yourModel .contentWrapper p,
.VehicleSpecificationsV2 .yourModel .contentWrapper p {
    color: #fff
}

.EmissionsSpecifications .specDetails>ul>li caption,
.EmissionsSpecifications .specDetails>ul>li h2,
.VehicleSpecificationsV2 .specDetails>ul>li caption,
.VehicleSpecificationsV2 .specDetails>ul>li h2 {
    font-size: 18px
}

.EmissionsSpecifications .specDetails>ul>li caption,
.VehicleSpecificationsV2 .specDetails>ul>li caption {
    line-height: 1;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 700
}

.EmissionsSpecifications .specDetails>ul>li>a,
.VehicleSpecificationsV2 .specDetails>ul>li>a {
    color: #e4e8e8;
    border-bottom: 1px solid #5c6165;
    background-color: #4a4f54;
    letter-spacing: 1px;
    letter-spacing: .1rem;
    font-weight: 500
}

.EmissionsSpecifications .specDetails>ul>li>a:hover,
.VehicleSpecificationsV2 .specDetails>ul>li>a:hover {
    background-color: #4a4f54;
    background-image: none
}

.EmissionsSpecifications .specDetails>ul>li>a:after,
.VehicleSpecificationsV2 .specDetails>ul>li>a:after {
    color: #e4e8e8
}

.EmissionsSpecifications .specDetails>ul>li>div,
.VehicleSpecificationsV2 .specDetails>ul>li>div {
    background: #fff
}

.EmissionsSpecifications .specDetails>ul>li>div caption,
.EmissionsSpecifications .specDetails>ul>li>div h2,
.EmissionsSpecifications .specDetails>ul>li>div p,
.VehicleSpecificationsV2 .specDetails>ul>li>div caption,
.VehicleSpecificationsV2 .specDetails>ul>li>div h2,
.VehicleSpecificationsV2 .specDetails>ul>li>div p {
    color: #4a4f54
}

.EmissionsSpecifications .specDetails>ul>li.active>a,
.VehicleSpecificationsV2 .specDetails>ul>li.active>a {
    background-color: #4a4f54;
    background-image: none
}

.EmissionsSpecifications .imageListKey ul li:before,
.VehicleSpecificationsV2 .imageListKey ul li:before {
    color: #e4e8e8
}

.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecificationsV2 .imageListKey ul li.standard:before {
    content: ""
}

.EmissionsSpecifications .imageListKey ul li.optional:before,
.EmissionsSpecifications .imageListKey ul li.standard:before,
.VehicleSpecificationsV2 .imageListKey ul li.optional:before,
.VehicleSpecificationsV2 .imageListKey ul li.standard:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageListKey ul li.optional:before,
.VehicleSpecificationsV2 .imageListKey ul li.optional:before {
    content: ""
}

.EmissionsSpecifications .imageListKey ul li.nocostoption:before,
.VehicleSpecificationsV2 .imageListKey ul li.nocostoption:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.EmissionsSpecifications .imageList>li span,
.VehicleSpecificationsV2 .imageList>li span {
    color: #4a4f54
}

.EmissionsSpecifications .imageList>li span:after,
.VehicleSpecificationsV2 .imageList>li span:after {
    color: #e4e8e8
}

#landrover .VehicleSpecificationsV2 .primaryLinkWithStyle {
    margin-top: 80px
}

@media screen and (min-width:1px) and (max-width:900px) {
    #landrover .VehicleSpecificationsV2 .primaryLinkWithStyle {
        margin-top: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    #landrover .VehicleSpecificationsV2 .primaryLinkWithStyle {
        margin-top: 30px
    }
}

.vehicleSpecificationsOverlay {
    background: #e4e8e8
}

.InPageVehicleSpecifications {
    background-color: #e4e8e8
}

.InPageVehicleSpecifications .primaryHeading {
    color: #0c121c
}

.InPageVehicleSpecifications .primaryHeading .headingWrapper:after,
.InPageVehicleSpecifications .primaryHeading .headingWrapper:before {
    background-color: #0c121c
}

.VehicleSummary {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 70px
}

.VehicleSummary .VehicleSummary__image {
    position: absolute;
    height: 100%;
    left: 33.33%;
    right: -70px;
    padding-left: 20px
}

.VehicleSummary .VehicleSummary__image>span {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: cover
}

.VehicleSummary .VehicleSummary__image div {
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    background-size: cover
}

.VehicleSummary .BazaarVoiceRating {
    margin: 39px 0 24px
}

.VehicleSummary .summaryItemList+.BazaarVoiceRating {
    padding-top: 15px;
    margin-top: 0
}

.VehicleSummary .VehicleSummary__content {
    padding: 60px 20px;
    width: 33.33%;
    position: relative
}

.VehicleSummary .VehicleSummary__content p {
    margin-top: 3px
}

.VehicleSummary .VehicleSummary__header {
    margin-bottom: 6px
}

.VehicleSummary .VehicleSummary__price {
    margin-bottom: 18px;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400
}

.VehicleSummary .VehicleSummary__list {
    margin-top: 36px;
    margin-bottom: 24px
}

.VehicleSummary .VehicleSummary__list li {
    margin-bottom: 6px
}

.VehicleSummary .SpecificationsAtAGlance {
    overflow: hidden;
    *zoom: 1;
    text-align: left;
    margin-top: 24px
}

.VehicleSummary .SpecificationsAtAGlance .items {
    margin-right: -12px
}

.VehicleSummary .SpecificationsAtAGlance .el {
    float: left;
    width: 33.333%;
    padding: 0 12px 0 0
}

.VehicleSummary .SpecificationsAtAGlance p {
    margin-top: 0;
    margin-bottom: 0
}

.VehicleSummary .VehicleSummary__feature {
    font-size: 10px;
    color: #e4e8e8;
    margin-bottom: 12px
}

.VehicleSummary .VehicleSummary__measurement {
    margin-bottom: 0;
    border-top: 1px solid #a4a7a9;
    border-bottom: 1px solid #a4a7a9;
    padding: 12px 0
}

.VehicleSummary .VehicleSummary__measurement .valueSmall {
    font-size: 30px;
    padding: 0
}

.VehicleSummary .VehicleSummary__measurement .unitSmall {
    font-size: 16px
}

.VehicleSummary.grey {
    color: #4a4f54
}

.VehicleSummary.grey .SpecificationsAtAGlance .feature,
.VehicleSummary.grey .SpecificationsAtAGlance .items .el .measurement {
    color: #4a4f54;
    border-color: #a4a7a9
}

.VehicleSummary.light {
    color: #4a4f54
}

.VehicleSummary.light .SpecificationsAtAGlance .feature,
.VehicleSummary.light .SpecificationsAtAGlance .items .el .measurement {
    color: #4a4f54;
    border-color: #a4a7a9
}

@media screen and (min-width:1px) and (max-width:1240px) {
    .VehicleSummary .VehicleSummary__image {
        left: 40%
    }
    .VehicleSummary .VehicleSummary__content {
        width: 40%
    }
    .VehicleSummary .VehicleSummary__measurement {
        padding: 6px 0
    }
    .VehicleSummary .VehicleSummary__measurement .valueSmall {
        font-size: 24px
    }
    .VehicleSummary .VehicleSummary__measurement .unitSmall {
        font-size: 14px
    }
    .VehicleSummary .SpecificationsAtAGlance {
        margin-top: 21px
    }
    .VehicleSummary .VehicleSummary__list {
        margin-top: 24px;
        margin-bottom: 12px
    }
    .VehicleSummary .VehicleSummary__feature {
        margin-bottom: 9px
    }
}

@media screen and (min-width:1px) and (max-width:1025px) {
    .VehicleSummary .gridContext {
        min-height: 426px
    }
    .VehicleSummary .VehicleSummary__image {
        width: auto;
        height: 306px;
        right: 20px;
        left: 50%;
        top: 60px
    }
    .VehicleSummary .VehicleSummary__content {
        width: 50%
    }
}

@media screen and (min-width:1px) and (max-width:960px) {
    .VehicleSummary .VehicleSummary__image {
        height: 260px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VehicleSummary {
        padding: 40px
    }
    .VehicleSummary .gridContext {
        min-height: inherit
    }
    .VehicleSummary .VehicleSummary__image {
        top: auto;
        height: 200px;
        right: 0
    }
    .VehicleSummary .VehicleSummary__content {
        width: 50%;
        padding: 0 20px 0 0
    }
}

@media screen and (min-width:1px) and (max-width:800px) {
    .VehicleSummary .VehicleSummary__image {
        width: auto;
        height: 215px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VehicleSummary {
        padding: 30px
    }
    .VehicleSummary .VehicleSummary__image {
        width: 100%;
        position: relative;
        height: 330px;
        left: 0;
        right: auto;
        overflow: hidden;
        padding-left: 0
    }
    .VehicleSummary .VehicleSummary__content {
        width: 100%;
        margin-top: 30px;
        padding: 0
    }
}

@media screen and (min-width:1px) and (max-width:500px) {
    .VehicleSummary .VehicleSummary__image {
        height: 182px
    }
}

@media screen and (min-width:1px) and (max-width:400px) {
    .VehicleSummary .VehicleSummary__content {
        width: 100%;
        margin-top: 30px;
        padding: 0
    }
    .VehicleSummary .SpecificationsAtAGlance {
        margin-top: 36px
    }
    .VehicleSummary .SpecificationsAtAGlance .el {
        float: none;
        width: auto;
        margin-bottom: 24px
    }
    .VehicleSummary .VehicleSummary__feature {
        margin-bottom: 12px
    }
    .VehicleSummary .VehicleSummary__measurement {
        padding: 12px 0
    }
    .VehicleSummary .VehicleSummary__list {
        margin-top: 0
    }
    .VehicleSummary__measurement .valueSmall {
        font-size: 38px
    }
    .VehicleSummary__measurement .unitSmall {
        font-size: 14px
    }
}

#landrover .VehicleSummary .primaryLinkWithStyle {
    margin-top: 15px
}

#landrover .VehicleSummary .secondaryLinkWithStyle {
    margin-right: 10px
}

#landrover .VehicleSummary .secondaryLinkWithStyle:last-child {
    margin-bottom: 20px
}

.VideoPlayer {
    width: 100%;
    position: relative;
    color: #fff
}

.VideoPlayer .playerWrapper {
    overflow: hidden
}

.Gallery .VideoPlayer {
    min-height: calc(100vh - 145px)
}

.VideoPlayer .mejs-poster {
    display: none
}

.VideoPlayer .posterImage {
    display: block;
    width: 100%;
    position: relative
}

.VideoPlayer .posterImage>span {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    background-position: 50% 50%;
    background-size: cover;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc)
}

.VideoPlayer .posterImage>span>span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.VideoPlayer .fallbackImage img,
.VideoPlayer .posterImage img {
    width: 100%;
    height: auto
}

.VideoPlayer video {
    visibility: hidden;
    vertical-align: top
}

.VideoPlayer videoplaceholder {
    display: none
}

.VideoPlayer .mejs-video {
    margin: auto;
    position: relative;
    cursor: pointer
}

.VideoPlayer .mejs-video object,
.VideoPlayer .mejs-video video {
    cursor: pointer
}

.VideoPlayer .mejs-cannotplay {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

.VideoPlayer .mejs-cannotplay>span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.VideoPlayer .mejs-controls {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px
}

.VideoPlayer .mejs-controls>div {
    float: left
}

.VideoPlayer .mejs-controls .mejs-button button {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: center;
    font-size: 20px;
    transition: color .4s;
    background-color: transparent;
    border: 0
}

.VideoPlayer .mejs-controls .mejs-button button:hover {
    color: #fff
}

.VideoPlayer .mejs-controls .mejs-captions-button button {
    border-left: 1px solid #30363e;
    font-size: 19px;
    padding-top: 1px
}

.VideoPlayer .mejs-controls .mejs-captions-button button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button {
    color: #fff
}

.VideoPlayer .mejs-controls .mejs-captions-button.mejs-captions-enabled button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer .mejs-controls .mejs-volume-button {
    position: relative
}

.VideoPlayer .mejs-controls .mejs-volume-button button {
    font-size: 19px;
    padding-bottom: 5px
}

.VideoPlayer .mejs-controls .mejs-volume-button button:before {
    content: ""
}

.VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button:before,
.VideoPlayer .mejs-controls .mejs-volume-button button:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer .mejs-controls .mejs-volume-button.mejs-unmute button:before {
    content: ""
}

.VideoPlayer .mejs-controls .mejs-fullscreen-button button {
    padding-bottom: 2px
}

.VideoPlayer .mejs-controls .mejs-fullscreen-button button:before {
    content: ""
}

.VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before,
.VideoPlayer .mejs-controls .mejs-fullscreen-button button:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer .mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button:before {
    content: ""
}

.VideoPlayer .mejs-captions-button .mejs-captions-selector {
    display: none!important
}

.VideoPlayer .mejs-captions-layer .mejs-captions-position {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    text-align: center
}

.VideoPlayer .mejs-captions-layer .mejs-captions-position .mejs-captions-text {
    padding: 10px;
    background-color: rgba(12, 18, 28, .25);
    color: #fff
}

.VideoPlayer .mejs-captions-layer .mejs-captions-position.mejs-captions-position-hover {
    bottom: 65px
}

.VideoPlayer .mejs-volume-slider {
    display: none;
    width: 50px;
    height: 140px;
    position: absolute;
    top: -140px;
    left: 0;
    z-index: 1;
    background-color: #0c121c
}

.VideoPlayer .mejs-volume-slider .mejs-volume-current,
.VideoPlayer .mejs-volume-slider .mejs-volume-total {
    width: 4px;
    position: absolute;
    left: 23px
}

.VideoPlayer .mejs-volume-slider .mejs-volume-total {
    height: 100px;
    top: 20px;
    background-color: #4a4f54
}

.VideoPlayer .mejs-volume-slider .mejs-volume-current {
    background-color: #005a2b
}

.VideoPlayer .mejs-volume-slider .mejs-volume-handle {
    width: 10px;
    height: 8px;
    position: absolute;
    left: 20px;
    background-color: #fff;
    cursor: ns-resize
}

.VideoPlayer .mejs-time-rail {
    height: 50px;
    padding-left: 20px;
    padding-right: 20px
}

.VideoPlayer .mejs-time-rail>span {
    display: block
}

.VideoPlayer .mejs-time-rail .mejs-time-total {
    height: 4px;
    position: relative;
    box-sizing: content-box
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-current,
.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-loaded {
    height: 4px;
    position: absolute
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-handle {
    display: none
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-float {
    display: none;
    position: absolute;
    top: -19px;
    margin-left: -20px
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-current {
    display: block;
    width: 40px;
    line-height: 15px;
    font-size: 11px;
    text-align: center;
    background-color: #fff;
    color: #0c121c
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-corner {
    display: block;
    width: 0;
    height: 0;
    position: relative;
    left: 16px;
    border-width: 4px;
    border-style: solid;
    border-color: #fff transparent transparent
}

.VideoPlayer .mejs-time {
    padding-right: 20px;
    line-height: 50px;
    font-size: 11px
}

.VideoPlayer .mejs-time span:first-child+span {
    display: none
}

.VideoPlayer .mejs-time .mejs-duration:before {
    content: "/";
    padding-left: 4px;
    padding-right: 4px
}

.VideoPlayer .mejs-clear {
    clear: both
}

.VideoPlayer .mejs-fullscreen {
    overflow: hidden!important
}

.VideoPlayer .mejs-container-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1000
}

.VideoPlayer .mejs-container-fullscreen .mejs-inner,
.VideoPlayer .mejs-container-fullscreen .mejs-mediaelement,
.VideoPlayer .mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:700px) {
    .VideoPlayer .mejs-container-fullscreen .mejs-inner,
    .VideoPlayer .mejs-container-fullscreen .mejs-mediaelement,
    .VideoPlayer .mejs-container-fullscreen video {
        margin: auto 0
    }
}

.VideoPlayer.paused .mediaOverlay {
    display: none
}

.VideoPlayer.finished .mediaOverlay {
    display: block
}

.VideoPlayer.finished .mejs-controls {
    left: -99999px
}

.VideoPlayer.finished .mejs-captions-layer {
    display: none!important
}

.VideoPlayer[data-audio=false] .mejs-controls .mejs-volume-button button {
    cursor: default
}

.VideoPlayer[data-audio=false] .mejs-controls .mejs-volume-button button:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer[data-audio=false] .mejs-controls .mejs-volume-button button:hover {
    color: #4a4f54
}

.VideoPlayer[data-audio=false] .mejs-volume-slider {
    display: none!important
}

.lt-ie9 .VideoPlayer .mejs-controls .mejs-button button {
    background: transparent
}

.lt-ie9 .VideoPlayer .mejs-controls .mejs-button button:before {
    display: inline;
    position: static
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VideoPlayer .mejs-video {
        width: 100%!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VideoPlayer .mejs-controls .mejs-button button {
        width: 40px;
        height: 40px
    }
    .VideoPlayer .mejs-captions-layer .mejs-captions-position.mejs-captions-position-hover {
        bottom: 55px
    }
    .VideoPlayer .mejs-volume-slider {
        width: 40px
    }
    .VideoPlayer .mejs-volume-slider .mejs-volume-current,
    .VideoPlayer .mejs-volume-slider .mejs-volume-total {
        left: 18px
    }
    .VideoPlayer .mejs-volume-slider .mejs-volume-handle {
        left: 15px
    }
    .VideoPlayer .mejs-time-rail {
        height: 40px;
        padding-left: 10px;
        padding-right: 10px
    }
    .VideoPlayer .mejs-time-rail .mejs-time-total {
        border-top-width: 18px;
        border-bottom-width: 18px
    }
    .VideoPlayer .mejs-time {
        line-height: 40px;
        padding-right: 10px
    }
}

.no-js .VideoPlayer {
    visibility: visible
}

.no-js .VideoPlayer .fallbackImage {
    display: none
}

.VideoPlayer .mejs-controls {
    background-color: #0c121c
}

.VideoPlayer .mejs-controls .mejs-button button {
    color: #4a4f54
}

.VideoPlayer .mejs-controls .mejs-playpause-button button {
    border-right: 1px solid #30363e
}

.VideoPlayer .mejs-controls .mejs-playpause-button button:before {
    content: ""
}

.VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button:before,
.VideoPlayer .mejs-controls .mejs-playpause-button button:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.VideoPlayer .mejs-controls .mejs-playpause-button.mejs-pause button:before {
    content: ""
}

.VideoPlayer .mejs-controls .mejs-fullscreen-button button,
.VideoPlayer .mejs-controls .mejs-volume-button button {
    border-left: 1px solid #30363e
}

.VideoPlayer .mejs-time .mejs-duration {
    color: #5c6165
}

.VideoPlayer .mejs-time-rail .mejs-time-total {
    background-color: #4a4f54;
    border-top: 23px solid #0c121c;
    border-bottom: 23px solid #0c121c
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VideoPlayer .mejs-time-rail .mejs-time-total {
        border-top-width: 18px;
        border-bottom-width: 18px
    }
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-current {
    background-color: #005a2b
}

.VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-loaded {
    background-color: #a4a7a9
}

.VideoPlayerGalleryAsset .VideoPlayer {
    padding: 80px 90px
}

.VideoPlayerGalleryAsset .VideoPlayer .playerWrapper {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VideoPlayerGalleryAsset .VideoPlayer {
        padding: 0
    }
}

.VideoThumbnails .videoThumbnail {
    position: relative;
    width: 33.333%;
    float: left;
    padding: 0 20px 40px
}

.VideoThumbnails .videoThumbnail .videoThumbnailFooter {
    padding-top: 32px;
    position: relative
}

.VideoThumbnails .videoThumbnail .videoThumbnailFooter .videoThumbnailTime {
    letter-spacing: .02em;
    font-family: avenir, arial, helvetica, sans-serif;
    padding-bottom: 11px;
    font-size: 12px
}

.VideoThumbnails .imageLink {
    position: relative;
    display: block;
    text-decoration: none
}

.VideoThumbnails .videoThumbnailImage {
    width: 100%;
    height: auto;
    vertical-align: top
}

.VideoThumbnails .videoThumbnailHeading {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 21.333px;
    font-family: lr_ot4, arial, helvetica, sans-serif
}

.VideoThumbnails .addThisMenu {
    display: none;
    height: 40px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    border-top: 1px solid #5c6165;
    width: 100%;
    float: none
}

.VideoThumbnails .addThisMenu>a {
    display: table;
    z-index: 2;
    background-color: transparent
}

.VideoThumbnails .addThisMenu>a>span {
    height: 40px;
    width: 40px;
    line-height: 36px;
    border-right: 1px solid #5c6165;
    border-left: none;
    background-color: #4a4f54
}

.VideoThumbnails .addThisMenu .SocialSharing {
    top: 0!important;
    left: -100px;
    width: auto;
    max-width: 200px;
    float: left;
    z-index: 1
}

.VideoThumbnails .addThisMenu .SocialSharing a {
    border: none;
    width: 40px;
    height: 40px;
    display: block;
    float: left
}

.VideoThumbnails .addThisMenu .SocialSharing a span {
    width: 40px;
    height: 40px;
    font-size: 16px
}

.VideoThumbnails .addThisMenu .SocialSharing a span:before {
    margin-top: -37px
}

.VideoThumbnails .addThisMenu.open>a>span {
    background-image: none;
    background-color: #000
}

.VideoThumbnails .addThisMenu.open .addthis_button_facebook,
.VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share,
.VideoThumbnails .addThisMenu.open .addthis_button_instagram,
.VideoThumbnails .addThisMenu.open .addthis_button_linkedin,
.VideoThumbnails .addThisMenu.open .addthis_button_pinterest,
.VideoThumbnails .addThisMenu.open .addthis_button_tumblr,
.VideoThumbnails .addThisMenu.open .addthis_button_twitter {
    background-color: #000
}

.VideoThumbnails .addThisMenu.open .addthis_button_facebook :before,
.VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share :before,
.VideoThumbnails .addThisMenu.open .addthis_button_instagram :before,
.VideoThumbnails .addThisMenu.open .addthis_button_linkedin :before,
.VideoThumbnails .addThisMenu.open .addthis_button_pinterest :before,
.VideoThumbnails .addThisMenu.open .addthis_button_tumblr :before,
.VideoThumbnails .addThisMenu.open .addthis_button_twitter :before {
    font-size: 16px
}

.VideoThumbnails .addThisMenu.open .addthis_button_tumblr :hover {
    background-color: #2f5070
}

.VideoThumbnails .addThisMenu.open .addthis_button_tumblr :before {
    margin-top: -36px
}

.VideoThumbnails .addThisMenu.open .addthis_button_facebook :hover {
    background-color: #305891
}

.VideoThumbnails .addThisMenu.open .addthis_button_facebook :before {
    margin-top: -38px
}

.VideoThumbnails .addThisMenu.open .addthis_button_twitter :hover {
    background-color: #2ca8d2
}

.VideoThumbnails .addThisMenu.open .addthis_button_twitter :before {
    margin-top: -40px;
    padding-top: 5px
}

.VideoThumbnails .addThisMenu.open .addthis_button_linkedin :hover {
    background-color: #007bb6
}

.VideoThumbnails .addThisMenu.open .addthis_button_linkedin :before {
    margin-top: -37px
}

.VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share :hover {
    background-color: #dd4b39
}

.VideoThumbnails .addThisMenu.open .addthis_button_google_plusone_share :before {
    margin-top: -36px
}

.VideoThumbnails .addThisMenu.open .addthis_button_pinterest :hover {
    background-color: #c82828
}

.VideoThumbnails .addThisMenu.open .addthis_button_instagram :hover {
    background-color: #406e95
}

.VideoThumbnails .addThisMenu.open .SocialSharing {
    left: 40px!important
}

html.lt-ie9 .VideoThumbnails .videoThumbnailImage {
    position: relative;
    z-index: -1
}

@media screen and (min-width:1051px) {
    .VideoThumbnails .videoThumbnail:nth-child(3n+1) {
        clear: both
    }
}

@media screen and (min-width:1px) and (max-width:1050px) {
    .VideoThumbnails .videoThumbnail {
        width: 50%
    }
    .VideoThumbnails .videoThumbnail:nth-child(odd) {
        clear: both
    }
    .VideoThumbnails .imageLink:before {
        font-size: 30px;
        line-height: 60px;
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        padding-top: 0
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VideoThumbnails .addThisMenu {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VideoThumbnails .videoThumbnail {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .VideoThumbnails .videoThumbnail .videoThumbnailFooter {
        padding-top: 21.333px
    }
}

.VideoWithText {
    position: relative
}

.VideoWithText .videoCover {
    z-index: 1;
    width: 100%
}

.VideoWithText .videoContainer .VideoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.VideoWithText .videoContainer .VideoPlayer video {
    visibility: visible;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
    position: absolute;
    top: -25%;
    height: auto
}

.VideoWithText .videoContainer .VideoPlayer video::-webkit-media-controls,
.VideoWithText .videoContainer .VideoPlayer video::-webkit-media-controls-start-playback-button {
    display: none
}

.VideoWithText .videoContainer .VideoPlayer .playerWrapper .mejs-video .mejs-controls,
.VideoWithText .videoContainer .VideoPlayer .playerWrapper .mejs-video .mejs-overlay-play {
    display: none!important
}

.VideoWithText .videoContainer .VideoPlayer .playerWrapper .posterImage {
    display: none;
    position: absolute;
    top: 0
}

.VideoWithText .videoContainer>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover
}

.VideoWithText .videoContainer .VideoPlayer+span {
    z-index: -1
}

.ie .VideoWithText .videoContainer .VideoPlayer+span,
.ms-edge .VideoWithText .videoContainer .VideoPlayer+span {
    z-index: 0
}

.VideoWithText .videoContainer .videoOverlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.VideoWithText .ctaContainer {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s, visibility .5s;
    width: 100%;
    position: absolute;
    z-index: 2;
    top: calc(50% - 22.5px);
    margin-top: 0
}

.VideoWithText .ctaContainer.videoPlaying {
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s, visibility .5s
}

.no-js .VideoWithText {
    height: 768px;
    background: #fff
}

.no-js .VideoWithText .noJsText {
    padding-top: 200px
}

.no-js .VideoWithText .videoCover {
    display: none
}

.VinRecall {
    background: #f8f9f9
}

.VinRecall .outerContainer {
    padding: 80px 90px;
    width: 75%
}

.VinRecall .responseInvalid,
.VinRecall .responseNoResults,
.VinRecall .responseProblem,
.VinRecall .responses,
.VinRecall .results,
.VinRecall .resultsTemplate,
.VinRecall .vinError,
.VinRecall .vinInfo {
    display: none
}

.VinRecall .search .vinInputs {
    padding: 40px 0 0;
    position: relative
}

.VinRecall .search .textfield {
    max-width: 350px;
    float: left;
    margin-right: 20px
}

.VinRecall .search .searchButton {
    float: left
}

.VinRecall .search .vinInfo {
    max-width: 495px;
    padding: 0
}

.VinRecall .search .vinInfo p {
    padding: 0 0 16px
}

.VinRecall .search .vinInfo p:last-of-type {
    padding-bottom: 0
}

.VinRecall .search .vinInfo p:first-of-type {
    padding-top: 40px
}

.VinRecall .search .vinLink {
    display: block;
    margin-top: 28px;
    padding-left: 0
}

.VinRecall .search .vinLink:before {
    display: none
}

.VinRecall .search .vinLink:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    color: #4a4f54;
    font-size: 9px;
    position: relative;
    padding-left: 4px;
    top: -2px
}

.VinRecall .search .vinLink.active:after {
    content: ""
}

.VinRecall .search .responseInvalid {
    padding: 20px 0 0
}

.VinRecall .search .responseInvalid .heading {
    padding-top: 20px
}

.VinRecall .search .responseInvalid h3,
.VinRecall .search .responseInvalid p {
    color: #f2681d
}

.VinRecall .headerBlock {
    margin-bottom: 0
}

.VinRecall .results {
    padding: 20px 0
}

.VinRecall .results dl {
    padding: 20px 0;
    margin: 0
}

.VinRecall .results dl .heading {
    line-height: 1;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-weight: 700;
    color: #0c121c;
    padding-bottom: 16px
}

.VinRecall .headings {
    padding: 0 0 20px
}

.VinRecall .headings p {
    padding-bottom: 16px
}

.VinRecall .responses,
.VinRecall .results {
    padding: 20px 0
}

.VinRecall .leftAlign {
    text-align: left
}

.VinRecall .paddingTop {
    padding-top: 40px
}

.VinRecall .paddingBottom {
    padding-bottom: 40px
}

.VinRecall strong {
    font-weight: 800
}

.VinRecall .footer,
.VinRecall .jsFooter {
    padding-bottom: 20px
}

.VinRecall .footer p,
.VinRecall .jsFooter p {
    margin-bottom: 16px
}

.VinRecall .footer p:last-of-type,
.VinRecall .jsFooter p:last-of-type {
    margin-bottom: 0
}

.VinRecall .footer .phonenumber,
.VinRecall .jsFooter .phonenumber {
    color: #000;
    text-decoration: none;
    cursor: default
}

.no-js .VinRecall .results {
    border-top: none;
    margin-top: 0
}

.no-js .VinRecall .search {
    display: table-cell;
    width: 49%
}

.no-js .VinRecall .borderContainer {
    display: table
}

.no-js .VinRecall .yearSelect {
    display: none
}

.no-js .VinRecall .yearSelect.show {
    display: inline!important
}

.no-js .vinInfo {
    display: inherit
}

@media screen and (min-width:1px) and (max-width:900px) {
    .VinRecall .outerContainer {
        width: 100%;
        padding: 40px
    }
    .VinRecall .footer .phonenumber,
    .VinRecall .jsFooter .phonenumber {
        cursor: pointer;
        text-decoration: underline
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .VinRecall .outerContainer {
        padding: 30px
    }
    .VinRecall .search .textfield {
        max-width: none;
        margin: 0;
        width: 100%
    }
    .VinRecall .results dl {
        width: 80%
    }
    #landrover .VinRecall .search .primaryLinkWithStyle {
        width: 100%;
        margin-top: 20px
    }
}

.YouTubeGalleryAsset .YouTubePlayer {
    padding: 80px 90px
}

.YouTubeGalleryAsset .YouTubePlayer .playerWrapper {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1px) and (max-width:900px) {
    .YouTubeGalleryAsset .YouTubePlayer {
        padding: 0
    }
}

.YouTubePlayer .coverImgBtn {
    border: none;
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.YouTubePlayer {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    -webkit-transform-style: preserve-3d
}

.YouTubePlayer .playerWrapper {
    margin: auto;
    position: relative;
    height: 100%;
    z-index: 0
}

.YouTubePlayer a:hover .playButton {
    background-color: #4a4f54
}

.YouTubePlayer .placeholderVideo,
.YouTubePlayer iframe {
    width: 100%;
    height: 100%
}

.YouTubePlayer iframe {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0
}

.YouTubePlayer .playButton {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-color: #000;
    z-index: 3;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    transition: background-color .4s ease
}

.YouTubePlayer .playButton:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    line-height: 100px;
    font-size: 50px;
    margin-left: 19px;
    margin-top: 4px
}

.YouTubePlayer .playerCover {
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    cursor: pointer;
    cursor: hand
}

@media screen and (min-width:1px) and (max-width:900px) {
    .YouTubePlayer .playButton {
        width: 80px;
        height: 80px;
        margin-left: -40px;
        margin-top: -40px
    }
    .YouTubePlayer .playButton:before {
        line-height: 80px;
        font-size: 40px;
        margin-left: 18px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .YouTubePlayer .playButton {
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }
    .YouTubePlayer .playButton:before {
        line-height: 40px;
        font-size: 19px;
        margin-left: 10px;
        margin-top: 2px
    }
}

.mfp-bg--whitened {
    background: hsla(0, 0%, 100%, .9)!important
}

.mfp-iframe-alt-wrap {
    position: relative;
    padding: 50px 30px;
    background-color: #e9ecec;
    box-shadow: 0 3.5px 2.5px -1px rgba(0, 0, 0, .2);
    max-width: 958px;
    margin: 0 auto;
    height: inherit
}

.mfp-close.alt {
    position: absolute;
    top: 13px!important;
    right: 16px!important;
    border: 0;
    font-size: 36px;
    font-weight: 300;
    line-height: .6;
    color: #000;
    width: auto
}

.mfp-close.alt:hover {
    background: none
}

.TripAdvisorWidget {
    padding: 48px 30px;
    text-align: center
}

.TripAdvisorWidget__title {
    margin: 0 0 26px
}

.TripAdvisorWidget__description {
    margin-bottom: 48px;
    max-width: 630px
}

.TripAdvisorWidget__widget>div {
    margin: 0 auto!important;
    max-width: 100%!important
}

.TripAdvisorWidget__widget>img {
    display: none
}

@media screen and (min-width:741px) {
    .TripAdvisorWidget {
        padding: 64px
    }
    .TripAdvisorWidget__title {
        margin-bottom: 32px
    }
    .TripAdvisorWidget__description {
        margin: 0 auto 53px
    }
}

@media screen and (min-width:901px) {
    .TripAdvisorWidget {
        padding: 80px
    }
}

.TripAdvisorWidget[data-theme=Dark] {
    background-color: #4a4f54
}

.TripAdvisorWidget[data-theme=Dark] .TripAdvisorWidget__title {
    color: #fff
}

.TripAdvisorWidget[data-theme=Dark] .TripAdvisorWidget__description {
    color: #e4e8e8
}

.TripAdvisorWidget .TripAdvisorWidget__title,
.TripAdvisorWidget[data-theme=Grey] .TripAdvisorWidget__title,
.TripAdvisorWidget[data-theme=Light] .TripAdvisorWidget__title,
.TripAdvisorWidget[data-theme=White] .TripAdvisorWidget__title {
    color: #0c121c
}

.TripAdvisorWidget .TripAdvisorWidget__description,
.TripAdvisorWidget[data-theme=Grey] .TripAdvisorWidget__description,
.TripAdvisorWidget[data-theme=Light] .TripAdvisorWidget__description,
.TripAdvisorWidget[data-theme=White] .TripAdvisorWidget__description {
    color: #4a4f54
}

.TripAdvisorWidget,
.TripAdvisorWidget[data-theme=Grey] {
    background-color: #e9ecec
}

.TripAdvisorWidget[data-theme=Light] {
    background-color: #f8f9f9
}

.TripAdvisorWidget[data-theme=White] {
    background-color: #fff
}

.TripAdvisorWidget__title {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 1.3px;
    letter-spacing: .13rem;
    line-height: 26px;
    line-height: 2.6rem;
    text-transform: uppercase
}

.TripAdvisorWidget__description {
    letter-spacing: 0
}

@media screen and (min-width:741px) {
    .TripAdvisorWidget__title {
        font-size: 3.3rem;
        letter-spacing: .16rem;
        line-height: 3.3rem
    }
    .TripAdvisorWidget__description {
        font-size: 1.8rem;
        letter-spacing: 0;
        line-height: 2.5rem
    }
}

@media screen and (min-width:901px) {
    .TripAdvisorWidget__title {
        font-size: 3.8rem;
        letter-spacing: .25rem;
        line-height: 3.8rem
    }
}

.ManualsTopic {
    position: relative;
    background-color: #ededed
}

.ManualsTopic__column-secondary[class][class] {
    margin-bottom: 25px
}

.ManualsTopic__column-secondary[class] .primaryLinkWithStyle {
    width: 100%;
    text-align: left;
    margin-top: 0
}

.ManualsTopic__column-secondary[class] .primaryLinkWithStyle:before {
    font-size: 10px
}

.ManualsTopic__column-main+.ManualsTopic__column-secondary[class] {
    margin-top: 30px
}

.ManualsTopic__breadcrumb {
    color: #4a4f54;
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 2px
}

.ManualsTopic__breadcrumb a {
    color: inherit;
    text-decoration: inherit
}

@media screen and (min-width:1px) and (max-width:740px) {
    .ManualsTopic__column-secondary[class]:last-child[class] {
        margin-bottom: 0
    }
}

@media screen and (min-width:901px) {
    .ManualsTopic .TwoColumnContainer>div>div {
        margin-left: 0;
        margin-right: 0
    }
    .ManualsTopic__column-secondary[class][class] {
        width: 350px;
        padding-left: 0;
        padding-right: 20px;
        margin-bottom: 0;
        float: left
    }
    .ManualsTopic__column-main[class][class] {
        width: calc(100% - 350px);
        padding-left: 20px;
        padding-right: 0;
        float: right
    }
}

@media screen and (min-width:1281px) {
    .ManualsTopic__column-secondary[class][class] {
        width: 460px
    }
    .ManualsTopic__column-main[class][class] {
        width: calc(100% - 460px)
    }
}

.ManualsTopicSidebar .heading {
    margin-bottom: 1.3em
}

.ManualsTopicSidebar__list {
    list-style: none;
    margin-left: -30px;
    margin-right: -30px
}

.ManualsTopicSidebar__item {
    background: #fff;
    width: 100%;
    display: table;
    border-top: 1px solid rgba(74, 79, 84, .2)
}

.ManualsTopicSidebar__item.active {
    background: #4a4f54
}

.ManualsTopicSidebar__link {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    color: #0c121c;
    min-height: 60px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 15px 50px 15px 30px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none
}

.active .ManualsTopicSidebar__link {
    color: #fff
}

.ManualsTopicSidebar__link:after {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    margin: -9px 0 0;
    position: absolute;
    right: 20px;
    top: 50%
}

@media screen and (min-width:741px) {
    .ManualsTopicSidebar .heading {
        margin-bottom: 1.5em
    }
    .ManualsTopicSidebar__list {
        margin-left: 0;
        margin-right: 0
    }
    .ManualsTopicSidebar__link {
        padding-left: 20px
    }
}

@media screen and (min-width:901px) {
    .ManualsTopicSidebar__link {
        padding-left: 25px
    }
}

.ManualsTopicDetails {
    position: relative
}

.ManualsTopicDetails__header {
    height: 100%;
    position: relative
}

.ManualsTopicDetails__toggle-all {
    color: #4a4f54;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    margin-top: -1.5em
}

.ManualsTopicDetails__toggle-all .close,
.ManualsTopicDetails__toggle-all .open {
    display: none
}

.ManualsTopicDetails__toggle-all.closed .open,
.ManualsTopicDetails__toggle-all.open .close {
    display: block
}

.ManualsTopicDetails__toggle-all .open:before {
    content: ""
}

.ManualsTopicDetails__toggle-all .close:before,
.ManualsTopicDetails__toggle-all .open:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0;
    font-size: 10px
}

.ManualsTopicDetails__toggle-all .close:before {
    content: ""
}

.ManualsTopicDetails__container {
    background: #fff;
    padding: 30px
}

.TwoColumnContainer .ManualsTopicDetails__container {
    margin-left: -30px;
    margin-right: -30px
}

.ManualsTopicDetails__image-container {
    text-align: center;
    margin: 20px 0
}

.ManualsTopicDetails__image-container img {
    max-width: 100%;
    height: auto
}

.ManualsTopicDetails__message {
    margin-left: -30px;
    margin-right: -30px;
    border-top: 1px solid rgba(74, 79, 84, .2);
    border-bottom: 1px solid rgba(74, 79, 84, .2);
    overflow: hidden;
    transition: height .5s
}

.ManualsTopicDetails__message+.ManualsTopicDetails__message {
    border-top: 0
}

.ManualsTopicDetails__message:first-child {
    margin-top: -30px;
    border-top: 0
}

.ManualsTopicDetails__message .accordion-group {
    clear: both;
    width: 100%;
    height: 100%
}

.ManualsTopicDetails__message .accordion-group-title {
    color: #0c121c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: 2px;
    width: 100%;
    min-height: 50px;
    background: #fff;
    padding: 10px 45px 10px 60px;
    display: table;
    position: relative;
    cursor: pointer
}

.ManualsTopicDetails__message .accordion-group-title-inner {
    display: table-cell;
    vertical-align: middle
}

.ManualsTopicDetails__message .accordion-group-title-inner:before {
    margin: -9px 0 0;
    position: absolute;
    left: 30px;
    top: 50%;
    font-size: 16px
}

.ManualsTopicDetails__message--warning .accordion-group-title-inner:before {
    margin-top: -10px;
    color: #d2000a;
    content: ""
}

.ManualsTopicDetails__message--caution .accordion-group-title-inner:before,
.ManualsTopicDetails__message--warning .accordion-group-title-inner:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ManualsTopicDetails__message--caution .accordion-group-title-inner:before {
    color: #d0011b;
    content: ""
}

.ManualsTopicDetails__message--note .accordion-group-title-inner:before {
    content: "";
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ManualsTopicDetails__message .accordion-group-content {
    display: block;
    width: 100%;
    overflow: hidden;
    transition: height .5s
}

.ManualsTopicDetails__message .closed .accordion-group-content {
    height: 0
}

.ManualsTopicDetails__message .accordion-group-content-inner {
    background: #f8f9f9;
    padding: 30px
}

.ManualsTopicDetails__message .accordion-toggle-icon.closed:after,
.ManualsTopicDetails__message .accordion-toggle-icon.open:after {
    margin: -9px 0 0;
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 18px
}

.ManualsTopicDetails__message .accordion-toggle-icon.closed:after {
    content: ""
}

.ManualsTopicDetails__message .accordion-toggle-icon.closed:after,
.ManualsTopicDetails__message .accordion-toggle-icon.open:after {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0
}

.ManualsTopicDetails__message .accordion-toggle-icon.open:after {
    content: ""
}

.ManualsTopicDetails ol {
    list-style-type: decimal
}

.ManualsTopicDetails a {
    color: #4a4f54
}

.ManualsTopicDetails .heading {
    margin-bottom: 1.5em
}

@media screen and (min-width:741px) {
    .ManualsTopicDetails__toggle-all {
        width: 100%;
        text-align: right
    }
    .TwoColumnContainer .ManualsTopicDetails__container {
        margin-left: 0;
        margin-right: 0
    }
    .ManualsTopicDetails__message .accordion-group-title {
        padding-right: 55px
    }
    .ManualsTopicDetails__message .accordion-toggle-icon.closed:after,
    .ManualsTopicDetails__message .accordion-toggle-icon.open:after {
        right: 18px
    }
}

@media screen and (min-width:901px) {
    .ManualsTopicDetails__toggle-all {
        position: absolute;
        right: 0;
        bottom: 0
    }
    .ManualsTopicDetails__message .accordion-group-title {
        padding-right: 80px
    }
    .ManualsTopicDetails__message .accordion-toggle-icon.closed:after,
    .ManualsTopicDetails__message .accordion-toggle-icon.open:after {
        right: 30px
    }
}

.ManualsContents {
    position: relative;
    background-color: #ededed
}

.ManualsContents__container {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0
}

.ManualsContents__container ul+ul {
    margin-top: 20px
}

.ManualsContents__container ul ul {
    margin-left: 20px
}

.ManualsContents__container a {
    color: #4a4f54
}

@media (max-width:1050px) {
    body.no-scroll {
        overflow: hidden
    }
}

.RangeCalculator {
    font-size: 13px;
    position: relative;
    max-width: 2000px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    background: #fff
}

.RangeCalculator .no-js,
.RangeCalculator .tooltips>div {
    display: none
}

.no-js .RangeCalculator {
    padding-bottom: 50px
}

.no-js .RangeCalculator .form,
.no-js .RangeCalculator .results {
    display: none
}

.no-js .RangeCalculator .no-js {
    display: block;
    width: 66%;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 30px
}

@media (max-width:1050px) {
    .no-js .RangeCalculator .no-js {
        width: 90%
    }
}

@media (max-width:767px) {
    .no-js .RangeCalculator .no-js {
        width: 100%
    }
}

.no-js .RangeCalculator .no-js .no-js-icon {
    box-sizing: border-box;
    float: left;
    width: 10%
}

.no-js .RangeCalculator .no-js .no-js-icon:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bfill%3A%23444444%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M18%202L1%2034h34L18%202z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M19%2024l1-8h-4l1%208zM18%2025.6c-.4%200-.7.1-1%20.4-.3.3-.4.6-.4%201s.1.7.4%201c.3.3.6.4%201%20.4s.7-.1%201-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.2-.6-.4-1-.4z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    content: "";
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
    background-position: 50%;
    display: inline-block
}

.no-js .RangeCalculator .no-js .no-js-text {
    box-sizing: border-box;
    float: left;
    width: 90%;
    padding: 6px 0
}

.RangeCalculator .second-temperature,
.RangeCalculator[data-temperature-unit=Celsius] .fahrenheitAbbreviation,
.RangeCalculator[data-temperature-unit=Fahrenheit] .celsiusAbbreviation {
    display: none
}

.RangeCalculator[data-temperature-unit=Celsius_and_Fahrenheit] .second-temperature {
    display: inline;
    margin-left: -5px
}

.RangeCalculator .second-distance,
.RangeCalculator[data-distance-unit=Kilometres] .milesAbbreviation,
.RangeCalculator[data-distance-unit=Miles] .kilometresAbbreviation,
.RangeCalculator[data-temperature-unit=Celsius_and_Fahrenheit] .temperatureSliderEnd .fahrenheitAbbreviation,
.RangeCalculator[data-temperature-unit=Celsius_and_Fahrenheit] .temperatureSliderStart .fahrenheitAbbreviation {
    display: none
}

.RangeCalculator[data-distance-unit=Kilometres_and_Miles] .second-distance-container {
    display: inline-block
}

.RangeCalculator[data-distance-unit=Kilometres_and_Miles] .second-distance {
    display: inline
}

@media (max-width:1360px) {
    .RangeCalculator[data-distance-unit=Kilometres_and_Miles] .results .range-result .distance {
        font-size: 3.6em
    }
}

.RangeCalculator .tooltips {
    position: absolute;
    height: 315px;
    overflow: hidden;
    display: none;
    z-index: 303;
    left: 0;
    right: 0
}

.RangeCalculator .tooltips>div {
    background: rgba(0, 0, 0, .9);
    width: 100%;
    overflow: hidden
}

.RangeCalculator .results {
    padding: 60px 95px 0;
    box-sizing: border-box;
    display: table;
    height: 315px;
    width: 100%
}

.RangeCalculator .results .image {
    width: auto;
    display: table-cell
}

.RangeCalculator .results .image img {
    width: 100%;
    padding-right: 0
}

@media screen and (min-width:1051px) {
    .RangeCalculator .results .image {
        width: 61.7%
    }
}

@media screen and (min-width:1950px) {
    .RangeCalculator .results .image {
        padding-right: 0
    }
    .RangeCalculator .results .image img {
        max-width: 1100px
    }
}

.RangeCalculator .results .range-result {
    vertical-align: top;
    display: table-cell;
    padding-top: 90px
}

.RangeCalculator .results .range-result>span {
    line-height: 1em
}

.RangeCalculator .results .range-result>span>span {
    display: inline-block;
    line-height: 1em
}

@media (min-width:1151px) and (max-width:1661px) {
    .RangeCalculator .results .range-result {
        padding-top: 60px
    }
}

@media (max-width:1150px) {
    .RangeCalculator .results .range-result {
        padding-top: 30px
    }
}

.RangeCalculator .results .range-result .distance {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: 4.5em;
    font-weight: 400;
    letter-spacing: .11em;
    color: #005a2b;
    margin: 0;
    padding: 0
}

@media (min-width:1950px) {
    .RangeCalculator .results .range-result .distance {
        font-size: 6.6rem;
        letter-spacing: .726rem
    }
}

.RangeCalculator .results .range-result .distanceUnitAbbreviation {
    font-family: lr_ot4, arial, helvetica, sans-serif;
    font-size: .923em;
    font-weight: 600;
    color: #000;
    line-height: 2em;
    margin: .5em 0 0 -.5em
}

@media not all and (min-resolution:0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .RangeCalculator .results .range-result .distanceUnitAbbreviation {
            margin-top: -.25em;
            line-height: 1em
        }
    }
}

.RangeCalculator .results .range-result .rangeSummary {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .2em;
    color: #444;
    margin-top: 10px;
    line-height: 1.4em
}

.RangeCalculator .form {
    background: #f0f0f0;
    padding: 20px 70px;
    overflow: hidden;
    box-shadow: 0 6px 11px #f0f0f0
}

.RangeCalculator .form .cta-container {
    display: none
}

.RangeCalculator .form h2 {
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: .067em;
    color: #000;
    font-weight: 600;
    display: block;
    margin-bottom: 20px
}

.RangeCalculator .form h2 .info-icon {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cg%20fill%3D%22%23444%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.94%2014.667c-3.648%200-6.617-2.99-6.617-6.667%200-3.676%202.97-6.667%206.617-6.667%203.648%200%206.617%202.99%206.617%206.667%200%203.676-2.97%206.667-6.617%206.667M7.94%200C3.555%200%200%203.582%200%208s3.555%208%207.94%208c4.384%200%207.94-3.582%207.94-8s-3.555-8-7.94-8%22%2F%3E%3Cpath%20d%3D%22M8.62%206.564H7.06V12h1.56V6.564zM7.888%205.34c.48%200%20.876-.24.876-.78V4.5c0-.552-.396-.78-.876-.78h-.132c-.504%200-.876.228-.876.78v.06c0%20.54.372.78.876.78h.132z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    float: right;
    cursor: pointer
}

.RangeCalculator .form h2 .info-icon.active {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cg%20fill%3D%22%239E1B32%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.94%2014.667c-3.648%200-6.617-2.99-6.617-6.667%200-3.676%202.97-6.667%206.617-6.667%203.648%200%206.617%202.99%206.617%206.667%200%203.676-2.97%206.667-6.617%206.667M7.94%200C3.555%200%200%203.582%200%208s3.555%208%207.94%208c4.384%200%207.94-3.582%207.94-8s-3.555-8-7.94-8%22%2F%3E%3Cpath%20d%3D%22M8.62%206.564H7.06V12h1.56V6.564zM7.888%205.34c.48%200%20.876-.24.876-.78V4.5c0-.552-.396-.78-.876-.78h-.132c-.504%200-.876.228-.876.78v.06c0%20.54.372.78.876.78h.132z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RangeCalculator .form .form-column {
    float: left;
    width: 31%
}

.RangeCalculator .form .form-column:first-child {
    width: 36%
}

.RangeCalculator .form .form-column.last-column,
.RangeCalculator .form .form-column:last-child {
    width: 32%
}

.RangeCalculator .form .form-column .form-options {
    overflow: hidden
}

.RangeCalculator .form .form-column .form-options[data-total="2"]>div {
    width: 50%;
    overflow: hidden;
    float: left
}

.RangeCalculator .form .form-column .form-options[data-total="3"]>div {
    width: 33%;
    overflow: hidden;
    float: left
}

.RangeCalculator .form .form-column .form-options>div {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.RangeCalculator .form .form-column .form-options>div:hover .ImageSelect:not(.selected) {
    opacity: .75
}

.touch .RangeCalculator .form .form-column .form-options>div:hover .ImageSelect:not(.selected) {
    opacity: .5
}

.RangeCalculator .form .form-column .form-options>div:hover label:not(.selected) {
    color: #444
}

.touch .RangeCalculator .form .form-column .form-options>div:hover label:not(.selected) {
    color: #aaa
}

.RangeCalculator .form .form-column .form-options .ImageSelect {
    float: left;
    background-repeat: no-repeat;
    border: 4px solid #444;
    opacity: .5;
    cursor: pointer
}

.RangeCalculator .form .form-column .form-options .ImageSelect:hover {
    opacity: .75
}

.RangeCalculator .form .form-column .form-options .ImageSelect.selected {
    border: 4px solid #005a2b;
    opacity: 1
}

.RangeCalculator .form .form-column .form-options label {
    font-size: 1em;
    font-weight: 400;
    color: #aaa;
    letter-spacing: .04em;
    float: left;
    vertical-align: middle;
    margin-left: 10px
}

.RangeCalculator .form .form-column .form-options label.selected,
.RangeCalculator .form .form-column .form-options label:hover {
    color: #444
}

.RangeCalculator .form .driving-profile-section {
    padding-top: 5px;
    height: 188px;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box
}

.RangeCalculator .form .driving-profile-section .profile-summary-text p {
    display: none;
    font-size: 1em;
    font-weight: 400;
    color: #444;
    letter-spacing: .1em
}

.RangeCalculator .form .driving-profile-section .form-options {
    margin-bottom: 30px
}

.RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
    box-sizing: border-box
}

.RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div:last-child {
    padding-right: 0
}

.RangeCalculator .form .driving-profile-section .ImageSelect {
    height: 50px;
    width: 50px;
    border-radius: 50px
}

.RangeCalculator .form .driving-profile-section label {
    height: 50px;
    line-height: 50px;
    letter-spacing: .05em
}

.RangeCalculator .form .driving-environment-section,
.RangeCalculator .form .wheel-size-section {
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box
}

.RangeCalculator .form .driving-environment-section .ImageSelect,
.RangeCalculator .form .wheel-size-section .ImageSelect {
    height: 40px;
    width: 40px;
    border-radius: 40px
}

.RangeCalculator .form .driving-environment-section label,
.RangeCalculator .form .wheel-size-section label {
    height: 40px;
    line-height: 40px
}

.RangeCalculator .form .driving-environment-section {
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d8d8d8
}

.RangeCalculator .form .wheel-size-section {
    padding-top: 15px
}

.RangeCalculator .form .temperature-section {
    padding-top: 6px;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box
}

.RangeCalculator .form .occupants-section {
    padding-top: 15px;
    box-sizing: border-box
}

.RangeCalculator .form .driving-environment-section,
.RangeCalculator .form .wheel-size-section {
    padding-right: 25px
}

.RangeCalculator .form .occupants-section,
.RangeCalculator .form .temperature-section {
    padding-left: 25px
}

.RangeCalculator .City,
.RangeCalculator .Commuter,
.RangeCalculator .Highway {
    background-size: 24px 24px;
    background-position: 9px 7px
}

.RangeCalculator .City {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20222%20196%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M0%20180.04h16.165V54.22l63.35-8.6v125.42h5.717V81.81h40.098v41.946h18.493v56.538h4.787V.594l59.7%2035.318V179.54h13.507v16.207H0%22%2F%3E%3Cpath%20d%3D%22M29%2063h13v29H29zm20%200h13v29H49zm40%2028h13v29H89zm19%200h13v29h-13zm-19%2040h13v29H89zm19%200h13v29h-13zm19%200h13v29h-13zm-98-28h13v29H29zm20%200h13v29H49zm-20%2040h13v29H29zm20%200h13v29H49zm112-80h13v29h-13zm20%200h13v29h-13zm-20-10V40h33v13zm0%2050h13v29h-13zm20%200h13v29h-13zm-20%2040h13v29h-13zm20%200h13v29h-13z%22%20fill%3D%22%23F0F0F0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RangeCalculator .Highway {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20210%20186%22%3E%3Cg%20fill%3D%22%23444%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M113.826.616h17.498l8.902%2046.05h-24.91M96.4%201H78.902L70%2047.05h24.91M117%2086h32.477L166%20185h-46.233M93%2086H60.523L44%20185h46.233%22%2F%3E%3Cpath%20d%3D%22M38.254%2098.572h-14.27v-19.76s-.4-4.208-5.294-5.63L1%2073.29V58.188h208.27V73.1h-17.89s-4.573.9-5.252%205.32l-.185%2019.988h-14.235l-4.085-19.01s-.814-4.446-5.865-6.288L49.01%2073.073c-.552%200-1.438.106-1.956.286%200%200-3.187.362-4.48%205.38-1.292%205.017-4.32%2019.83-4.32%2019.83z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.RangeCalculator .Commuter {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20212%20148%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M150.606%20103.224c0%202.36-4.7%209.427-23.533%209.427H85.9c-19.42%200-23.54-6.476-23.54-9.425v-7.068c0-2.944%202.352-7.067%205.297-7.067h77.065c2.95%200%205.3%204.122%205.3%207.066l.584%207.068zm-1.178%2010.017c-5.29%203.536-13.526%205.305-22.944%205.305H85.31c-9.418%200-17.653-1.77-22.355-5.303-4.712-3.533-6.48-7.067-6.48-9.426v-7.068c0-5.893%205.297-12.96%2011.182-12.96h77.654c5.886%200%2011.177%207.067%2011.177%2012.96v6.478c-.58%202.36-2.346%206.483-7.058%2010.017zM34.12%2043.135c2.95-9.427%2013.532-31.225%2027.068-31.225h90.007c12.948%200%2024.118%2021.797%2027.647%2030.634l.59%204.714H32.95l1.168-4.124zM45.89%2087.32c-2.94%202.943-32.36%202.943-36.476-.59%200%200%205.3-20.03%2012.353-14.14%204.118%203.53%2026.473%2011.194%2024.123%2014.73zm118.837%200c-2.94-2.945%2020.005-11.198%2024.117-14.73%206.474-5.89%2012.354%2014.14%2012.354%2014.14-4.118%202.943-33.53%203.533-36.47.59zm33.536-32.406c7.053-.59%2013.526-7.068%2013.526-11.19%200-4.125-14.71-4.125-21.77-4.125-.59%200-1.177%200-1.76.59C187.077%2035.473%20173.55.714%20151.195.714H61.188c-22.95%200-35.892%2035.35-37.654%2039.473h-1.767C14.715%2040.19%200%2040.19%200%2044.312s6.474%2010.6%2013.53%2011.19c-11.763%204.125-10%2012.962-10%2024.16v57.147c0%205.886%205.884%2011.19%2011.763%2011.19H34.12c5.885%200%2010.597-5.304%2010.597-11.19v-9.43c41.173%204.124%2082.356%204.124%20122.95%200v9.428c0%205.887%204.712%2011.19%2010.59%2011.19h18.823c5.885%200%2011.775-5.303%2011.775-11.19V79.662c0-11.197%201.762-20.034-10.592-24.748z%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23444%22%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E")
}

.RangeCalculator .climate-control {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2253%22%20viewBox%3D%220%200%2052%2053%22%3E%3Cstyle%3E.st0%7Bfill%3A%23565656%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Fill-1%22%3E%3Cpath%20d%3D%22M26%2027.5c-.6%200-1-.5-1-1%200-.6.5-1%201-1%20.6%200%201%20.4%201%201s-.4%201-1%201m5.1-1.7c-.5%200-1%20.1-1.5.2-.3.1-.9.2-1-.2-.1-.2-.1-.2.2-.3l1.2-.6c.6-.2%201.1-.3%201.9-.2.5%200%20.9%200%201.2-.1.9-.2%201.5-.7%201.7-1.4.3-.7.3-1.3.2-1.9-.2-.9-.5-1.4-1.1-2-.4-.5-.9-.8-1.5-1.2-.5-.4-1.2-.5-1.9-.6-1.1-.2-1.9%200-2.6.3-.7.4-1.2.8-1.7%201.3-.6.8-.9%201.5-.9%202.2%200%20.5.1%201%20.2%201.5.1.3.2.9-.2%201-.2.1-.2%200-.3-.2l-.6-1.2c-.2-.5-.3-1.1-.2-1.9%200-.5%200-.9-.1-1.2-.2-.9-.7-1.5-1.4-1.7-.7-.3-1.3-.3-1.9-.2-.9.2-1.4.5-2%201.1-.5.4-.8.9-1.2%201.5-.4.5-.5%201.2-.6%201.9-.2%201.1%200%201.9.3%202.6.4.7.8%201.2%201.4%201.7.8.6%201.5.9%202.2.9.5%200%201-.1%201.5-.2h.4c.3.1.4.1.4.5-.4.2-.8.4-1.3.5-.6.2-1.1.3-1.9.2-.5%200-.9%200-1.2.1-.9.2-1.5.7-1.7%201.4-.3.7-.3%201.3-.2%201.9.2.9.5%201.4%201.1%202%20.4.5%201%20.8%201.5%201.2.5.4%201.2.5%201.9.6%201.1.2%201.9%200%202.6-.3.7-.4%201.2-.8%201.7-1.4.6-.8.9-1.5.9-2.2%200-.5-.1-1-.2-1.5-.1-.3-.2-.9.2-1%20.2-.1.2-.1.3.2l.6%201.2c.2.5.3%201.1.2%201.9%200%20.5%200%20.9.1%201.2.2.9.7%201.5%201.4%201.7.7.3%201.3.3%201.9.2.9-.2%201.4-.5%202-1.1.5-.4.8-1%201.2-1.5.4-.5.5-1.2.6-1.9.2-1.1%200-1.9-.3-2.6-.4-.7-.8-1.2-1.3-1.7-.8-.5-1.5-.7-2.2-.7z%22%2F%3E%3Cpath%20id%3D%22path-1_1_%22%20class%3D%22st0%22%20d%3D%22M26%2027.5c-.6%200-1-.5-1-1%200-.6.5-1%201-1%20.6%200%201%20.4%201%201s-.4%201-1%201m5.1-1.7c-.5%200-1%20.1-1.5.2-.3.1-.9.2-1-.2-.1-.2-.1-.2.2-.3l1.2-.6c.6-.2%201.1-.3%201.9-.2.5%200%20.9%200%201.2-.1.9-.2%201.5-.7%201.7-1.4.3-.7.3-1.3.2-1.9-.2-.9-.5-1.4-1.1-2-.4-.5-.9-.8-1.5-1.2-.5-.4-1.2-.5-1.9-.6-1.1-.2-1.9%200-2.6.3-.7.4-1.2.8-1.7%201.3-.6.8-.9%201.5-.9%202.2%200%20.5.1%201%20.2%201.5.1.3.2.9-.2%201-.2.1-.2%200-.3-.2l-.6-1.2c-.2-.5-.3-1.1-.2-1.9%200-.5%200-.9-.1-1.2-.2-.9-.7-1.5-1.4-1.7-.7-.3-1.3-.3-1.9-.2-.9.2-1.4.5-2%201.1-.5.4-.8.9-1.2%201.5-.4.5-.5%201.2-.6%201.9-.2%201.1%200%201.9.3%202.6.4.7.8%201.2%201.4%201.7.8.6%201.5.9%202.2.9.5%200%201-.1%201.5-.2h.4c.3.1.4.1.4.5-.4.2-.8.4-1.3.5-.6.2-1.1.3-1.9.2-.5%200-.9%200-1.2.1-.9.2-1.5.7-1.7%201.4-.3.7-.3%201.3-.2%201.9.2.9.5%201.4%201.1%202%20.4.5%201%20.8%201.5%201.2.5.4%201.2.5%201.9.6%201.1.2%201.9%200%202.6-.3.7-.4%201.2-.8%201.7-1.4.6-.8.9-1.5.9-2.2%200-.5-.1-1-.2-1.5-.1-.3-.2-.9.2-1%20.2-.1.2-.1.3.2l.6%201.2c.2.5.3%201.1.2%201.9%200%20.5%200%20.9.1%201.2.2.9.7%201.5%201.4%201.7.7.3%201.3.3%201.9.2.9-.2%201.4-.5%202-1.1.5-.4.8-1%201.2-1.5.4-.5.5-1.2.6-1.9.2-1.1%200-1.9-.3-2.6-.4-.7-.8-1.2-1.3-1.7-.8-.5-1.5-.7-2.2-.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 50px 50px;
    background-position: -9px -8px
}

.RangeCalculator .climate-seats {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2015%22%3E%3Cg%20fill%3D%22%23444%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M10.524%207.84c-.27.712-.725%202.438-1.305%202.377-.583-.063-1.964-.735-3.173-.047-1.208.688-4.086%202.438-4.086%203.14%200%20.7.18%201.19%201.12%201.19.943%200%202.81-1.922%203.737-1.922s2.98.828%203.906.828c.928%200%20.96.203%202.29-1.215%201.33-1.416%201.318-3.987%201.474-5.225.157-1.237-.393-2.102-1.266-2.23-1.66-.245-2.426%202.39-2.697%203.106zM13.59.883c-.94%200-1.703.76-1.703%201.696%200%20.935.763%201.694%201.704%201.694.94%200%201.705-.76%201.705-1.696%200-.937-.764-1.697-1.703-1.697z%22%2F%3E%3Cpath%20d%3D%22M7.685%205.076c-.342-.293-.65-.405-.97-.42-.218-.01-.443.026-.685.083-.136.03-.392.08-.46-.078-.032-.075-.026-.08.075-.15.184-.105.363-.197.554-.26.244-.084.51-.123.833-.094.24.02.395.016.544-.025.41-.112.652-.344.782-.642.137-.316.125-.6.073-.894-.078-.444-.24-.66-.484-.95-.195-.23-.426-.378-.657-.554-.245-.187-.556-.255-.862-.3C5.94.72%205.58.778%205.257.94c-.335.17-.547.387-.742.637-.28.362-.385.687-.4%201.02-.008.233.026.47.08.725.03.15.088.416-.07.49-.067.032-.08.018-.144-.085-.1-.194-.187-.382-.248-.584-.08-.258-.116-.54-.09-.88.022-.25.017-.415-.022-.572-.107-.43-.327-.685-.61-.822C2.71.72%202.442.733%202.16.79c-.42.082-.625.25-.9.508-.22.205-.36.448-.527.692-.177.257-.243.586-.285.908-.07.52-.015.9.14%201.24.16.352.365.575.605.78.342.292.65.406.968.42.22.01.447-.027.69-.083.086-.02.114-.012.2.014.115.032.167.05.19.214-.19.1-.37.193-.56.256-.247.085-.513.124-.835.095-.24-.022-.396-.017-.545.024-.41.11-.653.342-.783.64-.14.317-.126.6-.074.895.078.444.24.66.483.948.195.232.426.38.658.557.244.187.555.255.862.3.49.073.853.015%201.175-.147.338-.17.55-.386.744-.637.28-.36.386-.686.4-1.02.01-.232-.026-.468-.08-.723-.03-.144-.077-.412.072-.484.073-.036.077-.03.142.076.1.195.187.383.25.584.078.26.116.54.087.88-.02.252-.016.416.023.573.107.432.327.687.61.824.3.147.57.134.85.08.42-.085.625-.254.9-.51.22-.206.36-.45.528-.693.177-.258.243-.586.285-.91.07-.516.016-.897-.14-1.237-.16-.353-.364-.576-.604-.78%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 18px 18px;
    background-position: 8px 8px
}

.RangeCalculator .eighteen-inch .wheel-size {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M9%200C4.03%200%200%204.03%200%209s4.03%209%209%209%209-4.03%209-9-4.03-9-9-9zm0%2015.75c-3.728%200-6.75-3.022-6.75-6.75S5.272%202.25%209%202.25%2015.75%205.272%2015.75%209%2012.728%2015.75%209%2015.75zm0-12C6.1%203.75%203.75%206.1%203.75%209S6.1%2014.25%209%2014.25%2014.25%2011.9%2014.25%209%2011.9%203.75%209%203.75zm3.97%203.136l-2.203.735c-.26-.33-.61-.587-1.015-.732v-2.32c1.394.236%202.573%201.112%203.22%202.32zm-4.72-2.32V6.89c-.407.144-.756.4-1.016.734L5.03%206.888c.644-1.21%201.826-2.085%203.22-2.32zM4.5%209.002c0-.234.023-.464.06-.69l2.193.733c.01.42.132.807.34%201.14L5.647%2011.99C4.937%2011.195%204.5%2010.148%204.5%209zm2.316%203.93l1.45-1.813c.232.08.476.132.734.132s.502-.053.734-.133l1.452%201.813c-.65.362-1.393.57-2.186.57-.793%200-1.537-.208-2.184-.57zm5.537-.94l-1.446-1.807c.207-.333.33-.723.338-1.14l2.197-.734c.035.227.058.457.058.69%200%201.15-.436%202.196-1.147%202.99z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 18px 18px;
    background-position: 7px 7px
}

.RangeCalculator .twenty-inch .wheel-size {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M10%200C4.478%200%200%204.478%200%2010c0%205.523%204.478%2010%2010%2010%205.523%200%2010-4.477%2010-10%200-5.522-4.477-10-10-10zm0%2017.5c-4.143%200-7.5-3.357-7.5-7.5S5.857%202.5%2010%202.5s7.5%203.357%207.5%207.5-3.357%207.5-7.5%207.5zm0-13.333C6.778%204.167%204.167%206.78%204.167%2010s2.61%205.833%205.833%205.833c3.223%200%205.833-2.612%205.833-5.833%200-3.22-2.61-5.833-5.833-5.833zm4.412%203.485l-2.45.815c-.29-.37-.675-.654-1.127-.815V5.075c1.55.262%202.86%201.235%203.577%202.577zM9.168%205.075v2.578c-.452.16-.84.445-1.13.816L5.59%207.65c.715-1.343%202.027-2.316%203.577-2.578zM5%2010c0-.26.026-.516.065-.767l2.438.814c.01.466.147.897.378%201.268l-1.605%202.008C5.485%2012.438%205%2011.275%205%2010zm2.573%204.367l1.612-2.015c.257.09.528.148.815.148.287%200%20.558-.058.816-.148l1.613%202.015c-.723.402-1.55.633-2.43.633-.88%200-1.708-.23-2.428-.633zm6.153-1.045l-1.607-2.008c.227-.37.366-.802.374-1.267l2.44-.815c.04.252.065.508.065.768%200%201.276-.485%202.44-1.275%203.322z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px;
    background-position: 6px 6px
}

.RangeCalculator .twenty-two-inch .wheel-size {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M11%200C4.925%200%200%204.925%200%2011s4.925%2011%2011%2011%2011-4.925%2011-11S17.076%200%2011%200zm0%2019.25c-4.557%200-8.25-3.693-8.25-8.25S6.443%202.75%2011%202.75s8.25%203.693%208.25%208.25-3.693%208.25-8.25%208.25zm0-14.667c-3.544%200-6.417%202.874-6.417%206.417%200%203.543%202.873%206.417%206.417%206.417%203.545%200%206.417-2.874%206.417-6.417%200-3.543-2.872-6.417-6.417-6.417zm4.854%203.834l-2.694.897c-.32-.407-.745-.72-1.242-.896V5.583c1.705.287%203.147%201.358%203.936%202.834zm-5.77-2.835V8.42c-.498.175-.925.487-1.243.896L6.15%208.42c.788-1.48%202.23-2.55%203.935-2.838zM5.5%2011c0-.286.028-.567.072-.843l2.682.895c.01.513.16.987.415%201.395L6.9%2014.655c-.868-.972-1.4-2.252-1.4-3.655zm2.83%204.804l1.774-2.216c.282.098.58.162.896.162.315%200%20.614-.064.897-.162l1.775%202.216c-.793.442-1.703.696-2.672.696-.97%200-1.878-.254-2.67-.696zm6.768-1.15l-1.767-2.208c.254-.407.406-.883.416-1.395l2.684-.893c.042.277.07.558.07.844%200%201.404-.533%202.684-1.402%203.655z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 22px 22px;
    background-position: 5px 5px
}

.RangeCalculator .occupancyTitle,
.RangeCalculator .temperatureTitle {
    margin-bottom: 10px
}

.RangeCalculator .occupancyTitle .occupancyTitleValue,
.RangeCalculator .occupancyTitle .temperatureTitleValue,
.RangeCalculator .temperatureTitle .occupancyTitleValue,
.RangeCalculator .temperatureTitle .temperatureTitleValue {
    font-weight: 600;
    font-size: 1.385em;
    color: #005a2b;
    vertical-align: middle;
    letter-spacing: .016em;
    padding-left: .25em
}

.RangeCalculator .occupancyTitle .celsiusAbbreviation,
.RangeCalculator .occupancyTitle .fahrenheitAbbreviation,
.RangeCalculator .temperatureTitle .celsiusAbbreviation,
.RangeCalculator .temperatureTitle .fahrenheitAbbreviation {
    color: #005a2b;
    letter-spacing: .016em;
    left: -.3em
}

.RangeCalculator .temperatureSliderContainer {
    margin-bottom: 19px
}

.RangeCalculator .occupancySliderContainer,
.RangeCalculator .temperatureSliderContainer {
    height: 30px;
    width: 100%
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels {
    position: relative;
    top: 0;
    left: 0;
    right: 0
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderEnd,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderStart,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderEnd,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderStart,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderEnd,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderStart,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderEnd,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderStart,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart {
    font-size: .85em;
    font-weight: 600;
    letter-spacing: .016em;
    color: #aaa;
    display: block;
    width: 20px;
    text-align: center;
    position: absolute;
    top: 15px
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderStart,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderStart,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderStart,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderStart,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart {
    left: 0
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderEnd,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderEnd,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderEnd,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderEnd,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd {
    right: 0
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart {
    white-space: nowrap
}

.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureC,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureF,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureC,
.RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureF,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureC,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureF,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureC,
.RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureF,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureC,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureF,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureC,
.RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureF,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureC,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureF,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureC,
.RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureF {
    margin-left: -3px
}

.RangeCalculator .occupancySliderContainer .occupancySlider,
.RangeCalculator .occupancySliderContainer .temperatureSlider,
.RangeCalculator .temperatureSliderContainer .occupancySlider,
.RangeCalculator .temperatureSliderContainer .temperatureSlider {
    display: block;
    width: 100%;
    height: 2px;
    margin: 20px 0 0;
    background-color: #005a2b;
    border-radius: 2px;
    box-shadow: none;
    padding-left: 18px
}

.RangeCalculator .occupancySliderContainer .occupancySlider .noUi-background,
.RangeCalculator .occupancySliderContainer .temperatureSlider .noUi-background,
.RangeCalculator .temperatureSliderContainer .occupancySlider .noUi-background,
.RangeCalculator .temperatureSliderContainer .temperatureSlider .noUi-background {
    background: #fff;
    box-shadow: none;
    margin-top: -1px
}

.RangeCalculator .occupancySliderContainer .occupancySlider .noUi-handle,
.RangeCalculator .occupancySliderContainer .temperatureSlider .noUi-handle,
.RangeCalculator .temperatureSliderContainer .occupancySlider .noUi-handle,
.RangeCalculator .temperatureSliderContainer .temperatureSlider .noUi-handle {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035%2035%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2250%25%22%20x2%3D%2250%25%22%20y1%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20stop-color%3D%22%23FCFCFC%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23EEE%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%2F%3E%3Cfilter%20id%3D%22a%22%20width%3D%22123.3%25%22%20height%3D%22123.3%25%22%20x%3D%22-11.7%25%22%20y%3D%22-8.3%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeComposite%20in%3D%22shadowBlurOuter1%22%20in2%3D%22SourceAlpha%22%20operator%3D%22out%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.266587409%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%282%201%29%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url%28%23a%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22url%28%23c%29%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2214.5%22%20stroke%3D%22%23F0F0F0%22%2F%3E%3Cpath%20d%3D%22M7.5%2015l5-5v10m10-5l-5%205V10%22%20fill%3D%22%23444%22%20fill-opacity%3D%22.5%22%20opacity%3D%22.697%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    width: 30px;
    height: 30px;
    top: -13px
}

html[dir=rtl] .RangeCalculator .results .image {
    padding-right: 0;
    padding-left: 50px
}

html[dir=rtl] .RangeCalculator .results .range-result .distanceUnitAbbreviation {
    margin-left: 0
}

html[dir=rtl] .RangeCalculator .form h2 .info-icon {
    float: left
}

html[dir=rtl] .RangeCalculator .form .form-column,
html[dir=rtl] .RangeCalculator .form .form-column .form-options .ImageSelect,
html[dir=rtl] .RangeCalculator .form .form-column .form-options[data-total="2"]>div,
html[dir=rtl] .RangeCalculator .form .form-column .form-options[data-total="3"]>div {
    float: right
}

html[dir=rtl] .RangeCalculator .form .form-column .form-options label {
    float: right;
    margin-left: 0;
    margin-right: 5px;
    direction: ltr
}

html[dir=rtl] .RangeCalculator .form .driving-profile-section {
    padding-right: 0;
    padding-left: 25px;
    margin-right: 0;
    margin-left: 25px;
    border-right: 0;
    border-left: 1px solid #d8d8d8
}

html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
    padding-right: 0;
    padding-left: 5px
}

html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div:last-child {
    padding-left: 0
}

html[dir=rtl] .RangeCalculator .form .driving-environment-section,
html[dir=rtl] .RangeCalculator .form .wheel-size-section {
    border-right: 0;
    border-left: 1px solid #d8d8d8;
    padding-right: 0;
    padding-left: 25px
}

html[dir=rtl] .RangeCalculator .form .occupants-section,
html[dir=rtl] .RangeCalculator .form .temperature-section {
    padding-left: 0;
    padding-right: 25px
}

html[dir=rtl] .RangeCalculator .occupancyTitle .temperature-selected-container,
html[dir=rtl] .RangeCalculator .temperatureTitle .temperature-selected-container {
    direction: ltr;
    display: inline-block
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels {
    direction: ltr
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderStart,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderStart,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderStart,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderStart,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart {
    left: auto;
    right: 0
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .occupancySliderEnd,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .occupancySliderEnd,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .occupancySliderEnd,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .occupancySliderEnd,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd {
    right: auto;
    left: 0
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureC,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureF,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureC,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureF,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureC,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureF,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureC,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureF,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureC,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderEnd .temperatureF,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureC,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySliderLabels .temperatureSliderStart .temperatureF,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureC,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderEnd .temperatureF,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureC,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSliderLabels .temperatureSliderStart .temperatureF {
    margin-left: 0;
    margin-right: -3px
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySlider,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSlider,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySlider,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSlider {
    background: #fff;
    width: 100%
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySlider .noUi-handle,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSlider .noUi-handle,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySlider .noUi-handle,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSlider .noUi-handle {
    right: calc(100% - 5px)
}

html[dir=rtl] .RangeCalculator .occupancySliderContainer .occupancySlider .noUi-connect,
html[dir=rtl] .RangeCalculator .occupancySliderContainer .temperatureSlider .noUi-connect,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .occupancySlider .noUi-connect,
html[dir=rtl] .RangeCalculator .temperatureSliderContainer .temperatureSlider .noUi-connect {
    background-color: #005a2b
}

@media (min-width:1051px) and (max-width:1850px) {
    .RangeCalculator[data-distance-unit=Kilometres_and_Miles] .results .range-result {
        padding-top: 30px
    }
    .RangeCalculator .form .driving-profile-section {
        padding: 5px 20px 20px
    }
    .RangeCalculator .form .driving-profile-section .profile-summary-text {
        width: 100%;
        float: none;
        padding-left: 0
    }
    .RangeCalculator .form .driving-profile-section .form-options {
        margin-bottom: 10px;
        width: 100%;
        float: none;
        margin-right: 0;
        display: block;
        overflow: hidden
    }
    .RangeCalculator .form .driving-profile-section .form-options>div {
        width: auto;
        padding-right: 0;
        display: table-cell
    }
    .RangeCalculator .form .driving-profile-section .form-options>div .ImageSelect {
        float: none;
        margin: 0 auto
    }
    .RangeCalculator .form .driving-profile-section .form-options>div label {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        height: 30px;
        line-height: 30px
    }
    .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
        width: 33%;
        padding-right: 0;
        display: block;
        float: left;
        box-sizing: border-box
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options,
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options>div .ImageSelect,
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options>div label,
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .profile-summary-text {
        float: none
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
        float: right
    }
}

@media (min-width:1051px) and (max-width:1180px) {
    .RangeCalculator .form .driving-profile-section,
    html[dir=rtl] .RangeCalculator .form .driving-profile-section {
        height: 248px
    }
    .RangeCalculator .form .form-column .driving-environment-section .ImageSelect,
    .RangeCalculator .form .form-column .wheel-size-section .ImageSelect,
    html[dir=rtl] .RangeCalculator .form .form-column .driving-environment-section .ImageSelect,
    html[dir=rtl] .RangeCalculator .form .form-column .wheel-size-section .ImageSelect {
        float: none;
        margin: 0 auto
    }
    .RangeCalculator .form .form-column .driving-environment-section label,
    .RangeCalculator .form .form-column .wheel-size-section label,
    html[dir=rtl] .RangeCalculator .form .form-column .driving-environment-section label,
    html[dir=rtl] .RangeCalculator .form .form-column .wheel-size-section label {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        height: 30px;
        line-height: 30px
    }
    .RangeCalculator .form .form-column .temperature-section,
    html[dir=rtl] .RangeCalculator .form .form-column .temperature-section {
        padding-bottom: 30px
    }
}

@media (max-width:1050px) {
    .RangeCalculator .results {
        padding: 20px 0 40px;
        display: block;
        border-top: 1px solid #dbdbdb;
        height: auto
    }
    .RangeCalculator .results .image {
        max-width: 570px;
        padding-right: 0;
        display: block;
        margin: 0 auto;
        width: 100%
    }
    .RangeCalculator .results .range-result {
        display: block;
        text-align: center;
        padding-top: 30px
    }
    .RangeCalculator .results .range-result .rangeSummary {
        margin-top: 20px
    }
    .RangeCalculator .form {
        padding: 15px 50px
    }
    .RangeCalculator .form .form-column {
        float: none;
        width: auto
    }
    .RangeCalculator .form .form-column.last-column {
        width: auto
    }
    .RangeCalculator .form .form-column:first-child,
    .RangeCalculator .form .form-column:last-child {
        width: 100%
    }
    .RangeCalculator .form .form-column:nth-of-type(2) {
        padding-top: 15px
    }
    .RangeCalculator .form .form-column .driving-environment-section {
        float: right;
        width: 50%;
        border-right: 0;
        padding: 0 0 20px 25px
    }
    .RangeCalculator .form .form-column .driving-environment-section h2 {
        padding-top: 10px
    }
    .RangeCalculator .form .form-column .wheel-size-section {
        float: left;
        width: 50%;
        border-bottom: 1px solid #dbdbdb;
        padding-bottom: 20px;
        padding-top: 0
    }
    .RangeCalculator .form .form-column .wheel-size-section h2 {
        padding-top: 10px
    }
    .RangeCalculator .form .form-column .driving-environment-section .ImageSelect,
    .RangeCalculator .form .form-column .wheel-size-section .ImageSelect {
        float: none;
        margin: 0 auto;
        height: 50px;
        width: 50px;
        border-radius: 50px
    }
    .RangeCalculator .form .form-column .driving-environment-section label,
    .RangeCalculator .form .form-column .wheel-size-section label {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block
    }
    .RangeCalculator .form .form-column .temperature-section {
        float: right;
        width: 50%;
        box-sizing: border-box;
        border-bottom: 0;
        padding-top: 15px;
        padding-bottom: 20px
    }
    .RangeCalculator .form .form-column .temperature-section h2 {
        padding-top: 10px;
        margin-bottom: 15px
    }
    .RangeCalculator .form .form-column .occupants-section {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 25px;
        border-right: 1px solid #dbdbdb;
        padding-bottom: 20px
    }
    .RangeCalculator .form .form-column .occupants-section h2 {
        padding-top: 10px;
        margin-bottom: 15px
    }
    .RangeCalculator .form .driving-profile-section {
        padding: 10px 0 20px;
        height: auto;
        margin-right: 0;
        border-right: none;
        border-bottom: 1px solid #d8d8d8;
        overflow: hidden
    }
    .RangeCalculator .form .driving-profile-section .profile-summary-text {
        width: calc(50% - 25px);
        float: left;
        padding-left: 25px
    }
    .RangeCalculator .form .driving-profile-section .form-options {
        margin-bottom: 0;
        width: calc(50% - 10px);
        float: left;
        margin-right: 25px;
        display: table
    }
    .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
        padding-right: 0
    }
    .RangeCalculator .form .driving-profile-section .form-options>div {
        width: auto;
        padding-right: 0;
        display: table-cell
    }
    .RangeCalculator .form .driving-profile-section .form-options>div .ImageSelect {
        float: none;
        margin: 0 auto
    }
    .RangeCalculator .form .driving-profile-section .form-options>div label {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block
    }
    .RangeCalculator .climate-control {
        background-position: -4px -4px
    }
    .RangeCalculator .climate-seats,
    .RangeCalculator .eighteen-inch .wheel-size {
        background-position: 12px 12px
    }
    .RangeCalculator .twenty-inch .wheel-size {
        background-position: 11px 11px
    }
    .RangeCalculator .twenty-two-inch .wheel-size {
        background-position: 10px 10px
    }
    .RangeCalculator .occupancySliderContainer,
    .RangeCalculator .temperatureSliderContainer {
        max-width: none
    }
    .RangeCalculator .temperatureSliderContainer {
        margin-bottom: 0
    }
    html[dir=rtl] .RangeCalculator .results .image {
        padding-left: 0
    }
    html[dir=rtl] .RangeCalculator .form .form-column,
    html[dir=rtl] .RangeCalculator .form .form-column .form-options .ImageSelect {
        float: none
    }
    html[dir=rtl] .RangeCalculator .form .form-column .form-options label {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section {
        border-left: 0;
        margin-left: 0;
        padding-left: 0
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .profile-summary-text {
        padding-left: 0;
        padding-right: 25px
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options {
        float: right;
        margin-left: 25px;
        margin-right: 0
    }
    html[dir=rtl] .RangeCalculator .form .driving-environment-section {
        padding-right: 25px;
        padding-left: 0;
        float: left;
        border-left: 0
    }
    html[dir=rtl] .RangeCalculator .form .temperature-section {
        float: left
    }
    html[dir=rtl] .RangeCalculator .form .occupants-section {
        padding-left: 25px;
        padding-right: 0;
        border-right: 0;
        border-left: 1px solid #dbdbdb
    }
}

@media screen and (max-width:767px) {
    .RangeCalculator .results {
        margin: 0;
        padding: 30px 20px
    }
    .RangeCalculator .results .image {
        max-width: 300px
    }
    .RangeCalculator .results .range-result {
        line-height: 3.7em
    }
    .RangeCalculator .results .range-result .rangeSummary {
        font-size: 13px
    }
    .RangeCalculator .results .range-result .distance {
        font-size: 3.7em
    }
    .RangeCalculator .results .range-result .distanceUnitAbbreviation {
        line-height: 2em
    }
    .RangeCalculator .form {
        padding: 25px 0 0
    }
    .RangeCalculator .form h2 {
        font-weight: 500;
        letter-spacing: .12em
    }
    .RangeCalculator .form .form-column .driving-environment-section,
    .RangeCalculator .form .form-column .occupants-section,
    .RangeCalculator .form .form-column .temperature-section,
    .RangeCalculator .form .form-column .wheel-size-section {
        float: none;
        width: 100%;
        padding: 15px 20px 30px;
        border-bottom: 1px solid #dbdbdb
    }
    .RangeCalculator .form .form-column .driving-environment-section .ImageSelect,
    .RangeCalculator .form .form-column .occupants-section .ImageSelect,
    .RangeCalculator .form .form-column .temperature-section .ImageSelect,
    .RangeCalculator .form .form-column .wheel-size-section .ImageSelect {
        height: 64px;
        width: 64px;
        border-radius: 64px
    }
    .RangeCalculator .form .driving-profile-section {
        padding: 0 20px 20px
    }
    .RangeCalculator .form .driving-profile-section .ImageSelect {
        height: 64px;
        width: 64px;
        border-radius: 64px
    }
    .RangeCalculator .form .driving-profile-section .profile-summary-text {
        width: 100%;
        float: none;
        padding-left: 0
    }
    .RangeCalculator .form .driving-profile-section .form-options {
        margin-bottom: 30px;
        margin-right: 5px;
        margin-left: 5px;
        width: 100%;
        float: none;
        margin-right: 0;
        display: block;
        overflow: hidden
    }
    .RangeCalculator .form .driving-profile-section .form-options[data-total="3"]>div {
        width: 33%;
        padding-right: 0;
        display: block;
        float: left;
        box-sizing: border-box
    }
    .RangeCalculator .form .cta-container {
        display: block;
        padding-bottom: 30px;
        text-align: center
    }
    .RangeCalculator .form .cta-container .cta-primary:hover {
        background-color: #005a2b
    }
    .RangeCalculator .City,
    .RangeCalculator .Commuter,
    .RangeCalculator .Highway {
        background-size: 38px 38px;
        background-position: 9px 8px
    }
    .RangeCalculator .climate-seats {
        background-size: 38px 38px;
        background-position: 9px 10px
    }
    .RangeCalculator .climate-control {
        background-size: 64px 64px;
        background-position: 50%
    }
    .RangeCalculator .eighteen-inch .wheel-size {
        background-size: 27px 27px;
        background-position: 15px 15px
    }
    .RangeCalculator .twenty-inch .wheel-size {
        background-size: 31px 31px;
        background-position: 13px 12px
    }
    .RangeCalculator .twenty-two-inch .wheel-size {
        background-size: 35px 35px;
        background-position: 11px 10px
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section {
        padding-left: 20px;
        padding-right: 20px
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .form-options {
        margin-left: 0
    }
    html[dir=rtl] .RangeCalculator .form .driving-profile-section .profile-summary-text {
        padding-right: 0
    }
    html[dir=rtl] .RangeCalculator .form .driving-environment-section,
    html[dir=rtl] .RangeCalculator .form .temperature-section {
        float: none;
        padding-left: 20px;
        padding-right: 20px
    }
    html[dir=rtl] .RangeCalculator .form .occupants-section,
    html[dir=rtl] .RangeCalculator .form .wheel-size-section {
        float: none;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 0
    }
}

@media screen and (max-width:1050px) {
    .RangeCalculator .tooltips {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        z-index: 301
    }
    .RangeCalculator .tooltips>div {
        height: 100%;
        overflow-y: auto
    }
}

@media screen and (max-width:740px) {
    .RangeCalculator .tooltips {
        z-index: 101
    }
}

.RangeCalculatorTooltip .close-icon {
    float: right;
    height: 40px;
    width: 40px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10.8 10.8' style='enable-background:new 0 0 10.8 10.8;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FFFFFF;%7d %3c/style%3e%3cpath class='st0' d='M0.1,10.7c0.1,0.1,0.2,0.1,0.3,0.1s0.2,0,0.3-0.1l4.6-4.6l4.6,4.6c0.1,0.1,0.2,0.1,0.3,0.1s0.2,0,0.3-0.1 c0.2-0.2,0.2-0.5,0-0.6L6.1,5.4l4.6-4.6c0.2-0.2,0.2-0.5,0-0.6c-0.2-0.2-0.5-0.2-0.6,0L5.4,4.8L0.8,0.1C0.6,0,0.3,0,0.1,0.1 C0,0.3,0,0.6,0.1,0.8l4.6,4.6l-4.6,4.6C0,10.2,0,10.5,0.1,10.7z'/%3e%3c/svg%3e") no-repeat 50% #005a2b;
    background-size: 11px 11px;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5
}

.RangeCalculatorTooltip .bullets {
    display: none
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide:first-child {
    padding-top: 40px
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide[data-hide-media-in-stacked-view=true] .media {
    display: none
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media,
.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media img {
    height: 100%;
    width: auto
}

@media (max-width:767px) {
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
        margin: 0 30px
    }
}

@media (max-width:1050px) {
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .image,
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .VideoPlayer {
        height: auto;
        margin-bottom: 10px;
        width: 100%
    }
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media video::-webkit-media-controls-panel-container {
    display: none!important;
    -webkit-appearance: none
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
    position: relative
}

.ie .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .singleVideo-container .mejs-container {
    max-width: 400px;
    max-height: 398px
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .VideoPlayer {
    z-index: 1
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .VideoPlayer .mejs-controls {
    visibility: hidden
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media span .image {
    top: 0;
    left: 0;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .mediaImage.videopresent {
    z-index: -1
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .mediaImage.videopresent .image {
    position: absolute
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
    padding: 30px
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content .title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: .2em;
    margin-bottom: 30px;
    text-transform: uppercase
}

.RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content .summary {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: .09em
}

html[dir=rtl] .RangeCalculatorTooltip .close-icon {
    float: left;
    left: 0;
    right: auto
}

@media (min-width:767px) {
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide {
        padding-left: 60px;
        padding-right: 60px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide:first-child {
        padding-top: 60px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
        padding: 30px 0
    }
}

@media (min-width:1051px) {
    .RangeCalculatorTooltip {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        overflow: hidden
    }
    .RangeCalculatorTooltip .close-icon {
        float: none;
        position: absolute;
        right: -1px
    }
    .RangeCalculatorTooltip .bullets {
        display: block;
        position: absolute;
        bottom: 30px;
        right: 25%;
        text-align: center
    }
    .RangeCalculatorTooltip .bullets .bullet {
        border: 1px solid #fff;
        border-radius: 10px;
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 10px
    }
    .RangeCalculatorTooltip .bullets .bullet.active {
        background: #fff
    }
    .RangeCalculatorTooltip .bullets .bullet:last-child {
        margin-right: 0
    }
    .RangeCalculatorTooltip .slider-wrapper {
        width: 100%;
        height: 100%
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide {
        padding: 0;
        float: left;
        max-width: 2000px;
        width: 100%
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide:first-child {
        padding-top: 0
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide[data-hide-media-in-stacked-view=true] .media {
        display: table-cell
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-wrapper {
        display: table;
        position: relative;
        table-layout: fixed
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
        padding: 0 40px;
        box-sizing: border-box;
        display: table-cell;
        vertical-align: middle
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content .title {
        margin-bottom: 20px
    }
    .RangeCalculatorTooltip .video {
        max-width: 100%
    }
    .RangeCalculatorTooltip .video .VideoPlayer {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }
    .RangeCalculatorTooltip .video .VideoPlayer.flash {
        width: 100%;
        height: 100%
    }
    .RangeCalculatorTooltip .video .VideoPlayer.flash embed,
    .RangeCalculatorTooltip .video .VideoPlayer.flash object {
        position: absolute;
        top: 0;
        left: 0
    }
    .RangeCalculatorTooltip .video .VideoPlayer .posterImage {
        display: none
    }
    .RangeCalculatorTooltip .video .VideoPlayer video::-webkit-media-controls,
    .RangeCalculatorTooltip .video .VideoPlayer video::-webkit-media-controls-start-playback-button {
        display: none
    }
}

@media screen and (min-width:1051px) and (min-width:741px) {
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video {
        position: static;
        width: 100%!important;
        height: 100%!important
    }
}

@media (min-width:1051px) {
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-button button {
        font-size: 68px;
        border-right: none
    }
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-button button:before {
        color: #fff;
        position: relative;
        top: -5px;
        left: -2px
    }
    .ie .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-button button {
        height: 68px;
        width: 68px
    }
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-controls {
        visibility: hidden;
        z-index: -2
    }
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-controls div {
        display: none
    }
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-video .mejs-controls.hide {
        visibility: hidden!important;
        display: none!important
    }
    .RangeCalculatorTooltip .video .VideoPlayer .mejs-layers {
        width: 100%;
        height: 100%
    }
    .RangeCalculatorTooltip .video .VideoPlayer video {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        max-width: 100%;
        visibility: visible;
        -o-object-fit: cover;
        object-fit: cover
    }
    .RangeCalculatorTooltip .video .VideoPlayer+span {
        z-index: -1
    }
    .ie .RangeCalculatorTooltip .video .VideoPlayer+span,
    .ms-edge .RangeCalculatorTooltip .video .VideoPlayer+span {
        z-index: 0
    }
    .RangeCalculatorTooltip .VideoPlayer.finished .mejs-overlay-play,
    .RangeCalculatorTooltip .VideoPlayer.paused .mejs-overlay-play {
        width: 100%
    }
    .RangeCalculatorTooltip .VideoPlayer.finished .mediaOverlay,
    .RangeCalculatorTooltip .VideoPlayer.paused .mediaOverlay {
        display: block
    }
}

@media screen and (min-width:1051px) and (min-width:1px) and (max-width:740px) {
    .RangeCalculatorTooltip .VideoPlayer.finished .mediaOverlay,
    .RangeCalculatorTooltip .VideoPlayer.paused .mediaOverlay {
        position: relative
    }
}

@media (min-width:1051px) {
    .RangeCalculatorTooltip .mediaOverlay .mediaOverlayBg {
        width: 100%;
        height: 100%
    }
    .RangeCalculatorTooltip .mediaOverlay:hover .mediaOverlayBg {
        background: none
    }
    .RangeCalculatorTooltip .mediaOverlayIcon:before {
        font-size: 68px;
        text-align: center;
        z-index: 1
    }
    html[dir=rtl] .RangeCalculatorTooltip .close-icon {
        right: auto;
        left: 0
    }
    html[dir=rtl] .RangeCalculatorTooltip .bullets {
        margin-right: 440px;
        margin-left: 0
    }
    html[dir=rtl] .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
        padding-right: 40px;
        padding-left: 0
    }
}

@media (min-width:1051px) {
    .RangeCalculatorTooltip {
        min-height: 315px
    }
    .RangeCalculatorTooltip .bullets {
        bottom: 20px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide {
        height: 315px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .video {
        height: 100%!important;
        width: auto!important
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-wrapper {
        min-height: 315px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
        max-width: none;
        padding-left: 0;
        min-height: 315px
    }
    .ie .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
        height: 315px
    }
    .ie .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media .singleVideo-container {
        position: absolute;
        height: 315px;
        top: 0
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .VideoPlayer {
        height: auto
    }
    html[dir=rtl] .RangeCalculatorTooltip .bullets {
        margin-right: 558px
    }
    html[dir=rtl] .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .media {
        padding-right: 0
    }
}

@media (min-width:1250px) {
    .RangeCalculatorTooltip .bullets {
        bottom: 40px;
        right: 30%
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
        padding: 0 140px 0 40px
    }
    html[dir=rtl] .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
        padding: 0 40px 0 140px
    }
}

@media (min-width:1500px) {
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content {
        padding: 0 140px 0 88px
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content .title {
        letter-spacing: .345rem
    }
    .RangeCalculatorTooltip .RangeCalculatorTooltipSlide .slide-content .summary {
        letter-spacing: .118rem;
        max-width: 640px
    }
}

.DualFrameSlider {
    overflow: hidden;
    position: relative;
    display: flex
}

.DualFrameSlider.frames-loaded .Slider__right {
    opacity: 1
}

.DualFrameSlider.left {
    flex-direction: row-reverse
}

.DualFrameSlider.left .Slider__left {
    padding-right: 90px;
    padding-left: 40px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider.left .Slider__left {
        padding-right: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameSlider.left .Slider__left {
        padding-right: 30px;
        padding-left: 30px
    }
}

.DualFrameSlider.right {
    flex-direction: row
}

.DualFrameSlider.right .Slider__left {
    padding-right: 40px;
    padding-left: 90px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider.right .Slider__left {
        padding-left: 40px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameSlider.right .Slider__left {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider.left,
    .DualFrameSlider.right {
        flex-direction: column-reverse
    }
}

.DualFrameSlider .Slider__left {
    border: none;
    padding-top: 72px;
    padding-bottom: 56px;
    width: calc(((100% - 140px) * 0.33333) + 90px);
    max-height: 481px
}

.DualFrameSlider .Slider__left .headerBox {
    left: 0;
    text-align: left;
    display: block;
    max-width: 100%;
    padding: 0!important
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider .Slider__left .headerBox {
        height: inherit;
        width: 100%;
        max-width: 600px
    }
}

.DualFrameSlider .Slider__left .headerBox .headerBox__content {
    padding: 0
}

.DualFrameSlider .Slider__left .headerBox__copy {
    margin: 15px 0 0
}

.DualFrameSlider .Slider__left .headerBox .primaryLinkWithStyle {
    margin-top: 43px
}

.DualFrameSlider .Slider__left .headerBox .secondaryLinkWithStyle {
    margin-top: 32px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider .Slider__left {
        width: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        max-height: 100%
    }
    .DualFrameSlider .Slider__left .headerBox__copy {
        margin: 19px 0 0
    }
    .DualFrameSlider .Slider__left .headerBox .primaryLinkWithStyle {
        margin-top: 27px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .DualFrameSlider .Slider__left {
        padding-top: 29px;
        padding-bottom: 40px
    }
    .DualFrameSlider .Slider__left .headerBox__title {
        margin-top: 8px
    }
    .DualFrameSlider .Slider__left .headerBox__copy {
        margin: 14px 0 0
    }
}

.DualFrameSlider .Slider__right {
    align-self: center;
    position: relative;
    width: calc(((100% - 140px) * 0.66666) + 50px);
    overflow: hidden;
    opacity: 0;
    padding-left: 0;
    transition: opacity .4s cubic-bezier(.47, 0, .745, .715)
}

.DualFrameSlider .Slider__right .comparisonWrapper {
    position: relative
}

.DualFrameSlider .Slider__right img {
    width: 100%;
    display: block
}

.DualFrameSlider .Slider__right .afterImage {
    position: absolute;
    top: 0;
    z-index: 2
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider .Slider__left,
    .DualFrameSlider .Slider__right {
        width: 100%
    }
}

.DualFrameSlider .mobileSliderFrame {
    display: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider .mobileSliderFrame {
        display: block
    }
}

.DualFrameSlider .desktopSliderFrame {
    display: block
}

@media screen and (min-width:1px) and (max-width:900px) {
    .DualFrameSlider .desktopSliderFrame {
        display: none
    }
}

.DualFrameSlider .sliderContainer {
    position: absolute;
    bottom: 5%;
    z-index: 3;
    width: 82.222%;
    left: 8.889%
}

.rtl .DualFrameSlider .headerBox {
    text-align: right
}

.DualFrameSlider .overlay {
    display: none
}

.DualFrameSlider .overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #444
}

.DualFrameSlider .spinner {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    border: 5px solid #fff;
    border-top-color: transparent;
    -webkit-animation: .8s linear L infinite;
    animation: .8s linear L infinite
}

@-webkit-keyframes L {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes L {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ChargeQualifier {
    font-size: 14px;
    position: relative;
    background-color: #f0f0f0;
    max-width: 2000px;
    margin-right: auto;
    margin-left: auto;
    overflow-x: hidden;
    overflow-y: inherit;
    height: 100%;
    padding: 56px
}

.ChargeQualifier,
.ChargeQualifier div {
    box-sizing: border-box
}

@media screen and (min-width:1px) and (max-width:901px) {
    .ChargeQualifier {
        padding: 40px
    }
}

@media screen and (min-width:1px) and (max-width:741px) {
    .ChargeQualifier {
        padding: 32px 30px
    }
}

.ChargeQualifier #loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
    z-index: 2
}

.ChargeQualifier #loading #loader {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ChargeQualifier .cq-button {
    box-sizing: border-box;
    display: inline-block;
    letter-spacing: .1em;
    border: 0;
    max-width: 100%;
    font-weight: 500;
    font-size: 1em;
    position: relative;
    text-transform: uppercase;
    padding: 14px 23px 13px;
    text-rendering: auto;
    margin-bottom: 20px
}

.ChargeQualifier .cq-hover:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000
}

.ChargeQualifier .cq-button-transparent {
    background-color: transparent;
    color: #9e1b32;
    border: 1px solid #999
}

.ChargeQualifier .cq-button-transparent.cq-arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 5px;
    content: "";
    height: 100%;
    width: 19px;
    position: absolute;
    margin: 0 0 0 2px;
    top: 0
}

.ChargeQualifier .cq-button-red {
    background-color: #9e1b32;
    color: #fff;
    border: 1px solid #9e1b32
}

.ChargeQualifier .cq-button-red.cq-arrow:after {
    content: "";
    height: 100%;
    width: 19px;
    position: absolute;
    margin: 0 0 0 2px;
    right: 10px;
    top: 0
}

.ChargeQualifier .cq-button-red.cq-arrow-mena {
    padding-left: 30px
}

.ChargeQualifier .cq-button-red.cq-arrow-mena:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    content: "";
    height: 100%;
    width: 19px;
    position: absolute;
    margin: 0 0 0 2px;
    left: 5px;
    top: 0;
    background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bdisplay%3Anone%3Bfill%3Anone%3Bstroke%3A%239E1B32%3Bstroke-width%3A4%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M13.9%2011.3l6.7%206.7-6.7%206.7%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.8%2027.2L12%2024.5l6.5-6.5-6.5-6.5%202.8-2.7L24%2018z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50%
}

.ChargeQualifier .screen {
    text-align: center;
    position: relative;
    overflow: hidden
}

.ChargeQualifier .screen .header {
    max-width: 700px;
    margin: auto;
    padding-bottom: 40px
}

@media screen and (min-width:1px) and (max-width:901px) {
    .ChargeQualifier .screen .header {
        padding-bottom: 30px
    }
}

@media screen and (min-width:1px) and (max-width:325px) {
    .ChargeQualifier .screen .header {
        padding-bottom: 10px
    }
}

.ChargeQualifier .screen .header h1 {
    font-family: JLR Proxima Nova, Arial, Helvetica, Sans-Serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 6.2px;
    color: #000
}

@media screen and (min-width:1px) and (max-width:741px) {
    .ChargeQualifier .screen .header h1 {
        font-size: 20px
    }
}

@media screen and (min-width:1px) and (max-width:320px) {
    .ChargeQualifier .screen .header h1 {
        font-size: 19px
    }
}

.ChargeQualifier .screen .header p {
    font-size: 16px;
    margin-top: 40px;
    color: #444!important;
    letter-spacing: 0;
    line-height: 24px
}

@media screen and (min-width:1px) and (max-width:901px) {
    .ChargeQualifier .screen .header p {
        margin-top: 30px
    }
}

@media screen and (min-width:1px) and (max-width:741px) {
    .ChargeQualifier .screen .header p {
        margin-top: 15px
    }
}

@media screen and (min-width:1px) and (max-width:320px) {
    .ChargeQualifier .screen .header p {
        margin-top: 10px
    }
}

.ChargeQualifier .screen .t_items {
    position: absolute;
    width: 100%
}

.ChargeQualifier .screen .t_items .t_item {
    width: 33%;
    height: 20px;
    padding-bottom: 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-width: 396px
}

.ChargeQualifier .screen .items .item {
    width: 49%;
    height: auto;
    max-width: 396px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: auto
}

.ChargeQualifier .screen .items .item .nav-start-next {
    position: relative;
    margin-right: 0
}

.ChargeQualifier .screen .items .item .item-icon {
    display: inline-block;
    position: relative;
    vertical-align: bottom
}

.ChargeQualifier .screen .items .item .item-icon div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0
}

.ChargeQualifier .screen .items .item .item-icon div span {
    display: inline-block;
    height: 100%;
    vertical-align: bottom
}

.ChargeQualifier .screen .items .item .item-icon div span img {
    vertical-align: bottom;
    width: 150px;
    height: 140px
}

.ChargeQualifier .screen .items .item .item-title {
    margin-top: 24px;
    min-height: 16px
}

@media screen and (min-width:1px) and (max-width:741px) {
    .ChargeQualifier .screen .items .item .item-title {
        margin-top: 16px
    }
}

.ChargeQualifier .screen .items .item .item-title h2 {
    font-family: JLR Proxima Nova, Arial, Helvetica, Sans-Serif!important;
    margin: auto;
    font-weight: 700;
    max-width: 320px;
    letter-spacing: .7px;
    padding: 0 24px
}

.ChargeQualifier .screen .items .item .item-description {
    font-size: 13px;
    max-width: 300px;
    color: #444;
    margin: 9px auto 25px;
    line-height: 19px;
    letter-spacing: 0;
    padding: 0 24px
}

.ChargeQualifier .screen .items .item .item-link .cta-secondary {
    margin-right: 0;
    margin-top: 10px
}

.ChargeQualifier .screen .items .item .item-link a {
    text-decoration: none
}

.ChargeQualifier .screen .nav {
    padding: 60px 0 0;
    height: auto;
    bottom: 20px
}

@media screen and (min-width:1px) and (max-width:741px) {
    .ChargeQualifier .screen .nav {
        padding: 50px 0 0
    }
}

@media screen and (min-width:1px) and (max-width:375px) {
    .ChargeQualifier .screen .nav {
        padding: 20px 0 0
    }
}

@media screen and (min-width:1px) and (max-width:320px) {
    .ChargeQualifier .screen .nav {
        padding: 10px 0 0
    }
}

.ChargeQualifier .screen .nav .nav-container a {
    margin-right: 10px;
    left: 5px
}

.ChargeQualifier .screen .nav #carousel-pagination {
    display: block;
    text-align: center;
    margin-bottom: 20px
}

.ChargeQualifier .screen .nav .carousel-pagination-bullet {
    margin: 0 8px 0 0;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%
}

.ChargeQualifier .screen .nav .carousel-pagination-bullet-active {
    background-color: #9e1b32;
    border: 1px solid #9e1b32
}

.ChargeQualifier .screen .nav .carousel-pagination-bullet-inactive {
    background-color: transparent;
    border: 1px solid #999
}

.ChargeQualifier .screen .nav .nav-back {
    position: relative;
    display: none
}

.ChargeQualifier .screen .nav .nav-back-arrow,
.ChargeQualifier .screen .nav .nav-start-next {
    display: none
}

.ChargeQualifier .screen .nav .nav-back-arrow.cq-button {
    padding: 9px 13px 8px 16px
}

.ChargeQualifier .screen .recommendation-ctas {
    display: none
}

.ChargeQualifier .swiper-container {
    width: 264px;
    overflow: hidden
}

@keyframes g {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes h {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocation.directions-open.directions .primary.directions-toggle,
    .MapLocation.directions-open.map .primary.map-toggle {
        display: none
    }
}

@media screen and (min-width:1px) and (max-width:740px) and (max-width:740px) {
    .MapLocation.directions-open.map #map-controls,
    .MapLocation.directions-open.map #map-toggle {
        top: 135px!important
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocation.directions-open.map #map-controls {
        display: none
    }
    .MapLocation.directions-open #map-control,
    .MapLocation.directions-open #map-toggle {
        top: 120px
    }
}

@media screen and (min-width:741px) {
    .MapLocation.directions-open .MapLocationMap .map-page-container #map-controls {
        left: calc(33% + 20px)
    }
}

html[lang=ar-XM] .directions-open .MapLocationMap .map-page-container #map-view .map {
    left: 0
}

.MapLocationMap {
    width: 100%;
    margin: 0 auto
}

.MapLocationMap .marker {
    position: relative;
    width: 28px;
    height: 38px
}

.MapLocationMap .marker span {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    line-height: 32px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif
}

.MapLocationMap .no-js {
    display: none
}

.no-js .MapLocationMap .no-js {
    display: block;
    height: 200px;
    background: #fff;
    color: #444;
    font-size: 30px;
    text-align: center;
    line-height: 200px;
    font-family: avenir, arial, helvetica, sans-serif
}

.MapLocationMap .map-directions-toggle {
    background: #f0f0f0;
    padding: 24px;
    top: 0;
    position: absolute;
    width: 33%;
    box-sizing: border-box;
    z-index: 1;
    left: -33%;
    transition: left .4s
}

@media screen and (max-width:1024px) {
    .MapLocationMap .map-directions-toggle {
        width: 40%;
        left: -40%
    }
}

@media screen and (max-width:900px) {
    .MapLocationMap .map-directions-toggle {
        width: 45%;
        left: -45%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocationMap .map-directions-toggle {
        width: 100%;
        left: -100vw
    }
}

.MapLocationMap .map-directions-toggle.visible {
    left: 0
}

.MapLocationMap .map-directions-toggle .primary,
.MapLocationMap .map-directions-toggle .secondary {
    color: #005a2b;
    border: 1px solid #999
}

.MapLocationMap .map-directions-toggle .primary {
    position: relative;
    font-weight: 500
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocationMap .map-directions-toggle .primary {
        display: inline-block;
        width: 47%;
        box-sizing: border-box;
        text-align: center;
        float: right;
        padding: 14px 18px 12px 28px
    }
}

.MapLocationMap .map-directions-toggle .primary.map-toggle:before {
    content: "";
    height: 15px;
    margin: -1px 0 0 1px;
    position: absolute;
    width: 15px;
    background-image: url(/resources/public/images/svg-icons/map--white.svg);
    left: 16px
}

.MapLocationMap .map-directions-toggle .primary,
.MapLocationMap .map-directions-toggle .secondary {
    display: inline-block;
    padding: 12px 15px 12px 32px;
    height: 40px;
    font-weight: 500;
    letter-spacing: .2em;
    font-size: 12px;
    box-sizing: border-box;
    position: relative;
    text-decoration: none
}

.MapLocationMap .map-directions-toggle .primary .desktop,
.MapLocationMap .map-directions-toggle .secondary .desktop {
    display: inline
}

.MapLocationMap .map-directions-toggle .primary .mobile,
.MapLocationMap .map-directions-toggle .secondary .mobile {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocationMap .map-directions-toggle .primary,
    .MapLocationMap .map-directions-toggle .secondary {
        height: auto;
        padding: 14px 18px 12px 28px;
        width: 47%;
        display: inline-block;
        text-align: center
    }
    .MapLocationMap .map-directions-toggle .primary .desktop,
    .MapLocationMap .map-directions-toggle .secondary .desktop {
        display: none
    }
    .MapLocationMap .map-directions-toggle .primary .mobile,
    .MapLocationMap .map-directions-toggle .secondary .mobile {
        display: inline
    }
}

.MapLocationMap .map-directions-toggle .primary:hover,
.MapLocationMap .map-directions-toggle .secondary:hover {
    color: #fff;
    background: #352c2c
}

.safari .MapLocationMap .map-directions-toggle .primary,
.safari .MapLocationMap .map-directions-toggle .secondary {
    line-height: 1.35
}

.MapLocationMap .map-directions-toggle .primary,
.MapLocationMap .map-directions-toggle .primary:before {
    display: none
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocationMap .map-directions-toggle .primary {
        display: inline-block
    }
}

.MapLocationMap .map-directions-toggle .secondary:before {
    content: "";
    height: 15px;
    margin: -1px 0 0 1px;
    position: absolute;
    width: 15px;
    background-image: url(/resources/public/images/TAOPT/close--Red.svg);
    left: 10px
}

.MapLocationMap .map-directions-toggle .secondary:hover:before {
    background-image: url(/resources/public/images/TAOPT/close--White.svg)
}

.MapLocationMap .directions-panel {
    position: absolute;
    top: 88px;
    left: -33%;
    width: 33%;
    bottom: 0;
    background: #f0f0f0;
    z-index: 1;
    overflow-y: auto;
    transition: left .4s
}

.MapLocationMap .directions-panel .directions-form {
    border-top: 1px solid #e8e8e8;
    padding: 20px 25px 0 20px;
    overflow: hidden
}

.MapLocationMap .directions-panel .directions-form .primary {
    float: right
}

.MapLocationMap .directions-panel .directions-form .directionsField {
    position: relative;
    margin-bottom: 15px;
    clear: both;
    display: table;
    width: 100%;
    table-layout: fixed
}

.MapLocationMap .directions-panel .directions-form .directionsField span {
    color: #fff!important;
    display: table-cell;
    font-size: 13px;
    height: 32px;
    line-height: 26px;
    padding: 8px 0 0 1px;
    text-align: center;
    vertical-align: top;
    width: 32px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    position: relative;
    background-position: 1px 8px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%225%20-5%2036%2036%22%3E%3Cstyle%3E.st0%7Bfill%3A%239E1B32%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22Layer_1_1_%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M22.9-2.2c-6.8%200-12.5%205.7-12.5%2012.5%200%203%201%206%203%208%202.3%202.9%209.6%2011.9%209.6%2011.9s7.4-9.4%209.7-12.1c1.8-2.1%203-5%203-8-.3-6.8-6.1-12.3-12.8-12.3z%22%20id%3D%22Location%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .directions-panel .directions-form .directionsField input {
    border: 1px solid #999;
    width: calc(100% - 10px);
    box-sizing: border-box;
    display: table-cell;
    padding: 10px;
    margin: 3px 0 0 10px;
    display: block
}

.MapLocationMap .directions-panel .directions-form .directionsField input.from-direction {
    padding: 10px 25px 10px 10px
}

.MapLocationMap .directions-panel .directions-form .directionsField input.destination-direction {
    color: #b4b4b4;
    border: 1px solid #b4b4b4
}

.MapLocationMap .directions-panel .directions-form .directionsField a {
    background-color: #000;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 2;
    padding: 0 20px;
    height: 45px;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .2em
}

html[lang=ar-XM] .MapLocationMap .directions-panel .directions-form .directionsField a {
    left: 20px;
    right: auto
}

@media screen and (max-width:1024px) {
    .MapLocationMap .directions-panel {
        width: 40%;
        left: -40%
    }
}

@media screen and (max-width:900px) {
    .MapLocationMap .directions-panel {
        left: -45%;
        width: 45%
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .MapLocationMap .directions-panel {
        width: 100vw;
        left: -100vw
    }
}

@media screen and (max-width:640px) {
    .MapLocationMap .directions-panel {
        top: 84px
    }
}

.MapLocationMap .directions-panel.visible {
    left: 0
}

.MapLocationMap .directions-panel .directions-container {
    overflow-y: auto;
    margin-right: 5px;
    padding-right: 5px
}

@media screen and (max-width:740px) {
    .MapLocationMap .directions-panel .directions-container {
        margin-right: 0;
        padding-right: 0
    }
}

.MapLocationMap .directions-panel .directions-container::-webkit-scrollbar {
    width: 6px
}

.MapLocationMap .directions-panel .directions-container .adp-placemark {
    background-color: #f0f0f0;
    border: 0 none;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    width: 100%
}

.MapLocationMap .directions-panel .directions-container .adp-placemark img {
    display: none
}

.MapLocationMap .directions-panel .directions-container .adp-placemark td {
    vertical-align: middle;
    min-height: 100px
}

.MapLocationMap .directions-panel .directions-container .adp-placemark td.adp-text {
    padding: 20px 60px 20px 30px;
    font-weight: 700;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='19' viewBox='0 0 24 19' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='a' points='0 19 24.003 19 24.003 .921 0 .921'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0 -1)'%3E%3Cpath fill='%23000000' d='M4.3839,1 L2.7069,4.317 L1.1589,5.362 L-0.0001,8.839 L-0.0001,15.996 L23.9949,15.996 L23.9949,8.85 L22.8359,5.36 L21.2729,4.316 L19.6139,1 L4.3839,1 Z M1.9999,9.163 L2.8419,6.639 L4.2569,5.684 L5.6149,3 L18.3769,3 L19.7199,5.685 L21.1549,6.643 L21.9939,9.174 L21.9939,13.996 L1.9999,13.996 L1.9999,9.163 Z'/%3E%3Cpolygon fill='%23000000' points='17.474 9.999 17.474 10.997 20.995 10.997 20.995 8.999'/%3E%3Cpolygon fill='%23000000' points='6.476 9.997 6.476 10.997 3.001 10.997 3.001 8.997'/%3E%3Cg transform='translate(0 .08)'%3E%3Cpath fill='%23000000' d='M15.9963,9.9182 L15.9963,10.9212 C15.9963,12.0322 15.1133,12.9192 14.0033,12.9192 L9.9983,12.9172 C8.8883,12.9172 7.9983,12.0182 7.9983,10.9082 L7.9983,9.9182 L15.9963,9.9182 Z'/%3E%3Cmask id='b' fill='white'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpolygon fill='%23000000' points='0 19 5.004 19 5.004 14.741 0 14.741' mask='url(%23b)'/%3E%3Cpolygon fill='%23000000' points='18.999 19 24.003 19 24.003 14.741 18.999 14.741' mask='url(%23b)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 25px
}

.MapLocationMap .directions-panel .directions-container .adp-summary {
    padding: 20px 20px 20px 30px;
    font-weight: 700;
    color: #444
}

.MapLocationMap .directions-panel .directions-container .adp-directions {
    margin: 0 20px;
    padding-bottom: 20px
}

.MapLocationMap .directions-panel .directions-container .adp-directions tr td:nth-child(2) {
    display: none
}

.MapLocationMap .directions-panel .directions-container .adp-step,
.MapLocationMap .directions-panel .directions-container .adp-substep {
    border-top: 0 none;
    padding: 8px;
    font-family: JLR Proxima Nova, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #444;
    font-weight: 400
}

.MapLocationMap .directions-panel .directions-container .adp-step b,
.MapLocationMap .directions-panel .directions-container .adp-substep b {
    font-weight: 500
}

.MapLocationMap .directions-panel .directions-container .adp-substep {
    word-break: break-word
}

.MapLocationMap .directions-panel .directions-container .adp-legal {
    display: none
}

.MapLocationMap .directions-panel .instruction {
    padding: 5px
}

.MapLocationMap .directions-panel .instruction>div {
    padding: 3px 0
}

.MapLocationMap .map-page-container {
    width: 100%;
    position: relative;
    overflow: hidden
}

.MapLocationMap .map-page-container .map-key {
    height: 60px;
    padding: 10px 40px;
    box-sizing: border-box;
    color: #444;
    background-color: #fff
}

@media screen and (max-width:1000px) {
    .MapLocationMap .map-page-container .map-key {
        height: auto
    }
}

@media screen and (max-width:740px) {
    .MapLocationMap .map-page-container .map-key {
        height: auto;
        padding: 15px 15px 5px
    }
}

.MapLocationMap .map-page-container .map-key:after,
.MapLocationMap .map-page-container .map-key:before {
    content: " ";
    display: table
}

.MapLocationMap .map-page-container .map-key:after {
    clear: both
}

.MapLocationMap .map-page-container .map-key .key-title {
    vertical-align: top;
    line-height: 40px;
    font-family: avenir, arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    display: inline-block;
    margin-right: 20px;
    letter-spacing: .05em
}

@media screen and (max-width:740px) {
    .MapLocationMap .map-page-container .map-key .key-title {
        display: block;
        line-height: 1;
        font-size: .9em;
        margin-bottom: 10px
    }
}

.MapLocationMap .map-page-container .map-key ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.MapLocationMap .map-page-container .map-key ul li {
    float: left;
    padding-left: 30px;
    position: relative;
    margin-right: 20px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-family: avenir, arial, helvetica, sans-serif;
    font-size: 1em;
    text-rendering: auto
}

.MapLocationMap .map-page-container .map-key ul li:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    width: 20px;
    height: 28px;
    margin-top: -14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

@media screen and (max-width:740px) {
    .MapLocationMap .map-page-container .map-key ul li {
        height: 33px;
        line-height: 33px;
        font-size: .9em
    }
    .MapLocationMap .map-page-container .map-key ul li:before {
        width: 16px;
        height: 28px
    }
}

.MapLocationMap .map-page-container .map-key ul li.nextEvent:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%20-12%2043%2060%22%3E%3Cstyle%3E.st0%7Bfill%3Aurl%28%23XMLID_3_%29%3B%7D%20.st1%7Bfill%3A%239E1B32%3B%7D%20.st2%7Bopacity%3A0.3%3B%7D%20.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3CradialGradient%20id%3D%22XMLID_3_%22%20cx%3D%2225.535%22%20cy%3D%2214%22%20r%3D%2212.179%22%20gradientTransform%3D%22matrix%281%200%200%20.3%200%2037.8%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20d%3D%22M42.2%2041.5c0%203.2-8.6%204.7-16.7%204.7S8.8%2044.7%208.8%2041.5s8.6-3.7%2016.7-3.7%2016.7.5%2016.7%203.7z%22%2F%3E%3Cg%20id%3D%22XMLID_1_%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M47%209.5C47%2026.3%2033.9%2031.7%2025.5%2042%2017%2031.7%204%2026.1%204%209.5%204-2.4%2013.6-12%2025.5-12S47-2.4%2047%209.5z%22%2F%3E%3Cpath%20d%3D%22M25.5-11C36.8-11%2046-1.8%2046%209.5c0%2011.6-6.5%2017.6-13.4%2023.9-2.4%202.2-4.9%204.5-7.1%207.1-2.2-2.5-4.6-4.8-7-7C11.5%2027.1%205%2021.1%205%209.5%205-1.8%2014.2-11%2025.5-11m0-1C13.6-12%204-2.4%204%209.5%204%2026.1%2017%2031.7%2025.5%2042%2033.9%2031.7%2047%2026.3%2047%209.5%2047-2.4%2037.4-12%2025.5-12z%22%20class%3D%22st2%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22XMLID_33_%22%20class%3D%22st3%22%20d%3D%22M25.4-1.2l2.7%208.5H37l-7.1%205.3%202.6%208.2-7.1-5-7.1%205%202.6-8.2-7.1-5.3h8.8z%22%2F%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container .map-key ul li.futureEvent:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%20-12%2043%2060%22%3E%3Cstyle%3E.st0%7Bfill%3Aurl%28%23XMLID_5_%29%3B%7D%20.st1%7Bfill%3A%239E1B32%3B%7D%20.st2%7Bopacity%3A0.3%3B%7D%3C%2Fstyle%3E%3CradialGradient%20id%3D%22XMLID_5_%22%20cx%3D%2225.535%22%20cy%3D%2222%22%20r%3D%2212.179%22%20gradientTransform%3D%22matrix%281%200%200%20-.3%200%2048.6%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20d%3D%22M42.2%2041.5c0%203.2-8.6%204.7-16.7%204.7S8.8%2044.7%208.8%2041.5s8.6-3.7%2016.7-3.7%2016.7.5%2016.7%203.7z%22%2F%3E%3Cg%20id%3D%22XMLID_1_%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M47%209.5C47%2026.3%2033.9%2031.7%2025.5%2042%2017%2031.7%204%2026.1%204%209.5%204-2.4%2013.6-12%2025.5-12S47-2.4%2047%209.5z%22%2F%3E%3Cpath%20d%3D%22M25.5-11C36.8-11%2046-1.8%2046%209.5c0%2011.6-6.5%2017.6-13.4%2023.9-2.4%202.2-4.9%204.5-7.1%207.1-2.2-2.5-4.6-4.8-7-7C11.5%2027.1%205%2021.1%205%209.5%205-1.8%2014.2-11%2025.5-11m0-1C13.6-12%204-2.4%204%209.5%204%2026.1%2017%2031.7%2025.5%2042%2033.9%2031.7%2047%2026.3%2047%209.5%2047-2.4%2037.4-12%2025.5-12z%22%20class%3D%22st2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container .map-key ul li.pastEvent:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%224%20-12%2043%2060%22%3E%3Cstyle%3E.st0%7Bfill%3Aurl%28%23XMLID_5_%29%3B%7D%20.st1%7Bfill%3A%23666666%3B%7D%20.st2%7Bopacity%3A0.3%3B%7D%3C%2Fstyle%3E%3CradialGradient%20id%3D%22XMLID_5_%22%20cx%3D%2225.535%22%20cy%3D%2222%22%20r%3D%2212.179%22%20gradientTransform%3D%22matrix%281%200%200%20-.3%200%2048.6%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20d%3D%22M42.2%2041.5c0%203.2-8.6%204.7-16.7%204.7S8.8%2044.7%208.8%2041.5s8.6-3.7%2016.7-3.7%2016.7.5%2016.7%203.7z%22%2F%3E%3Cg%20id%3D%22XMLID_1_%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M47%209.5C47%2026.3%2033.9%2031.7%2025.5%2042%2017%2031.7%204%2026.1%204%209.5%204-2.4%2013.6-12%2025.5-12S47-2.4%2047%209.5z%22%2F%3E%3Cpath%20d%3D%22M25.5-11C36.8-11%2046-1.8%2046%209.5c0%2011.6-6.5%2017.6-13.4%2023.9-2.4%202.2-4.9%204.5-7.1%207.1-2.2-2.5-4.6-4.8-7-7C11.5%2027.1%205%2021.1%205%209.5%205-1.8%2014.2-11%2025.5-11m0-1C13.6-12%204-2.4%204%209.5%204%2026.1%2017%2031.7%2025.5%2042%2033.9%2031.7%2047%2026.3%2047%209.5%2047-2.4%2037.4-12%2025.5-12z%22%20class%3D%22st2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container .otherCountries {
    padding: 20px 40px;
    box-sizing: border-box;
    background: #f4f4f4
}

.MapLocationMap .map-page-container .otherCountries .secondaryLinkWithStyle {
    margin: 0
}

@media screen and (max-width:740px) {
    .MapLocationMap .map-page-container .otherCountries {
        padding: 15px;
        height: auto
    }
    .MapLocationMap .map-page-container .otherCountries>span {
        display: block
    }
    .MapLocationMap .map-page-container .otherCountries>span .left {
        float: none;
        margin-bottom: 0
    }
}

.MapLocationMap .map-page-container #map-view {
    height: 100%;
    width: 100%;
    position: relative;
    direction: ltr
}

.MapLocationMap .map-page-container #map-view .map {
    height: 100vh;
    width: 100%;
    left: 0;
    transition: left .5s, width .3s
}

@media screen and (min-width:741px) {
    .directions-open .MapLocationMap .map-page-container #map-view .map {
        left: 33%;
        width: 67%
    }
}

.MapLocationMap .map-page-container #map-controls {
    transition: left .5s
}

.MapLocationMap .map-page-container #map-controls,
.MapLocationMap .map-page-container #map-toggle {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 1
}

.no-js .MapLocationMap .map-page-container #map-controls,
.no-js .MapLocationMap .map-page-container #map-toggle {
    display: none
}

.MapLocationMap .map-page-container #map-controls .control,
.MapLocationMap .map-page-container #map-toggle .control {
    margin-bottom: 9px;
    height: 50px;
    width: 50px;
    background: #fff;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    transition: background-image .4s
}

.MapLocationMap .map-page-container #map-controls .control.plus,
.MapLocationMap .map-page-container #map-toggle .control.plus {
    display: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' enable-background='new 0 0 50 50'%3E%3Cstyle%3E.st0{filter:url(%23Adobe_OpacityMaskFilter)}.st1,.st2{fill:%23fff}.st2{mask:url(%23b)}%3C/style%3E%3Cdefs%3E%3Cfilter id='Adobe_OpacityMaskFilter' filterUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50' id='b'%3E%3Cg class='st0'%3E%3Cpath id='a' class='st1' d='M25.7 24.3v-6.9c0-.4-.3-.7-.7-.7s-.7.3-.7.7v6.9h-6.9c-.4 0-.7.3-.7.7s.3.7.7.7h6.9v6.9c0 .4.3.7.7.7s.7-.3.7-.7v-6.9h6.9c.4 0 .7-.3.7-.7s-.3-.7-.7-.7h-6.9z'/%3E%3C/g%3E%3C/mask%3E%3Cpath class='st2' d='M0 0h50v50H0z'/%3E%3Cpath d='M37 24H26V13h-2v11H13v2h11v11h2V26h11z'/%3E%3C/svg%3E")
}

.MapLocationMap .map-page-container #map-controls .control.plus:hover,
.MapLocationMap .map-page-container #map-toggle .control.plus:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M31%209h1v19h-1z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .MapLocationMap .map-page-container #map-controls .control.plus,
.jlr-touch .MapLocationMap .map-page-container #map-toggle .control.plus {
    display: none
}

.MapLocationMap .map-page-container #map-controls .control.minus,
.MapLocationMap .map-page-container #map-toggle .control.minus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' enable-background='new 0 0 50 50'%3E%3Cstyle%3E.st0{filter:url(%23Adobe_OpacityMaskFilter)}.st1,.st2{fill:%23fff}.st2{mask:url(%23b)}%3C/style%3E%3Cdefs%3E%3Cfilter id='Adobe_OpacityMaskFilter' filterUnits='userSpaceOnUse' x='0' y='0' width='50' height='50'%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cmask maskUnits='userSpaceOnUse' x='0' y='0' width='50' height='50' id='b'%3E%3Cg class='st0'%3E%3Cpath id='a' class='st1' d='M25.7 24.3v-6.9c0-.4-.3-.7-.7-.7s-.7.3-.7.7v6.9h-6.9c-.4 0-.7.3-.7.7s.3.7.7.7h6.9v6.9c0 .4.3.7.7.7s.7-.3.7-.7v-6.9h6.9c.4 0 .7-.3.7-.7s-.3-.7-.7-.7h-6.9z'/%3E%3C/g%3E%3C/mask%3E%3Cpath class='st2' d='M0 0h50v50H0z'/%3E%3Cpath d='M13 24h24v2H13z'/%3E%3C/svg%3E");
    display: none
}

.MapLocationMap .map-page-container #map-controls .control.minus:hover,
.MapLocationMap .map-page-container #map-toggle .control.minus:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container #map-controls .control.minus.disabled,
.MapLocationMap .map-page-container #map-toggle .control.minus.disabled {
    cursor: auto;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%227%20-6%2049%2049%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3Bopacity%3A0.35%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M7-6h49v49H7z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M22%2018h19v1H22z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .MapLocationMap .map-page-container #map-controls .control.minus,
.jlr-touch .MapLocationMap .map-page-container #map-toggle .control.minus {
    display: none
}

.MapLocationMap .map-page-container #map-controls .control.locate,
.MapLocationMap .map-page-container #map-toggle .control.locate {
    display: none;
    transition: all 0s ease 0s;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2222%20-22%2079%2079%22%3E%3Cstyle%3E.st0%7Benable-background%3Anew%20%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M22-22h79v79H22z%22%2F%3E%3Cg%20id%3D%22XMLID_128_%22%3E%3Cpath%20id%3D%22XMLID_714_%22%20class%3D%22st1%22%20d%3D%22M86.5%2015.976h-8.07C77.712%207.754%2071.014%201.22%2062.72.766v-7.96h-2.44V.812c-8.015.726-14.41%207.14-15.112%2015.163H36.5v2.44h8.63c.478%208.25%206.972%2014.91%2015.15%2015.65v8.13h2.44V34.11c8.458-.462%2015.258-7.247%2015.748-15.697H86.5v-2.44zm-23.78%2015.69V24.38l-2.44.005v7.233c-6.832-.727-12.235-6.298-12.704-13.203h7.292l-.025-2.44h-7.23C48.3%209.3%2053.61%203.972%2060.28%203.263v7.34l2.44.013V3.213c6.948.445%2012.56%205.887%2013.264%2012.763H68.65l-.036%202.44h7.408c-.483%207.104-6.19%2012.795-13.303%2013.25z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container #map-controls .control.locate:hover,
.MapLocationMap .map-page-container #map-toggle .control.locate:hover {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2222%20-22%2079%2079%22%3E%3Cstyle%3E.st0%7Bfill%3A%23313131%3Benable-background%3Anew%20%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_1_%22%20class%3D%22st0%22%20d%3D%22M22-22h79v79H22z%22%2F%3E%3Cg%20id%3D%22XMLID_128_%22%3E%3Cpath%20id%3D%22XMLID_714_%22%20class%3D%22st1%22%20d%3D%22M86.5%2015.976h-8.07C77.712%207.754%2071.014%201.22%2062.72.766v-7.96h-2.44V.812c-8.015.726-14.41%207.14-15.112%2015.163H36.5v2.44h8.63c.478%208.25%206.972%2014.91%2015.15%2015.65v8.13h2.44V34.11c8.458-.462%2015.258-7.247%2015.748-15.697H86.5v-2.44zm-23.78%2015.69V24.38l-2.44.005v7.233c-6.832-.727-12.235-6.298-12.704-13.203h7.292l-.025-2.44h-7.23C48.3%209.3%2053.61%203.972%2060.28%203.263v7.34l2.44.013V3.213c6.948.445%2012.56%205.887%2013.264%2012.763H68.65l-.036%202.44h7.408c-.483%207.104-6.19%2012.795-13.303%2013.25z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container #map-controls .control.drag,
.MapLocationMap .map-page-container #map-toggle .control.drag {
    display: none;
    width: 68px;
    transition: all 0s ease 0s;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20100%22%3E%3Cstyle%3E.st0%7Bopacity%3A0.2%3B%7D%20.st1%7Bfill%3Anone%3B%7D%20.st2%7Bfill%3A%23FFFFFF%3B%7D%20.st3%7Bopacity%3A0.4%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200h170v100H0z%22%2F%3E%3Cpath%20d%3D%22M15.81%2015.572h70v70h-70z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M49.677%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201.002%202.924%202.398%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M40.81%2043.457c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v7.084h5v-7.083c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.99-13.5%209.087v7.114h5v-7.113zM32.81%2053.572v22h34v-22h-34zm18.262%2011.78l1.188%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.642-3.673%203.667-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3Cg%20class%3D%22st3%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M120.653%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201%202.924%202.397%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M111.81%2034.66c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v15.882h5V34.69c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.992-13.5%209.088v7.912h5V34.66zM103.81%2053.572v22h34v-22h-34zm18.24%2011.78l1.187%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.64-3.673%203.666-3.673%202.025%200%203.666%201.652%203.666%203.677%200%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.MapLocationMap .map-page-container #map-controls .control.drag.active,
.MapLocationMap .map-page-container #map-toggle .control.drag.active {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20100%22%3E%3Cstyle%3E.st0%7Bopacity%3A0.2%3Benable-background%3Anew%20%3B%7D%20.st1%7Bopacity%3A0.4%3B%7D%20.st2%7Bfill%3Anone%3B%7D%20.st3%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200h170v100H0z%22%2F%3E%3Cpath%20d%3D%22M85.81%2015.572h70v70h-70z%22%2F%3E%3Cg%20class%3D%22st1%22%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M49.677%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201.002%202.924%202.398%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M40.81%2043.457c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v7.084h5v-7.083c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.99-13.5%209.087v7.114h5v-7.113zM32.81%2053.572v22h34v-22h-34zm18.262%2011.78l1.188%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.642-3.673%203.667-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M120.653%2058.277c-2.024%200-3.666%201.648-3.666%203.673%200%201.577%201%202.924%202.397%203.44l-1.18%206.182h5.032l-1.188-6.22c1.332-.55%202.27-1.868%202.27-3.398%200-2.025-1.64-3.677-3.665-3.677z%22%2F%3E%3Cpath%20class%3D%22st3%22%20d%3D%22M111.81%2034.66c0-2.218%203.314-4.69%208.5-4.69s8.5%202.488%208.5%204.72v15.882h5V34.69c0-5.113-6.1-9.118-13.5-9.118s-13.5%203.992-13.5%209.088v7.912h5V34.66zM103.81%2053.572v22h34v-22h-34zm18.24%2011.78l1.187%206.22h-5.033l1.18-6.18c-1.396-.52-2.396-1.866-2.396-3.442%200-2.025%201.64-3.673%203.666-3.673s3.666%201.652%203.666%203.677c0%201.53-.94%202.848-2.27%203.398z%22%2F%3E%3C%2Fsvg%3E")
}

.jlr-touch .MapLocationMap .map-page-container #map-controls .control.drag,
.jlr-touch .MapLocationMap .map-page-container #map-toggle .control.drag {
    display: block
}

.MapLocationMap .map-page-container #map-toggle {
    left: auto;
    right: 20px
}

.MapLocationSearchContainer {
    width: 100%;
    background-color: #252525;
    padding: 60px 0;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 2000px
}

.MapLocationSearchContainer h2 {
    margin-bottom: 32px;
    color: #fff
}

.MapLocationSearchContainer p {
    color: #f9f9f9;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px
}

.MapLocationSearchContainer .MapLocationSearch button,
.MapLocationSearchContainer .MapLocationSearch input {
    border: none;
    border-radius: 0;
    display: inline-block;
    width: 400px;
    float: none;
    font-size: 14px;
    font-size: 1.4rem;
    height: 40px;
    height: 4rem;
    margin-bottom: 0;
    box-sizing: border-box;
    font-family: avenir, arial, helvetica, sans-serif;
    vertical-align: top
}

.MapLocationSearchContainer .MapLocationSearch input {
    margin-right: 20px;
    background-color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase
}

.MapLocationSearchContainer .MapLocationSearch button {
    background-color: #005a2b;
    color: #fff;
    padding: 2px 27px 0 15px;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: .2em;
    font-weight: 500;
    position: relative
}

.MapLocationSearchContainer .MapLocationSearch button:hover {
    background-color: #fff;
    color: #000
}

@media screen and (max-width:1050px) {
    .MapLocationSearchContainer .MapLocationSearch {
        padding: 40px 0
    }
    .MapLocationSearchContainer .MapLocationSearch button,
    .MapLocationSearchContainer .MapLocationSearch input {
        max-width: 47%
    }
    .MapLocationSearchContainer .MapLocationSearch input {
        float: left
    }
    .MapLocationSearchContainer .MapLocationSearch button {
        float: right
    }
}

@media screen and (max-width:740px) {
    .MapLocationSearchContainer .MapLocationSearch {
        padding: 0
    }
    .MapLocationSearchContainer .MapLocationSearch button,
    .MapLocationSearchContainer .MapLocationSearch input {
        float: none;
        max-width: 100%;
        width: 100%
    }
}

@media screen and (max-width:1280px) {
    .MapLocationSearchContainer {
        padding: 40px 90px
    }
    .MapLocationSearchContainer p {
        margin-bottom: 40px
    }
}

@media screen and (max-width:900px) {
    .MapLocationSearchContainer {
        padding: 40px 60px
    }
}

@media screen and (max-width:740px) {
    .MapLocationSearchContainer {
        padding: 40px 20px
    }
    .MapLocationSearchContainer h2 {
        margin-bottom: 24px
    }
    .MapLocationSearchContainer .section {
        width: 100%
    }
    .MapLocationSearchContainer .MapLocationSearch input {
        width: 100%;
        margin: 0 0 16px
    }
    .MapLocationSearchContainer .MapLocationSearch .searchFormSubmit {
        width: 100%
    }
    .MapLocationSearchContainer .MapLocationSearch .searchFormSubmit,
    .MapLocationSearchContainer .MapLocationSearch input {
        height: 45px
    }
}

.MapLocationSearchError {
    display: none;
    box-sizing: border-box
}

.MapLocationSearchError .searchAgainDealer,
.MapLocationSearchError .searchDisambiguation {
    display: none
}

.MapLocationSearchError .multipleResults {
    background-color: #fff;
    padding: 70px 90px
}

.MapLocationSearchError .multipleResults .multiLocationHeading span {
    color: #000;
    font-weight: 700
}

.MapLocationSearchError .multipleResults h2,
.MapLocationSearchError .multipleResults li,
.MapLocationSearchError .multipleResults p {
    margin-bottom: 24px;
    padding-bottom: 0;
    color: #444;
    font-weight: 400;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .05em
}

.MapLocationSearchError .multipleResults ol {
    list-style-type: none;
    margin-left: 0
}

.MapLocationSearchError .multipleResults ol li {
    margin-bottom: 20px
}

.MapLocationSearchError .multipleResults ol li:last-child {
    margin-bottom: 0
}

.MapLocationSearchError .multipleResults a {
    text-decoration: underline;
    color: #005a2b
}

.MapLocationSearchError .searchAgainDealer,
.MapLocationSearchError .searchAgainDis {
    background: #f4f4f4;
    padding: 40px 90px;
    box-sizing: border-box
}

.MapLocationSearchError .searchAgainDealer h2,
.MapLocationSearchError .searchAgainDis h2 {
    margin-bottom: 20px
}

.MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink,
.MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink {
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #444
}

.MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink a,
.MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink a {
    text-decoration: underline;
    color: #005a2b
}

.MapLocationSearchError .searchAgainDealer .TAOPT_SearchAgainLink a:hover,
.MapLocationSearchError .searchAgainDis .TAOPT_SearchAgainLink a:hover {
    color: #444
}

.MapLocationSearchError .searchAgainDealer .searchAgainBtn,
.MapLocationSearchError .searchAgainDis .searchAgainBtn {
    border-color: #444;
    color: #005a2b;
    font-size: 1em;
    font-weight: 500;
    letter-spacing: .2em;
    padding: 12.5px 15px;
    padding: 1.25rem 1.5rem;
    position: relative;
    margin-top: 40px
}

.MapLocationSearchError .searchAgainDealer .searchAgainBtn:focus,
.MapLocationSearchError .searchAgainDis .searchAgainBtn:focus {
    outline: none
}

@media screen and (max-width:740px) {
    .MapLocationSearchError .searchAgainDealer,
    .MapLocationSearchError .searchAgainDis {
        padding: 30px 20px
    }
    .MapLocationSearchError .searchAgainDealer .section,
    .MapLocationSearchError .searchAgainDis .section {
        width: 100%
    }
    .MapLocationSearchError .searchAgainDealer .section .el,
    .MapLocationSearchError .searchAgainDis .section .el {
        padding: 0
    }
    .MapLocationSearchError .searchAgainDealer .searchAgainBtn,
    .MapLocationSearchError .searchAgainDis .searchAgainBtn {
        width: 100%;
        height: 45px
    }
}

@media screen and (max-width:900px) {
    .MapLocationSearchError .multipleResults,
    .MapLocationSearchError .searchAgainDealer,
    .MapLocationSearchError .searchAgainDis {
        padding-left: 40px;
        padding-right: 40px
    }
}

.MapLocationCards[data-wrapper=float] .items .el:nth-child(3n+1) {
    clear: none
}

.MapLocationCards[data-wrapper=float] .items .el[display=block]:nth-child(3n+1) {
    clear: left
}

.MapLocationCards[data-wrapper=float] .items .cardContainer.past {
    display: none
}

.MapLocationCards.GridCards {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0 20px;
    box-sizing: border-box;
    background-color: #141414;
    position: relative;
    max-width: 2000px
}

.MapLocationCards.GridCards.noFutureEvents {
    display: none
}

.MapLocationCards.GridCards.userSearch {
    padding-top: 0
}

.MapLocationCards.GridCards.userSearch.searchResults {
    padding-top: 75px
}

.MapLocationCards.GridCards .MapLocationCardsHeader {
    width: 100%;
    box-sizing: border-box;
    padding: 32px 90px;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #141414;
    max-width: 2000px
}

.MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
    position: fixed;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
    padding: 20px 90px
}

@media screen and (max-width:740px) {
    .MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
        padding: 20px
    }
}

@media screen and (max-width:740px) and (orientation:landscape) {
    .MapLocationCards.GridCards .MapLocationCardsHeader.headerFixed {
        position: absolute;
        top: 0!important;
        -webkit-transform: translate(0)!important;
        transform: translate(0)!important
    }
}

.MapLocationCards.GridCards .MapLocationCardsHeader.headerStop {
    box-shadow: 0 5px 10px #000;
    position: absolute;
    padding: 20px 40px
}

@media screen and (max-width:740px) and (orientation:landscape) {
    .MapLocationCards.GridCards .MapLocationCardsHeader.headerStop {
        position: absolute;
        top: 0!important;
        -webkit-transform: translate(0)!important;
        transform: translate(0)!important
    }
}

.MapLocationCards.GridCards .MapLocationCardsHeader:after,
.MapLocationCards.GridCards .MapLocationCardsHeader:before {
    content: " ";
    display: table
}

.MapLocationCards.GridCards .MapLocationCardsHeader:after {
    clear: both
}

.MapLocationCards.GridCards .MapLocationCardsHeader h2 {
    color: #fff;
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase
}

#jaguar .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA {
    float: right;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #999;
    font-weight: 500px;
    letter-spacing: 1.2px;
    letter-spacing: .12rem;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.17px;
    margin-top: 0
}

#jaguar .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

#jaguar .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:focus {
    outline: none
}

.MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA {
    float: right;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #999;
    font-weight: 500px;
    letter-spacing: 1.2px;
    letter-spacing: .12rem;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.17px;
    margin-top: 0
}

.MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

.MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA:focus {
    outline: none
}

@media screen and (max-width:740px) {
    .MapLocationCards.GridCards .MapLocationCardsHeader {
        padding: 20px;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }
    .MapLocationCards.GridCards .MapLocationCardsHeader h2 {
        text-align: center;
        float: none;
        margin-bottom: 20px
    }
    .MapLocationCards.GridCards .MapLocationCardsHeader .searchAgainCTA {
        float: none;
        width: 100%;
        height: 45px
    }
}

.MapLocationCards.GridCards [class*=col-] {
    padding: 0 20px 40px
}

.MapLocationCards.GridCards .TAOPT_title {
    margin-bottom: 60px;
    color: #fff;
    text-align: center
}

.MapLocationCards.GridCards .row {
    padding: 0 70px;
    margin: 0 auto
}

@media screen and (max-width:900px) {
    .MapLocationCards.GridCards .row {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media screen and (max-width:740px) {
    .MapLocationCards.GridCards .row {
        padding-left: 20px;
        padding-right: 20px
    }
}

.MapLocationCards.GridCards .card {
    position: relative;
    padding: 0!important;
    background: transparent
}

.MapLocationCards.GridCards .card [data-theme=dark] .primary-cta {
    color: #fff;
    background-color: #005a2b;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: .4px;
    letter-spacing: .04rem;
    margin-top: 48px;
    padding: 10px 20px
}

@media screen and (max-width:740px) {
    .MapLocationCards.GridCards .card {
        height: auto!important
    }
}

.MapLocationCards.GridCards .card .eventImage {
    width: 100%;
    position: relative;
    display: block;
    height: auto
}

.MapLocationCards.GridCards .card .eventImage img {
    max-width: 100%;
    width: 100%
}

.MapLocationCards.GridCards .card .eventContent {
    padding: 0 0 63px
}

.MapLocationCards.GridCards .card .eventContent>span {
    width: 100%;
    margin: 0 -30px;
    padding: 0 30px;
    bottom: 30px;
    display: block;
    position: absolute;
    box-sizing: border-box
}

.MapLocationCards.GridCards .card .eventContent>span:after {
    content: "";
    display: table;
    clear: both
}

.MapLocationCards.GridCards .card .eventContent>span a {
    margin: 0
}

.MapLocationCards.GridCards .card .eventName {
    margin-bottom: 20px
}

.MapLocationCards.GridCards .card .eventInfo {
    margin-bottom: 20px;
    position: relative
}

.MapLocationCards.GridCards .card .eventInfo h4 {
    margin-bottom: 0
}

.MapLocationCards.GridCards .card .eventInfo .date {
    font-weight: inherit;
    padding-bottom: inherit;
    color: inherit
}

.MapLocationCards.GridCards .ctaContainer {
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
    display: none
}

#jaguar .MapLocationCards.GridCards .ctaContainer .load-more-cta {
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #999;
    font-weight: 500px;
    letter-spacing: 1.2px;
    letter-spacing: .12rem;
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.17px
}

#jaguar .MapLocationCards.GridCards .ctaContainer .load-more-cta:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

@media screen and (max-width:740px) {
    .MapLocationCards.GridCards {
        padding: 30px 0 10px
    }
    .MapLocationCards.GridCards .cardContainer {
        padding: 0;
        width: 100%
    }
    .MapLocationCards.GridCards .cardContainer .cardContainer {
        margin-bottom: 0
    }
    .MapLocationCards.GridCards .cardContainer .card .eventContent {
        padding: 30px 0
    }
    .MapLocationCards.GridCards .cardContainer .card .eventContent>span {
        margin: 0 -20px;
        padding: 0 20px;
        position: static
    }
    .MapLocationCards.GridCards .cardContainer .card .eventName {
        font-size: 1.08em;
        line-height: 24px
    }
    .MapLocationCards.GridCards .cardContainer .card .eventInfo {
        margin-bottom: 10px
    }
    .MapLocationCards.GridCards .cardContainer .card .eventInfo h4 {
        font-size: 1em;
        line-height: 22px
    }
    .MapLocationCards.GridCards .TAOPT_title {
        margin-bottom: 30px
    }
    .MapLocationCards.GridCards .ctaContainer {
        margin-top: 50px
    }
}

.MapLocationCards.FullWidthCards .cardContainer {
    margin-bottom: -6px
}

@media screen and (max-width:900px) {
    .MapLocationCards.FullWidthCards .cardContainer {
        margin-bottom: 0
    }
}

.MapLocationCards.FullWidthCards .cardContainer .generic-content-block .section {
    width: 100%
}

.MapLocationCards.FullWidthCards .cardContainer:nth-child(odd) .card {
    background-color: #f0f0f0
}

.MapLocationCards.FullWidthCards .cardContainer:nth-child(2n) .card {
    background-color: #fff
}

.MapLocationCards.FullWidthCards .section {
    position: relative
}

.MapLocationCards.FullWidthCards .section .el>span a {
    margin-bottom: 0
}

.MapLocationCards.FullWidthCards .section .el.width-2of3 {
    float: left;
    width: 66.666%;
    left: 33.333%;
    position: absolute;
    height: 100%
}

.MapLocationCards.FullWidthCards .section .el.width-2of3 .ImageComponent {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover
}

.MapLocationCards.FullWidthCards .section .el.width-1of3 {
    float: left;
    width: 33.333%;
    padding: 70px;
    height: 700px
}

@media screen and (max-width:900px) {
    .MapLocationCards.FullWidthCards .section .el {
        float: none!important;
        width: 100%!important
    }
    .MapLocationCards.FullWidthCards .section .el.width-1of3 {
        padding: 40px;
        height: auto
    }
    .MapLocationCards.FullWidthCards .section .el.width-2of3 {
        position: static;
        width: 100%;
        order: 0
    }
}

@media screen and (max-width:740px) {
    .MapLocationCards.FullWidthCards .section .el.width-1of3 {
        padding: 32px
    }
}

.MapLocationCards.FullWidthCards .fullWidthCTAContainer {
    display: none
}

.MapLocationCards.FullWidthCards .coordinates {
    margin-top: 20px
}

.MapLocationCards.FullWidthCards .MapLocationCard__cta-wrapper .FindOutMore {
    display: none
}

.MapLocationCards.FullWidthCards .MapLocationCard__cta-wrapper a {
    margin-right: 15px
}

@media screen and (max-width:740px) {
    .MapLocationCards.FullWidthCards .MapLocationCard__cta-wrapper a {
        margin-right: 40px
    }
}

.infoBox {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.infoBox>img {
    display: none
}

.infoBox.closing {
    -webkit-animation-name: h;
    animation-name: h;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.event-infobox {
    text-align: center
}

.event-infobox:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    margin-bottom: -24px;
    width: 50px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='25' viewBox='0 0 50 25' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='b' d='M0 0l25 24L50 0z'/%3E%3Cfilter id='a' width='111.1%25' height='121.1%25' x='-5.6%25' y='-5.3%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0 -1)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 50px 24px;
    background-position: 50%
}

@media screen and (max-width:740px) {
    .event-infobox:after {
        width: 30px;
        height: 20px;
        margin-bottom: -18px;
        margin-left: -15px;
        background-size: 30px 20px
    }
}

.event-infobox .infoboxImage {
    width: 100%;
    height: 190px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.event-infobox .infoboxClose {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    background-color: transparent
}

.event-infobox .infoboxClose:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bfill%3A%23F2F2F2%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20d%3D%22M30%2026.4L21.6%2018l8.3-8.4L26.3%206%2018%2014.4%209.7%206%206.1%209.6l8.3%208.4L6%2026.4%209.6%2030l8.4-8.4%208.4%208.4z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 50%;
    display: block
}

.event-infobox .infoboxClose:hover:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cstyle%3E.st0%7Bfill%3A%23D9D9D9%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20d%3D%22M30%2026.4L21.6%2018l8.3-8.4L26.3%206%2018%2014.4%209.7%206%206.1%209.6l8.3%208.4L6%2026.4%209.6%2030l8.4-8.4%208.4%208.4z%22%2F%3E%3C%2Fsvg%3E")
}

.event-infobox .infoContainer {
    padding: 24px;
    background-color: #fff
}

.event-infobox .infoContainer>span {
    text-align: center;
    display: block;
    width: 100%
}

.event-infobox .infoboxName {
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: 3px;
    letter-spacing: .3rem;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #000
}

.event-infobox .infoboxInfo {
    padding-bottom: 10px
}

.event-infobox .infoboxInfo h4 {
    font-size: 1em;
    font-weight: 500;
    color: #444;
    font-family: avenir, arial, helvetica, sans-serif;
    letter-spacing: .05em;
    margin-bottom: 0
}

.event-infobox .infoboxInfo h4 span {
    font-weight: 700
}

.event-infobox .coordinates,
.event-infobox .shortDesc {
    color: #444;
    font-family: avenir, arial, helvetica, sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
    letter-spacing: .05em;
    font-size: 1em
}

.event-infobox.past .shortDesc {
    margin-bottom: 0;
    padding-bottom: 20px
}

@media screen and (max-height:600px) and (orientation:landscape) {
    .event-infobox .infoboxImage {
        display: none
    }
    .event-infobox .infoboxClose {
        width: 60px;
        height: 60px;
        top: 0;
        right: 0;
        background-color: transparent
    }
    .event-infobox .infoboxClose:before {
        background-size: 10px 10px;
        background-position: 40px 10px
    }
    .event-infobox .infoboxClose:before,
    .event-infobox .infoboxClose:hover:before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%201%2036%2036%22%3E%3Cpath%20d%3D%22M26.14%2030.66l-19.8-19.8%203.537-3.535%2019.8%2019.798z%22%2F%3E%3Cpath%20d%3D%22M29.676%2010.877l-19.8%2019.8L6.34%2027.14l19.8-19.798z%22%2F%3E%3C%2Fsvg%3E")
    }
}

@media screen and (max-width:740px) {
    .event-infobox .infoboxImage {
        display: none
    }
    .event-infobox .infoboxClose {
        width: 60px;
        height: 60px;
        top: 0;
        right: 0;
        background-color: transparent
    }
    .event-infobox .infoboxClose:before {
        background-size: 10px 10px;
        background-position: 40px 10px
    }
    .event-infobox .infoboxClose:before,
    .event-infobox .infoboxClose:hover:before {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%201%2036%2036%22%3E%3Cpath%20d%3D%22M26.14%2030.66l-19.8-19.8%203.537-3.535%2019.8%2019.798z%22%2F%3E%3Cpath%20d%3D%22M29.676%2010.877l-19.8%2019.8L6.34%2027.14l19.8-19.798z%22%2F%3E%3C%2Fsvg%3E")
    }
    .event-infobox .infoboxName {
        font-size: 1.2em
    }
}

html[dir=rtl] .MapLocationMap .map-page-container .map-key ul li {
    float: right;
    padding-left: 0;
    padding-right: 30px
}

html[dir=rtl] .MapLocationMap .map-page-container .map-key ul li:before {
    left: auto;
    right: 0
}

html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch input {
    margin-right: auto;
    margin-left: 20px
}

html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch button {
    padding: 2px 15px 0
}

html[dir=rtl] .MapLocationSearchContainer .MapLocationSearch button:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[dir=rtl] .MapLocationCards .MapLocationCardsHeader h2 {
    float: right
}

html[dir=rtl] .MapLocationCards .MapLocationCardsHeader .searchAgainCTA {
    padding: 5px 15px 3px 25px;
    float: left
}

html[dir=rtl] .MapLocationCards .MapLocationCardsHeader .searchAgainCTA:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html[dir=rtl] .MapLocationCards .primaryLinkWithStyle>span {
    display: table-cell;
    vertical-align: middle
}

html[dir=rtl] .MapLocationSearchError .searchAgainDealer .searchAgainBtn,
html[dir=rtl] .MapLocationSearchError .searchAgainDis .searchAgainBtn {
    padding: 1px 15px 0 27px
}

html[dir=rtl] .MapLocationSearchError .searchAgainDealer .searchAgainBtn:after,
html[dir=rtl] .MapLocationSearchError .searchAgainDis .searchAgainBtn:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.EmailCapture {
    box-sizing: border-box;
    height: 480px;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    position: relative;
    text-align: center
}

.EmailCapture .backgroundContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .backgroundContainer {
        position: static
    }
}

.EmailCapture .backgroundImage {
    display: block;
    -ms-behavior: url(/resources/public/css/backgroundsize-iepolyfill.min.htc);
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.EmailCapture .EmailCaptureContainer {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 65px;
    padding: 0;
    width: 100%;
    background: none
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EmailCapture .EmailCaptureContainer {
        margin: 0 23px
    }
}

@media screen and (min-width:741px) {
    .EmailCapture .EmailCaptureContainer {
        max-width: 400px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 30px;
        margin: 0;
        position: static
    }
}

.EmailCapture .EmailCaptureContainer .ec_copy_form,
.EmailCapture .EmailCaptureContainer .feedback_message {
    padding: 19px 25px;
    background-color: hsla(0, 0%, 100%, .9)
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EmailCapture .EmailCaptureContainer .ec_copy_form,
    .EmailCapture .EmailCaptureContainer .feedback_message {
        padding: 19px 25px 25px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer .ec_copy_form,
    .EmailCapture .EmailCaptureContainer .feedback_message {
        padding: 0;
        margin: auto;
        max-width: 350px
    }
}

.EmailCapture .EmailCaptureContainer a {
    border-bottom: 1px solid #bfbfbf;
    text-decoration: none;
    color: #4a4f54
}

.EmailCapture .EmailCaptureContainer a:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.EmailCapture .EmailCaptureContainer .ec_copy,
.EmailCapture .EmailCaptureContainer .feedback_message {
    text-align: center
}

.EmailCapture .EmailCaptureContainer .ec_copy .heading,
.EmailCapture .EmailCaptureContainer .feedback_message .heading {
    text-align: center;
    font-weight: 700;
    color: #0c121c;
    letter-spacing: 1.9px;
    line-height: 26px;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 17px
}

@media screen and (min-width:1px) and (max-width:900px) {
    .EmailCapture .EmailCaptureContainer .ec_copy .heading,
    .EmailCapture .EmailCaptureContainer .feedback_message .heading {
        font-size: 24px;
        line-height: 24px
    }
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer .ec_copy .heading,
    .EmailCapture .EmailCaptureContainer .feedback_message .heading {
        font-size: 18px;
        line-height: 18px
    }
}

.EmailCapture .EmailCaptureContainer .ec_table {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.EmailCapture .EmailCaptureContainer .ec_table .ec_table_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.EmailCapture .EmailCaptureContainer form {
    margin-top: 24px;
    text-align: center
}

.EmailCapture .EmailCaptureContainer form .ec_controls:after {
    content: "";
    display: table;
    clear: both
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_checkBox_container {
    margin-bottom: 17px
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_checkBox_container .ec_terms {
    font-size: 11px;
    padding-left: 10px;
    line-height: 14px;
    letter-spacing: .28px;
    color: #4a4f54;
    text-align: left
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox {
    width: 28px;
    height: 28px;
    position: relative
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox input[type=checkbox] {
    visibility: hidden
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox input[type=checkbox]:checked+label:after {
    opacity: 1
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox label {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    background: #b0b7bb
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox label:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    background: transparent;
    top: 8px;
    left: 7px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.EmailCapture .EmailCaptureContainer form .ec_controls .custom_checkbox label.error {
    border: 1px solid red;
    background: transparent
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_email {
    font-size: 13px;
    color: #0c121c;
    line-height: 18px;
    letter-spacing: 2px;
    border: 1px solid #e4e8e8;
    width: 66%;
    display: inline-block;
    float: left
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer form .ec_controls .ec_email {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_email:focus {
    outline: none!important;
    border: 1px solid #4a4f54
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_email.error {
    border: 1px solid red;
    color: red!important
}

.EmailCapture .EmailCaptureContainer form .ec_controls .ec_submit {
    min-width: 100px;
    height: 45px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    letter-spacing: .3em;
    cursor: pointer;
    background-color: #000;
    border: 0;
    text-transform: uppercase;
    float: right;
    margin-left: 10px
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer form .ec_controls .ec_submit {
        display: block;
        margin-top: 10px;
        width: 100%
    }
}

.EmailCapture .EmailCaptureContainer form .ec_error_container {
    margin-top: 15px;
    display: none
}

.EmailCapture .EmailCaptureContainer form .ec_error_container .ec_error_icon {
    padding-right: 8px
}

.EmailCapture .EmailCaptureContainer form .ec_error_container .ec_error_icon svg {
    width: 18px;
    height: 18px
}

.EmailCapture .EmailCaptureContainer form .ec_error_container .ec_error_icon svg path {
    fill: red
}

.EmailCapture .EmailCaptureContainer form .ec_error_container .ec_error {
    vertical-align: bottom;
    text-align: left;
    font-size: 12px;
    margin-top: 15px;
    color: red
}

.EmailCapture .EmailCaptureContainer form .label_block {
    display: block;
    text-align: left;
    margin-bottom: 3px;
    display: none
}

.EmailCapture .EmailCaptureContainer .feedback_message {
    display: none
}

.EmailCapture.left,
.EmailCapture.left .ec_copy,
.EmailCapture.left .ec_copy .heading,
.EmailCapture.left .feedback_message,
.EmailCapture.left .feedback_message .heading,
.EmailCapture.right,
.EmailCapture.right .ec_copy,
.EmailCapture.right .ec_copy .heading,
.EmailCapture.right .feedback_message,
.EmailCapture.right .feedback_message .heading {
    text-align: left
}

.EmailCapture.right {
    text-align: right
}

@media screen and (min-width:1px) and (max-width:740px) {
    .EmailCapture .EmailCaptureContainer .ec_copy,
    .EmailCapture .EmailCaptureContainer .ec_copy .heading,
    .EmailCapture .EmailCaptureContainer .feedback_message,
    .EmailCapture .EmailCaptureContainer .feedback_message .heading {
        text-align: center
    }
    .EmailCapture[data-theme=light] .ec_copy_form,
    .EmailCapture[data-theme=light] .feedback_message,
    .EmailCapture[data-theme=white] .ec_copy_form,
    .EmailCapture[data-theme=white] .feedback_message {
        background-color: #f8f9f9
    }
    .EmailCapture[data-theme=grey] .ec_copy_form,
    .EmailCapture[data-theme=grey] .feedback_message {
        background-color: #e9ecec
    }
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-stacking+.noUi-origin {
    *z-index: -1
}

.noUi-state-tap .noUi-origin {
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background: #fafafa;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #3fb8af;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    transition: background .45s
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUiSlider-container {
    width: 100%
}

.noUiSlider-container h2 {
    display: none
}

.noUiSlider-container .noUiSlider {
    width: 100%
}

.noUiSlider-container .noUiSlider-steps {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: -40px;
    left: 0
}

.noUiSlider-container .noUiSlider-steps span {
    display: inline-block;
    text-align: center
}

.noUiSlider-container .noUiSlider-steps a {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition-duration: .4s;
    transition-timing-function: ease
}

.noUiSlider-container .noUiSlider-steps a.slider-link--disabled {
    cursor: not-allowed;
    border: 2px solid #d9d9d9;
    background: #b3b3b3
}

.noUiSlider-container[data-slide-count="2"] .noUiSlider {
    padding: 0 25%
}

.noUiSlider-container[data-slide-count="2"] .noUiSlider-steps span {
    width: 50%
}

.noUiSlider-container[data-slide-count="3"] .noUiSlider {
    padding: 0 16.667%
}

.noUiSlider-container[data-slide-count="3"] .noUiSlider-steps span {
    width: 33.333%
}

.noUiSlider-container[data-slide-count="4"] .noUiSlider {
    padding: 0 12.5%
}

.noUiSlider-container[data-slide-count="4"] .noUiSlider-steps span {
    width: 25%
}

.noUiSlider-container[data-slide-count="5"] .noUiSlider {
    padding: 0 10%
}

.noUiSlider-container[data-slide-count="5"] .noUiSlider-steps span {
    width: 20%
}

.noUiSlider-container[data-slide-count="6"] .noUiSlider {
    padding: 0 8.333%
}

.noUiSlider-container[data-slide-count="6"] .noUiSlider-steps span {
    width: 16.667%
}

.noUiSlider-container[data-slide-count="7"] .noUiSlider {
    padding: 0 7.143%
}

.noUiSlider-container[data-slide-count="7"] .noUiSlider-steps span {
    width: 14.286%
}

.noUiSlider-container[data-slide-count="8"] .noUiSlider {
    padding: 0 6.25%
}

.noUiSlider-container[data-slide-count="8"] .noUiSlider-steps span {
    width: 12.5%
}

.noUiSlider-container[data-slide-count="9"] .noUiSlider {
    padding: 0 5.556%
}

.noUiSlider-container[data-slide-count="9"] .noUiSlider-steps span {
    width: 11.111%
}

.noUiSlider-container[data-slide-count="10"] .noUiSlider {
    padding: 0 5%
}

.noUiSlider-container[data-slide-count="10"] .noUiSlider-steps span {
    width: 10%
}

.noUiSlider-container[data-slide-count="11"] .noUiSlider {
    padding: 0 4.545%
}

.noUiSlider-container[data-slide-count="11"] .noUiSlider-steps span {
    width: 9.091%
}

.noUiSlider-container[data-slide-count="12"] .noUiSlider {
    padding: 0 4.167%
}

.noUiSlider-container[data-slide-count="12"] .noUiSlider-steps span {
    width: 8.333%
}

.noUi-target {
    border: none
}

.noUi-background {
    background-color: #9d9d9d;
    background-color: hsla(0, 0%, 62%, .4)
}

.noUi-horizontal {
    height: 2px
}

.noUi-horizontal .noUi-origin--animated {
    transition-duration: .4s;
    transition-timing-function: ease
}

.noUi-horizontal .noUi-handle {
    cursor: move;
    top: -19px;
    left: -20px;
    border: none;
    box-shadow: none;
    width: 41px;
    height: 41px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041%2041%22%3E%3Cpath%20fill%3D%22%239F1B32%22%20d%3D%22M39.592%2020.5L20.5%2039.592%201.41%2020.5%2020.5%201.408z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M20.5%202.8l17.7%2017.7-17.7%2017.7L2.8%2020.5%2020.5%202.8m0-2.8L0%2020.5%2020.5%2041%2041%2020.5%2020.5%200z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M25.5%2025.6l5.2-5.2-5.2-5.3-1.3%201.2%204.1%204.1-4.1%204m-8.7%201.2l-5.2-5.2%205.2-5.3%201.3%201.2-4.1%204.1%204.1%204%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-color: transparent
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    background: none
}

.JaguarRacingTheme .noUi-horizontal .noUi-handle {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041%2041%22%3E%3Cstyle%3E.st0%7Bfill%3A%2300B2A9%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M39.592%2020.5L20.5%2039.592%201.41%2020.5%2020.5%201.408%2039.592%2020.5z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M20.5%202.8l17.7%2017.7-17.7%2017.7L2.8%2020.5%2020.5%202.8m0-2.8L0%2020.5%2020.5%2041%2041%2020.5%2020.5%200z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M25.5%2025.6l5.2-5.2-5.2-5.3-1.3%201.2%204.1%204.1-4.1%204m-8.7%201.2l-5.2-5.2%205.2-5.3%201.3%201.2-4.1%204.1%204.1%204%22%2F%3E%3C%2Fsvg%3E")
}