.secondaryLinkWithStyle { line-height: 1.5; font-weight: bold; font-size: 10px; letter-spacing: 0.25em; border: 0; text-decoration: none !important; border-bottom: 0 none; } .disabled.secondaryLinkWithStyle { cursor: default; } .disabled.secondaryLinkWithStyle span { border-bottom: 0 none !important; } .secondaryLinkWithStyle:active { text-shadow: none; } .secondaryLinkWithStyle:focus { outline: 0; } .secondaryLinkWithStyle:focus:hover { border-bottom: 0 none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, 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; background-color: #ffffff; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix, .GridListWrapper[data-wrapper="float"] .items { *zoom: 1; } .clearfix:before, .GridListWrapper[data-wrapper="float"] .items:before, .clearfix:after, .GridListWrapper[data-wrapper="float"] .items:after { content: " "; display: table; } .clearfix:after, .GridListWrapper[data-wrapper="float"] .items:after { clear: both; } .dxSharedNav .dxnav-header { position: relative; } .dxnav-header.stickyNavigation { position: fixed; } .dxnav-header.HubStickyNav.stickyNavigation.reducedStickyNavigation { opacity: 1; } .dxnav-header.HubStickyNav.stickyNavigation.stickyQuickReverse { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .dxnav-header.HubStickyNav.stickyQuickReverse.reducedStickyNavigation { -webkit-transition: opacity 0.4s, top 0.4s; -webkit-transition-delay: 0s, 0.3s; -moz-transition: opacity 0.4s, top 0.4s 0.3s; -o-transition: opacity 0.4s, top 0.4s 0.3s; transition: opacity 0.4s, top 0.4s 0.3s; } .touch .dxnav-header.HubStickyNav.stickyQuickReverse { -webkit-transition: opacity 0.4s, top 0.3s; -webkit-transition-delay: 0s, 0.2s; -moz-transition: opacity 0.4s, top 0.3s 0.2s; -o-transition: opacity 0.4s, top 0.3s 0.2s; transition: opacity 0.4s, top 0.3s 0.2s; } .dxnav-header.scrollingDown { position: absolute; } .dxnav-header.scrollingDown .dxnav-unique-nav { transform: translateY(0); transition: none; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 1rem !important; } .mt-2 { margin-top: 2rem !important; } .mt-3 { margin-top: 3rem !important; } .mt-4 { margin-top: 4rem !important; } .mt-5 { margin-top: 5rem !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 1rem !important; } .p-2 { padding: 2rem !important; } .p-3 { padding: 3rem !important; } .p-4 { padding: 4rem !important; } .p-5 { padding: 5rem !important; } .pr-0 { padding-right: 0 !important; } .pr-1 { padding-right: 1rem !important; } .pr-2 { padding-right: 2rem !important; } .pr-3 { padding-right: 3rem !important; } .pr-4 { padding-right: 4rem !important; } .pr-5 { padding-right: 5rem !important; } @-webkit-keyframes spinit { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes overlayloadingspinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .button-secondary { border: 0; height: 45px; cursor: pointer; text-align: center; align-items: center; display: inline-flex; text-decoration: none; font-size: 10px; font-family: "AvenirNext", "arial", "helvetica", sans-serif; justify-content: center; padding: 0 24px; line-height: 12px; font-weight: bold; letter-spacing: 0.3em; min-width: 125px; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -moz-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -o-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; overflow: hidden; *zoom: 1; } .button-secondary:disabled, .button-secondary.disabled { cursor: default; } .button-secondary:disabled:hover, .button-secondary:disabled:active, .button-secondary.disabled:hover, .button-secondary.disabled:active { box-shadow: none !important; } .button-tertiary { border: 0; height: 24px; cursor: pointer; text-align: center; align-items: center; display: inline-flex; text-decoration: none; font-size: 10px; font-family: "AvenirNext", "arial", "helvetica", sans-serif; justify-content: center; padding: 0 10px; line-height: 12px; font-weight: bold; letter-spacing: 0.3em; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -moz-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -o-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; overflow: hidden; *zoom: 1; } .button-tertiary:disabled, .button-tertiary.disabled { cursor: default; } .button-tertiary:disabled:hover, .button-tertiary:disabled:active, .button-tertiary.disabled:hover, .button-tertiary.disabled:active { box-shadow: none !important; } #landrover .light .button-secondary, #landrover .light .button-tertiary, #landrover .white .button-secondary, #landrover .white .button-tertiary, #landrover [data-theme="light"] .button-secondary, #landrover [data-theme="light"] .button-tertiary, #landrover [data-theme="white"] .button-secondary, #landrover [data-theme="white"] .button-tertiary, #landrover [data-contrast="white"] .button-secondary, #landrover [data-contrast="white"] .button-tertiary, #landrover [data-contrast="light"] .button-secondary, #landrover [data-contrast="light"] .button-tertiary { background-color: #e9ecec; color: #005a2b; } #landrover .light .button-secondary:hover, #landrover .light .button-secondary:active, #landrover .light .button-tertiary:hover, #landrover .light .button-tertiary:active, #landrover .white .button-secondary:hover, #landrover .white .button-secondary:active, #landrover .white .button-tertiary:hover, #landrover .white .button-tertiary:active, #landrover [data-theme="light"] .button-secondary:hover, #landrover [data-theme="light"] .button-secondary:active, #landrover [data-theme="light"] .button-tertiary:hover, #landrover [data-theme="light"] .button-tertiary:active, #landrover [data-theme="white"] .button-secondary:hover, #landrover [data-theme="white"] .button-secondary:active, #landrover [data-theme="white"] .button-tertiary:hover, #landrover [data-theme="white"] .button-tertiary:active, #landrover [data-contrast="white"] .button-secondary:hover, #landrover [data-contrast="white"] .button-secondary:active, #landrover [data-contrast="white"] .button-tertiary:hover, #landrover [data-contrast="white"] .button-tertiary:active, #landrover [data-contrast="light"] .button-secondary:hover, #landrover [data-contrast="light"] .button-secondary:active, #landrover [data-contrast="light"] .button-tertiary:hover, #landrover [data-contrast="light"] .button-tertiary:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c; } #landrover .light .button-secondary.disabled, #landrover .light .button-tertiary.disabled, #landrover .white .button-secondary.disabled, #landrover .white .button-tertiary.disabled, #landrover [data-theme="light"] .button-secondary.disabled, #landrover [data-theme="light"] .button-tertiary.disabled, #landrover [data-theme="white"] .button-secondary.disabled, #landrover [data-theme="white"] .button-tertiary.disabled, #landrover [data-contrast="white"] .button-secondary.disabled, #landrover [data-contrast="white"] .button-tertiary.disabled, #landrover [data-contrast="light"] .button-secondary.disabled, #landrover [data-contrast="light"] .button-tertiary.disabled { background-color: rgba(153, 153, 153, 0.2); color: #fff; } #landrover.focusStylesOn .light .button-secondary:focus, #landrover.focusStylesOn .light .button-tertiary:focus, #landrover.focusStylesOn .white .button-secondary:focus, #landrover.focusStylesOn .white .button-tertiary:focus, #landrover.focusStylesOn [data-theme="light"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="light"] .button-tertiary:focus, #landrover.focusStylesOn [data-theme="white"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="white"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="white"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="white"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="light"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="light"] .button-tertiary:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover .grey .button-secondary, #landrover .grey .button-tertiary, #landrover .grey .button-secondary, #landrover .grey .button-tertiary, #landrover [data-theme="grey"] .button-secondary, #landrover [data-theme="grey"] .button-tertiary, #landrover [data-theme="grey"] .button-secondary, #landrover [data-theme="grey"] .button-tertiary, #landrover [data-contrast="grey"] .button-secondary, #landrover [data-contrast="grey"] .button-tertiary, #landrover [data-contrast="grey"] .button-secondary, #landrover [data-contrast="grey"] .button-tertiary { background-color: #f9f9f9; color: #005a2b; } #landrover .grey .button-secondary:hover, #landrover .grey .button-secondary:active, #landrover .grey .button-tertiary:hover, #landrover .grey .button-tertiary:active, #landrover .grey .button-secondary:hover, #landrover .grey .button-secondary:active, #landrover .grey .button-tertiary:hover, #landrover .grey .button-tertiary:active, #landrover [data-theme="grey"] .button-secondary:hover, #landrover [data-theme="grey"] .button-secondary:active, #landrover [data-theme="grey"] .button-tertiary:hover, #landrover [data-theme="grey"] .button-tertiary:active, #landrover [data-theme="grey"] .button-secondary:hover, #landrover [data-theme="grey"] .button-secondary:active, #landrover [data-theme="grey"] .button-tertiary:hover, #landrover [data-theme="grey"] .button-tertiary:active, #landrover [data-contrast="grey"] .button-secondary:hover, #landrover [data-contrast="grey"] .button-secondary:active, #landrover [data-contrast="grey"] .button-tertiary:hover, #landrover [data-contrast="grey"] .button-tertiary:active, #landrover [data-contrast="grey"] .button-secondary:hover, #landrover [data-contrast="grey"] .button-secondary:active, #landrover [data-contrast="grey"] .button-tertiary:hover, #landrover [data-contrast="grey"] .button-tertiary:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c; } #landrover .grey .button-secondary.disabled, #landrover .grey .button-tertiary.disabled, #landrover .grey .button-secondary.disabled, #landrover .grey .button-tertiary.disabled, #landrover [data-theme="grey"] .button-secondary.disabled, #landrover [data-theme="grey"] .button-tertiary.disabled, #landrover [data-theme="grey"] .button-secondary.disabled, #landrover [data-theme="grey"] .button-tertiary.disabled, #landrover [data-contrast="grey"] .button-secondary.disabled, #landrover [data-contrast="grey"] .button-tertiary.disabled, #landrover [data-contrast="grey"] .button-secondary.disabled, #landrover [data-contrast="grey"] .button-tertiary.disabled { background-color: rgba(255, 255, 255, 0.4); color: #d8d8d8; } #landrover.focusStylesOn .grey .button-secondary:focus, #landrover.focusStylesOn .grey .button-tertiary:focus, #landrover.focusStylesOn .grey .button-secondary:focus, #landrover.focusStylesOn .grey .button-tertiary:focus, #landrover.focusStylesOn [data-theme="grey"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="grey"] .button-tertiary:focus, #landrover.focusStylesOn [data-theme="grey"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="grey"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="grey"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="grey"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="grey"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="grey"] .button-tertiary:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover .dark .button-secondary, #landrover .dark .button-tertiary, #landrover .dark .button-secondary, #landrover .dark .button-tertiary, #landrover [data-theme="dark"] .button-secondary, #landrover [data-theme="dark"] .button-tertiary, #landrover [data-theme="dark"] .button-secondary, #landrover [data-theme="dark"] .button-tertiary, #landrover [data-contrast="dark"] .button-secondary, #landrover [data-contrast="dark"] .button-tertiary, #landrover [data-contrast="dark"] .button-secondary, #landrover [data-contrast="dark"] .button-tertiary { background-color: rgba(12, 18, 28, 0.2); color: #e9ecec; } #landrover .dark .button-secondary:hover, #landrover .dark .button-secondary:active, #landrover .dark .button-tertiary:hover, #landrover .dark .button-tertiary:active, #landrover .dark .button-secondary:hover, #landrover .dark .button-secondary:active, #landrover .dark .button-tertiary:hover, #landrover .dark .button-tertiary:active, #landrover [data-theme="dark"] .button-secondary:hover, #landrover [data-theme="dark"] .button-secondary:active, #landrover [data-theme="dark"] .button-tertiary:hover, #landrover [data-theme="dark"] .button-tertiary:active, #landrover [data-theme="dark"] .button-secondary:hover, #landrover [data-theme="dark"] .button-secondary:active, #landrover [data-theme="dark"] .button-tertiary:hover, #landrover [data-theme="dark"] .button-tertiary:active, #landrover [data-contrast="dark"] .button-secondary:hover, #landrover [data-contrast="dark"] .button-secondary:active, #landrover [data-contrast="dark"] .button-tertiary:hover, #landrover [data-contrast="dark"] .button-tertiary:active, #landrover [data-contrast="dark"] .button-secondary:hover, #landrover [data-contrast="dark"] .button-secondary:active, #landrover [data-contrast="dark"] .button-tertiary:hover, #landrover [data-contrast="dark"] .button-tertiary:active { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #landrover .dark .button-secondary.disabled, #landrover .dark .button-tertiary.disabled, #landrover .dark .button-secondary.disabled, #landrover .dark .button-tertiary.disabled, #landrover [data-theme="dark"] .button-secondary.disabled, #landrover [data-theme="dark"] .button-tertiary.disabled, #landrover [data-theme="dark"] .button-secondary.disabled, #landrover [data-theme="dark"] .button-tertiary.disabled, #landrover [data-contrast="dark"] .button-secondary.disabled, #landrover [data-contrast="dark"] .button-tertiary.disabled, #landrover [data-contrast="dark"] .button-secondary.disabled, #landrover [data-contrast="dark"] .button-tertiary.disabled { background-color: rgba(228, 228, 228, 0.05); color: #8d8d8d; } #landrover.focusStylesOn .dark .button-secondary:focus, #landrover.focusStylesOn .dark .button-tertiary:focus, #landrover.focusStylesOn .dark .button-secondary:focus, #landrover.focusStylesOn .dark .button-tertiary:focus, #landrover.focusStylesOn [data-theme="dark"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="dark"] .button-tertiary:focus, #landrover.focusStylesOn [data-theme="dark"] .button-secondary:focus, #landrover.focusStylesOn [data-theme="dark"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="dark"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="dark"] .button-tertiary:focus, #landrover.focusStylesOn [data-contrast="dark"] .button-secondary:focus, #landrover.focusStylesOn [data-contrast="dark"] .button-tertiary:focus { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } .dxDropdown { position: relative; } .dxDropdown__button { padding: 14px 34px 14px 14px; width: 100%; text-align: left; position: relative; transition: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; outline: 0; } .dxDropdown__button:before { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .dxDropdown__button:after { border: 1px solid transparent; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .focusStylesOn .dxDropdown__button:focus { box-shadow: 0 0 5px #4a90e2; } .dxDropdown__list { width: 100%; text-align: left; display: none; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); max-height: 292px; overflow-y: auto; } .no-js .dxDropdown__list { display: block; } .dxDropdown__list-item-link { padding: 16px; display: block; text-decoration: none; } .dxDropdown__list-item-link--country { align-items: center; display: flex; } .dxDropdown__list-item-link-text { flex-grow: 1; pointer-events: none; } .dxDropdown__flag { pointer-events: none; } .dxDropdown__button .dxDropdown__flag { display: none; } .dxDropdown--active .dxDropdown__list { display: block; position: absolute; left: 0; top: 100%; z-index: 2; border: 2px solid #0c121c; border-top-width: 0; } .dxDropdown--active .dxDropdown__button { border: 2px solid #0c121c; border-bottom-width: 1px; border-bottom-color: transparent; padding: 13px 34px 14px 13px; } .dxDropdown--active .dxDropdown__button:before { transform: rotate(180deg) translateY(50%); } .dxDropdown--active .dxDropdown__button:hover, .dxDropdown--active .dxDropdown__button:focus { border-bottom-width: 1px; border-bottom-color: transparent; } .dxDropdown--active .dxDropdown__button:hover:before, .dxDropdown--active .dxDropdown__button:focus:before { right: 16px; } .dxDropdown__list-item-link:not(.dxDropdown__list-item-link--disabled) { outline: 0; } .focusStylesOn .dxDropdown__list-item-link:not(.dxDropdown__list-item-link--disabled):focus { box-shadow: inset 0 0 5px #4a90e2; } .dxDropdown__list-item-link--disabled:focus { box-shadow: none !important; } .dxDropdown { font-size: 1.2rem; font-family: "AvenirNext", "arial", "helvetica", sans-serif; } .dxDropdown__button, .dxDropdown__list-item-link { font-size: 1rem; font-weight: 800; letter-spacing: 1.9px; line-height: 1.2; } .dxDropdown__button { border: 1px solid #bbb; color: #4a4f54; background-color: #fff; box-sizing: border-box; font-family: "AvenirNext", "arial", "helvetica", sans-serif; } .dxDropdown__button:hover, .dxDropdown__button:focus { border-color: #0c121c; } .dxDropdown__button:hover:after, .dxDropdown__button:focus:after { border-color: #0c121c; } .dxDropdown__list-item { border-bottom: 1px solid #e4e8e8; } .dxDropdown__list-item-link:not(.dxDropdown__list-item-link--disabled) { color: #4a4f54; background-color: #fff; } .dxDropdown__list-item-link:not(.dxDropdown__list-item-link--disabled):hover, .dxDropdown__list-item-link:not(.dxDropdown__list-item-link--disabled) .dxDropdown__list-item -link--active { background-color: #f9f9f9; } .dxDropdown__list-item-link--disabled { background-color: #f9f9f9; } .dxDropdown--active .dxDropdown__button { background-color: #0c121c; color: #fff; } .dark .dxDropdown .dxDropdown__list-item-link, .light .dxDropdown .dxDropdown__list-item-link, .white .dxDropdown .dxDropdown__list-item-link, .grey .dxDropdown .dxDropdown__list-item-link { color: #4a4f54; background-color: #fff; text-decoration: none; } .dark .dxDropdown .dxDropdown__list-item-link:hover, .dark .dxDropdown .dxDropdown__list-item-link--active, .light .dxDropdown .dxDropdown__list-item-link:hover, .light .dxDropdown .dxDropdown__list-item-link--active, .white .dxDropdown .dxDropdown__list-item-link:hover, .white .dxDropdown .dxDropdown__list-item-link--active, .grey .dxDropdown .dxDropdown__list-item-link:hover, .grey .dxDropdown .dxDropdown__list-item-link--active { background-color: #f0f0f0; } .DxInput { border: 1px solid; border-color: #bbb; } .focusStylesOn .DxInput:focus { border-width: 2px; box-shadow: 0 0 5px #4a90e2; } .focusStylesOn .DxInput:focus.DxInput--error { border-color: #d2000a; } .DxInput--error { border-color: #d2000a; border-width: 2px; color: #d2000a; } .DxInput--error-label { color: #d2000a; } .DxInput__errorMessage { color: #d2000a; margin-top: 5px; } @supports (display: grid) { .DxInput__errorMessage { margin-top: 0; } } .DxInput__errorMessage i:before { vertical-align: baseline; } .focusStylesOn .DxInput:focus { border-color: #0c121c; } .DxLoading { position: absolute; left: 0; right: 0; text-align: center; } .DxLoading__icon { border-radius: 50%; background-color: #0c121c; position: relative; width: 20px; height: 20px; text-align: center; cursor: inherit; border: 0; padding: 0; display: inline-block; line-height: 20px; vertical-align: top; color: #fff; border: 2px solid #fff; transition: all 500ms ease; } .DxLoading__icon:before, .DxLoading__icon:after { content: ""; position: absolute; top: -1px; left: -2px; background-color: #0c121c; box-shadow: 0 0 0 2px #0c121c; width: 11px; height: 19px; opacity: 1; } .DxLoading__icon:before { border-radius: 11px 0 0 11px; transform-origin: 11px 11px; animation: spinAround 2s infinite ease 0.5s; } .DxLoading__icon:after { border-radius: 0 11px 11px 0; left: 9px; transform-origin: 0 11px; animation: spinAround 2s infinite ease; } @keyframes spinAround { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .DxTabs { padding: 32px 0; text-align: center; font-size: 0; white-space: nowrap; } .DxTabs__tablist { overflow-x: auto; overflow-y: visible; display: inline-block; text-align: left; vertical-align: top; padding: 5px 0; position: relative; width: 100%; opacity: 0; } .rtl .DxTabs__tablist { text-align: right; } .DxTabs__tablist:before { content: ""; position: absolute; width: 100%; height: calc(100% - 10px); top: 5px; left: 0; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } .DxTabs__tablist--visible { opacity: 1; } .DxTabs__tablist--overflow { padding-bottom: 0; } .DxTabs__tab { border: 1px solid transparent; display: inline-block; font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 1.2rem; height: 100%; letter-spacing: 0.15rem; line-height: 1.5rem; margin: 0; max-width: 200px; min-height: 46px; min-width: auto; overflow: hidden; padding: 15px 22px 14px; position: relative; text-align: center; vertical-align: top; white-space: normal; -webkit-transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease, border 400ms ease; -moz-transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease, border 400ms ease; -o-transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease, border 400ms ease; transition: background-color 400ms ease, color 400ms ease, box-shadow 400ms ease, border 400ms ease; } .DxTabs__tab:focus { outline: 0; } body.focusStylesOn .DxTabs__tab:focus { box-shadow: 0 0 5px #4a90e2; z-index: 1; position: relative; } .DxTabs__tab[class^="icon-"], .DxTabs__tab[class*=" icon-"] { padding-left: 50px; text-align: left; } .rtl .DxTabs__tab[class^="icon-"], .rtl .DxTabs__tab[class*=" icon-"] { padding-left: 22px; padding-right: 48px; text-align: right; } @media screen and (min-width: 901px) { .rtl .DxTabs__tab[class^="icon-"], .rtl .DxTabs__tab[class*=" icon-"] { padding-left: 18px; } } .DxTabs__tab[class^="icon-"]:before, .DxTabs__tab[class*=" icon-"]:before { font-size: 22px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); margin: 0; } .rtl .DxTabs__tab[class^="icon-"]:before, .rtl .DxTabs__tab[class*=" icon-"]:before { left: auto; right: 20px; } .DxTabs__tab-text { display: inline; box-sizing: border-box; } .DxTabs__tab-inner { display: inline; -webkit-transition: border-color 400ms ease; -moz-transition: border-color 400ms ease; -o-transition: border-color 400ms ease; transition: border-color 400ms ease; } .DxTabs__panel { display: none; opacity: 0; outline: 0; } @media screen and (min-width: 901px) { .DxTabs__tablist { text-align: center; padding: 5px; width: auto; } .DxTabs__tablist:before { display: none; } .DxTabs__mask { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); pointer-events: none; } .DxTabs__tab { font-size: 1.1rem; line-height: 1.4rem; padding: 10px 18px 9px; min-height: 35px; } .DxTabs__tab:last-of-type:after { display: none; } } .DxTabs__tablist:before { background: #0c121c; } .DxTabs__tab { background-color: #0c121c; color: #fff; font-weight: 600; -webkit-font-smoothing: antialiased; padding: 13px 22px 16px; } .DxTabs__tab:not(:first-of-type), .DxTabs__tab:hover:not(:first-of-type) { border-left: 1px solid #4a4a4a; } .DxTabs__tab:last-of-type, .DxTabs__tab:hover:last-of-type { border-right: 1px solid #4a4a4a; } .DxTabs__tablist--overflow .DxTabs__tab:last-of-type, .DxTabs__tablist--overflow .DxTabs__tab:hover:last-of-type { border-right: 1px solid transparent; } .DxTabs__tab:not(.DxTabs__tab--active):hover { background-color: #4a4a4a; border: 1px solid transparent; color: #fff; } .DxTabs__tab:not(.DxTabs__tab--active):hover .DxTabs__tab-inner { border-color: #fff; } body.focusStylesOn .DxTabs__tab:not(.DxTabs__tab--active):focus .DxTabs__tab-inner { border-color: #fff; } .DxTabs__tab--active { background: #fff; color: #0c121c; } body.focusStylesOn .DxTabs__tab--active:hover .DxTabs__tab-inner, body.focusStylesOn .DxTabs__tab--active:focus .DxTabs__tab-inner { border-color: transparent; } .DxTabs__tab--active:first-of-type, .DxTabs__tab--active:first-of-type:hover, .DxTabs__tab--active:last-of-type, .DxTabs__tab--active:last-of-type:hover { border-left: 1px solid transparent; border-right: 1px solid transparent; } .DxTabs__tab-inner { border-bottom: 1px solid transparent; } @media screen and (min-width: 901px) { .DxTabs__tab { padding: 8px 18px 11px; } .DxTabs__tab, .DxTabs__tab:not(.DxTabs__tab--active) { background-color: rgba(12, 18, 28, 0.9); } .DxTabs__tab--active { background: #fff; } } .DxCheckbox__checkbox { border: solid 1px #005a2b; background-color: #f0f0f0; display: inline-block; height: 18px; width: 18px; border-radius: 4px; position: relative; cursor: pointer; } .DxCheckbox__checkbox:before { content: none; position: absolute; z-index: -1; top: -3px; left: -3px; right: 0; bottom: 0; width: 19px; border: 10px solid transparent; border-radius: 4px; box-shadow: 0 0 1px 2px rgba(74, 144, 226, 0.7); } .DxCheckbox__checkbox:focus { border: solid 2px #005a2b; } .DxCheckbox__checkbox:focus:before { content: ""; } .DxCheckbox__checkbox:focus.no-focus:before { content: none; } .DxCheckbox__checkbox:active, .DxCheckbox__checkbox:hover { border: solid 2px #005a2b; } .DxCheckbox__checkbox:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; font-size: 18px; color: #f0f0f0; margin-left: -1px; margin-top: -1px; } .DxCheckbox--selected .DxCheckbox__checkbox { background-color: #005a2b; } .DxCheckbox--selected .DxCheckbox__checkbox:focus:after { margin-left: -2px; margin-top: -2px; } .DxCheckbox--selected .DxCheckbox__checkbox:focus:before { content: ""; } .DxCheckbox--selected .DxCheckbox__checkbox:focus.no-focus:before { content: none; } .DxCheckbox--selected .DxCheckbox__checkbox:after { color: #fff; } .DxCheckbox--selected:hover .DxCheckbox__checkbox, .DxCheckbox--selected:active .DxCheckbox__checkbox, .DxCheckbox--selected:focus .DxCheckbox__checkbox { border: solid 2px #005a2b !important; background-color: #005a2b; } .DxCheckbox--selected:hover .DxCheckbox__checkbox:after, .DxCheckbox--selected:active .DxCheckbox__checkbox:after, .DxCheckbox--selected:focus .DxCheckbox__checkbox:after { margin-left: -2px; margin-top: -2px; } .DxCheckbox__label-text--visuallyHidden { opacity: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .DxCheckbox--no-hover .DxCheckbox__checkbox:active, .DxCheckbox--no-hover .DxCheckbox__checkbox:hover { border: solid 1px #005a2b; } .DxCheckbox--x-large .DxCheckbox__checkbox { height: 22px; width: 22px; } .DxCheckbox--x-large .DxCheckbox__checkbox:before { width: 24px; height: 24px; top: -2px; left: -2px; z-index: 0; } .DxCheckbox--x-large .DxCheckbox__checkbox:after { font-size: 22px; } .DxCheckbox--large .DxCheckbox__checkbox { height: 20px; width: 20px; } .DxCheckbox--large .DxCheckbox__checkbox:before { width: 22px; } .DxCheckbox--large .DxCheckbox__checkbox:after { font-size: 20px; } .DxCheckbox--small .DxCheckbox__label { line-height: 0; } .DxCheckbox--small .DxCheckbox__checkbox { height: 16px; width: 16px; } .DxCheckbox--small .DxCheckbox__checkbox:before { width: 16px; } .DxCheckbox--small .DxCheckbox__checkbox:after { font-size: 16px; } /* @font-face { font-family: "icons-dx"; src: url("clientlib-libs/resources/fonts/icons-dx/icomoon.eot?iuwtqv"); src: url("clientlib-libs/resources/fonts/icons-dx/icomoon.eot?iuwtqv#iefix") format("embedded-opentype"), url("clientlib-libs/resources/fonts/icons-dx/icomoon.ttf?iuwtqv") format("truetype"), url("clientlib-libs/resources/fonts/icons-dx/icomoon.woff?iuwtqv") format("woff"), url("clientlib-libs/resources/fonts/icons-dx/icomoon.svg?iuwtqv#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family: "icons-2022"; src: url("clientlib-libs/resources/fonts/icons/icons-d8360df94e5d54f099f2371a18e794f8.html"); src: url("clientlib-libs/resources/fonts/icons/icons-d8360df94e5d54f099f2371a18e794f8d41d.html?#iefix") format("embedded-opentype"), url("clientlib-libs/resources/fonts/icons/icons-d8360df94e5d54f099f2371a18e794f8.woff") format("woff"), url("clientlib-libs/resources/fonts/icons/icons-d8360df94e5d54f099f2371a18e794f8.ttf") format("truetype"), url("clientlib-libs/resources/fonts/icons/icons-d8360df94e5d54f099f2371a18e794f8d41d.svg?#icons") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { content: ""; font-family: "icons", "icons-dx"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } */ /* new icons as per KESTREL-1709 starts here*/ /* .icon-LR_App:before { content: "\e928"; } .icon-LR_Facebook:before { content: "\e929"; } .icon-LR_Instagram:before { content: "\e955"; } .icon-LR_LinkedIn:before { content: "\e956"; } .icon-LR_Offer_CHF:before { content: "\e957"; } .icon-LR_Offer_CNY:before { content: "\e958"; } .icon-LR_Offer_CZK:before { content: "\e959"; } .icon-LR_Offer_GBP:before { content: "\e95a"; } .icon-LR_Offer_INR:before { content: "\e95b"; } .icon-LR_Offer_JPY:before { content: "\e95c"; } .icon-LR_Offer_KRW:before { content: "\e95d"; } .icon-LR_Offer_RUB:before { content: "\e95e"; } .icon-LR_Offer_ZAR:before { content: "\e960"; } .icon-LR_Pivotal:before { content: "\e961"; } .icon-LR_Special_Offers:before { content: "\e962"; } .icon-LR_Trade_In:before { content: "\e963"; } .icon-LR_Twitter:before { content: "\e964"; } .icon-LR_USB:before { content: "\e965"; } .icon-LR_Vehicle_Hire:before { content: "\e966"; } .icon-LR_Vehicle_Offer:before { content: "\e967"; } .icon-LR_WeChat:before { content: "\e968"; } .icon-LR_Weibo:before { content: "\e969"; } .icon-LR_YouTube:before { content: "\e96a"; }*/ /* new icons as per KESTREL-1709 ends here*/ /* .icon-360-evo-jaguar:before { content: "\e001"; } .icon-360-view:before { content: "\e002"; } .icon-CO2:before { content: "\e003"; } .icon-JAG_electric-vehicle-services:before { content: "\e004"; } .icon-LR-Inventory:before { content: "\e005"; } .icon-LR_electric-vehicle-services:before { content: "\e006"; } .icon-accessories-evo-jaguar:before { content: "\e007"; } .icon-accessories:before { content: "\e008"; } .icon-accolade-chevron-left:before { content: "\e009"; } .icon-accolade-chevron-right:before { content: "\e00a"; } .icon-add-evo-jaguar:before { content: "\e00b"; } .icon-approved-used:before { content: "\e00c"; } .icon-approvedused-evo-jaguar:before { content: "\e00d"; } .icon-apps-evo-jaguar:before { content: "\e00e"; } .icon-arduous-evo-jaguar:before { content: "\e00f"; } .icon-arrow-down-JDX:before { content: "\e010"; } .icon-arrow-down:before { content: "\e011"; } .icon-arrow-left-evo-jaguar:before { content: "\e012"; } .icon-arrow-left:before { content: "\e013"; } .icon-arrow-right-evo-jaguar:before { content: "\e014"; } .icon-arrow-right:before { content: "\e015"; } .icon-back-to-top:before { content: "\e016"; } .icon-bars:before { content: "\e017"; } .icon-battery-evo-jaguar:before { content: "\e018"; } .icon-battery-hybrid-evo-jaguar:before { content: "\e019"; } .icon-battery-hybrid-landrover:before { content: "\e01a"; } .icon-battery-landrover:before { content: "\e01b"; } .icon-bodyshop-evo-jaguar:before { content: "\e01c"; } .icon-bodyshop:before { content: "\e01d"; } .icon-bond:before { content: "\e01e"; } .icon-brakefluid-evo-jaguar:before { content: "\e01f"; } .icon-brakepads-evo-jaguar:before { content: "\e020"; } .icon-brochure-evo-jaguar:before { content: "\e021"; } .icon-calculate-trade-in-value:before { content: "\e022"; } .icon-calendar-evo-jaguar:before { content: "\e023"; } .icon-calendar:before { content: "\e024"; } .icon-call-evo-jaguar:before { content: "\e025"; } .icon-capacity-evo-jaguar:before { content: "\e026"; } .icon-capacity:before { content: "\e027"; } .icon-captions-on:before { content: "\e028"; } .icon-captions:before { content: "\e029"; } .icon-carpe:before { content: "\e02a"; } .icon-caution-evo-jaguar:before { content: "\e02b"; } .icon-caution:before { content: "\e02c"; } .icon-chevron-down:before { content: "\e02d"; } .icon-chevron-up:before { content: "\e02e"; } .icon-chevronleft-evo-jaguar:before { content: "\e02f"; } .icon-chevronright-evo-jaguar:before { content: "\e030"; } .icon-climate-jaguar:before { content: "\e031"; } .icon-clock-evo-jaguar:before { content: "\e032"; } .icon-close-evo-jaguar:before { content: "\e033"; } .icon-close:before { content: "\e034"; } .icon-close_v2:before { content: "\e035"; } .icon-close_v3:before { content: "\e036"; } .icon-co2-evo-jaguar:before { content: "\e037"; } .icon-comment:before { content: "\e038"; } .icon-compare-evo-jaguar:before { content: "\e039"; } .icon-compare-jaguar:before { content: "\e03a"; } .icon-compare:before { content: "\e03b"; } .icon-comparison-jaguar:before { content: "\e03c"; } .icon-contact-evo-jaguar:before { content: "\e03d"; } .icon-coolant-evo-jaguar:before { content: "\e03e"; } .icon-credit-card-jaguar:before { content: "\e03f"; } .icon-credit-card:before { content: "\e040"; } .icon-directional-left:before { content: "\e041"; } .icon-directional-right:before { content: "\e042"; } .icon-directions-jaguar:before { content: "\e043"; } .icon-directions:before { content: "\e044"; } .icon-dj-grass:before { content: "\e045"; } .icon-dj-gravel-rocks:before { content: "\e046"; } .icon-dj-mud-ruts:before { content: "\e047"; } .icon-dj-on-road:before { content: "\e048"; } .icon-dj-sand:before { content: "\e049"; } .icon-dj-snow-ice:before { content: "\e04a"; } .icon-dj-water:before { content: "\e04b"; } .icon-dots-evo-jaguar:before { content: "\e04c"; } .icon-download-evo-jaguar:before { content: "\e04d"; } .icon-download:before { content: "\e04e"; } .icon-drag-arrow-down:before { content: "\e04f"; } .icon-drag-arrow-left:before { content: "\e050"; } .icon-drag-arrow-right:before { content: "\e051"; } .icon-drag-arrow-up:before { content: "\e052"; } .icon-drive-evo-jaguar:before { content: "\e053"; } .icon-driveoffroad:before { content: "\e054"; } .icon-driveonroad-jaguar:before { content: "\e055"; } .icon-driveonroad:before { content: "\e056"; } .icon-dxrange-slider-chevrons:before { content: "\e057"; } .icon-eco-evo-jaguar:before { content: "\e058"; } .icon-edit-evo-jaguar:before { content: "\e059"; } .icon-email-evo-jaguar:before { content: "\e05a"; } .icon-email:before { content: "\e05b"; } .icon-exclamation-lr:before { content: "\e05c"; } .icon-experience-evo-jaguar:before { content: "\e05d"; } .icon-experience:before { content: "\e05e"; } .icon-explore:before { content: "\e05f"; } .icon-favourite-evo-jaguar:before { content: "\e060"; } .icon-fax-evo-jaguar:before { content: "\e061"; } .icon-fax:before { content: "\e062"; } .icon-feedback-jaguar:before { content: "\e063"; } .icon-feedback-landrover:before { content: "\e064"; } .icon-filter-evo-jaguar:before { content: "\e065"; } .icon-filter:before { content: "\e066"; } .icon-filterclose-evo-jaguar:before { content: "\e067"; } .icon-finance-calculator-jaguar:before { content: "\e068"; } .icon-finance-calculator:before { content: "\e069"; } .icon-financecalculator-evo-jaguar:before { content: "\e06a"; } .icon-fleet-business-evo-jaguar:before { content: "\e06b"; } .icon-fleet-business-landrover:before { content: "\e06c"; } .icon-fuel-evo-jaguar:before { content: "\e06d"; } .icon-fullscreen-evo-jaguar:before { content: "\e06e"; } .icon-fullscreen-exit:before { content: "\e06f"; } .icon-fullscreen:before { content: "\e070"; } .icon-gallery-categories:before { content: "\e071"; } .icon-gallery-evo-jaguar:before { content: "\e072"; } .icon-guides-evo-jaguar:before { content: "\e073"; } .icon-help-evo-jaguar:before { content: "\e074"; } .icon-ignite-brochure-jaguar:before { content: "\e075"; } .icon-ignite-brochure:before { content: "\e076"; } .icon-ignite-configure-jaguar:before { content: "\e077"; } .icon-ignite-configure:before { content: "\e078"; } .icon-ignite-drive:before { content: "\e079"; } .icon-ignite-inform-jaguar:before { content: "\e07a"; } .icon-ignite-inform:before { content: "\e07b"; } .icon-incontrol-evo-jaguar:before { content: "\e07c"; } .icon-incontrol:before { content: "\e07d"; } .icon-info-evo-jaguar:before { content: "\e07e"; } .icon-information-landrover:before { content: "\e07f"; } .icon-information:before { content: "\e080"; } .icon-insurance-jaguar:before { content: "\e081"; } .icon-insurance:before { content: "\e082"; } .icon-inventory-evo-jaguar:before { content: "\e083"; } .icon-inventory:before { content: "\e084"; } .icon-jag2you-evo-jaguar:before { content: "\e085"; } .icon-land-rover-to-you:before { content: "\e086"; } .icon-landrover-pinnacle:before { content: "\e087"; } .icon-left-open-big:before { content: "\e088"; } .icon-link-evo-jaguar:before { content: "\e089"; } .icon-link-out:before { content: "\e08a"; } .icon-linkout-JDX:before { content: "\e08b"; } .icon-location-evo-jaguar:before { content: "\e08c"; } .icon-location:before { content: "\e08d"; } .icon-login-evo-jaguar:before { content: "\e08e"; } .icon-lr-360:before { content: "\e08f"; } .icon-lr2you:before { content: "\e090"; } .icon-map-pin-jaguar:before { content: "\e091"; } .icon-map-pin:before { content: "\e092"; } .icon-media-jaguar:before { content: "\e093"; } .icon-minus-jaguar:before { content: "\e094"; } .icon-minus:before { content: "\e095"; } .icon-motorway-jaguar:before { content: "\e096"; } .icon-new-star-jaguar:before { content: "\e097"; } .icon-new-star:before { content: "\e098"; } .icon-nocostoption:before { content: "\e099"; } .icon-notes-evo-jaguar:before { content: "\e09a"; } .icon-notes:before { content: "\e09b"; } .icon-notifications-evo-jaguar:before { content: "\e09c"; } .icon-offer-currency-chf-jag:before { content: "\e09d"; } .icon-offer-currency-chf-lr:before { content: "\e09e"; } .icon-offer-currency-cny-jag:before { content: "\e09f"; } .icon-offer-currency-cny-lr:before { content: "\e0a0"; } .icon-offer-currency-czk-jag:before { content: "\e0a1"; } .icon-offer-currency-czk-lr:before { content: "\e0a2"; } .icon-offer-currency-dollar-jag:before { content: "\e0a3"; } .icon-offer-currency-dollar-lr:before { content: "\e0a4"; } .icon-offer-currency-euro-lr:before { content: "\e0a5"; } .icon-offer-currency-inr-jag:before { content: "\e0a6"; } .icon-offer-currency-inr-lr:before { content: "\e0a7"; } .icon-offer-currency-jpy-jag:before { content: "\e0a8"; } .icon-offer-currency-jpy-lr:before { content: "\e0a9"; } .icon-offer-currency-krw-jag:before { content: "\e0aa"; } .icon-offer-currency-krw-lr:before { content: "\e0ab"; } .icon-offer-currency-nok-jag:before { content: "\e0ac"; } .icon-offer-currency-nok-lr:before { content: "\e0ad"; } .icon-offer-currency-pound-lr:before { content: "\e0ae"; } .icon-offer-currency-rub-jag:before { content: "\e0af"; } .icon-offer-currency-rub-lr:before { content: "\e0b0"; } .icon-offer-currency-sek-jag:before { content: "\e0b1"; } .icon-offer-currency-sek-lr:before { content: "\e0b2"; } .icon-offer-currency-zar-jag:before { content: "\e0b3"; } .icon-offer-currency-zar-lr:before { content: "\e0b4"; } .icon-offereuro-evo-jaguar:before { content: "\e0b5"; } .icon-offerpound-evo-jaguar:before { content: "\e0b6"; } .icon-offers-finance-jaguar:before { content: "\e0b7"; } .icon-offers-finance:before { content: "\e0b8"; } .icon-oil-evo-jaguar:before { content: "\e0b9"; } .icon-optional:before { content: "\e0ba"; } .icon-ordertracker-evo-jaguar:before { content: "\e0bb"; } .icon-owners:before { content: "\e0bc"; } .icon-parts-evo-jaguar:before { content: "\e0bd"; } .icon-parts:before { content: "\e0be"; } .icon-pause-evo-jaguar:before { content: "\e0bf"; } .icon-pause:before { content: "\e0c0"; } .icon-phone-jaguar:before { content: "\e0c1"; } .icon-phone:before { content: "\e0c2"; } .icon-pivotal:before { content: "\e0c3"; } .icon-play-evo-jaguar:before { content: "\e0c4"; } .icon-play:before { content: "\e0c5"; } .icon-plus-jaguar:before { content: "\e0c6"; } .icon-plus:before { content: "\e0c7"; } .icon-preconditioning-evo-jaguar:before { content: "\e0c8"; } .icon-predelivery-evo-jaguar:before { content: "\e0c9"; } .icon-preparationsale-evo-jaguar:before { content: "\e0ca"; } .icon-pride-of-jaguar:before { content: "\e0cb"; } .icon-print-evo-jaguar:before { content: "\e0cc"; } .icon-print:before { content: "\e0cd"; } .icon-profile-evo-jaguar:before { content: "\e0ce"; } .icon-profile:before { content: "\e0cf"; } .icon-question-mark:before { content: "\e0d0"; } .icon-quickstartguides-evo-jaguar:before { content: "\e0d1"; } .icon-quote-left-mena:before { content: "\e0d2"; } .icon-quote-left:before { content: "\e0d3"; } .icon-quote-right-mena:before { content: "\e0d4"; } .icon-quote-right:before { content: "\e0d5"; } .icon-r-performance:before { content: "\e0d6"; } .icon-reload-evo-jaguar:before { content: "\e0d7"; } .icon-reminder-evo-jaguar:before { content: "\e0d8"; } .icon-remove-evo-jaguar:before { content: "\e0d9"; } .icon-repair:before { content: "\e0da"; } .icon-replay:before { content: "\e0db"; } .icon-request-quote-dollar-jaguar:before { content: "\e0dc"; } .icon-request-quote-dollar:before { content: "\e0dd"; } .icon-request-quote-sterling-jaguar:before { content: "\e0de"; } .icon-request-quote-sterling:before { content: "\e0df"; } .icon-right-open-big:before { content: "\e0e0"; } .icon-salespreferred-evo-jaguar:before { content: "\e0e1"; } .icon-save-evo-jaguar:before { content: "\e0e2"; } .icon-search-evo-jaguar:before { content: "\e0e3"; } .icon-search:before { content: "\e0e4"; } .icon-seats-evo-jaguar:before { content: "\e0e5"; } .icon-seats:before { content: "\e0e6"; } .icon-service-evo-jaguar:before { content: "\e0e7"; } .icon-service:before { content: "\e0e8"; } .icon-servicehistory-evo-jaguar:before { content: "\e0e9"; } .icon-servicepreferred-evo-jaguar:before { content: "\e0ea"; } .icon-share-evo-jaguar:before { content: "\e0eb"; } .icon-share-jaguar:before { content: "\e0ec"; } .icon-share:before { content: "\e0ed"; } .icon-shop-evo-jaguar:before { content: "\e0ee"; } .icon-shop-jaguar:before { content: "\e0ef"; } .icon-shop:before { content: "\e0f0"; } .icon-slide-out-icon:before { content: "\e0f1"; } .icon-snowflake-jaguar:before { content: "\e0f2"; } .icon-social-facebook-comment:before { content: "\e0f3"; } .icon-social-facebook-like:before { content: "\e0f4"; } .icon-social-facebook-share:before { content: "\e0f5"; } .icon-social-instagram-comment:before { content: "\e0f6"; } .icon-social-instagram-like:before { content: "\e0f7"; } .icon-social-pinterest-like:before { content: "\e0f8"; } .icon-social-pinterest-pin:before { content: "\e0f9"; } .icon-social-twitter-favourite:before { content: "\e0fa"; } .icon-social-twitter-retweet:before { content: "\e0fb"; } .icon-social_blogger:before { content: "\e0fc"; } .icon-social_douban:before { content: "\e0fd"; } .icon-social_facebook:before { content: "\e0fe"; } .icon-social_google:before { content: "\e0ff"; } .icon-social_instagram:before { content: "\e100"; } .icon-social_jaguarapp:before { content: "\e101"; } .icon-social_linkedin:before { content: "\e102"; } .icon-social_lrapp:before { content: "\e103"; } .icon-social_pinterest:before { content: "\e104"; } .icon-social_renren:before { content: "\e105"; } .icon-social_sinaweibo:before { content: "\e106"; } .icon-social_tumblr:before { content: "\e107"; } .icon-social_twitter:before { content: "\e108"; } .icon-social_vkontakt:before { content: "\e109"; } .icon-social_wechat:before { content: "\e10a"; } .icon-social_whatsapp:before { content: "\e10b"; } .icon-social_youtube:before { content: "\e927"; } .icon-sound-evo-jaguar:before { content: "\e10d"; } .icon-sound-off:before { content: "\e10e"; } .icon-sound-on:before { content: "\e10f"; } .icon-speed-evo-jaguar:before { content: "\e110"; } .icon-speed-jaguar:before { content: "\e111"; } .icon-speed:before { content: "\e112"; } .icon-standard:before { content: "\e113"; } .icon-stepone-evo-jaguar:before { content: "\e114"; } .icon-stepthree-evo-jaguar:before { content: "\e115"; } .icon-steptwo-evo-jaguar:before { content: "\e116"; } .icon-subtitles-on:before { content: "\e117"; } .icon-subtitles:before { content: "\e118"; } .icon-svo-evo-jaguar:before { content: "\e119"; } .icon-svo:before { content: "\e11a"; } .icon-target-evo-jaguar:before { content: "\e11b"; } .icon-thumbnail_view:before { content: "\e11c"; } .icon-tick-consent-jaguar:before { content: "\e11d"; } .icon-tick-consent-landrover:before { content: "\e11e"; } .icon-tick-jaguar:before { content: "\e11f"; } .icon-tick-landrover:before { content: "\e120"; } .icon-tick-lr:before { content: "\e121"; } .icon-tick:before { content: "\e122"; } .icon-tickcircle-evo-jaguar:before { content: "\e123"; } .icon-tyrepressure-evo-jaguar:before { content: "\e124"; } .icon-usb-evo-jaguar:before { content: "\e125"; } .icon-usb:before { content: "\e126"; } .icon-value-jaguar:before { content: "\e127"; } .icon-value-lr:before { content: "\e128"; } .icon-vehicle-evo-jaguar:before { content: "\e129"; } .icon-vehicleadd-evo-jaguar:before { content: "\e12a"; } .icon-videoguides-evo-jaguar:before { content: "\e12b"; } .icon-view-vehicles:before { content: "\e12c"; } .icon-warning-evo-jaguar:before { content: "\e12d"; } .icon-warning:before { content: "\e12e"; } .icon-washerfluid-evo-jaguar:before { content: "\e12f"; } .icon-xcircle-evo-jaguar:before { content: "\e130"; } .icon-zoom-evo-jaguar:before { content: "\e131"; } .icon-zoom:before { content: "\e132"; } .icon-zoom_in:before { content: "\e133"; } .icon-zoom_out:before { content: "\e134"; }*/ /* font-family: icons-dx */ /* .icon-360-view:before { content: "\e900"; } .icon-accessories:before { content: "\e901"; } .icon-approved-used:before { content: "\e902"; } .icon-app-download:before { content: "\e903"; } .icon-arrow-left:before { content: "\e904"; } .icon-chevron-right:before { content: "\e905"; } .icon-bodyshop:before { content: "\e906"; } .icon-driveonroad:before { content: "\e907"; } .icon-dx-car-tax-calculators:before { content: "\e908"; } .icon-comment:before { content: "\e909"; } .icon-close:before { content: "\e90a"; } .icon-compare:before { content: "\e90b"; } .icon-ignite-configure:before { content: "\e90c"; } .icon-contact-evo-jaguar:before { content: "\e90d"; } .icon-dx-contract-hire-calculator:before { content: "\e90e"; } .icon-credit-card:before { content: "\e90f"; } .icon-download:before { content: "\e910"; } .icon-edit-evo-jaguar:before { content: "\e911"; } .icon-dx-events:before { content: "\e912"; } .icon-dx-experience:before { content: "\e913"; } .icon-fax:before { content: "\e914"; } .icon-filter:before { content: "\e915"; } .icon-filter-close:before { content: "\e916"; } .icon-finance-calculator:before { content: "\e917"; } .icon-dx-find-a-retailer:before { content: "\e918"; } .icon-dx-fuel:before { content: "\e919"; } .icon-fullscreen:before { content: "\e91a"; } .icon-gallery-evo-jaguar:before { content: "\e91b"; } .icon-guides-evo-jaguar:before { content: "\e91c"; } .icon-incontrol:before { content: "\e91d"; } .icon-information-landrover:before { content: "\e91e"; } .icon-insurance:before { content: "\e91f"; } .icon-land-rover-to-you:before { content: "\e920"; } .icon-dx-login:before { content: "\e921"; } .icon-minus:before { content: "\e922"; } .icon-mute:before { content: "\e923"; } .icon-dx-news:before { content: "\e924"; } .icon-notes:before { content: "\e925"; } .icon-dx-offers-euro:before { content: "\e926"; } .icon-dx-offers-dollar:before { content: "\e954"; } .icon-owners:before { content: "\e92a"; } .icon-parts:before { content: "\e92b"; } .icon-pause:before { content: "\e92c"; } .icon-phone:before { content: "\e92d"; } .icon-play:before { content: "\e92e"; } .icon-plus:before { content: "\e92f"; } .icon-print:before { content: "\e930"; } .icon-question-mark:before { content: "\e931"; } .icon-dx-reduce-view:before { content: "\e932"; } .icon-reminder-evo-jaguar:before { content: "\e933"; } .icon-download-brochure:before { content: "\e934"; } .icon-request-quote-dollar:before { content: "\e935"; } .icon-arrow-right:before { content: "\e936"; } .icon-dx-save:before { content: "\e937"; } .icon-search:before { content: "\e938"; } .icon-dx-search-inventory:before { content: "\e939"; } .icon-dx-secure:before { content: "\e93a"; } .icon-service:before { content: "\e93b"; } .icon-servicehistory:before { content: "\e93c"; } .icon-servicepreferred-evo-jaguar:before { content: "\e93d"; } .icon-dx-share:before { content: "\e93e"; } .icon-shop:before { content: "\e93f"; } .icon-sound:before { content: "\e940"; } .icon-dx-keep-me-informed:before { content: "\e941"; } .icon-dx-time:before { content: "\e942"; } .icon-videoguides-evo-jaguar:before { content: "\e943"; } .icon-view-vehicles:before { content: "\e944"; } .icon-dx-warning:before { content: "\e945"; } .icon-dx-web-link:before { content: "\e946"; } .icon-zoom_in:before { content: "\e947"; } .icon-zoom_out:before { content: "\e948"; } .icon-battery-electric-vehicle:before { content: "\e952"; } .icon-favourite:before { content: "\e94c"; } .icon-fleet-and-business:before { content: "\e94d"; } .icon-link-out:before { content: "\e951"; } .icon-pinnacle:before { content: "\e94b"; } .icon-plug-in-hybrid-electic-vehicle:before { content: "\e950"; } .icon-request-quote-euro:before { content: "\e94e"; } .icon-dx-Seats:before { content: "\e949"; } .icon-vehicle-price-dollar:before { content: "\e94f"; } .icon-vehicle-price-euro:before { content: "\e94a"; } .icon-dx-svo:before { content: "\e11a"; } */ html { min-height: 100%; position: relative; overflow-x: hidden; } body { color: #fff; height: 100%; } body:not(.isFullscreen) { /* max-width: 2600px; */ margin: 0 auto; } .lt-ie9 body { position: relative; margin: 0 auto; max-width: 2000px; } body.dxSharedNav .dxnav-header { max-width: 2000px; } @media screen and (min-width: 1px) and (max-width: 740px) { html { height: auto !important; } } .paddedTransition { transition: padding 0.4s; } html.noScroll, html.stry-in-focus, html.stry-in-focus body, html.noScroll body { overflow: hidden !important; } html.noScroll.forceScrollBar.no-touch .pageWrapper { height: 100.1%; overflow-y: scroll; } *, *:before, *:after { -webkit-tap-highlight-color: transparent; -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 { position: inherit; } #jaguar .marketSelectorTemplate #logo, #jaguar .marketSelectorTemplate #logo span { font-size: 0; } #jaguar .marketSelectorTemplate #logo img { top: 40px; left: 40px; margin-top: 40px; margin-left: 40px; margin-right: 40px; position: inherit; } @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: 900px) { #jaguar .marketSelectorTemplate #logo img { margin-top: 80px; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { #jaguar .marketSelectorTemplate #logo { padding: 32px 0; } #jaguar .marketSelectorTemplate #logo img { margin-top: 32px; } } .section { margin: 0 auto; width: 100%; min-width: 200px; overflow: hidden; } .el .section { width: 100%; } .el { position: relative; float: left; width: 100%; } body .container { padding: 0; position: relative; /* max-width: 2600px; */ margin: 0 auto; } body.isFullscreen .container { max-width: initial; } .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 { width: 100%; min-width: 320px; } .el .section { width: 100%; } body .el .el { left: 0; width: 100%; } } @media screen and (min-width: 901px) { .section { width: 100%; } .el .section { width: 100%; } } .row { position: relative; } .row:after { content: ""; display: table; clear: both; } .row [class*="col-"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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 .fullscreen, .GridListWrapper .items .el .carouselImageLink { margin: 0; padding: 0; } .GridListWrapper .items .el .fullscreen:before, .GridListWrapper .items .el .carouselImageLink: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; display: block; font-weight: normal; 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(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="2"] .el:nth-child(2n + 1) { clear: left; } .GridListWrapper[data-wrapper="float"] .items[data-total="1"] .el { display: block; float: none; margin: auto; } .GridListWrapper.dark .items .el .date, .GridListWrapper.dark .items .el .price, .dark .GridListWrapper .items .el .date, .dark .GridListWrapper .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(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="4"] .el:nth-child(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="5"] .el:nth-child(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="6"] .el:nth-child(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="7"] .el:nth-child(2n + 1), .GridListWrapper[data-wrapper="float"] .items[data-total="8"] .el:nth-child(2n + 1) { 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 img, .GridListWrapper .items[data-total="1"] .el img, .GridListWrapper .items[data-total="2"] .el img, .GridListWrapper .items[data-total="4"] .el img, .GridListWrapper .items[data-total="5"] .el img, .GridListWrapper .items[data-total="6"] .el img, .GridListWrapper .items[data-total="7"] .el img, .GridListWrapper .items[data-total="8"] .el img { margin-bottom: 22px; } .GridListWrapper .items .el .carouselImageLink, .GridListWrapper .items[data-total="1"] .el .carouselImageLink, .GridListWrapper .items[data-total="2"] .el .carouselImageLink, .GridListWrapper .items[data-total="4"] .el .carouselImageLink, .GridListWrapper .items[data-total="5"] .el .carouselImageLink, .GridListWrapper .items[data-total="6"] .el .carouselImageLink, .GridListWrapper .items[data-total="7"] .el .carouselImageLink, .GridListWrapper .items[data-total="8"] .el .carouselImageLink { 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; } /* .light .heading, .light .heading a, [data-theme="light"] .heading, [data-theme="light"] .heading a, [data-theme="grey"] .heading, [data-theme="grey"] .heading a, .grey .heading, .grey .heading a, */ /* addfor new theme start */ /* .white .heading, .white .heading a, */ /* addfor new theme end */ .no-js .lightWhenNoJS .heading, .no-js .lightWhenNoJS .heading a { color: #0c121c; } /* .slateblue .heading { color: #ffffff; } */ /* .light .heading .headingWrapper:before, .light .heading .headingWrapper:after, .light .heading a .headingWrapper:before, .light .heading a .headingWrapper:after, [data-theme="light"] .heading .headingWrapper:before, [data-theme="light"] .heading .headingWrapper:after, [data-theme="light"] .heading a .headingWrapper:before, [data-theme="light"] .heading a .headingWrapper:after, [data-theme="grey"] .heading .headingWrapper:before, [data-theme="grey"] .heading .headingWrapper:after, [data-theme="grey"] .heading a .headingWrapper:before, [data-theme="grey"] .heading a .headingWrapper:after, .grey .heading .headingWrapper:before, .grey .heading .headingWrapper:after, .grey .heading a .headingWrapper:before, .grey .heading a .headingWrapper:after, */ /* add for new themes start heading wrapper start */ /* .white .heading .headingWrapper:before, .white .heading .headingWrapper:after, .white .heading a .headingWrapper:before, .white .heading a .headingWrapper:after, */ /* add for new themes start heading wrapper end */ .no-js .lightWhenNoJS .heading .headingWrapper:before, .no-js .lightWhenNoJS .heading .headingWrapper:after, .no-js .lightWhenNoJS .heading a .headingWrapper:before, .no-js .lightWhenNoJS .heading a .headingWrapper:after { background-color: #0c121c; } /* .dark .heading, .dark .heading a, [data-theme="dark"] .heading, [data-theme="dark"] .heading a { color: #e4e8e8; } */ /* .dark .heading .headingWrapper:before, .dark .heading .headingWrapper:after, .dark .heading a .headingWrapper:before, .dark .heading a .headingWrapper:after, [data-theme="dark"] .heading .headingWrapper:before, [data-theme="dark"] .heading .headingWrapper:after, [data-theme="dark"] .heading a .headingWrapper:before, [data-theme="dark"] .heading a .headingWrapper:after { background-color: #fff; } */ .headerBlock { margin: 0 auto 80px; } .headerBlock:not(.headerBlockLeft) { text-align: center; } .headerBlock:last-child { margin-bottom: 0; } .headerBlock .heading { margin-bottom: 0; } .headerBlock .subHeading { max-width: 80%; margin: 2.2rem auto 0; font-size: 1.8rem; line-height: 2.4rem; letter-spacing: 0.02rem; font-weight: 400; } .headerBlock.headerBlockH3 .subHeading { font-size: 1.4rem; line-height: 1.9rem; 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: 1.4rem; line-height: 1.9rem; letter-spacing: 0.02rem; font-weight: 400; } } @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 0; max-width: 66.667%; font-weight: bold; letter-spacing: 0.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: 0.05em; -webkit-font-smoothing: antialiased; } .heading.headingLinear .headingWrapper, .heading.headingFocus .headingWrapper { display: inline-block; position: relative; padding: 0.1875em 0 0.25em; } .heading.headingLinear .headingWrapper:before, .heading.headingLinear .headingWrapper:after, .heading.headingFocus .headingWrapper:before, .heading.headingFocus .headingWrapper:after { content: ""; display: block; position: absolute; left: 0; } .heading.headingLinear .headingWrapper:before, .heading.headingFocus .headingWrapper:before { top: -1px; } .heading.headingLinear .headingWrapper:after, .heading.headingFocus .headingWrapper:after { bottom: -1px; } .heading.headingLinear .headingWrapper > span, .heading.headingFocus .headingWrapper > span { display: block; } .heading.headingLinear .headingWrapper .headingTextSub, .heading.headingFocus .headingWrapper .headingTextSub { margin-top: 0.17461538461538em; padding-bottom: 0.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.headingLinear .headingWrapper .headingTextSub, .heading.headingFocus .headingWrapper .headingTextSub { margin-top: 5px; } } .heading { color: #0c121c; } .heading .headingWrapper:before, .heading .headingWrapper:after { background-color: #0c121c; } .headingLight { color: #e4e8e8; } .headingLight .headingWrapper:before, .headingLight .headingWrapper:after { background-color: #fff; } .headingLightGrey { color: #e4e8e8; } .headingLightGrey .headingWrapper:before, .headingLightGrey .headingWrapper:after { background-color: #e4e8e8; } .heading { text-align: left; } .heading .headingWrapper:before, .heading .headingWrapper:after { left: 0; right: auto; margin-left: 0; } .headingCentre { text-align: center; } .headingCentre.headingFocus .headingWrapper:before, .headingCentre.headingFocus .headingWrapper:after { left: 50%; right: auto; margin-left: -0.67em; } .headingRight { text-align: right; } .headingRight .headingWrapper:before, .headingRight .headingWrapper:after { left: auto; right: 0; margin-left: 0; } .heading .headingWrapper:before, .heading .headingWrapper:after { width: 0; } .headingLinear .headingWrapper:before, .headingLinear .headingWrapper:after { width: 100%; } .headingFocus .headingWrapper:before, .headingFocus .headingWrapper:after { width: 1.34em; } .heading { padding: 1px 0; } .heading .headingWrapper:before, .heading .headingWrapper:after { height: 1px; } .headingThick { padding: 2px 0; } .headingThick .headingWrapper:before, .headingThick .headingWrapper:after { height: 2px; } @media screen and (min-width: 1px) and (max-width: 740px) { .headingThick { padding-top: 0; padding-bottom: 0; } } h1.heading, .heading.headingH1 { font-size: 48px; } h2.heading, .heading.headingH2 { font-size: 38px; } h3.heading, .heading.headingH3 { font-size: 24px; } h4.heading, .heading.headingH4 { font-size: 18px; } h5.heading, .heading.headingH5 { font-size: 16px; } h6.heading, .heading.headingH6 { font-size: 14px; } @media screen and (min-width: 1px) and (max-width: 900px) { h1.heading, .heading.headingH1 { font-size: 42px; } h2.heading, .heading.headingH2 { font-size: 33px; } h3.heading, .heading.headingH3 { font-size: 21px; } h4.heading, .heading.headingH4 { font-size: 18px; } h5.heading, .heading.headingH5 { font-size: 16px; } h6.heading, .heading.headingH6 { font-size: 14px; } } @media screen and (min-width: 1px) and (max-width: 740px) { h1.heading, .heading.headingH1 { font-size: 30px; } h2.heading, .heading.headingH2 { font-size: 26px; } h3.heading, .heading.headingH3 { font-size: 18px; } h4.heading, .heading.headingH4 { font-size: 16px; } h5.heading, .heading.headingH5 { font-size: 15px; } h6.heading, .heading.headingH6 { font-size: 14px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .heading.headingLinear .headingWrapper, .heading.headingFocus .headingWrapper { padding: 0; } .heading.headingLinear .headingWrapper:before, .heading.headingLinear .headingWrapper:after, .heading.headingFocus .headingWrapper:before, .heading.headingFocus .headingWrapper:after { 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 40px; } .shelfComponent .ctaContainer { margin-top: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .shelfComponent { padding: 30px 30px; } .shelfComponent .ctaContainer { margin-top: 30px; } } .spriteFlag-AE { background-image: url("clientlib-libs/resources/flags/AE.png"); width: 30px; height: 22px; } .spriteFlag-AF { background-image: url("clientlib-libs/resources/flags/AF.png"); width: 30px; height: 22px; } .spriteFlag-AG { background-image: url("clientlib-libs/resources/flags/AG.png"); width: 30px; height: 22px; } .spriteFlag-AL { background-image: url("clientlib-libs/resources/flags/AL.png"); width: 30px; height: 22px; } .spriteFlag-AM { background-image: url("clientlib-libs/resources/flags/AM.png"); width: 30px; height: 22px; } .spriteFlag-AN { background-image: url("clientlib-libs/resources/flags/AN.png"); width: 30px; height: 22px; } .spriteFlag-AO { background-image: url("clientlib-libs/resources/flags/AO.png"); width: 30px; height: 22px; } .spriteFlag-AR { background-image: url("clientlib-libs/resources/flags/AR.png"); width: 30px; height: 22px; } .spriteFlag-AT { background-image: url("clientlib-libs/resources/flags/AT.png"); width: 30px; height: 22px; } .spriteFlag-AU { background-image: url("clientlib-libs/resources/flags/AU.png"); width: 30px; height: 22px; } .spriteFlag-AW { background-image: url("clientlib-libs/resources/flags/AW.png"); width: 30px; height: 22px; } .spriteFlag-AZ { background-image: url("clientlib-libs/resources/flags/AZ.png"); width: 30px; height: 22px; } .spriteFlag-BA { background-image: url("clientlib-libs/resources/flags/BA.png"); width: 30px; height: 22px; } .spriteFlag-BB { background-image: url("clientlib-libs/resources/flags/BB.png"); width: 30px; height: 22px; } .spriteFlag-BD { background-image: url("clientlib-libs/resources/flags/BD.png"); width: 30px; height: 22px; } .spriteFlag-BE { background-image: url("clientlib-libs/resources/flags/BE.png"); width: 30px; height: 22px; } .spriteFlag-BF { background-image: url("clientlib-libs/resources/flags/BF.png"); width: 30px; height: 22px; } .spriteFlag-BG { background-image: url("clientlib-libs/resources/flags/BG.png"); width: 30px; height: 22px; } .spriteFlag-BH { background-image: url("clientlib-libs/resources/flags/BH.png"); width: 30px; height: 22px; } .spriteFlag-BN { background-image: url("clientlib-libs/resources/flags/BN.png"); width: 30px; height: 22px; } .spriteFlag-BI { background-image: url("clientlib-libs/resources/flags/BI.png"); width: 30px; height: 22px; } .spriteFlag-BJ { background-image: url("clientlib-libs/resources/flags/BJ.png"); width: 30px; height: 22px; } .spriteFlag-BL { background-image: url("clientlib-libs/resources/flags/BL.png"); width: 30px; height: 22px; } .spriteFlag-BM { background-image: url("clientlib-libs/resources/flags/BM.png"); width: 30px; height: 22px; } .spriteFlag-BN { background-image: url("clientlib-libs/resources/flags/BN.png"); width: 30px; height: 22px; } .spriteFlag-BO { background-image: url("clientlib-libs/resources/flags/BO.png"); width: 30px; height: 22px; } .spriteFlag-BR { background-image: url("clientlib-libs/resources/flags/BR.png"); width: 30px; height: 22px; } .spriteFlag-BS { background-image: url("clientlib-libs/resources/flags/BS.png"); width: 30px; height: 22px; } .spriteFlag-BT { background-image: url("clientlib-libs/resources/flags/BT.png"); width: 30px; height: 22px; } .spriteFlag-BW { background-image: url("clientlib-libs/resources/flags/BW.png"); width: 30px; height: 22px; } .spriteFlag-BY { background-image: url("clientlib-libs/resources/flags/BY.png"); width: 30px; height: 22px; } .spriteFlag-BZ { background-image: url("clientlib-libs/resources/flags/BZ.png"); width: 30px; height: 22px; } .spriteFlag-CA { background-image: url("clientlib-libs/resources/flags/CA.png"); width: 30px; height: 22px; } .spriteFlag-CD { background-image: url("clientlib-libs/resources/flags/CD.png"); width: 30px; height: 22px; } .spriteFlag-CG { background-image: url("clientlib-libs/resources/flags/CG.png"); width: 30px; height: 22px; } .spriteFlag-CH { background-image: url("clientlib-libs/resources/flags/CH.png"); width: 30px; height: 22px; } .spriteFlag-CI { background-image: url("clientlib-libs/resources/flags/CI.png"); width: 30px; height: 22px; } .spriteFlag-CL { background-image: url("clientlib-libs/resources/flags/CL.png"); width: 30px; height: 22px; } .spriteFlag-CM { background-image: url("clientlib-libs/resources/flags/CM.png"); width: 30px; height: 22px; } .spriteFlag-CN { background-image: url("clientlib-libs/resources/flags/CN.png"); width: 30px; height: 22px; } .spriteFlag-CO { background-image: url("clientlib-libs/resources/flags/CO.png"); width: 30px; height: 22px; } .spriteFlag-CR { background-image: url("clientlib-libs/resources/flags/CR.png"); width: 30px; height: 22px; } .spriteFlag-CV { background-image: url("clientlib-libs/resources/flags/CV.png"); width: 30px; height: 22px; } .spriteFlag-CW { background-image: url("clientlib-libs/resources/flags/CW.png"); width: 30px; height: 22px; } .spriteFlag-CY { background-image: url("clientlib-libs/resources/flags/CY.png"); width: 30px; height: 22px; } .spriteFlag-CZ { background-image: url("clientlib-libs/resources/flags/CZ.png"); width: 30px; height: 22px; } .spriteFlag-DE { background-image: url("clientlib-libs/resources/flags/DE.png"); width: 30px; height: 22px; } .spriteFlag-DJ { background-image: url("clientlib-libs/resources/flags/DJ.png"); width: 30px; height: 22px; } .spriteFlag-DK { background-image: url("clientlib-libs/resources/flags/DK.png"); width: 30px; height: 22px; } .spriteFlag-DM { background-image: url("clientlib-libs/resources/flags/DM.png"); width: 30px; height: 22px; } .spriteFlag-DO { background-image: url("clientlib-libs/resources/flags/DO.png"); width: 30px; height: 22px; } .spriteFlag-DZ { background-image: url("clientlib-libs/resources/flags/DZ.png"); width: 30px; height: 22px; } .spriteFlag-EC { background-image: url("clientlib-libs/resources/flags/EC.png"); width: 30px; height: 22px; } .spriteFlag-EE { background-image: url("clientlib-libs/resources/flags/EE.png"); width: 30px; height: 22px; } .spriteFlag-EG { background-image: url("clientlib-libs/resources/flags/EG.png"); width: 30px; height: 22px; } .spriteFlag-EH { background-image: url("clientlib-libs/resources/flags/EH.png"); width: 30px; height: 22px; } .spriteFlag-ER { background-image: url("clientlib-libs/resources/flags/ER.png"); width: 30px; height: 22px; } .spriteFlag-ES { background-image: url("clientlib-libs/resources/flags/ES.png"); width: 30px; height: 22px; } .spriteFlag-ET { background-image: url("clientlib-libs/resources/flags/ET.png"); width: 30px; height: 22px; } .spriteFlag-FI { background-image: url("clientlib-libs/resources/flags/FI.png"); width: 30px; height: 22px; } .spriteFlag-FJ { background-image: url("clientlib-libs/resources/flags/FJ.png"); width: 30px; height: 22px; } .spriteFlag-FK { background-image: url("clientlib-libs/resources/flags/FK.png"); width: 30px; height: 22px; } .spriteFlag-FR { background-image: url("clientlib-libs/resources/flags/FR.png"); width: 30px; height: 22px; } .spriteFlag-GA { background-image: url("clientlib-libs/resources/flags/GA.png"); width: 30px; height: 22px; } .spriteFlag-GB { background-image: url("clientlib-libs/resources/flags/GB.png"); width: 30px; height: 22px; } .spriteFlag-GD { background-image: url("clientlib-libs/resources/flags/GD.png"); width: 30px; height: 22px; } .spriteFlag-GE { background-image: url("clientlib-libs/resources/flags/GE.png"); width: 30px; height: 22px; } .spriteFlag-GH { background-image: url("clientlib-libs/resources/flags/GH.png"); width: 30px; height: 22px; } .spriteFlag-GI { background-image: url("clientlib-libs/resources/flags/GI.png"); width: 30px; height: 22px; } .spriteFlag-GM { background-image: url("clientlib-libs/resources/flags/GM.png"); width: 30px; height: 22px; } .spriteFlag-GN { background-image: url("clientlib-libs/resources/flags/GN.png"); width: 30px; height: 22px; } .spriteFlag-GQ { background-image: url("clientlib-libs/resources/flags/GQ.png"); width: 30px; height: 22px; } .spriteFlag-GR { background-image: url("clientlib-libs/resources/flags/GR.png"); width: 30px; height: 22px; } .spriteFlag-GT { background-image: url("clientlib-libs/resources/flags/GT.png"); width: 30px; height: 22px; } .spriteFlag-GW { background-image: url("clientlib-libs/resources/flags/GW.png"); width: 30px; height: 22px; } .spriteFlag-GY { background-image: url("clientlib-libs/resources/flags/GY.png"); width: 30px; height: 22px; } .spriteFlag-HN { background-image: url("clientlib-libs/resources/flags/HN.png"); width: 30px; height: 22px; } .spriteFlag-HK { background-image: url("clientlib-libs/resources/flags/HK.png"); width: 30px; height: 22px; } .spriteFlag-HR { background-image: url("clientlib-libs/resources/flags/HR.png"); width: 30px; height: 22px; } .spriteFlag-HT { background-image: url("clientlib-libs/resources/flags/HT.png"); width: 30px; height: 22px; } .spriteFlag-HU { background-image: url("clientlib-libs/resources/flags/HU.png"); width: 30px; height: 22px; } .spriteFlag-ID { background-image: url("clientlib-libs/resources/flags/ID.png"); width: 30px; height: 22px; } .spriteFlag-IE { background-image: url("clientlib-libs/resources/flags/IE.png"); width: 30px; height: 22px; } .spriteFlag-IL { background-image: url("clientlib-libs/resources/flags/IL.png"); width: 30px; height: 22px; } .spriteFlag-IN { background-image: url("clientlib-libs/resources/flags/IN.png"); width: 30px; height: 22px; } .spriteFlag-IQ { background-image: url("clientlib-libs/resources/flags/IQ.png"); width: 30px; height: 22px; } .spriteFlag-IS { background-image: url("clientlib-libs/resources/flags/IS.png"); width: 30px; height: 22px; } .spriteFlag-IT { background-image: url("clientlib-libs/resources/flags/IT.png"); width: 30px; height: 22px; } .spriteFlag-JaguarLeaper { background-image: url("clientlib-libs/resources/flags/JaguarLeaper.png"); width: 30px; height: 22px; } .spriteFlag-JM { background-image: url("clientlib-libs/resources/flags/JM.png"); width: 30px; height: 22px; } .spriteFlag-JO { background-image: url("clientlib-libs/resources/flags/JO.png"); width: 30px; height: 22px; } .spriteFlag-JP { background-image: url("clientlib-libs/resources/flags/JP.png"); width: 30px; height: 22px; } .spriteFlag-KE { background-image: url("clientlib-libs/resources/flags/KE.png"); width: 30px; height: 22px; } .spriteFlag-KH { background-image: url("clientlib-libs/resources/flags/KH.png"); width: 30px; height: 22px; } .spriteFlag-KM { background-image: url("clientlib-libs/resources/flags/KM.png"); width: 30px; height: 22px; } .spriteFlag-KN { background-image: url("clientlib-libs/resources/flags/KN.png"); width: 30px; height: 22px; } .spriteFlag-KR { background-image: url("clientlib-libs/resources/flags/KR.png"); width: 30px; height: 22px; } .spriteFlag-KW { background-image: url("clientlib-libs/resources/flags/KW.png"); width: 30px; height: 22px; } .spriteFlag-KY { background-image: url("clientlib-libs/resources/flags/KY.png"); width: 30px; height: 22px; } .spriteFlag-KZ { background-image: url("clientlib-libs/resources/flags/KZ.png"); width: 30px; height: 22px; } .spriteFlag-LA { background-image: url("clientlib-libs/resources/flags/LA.png"); width: 30px; height: 22px; } .spriteFlag-LB { background-image: url("clientlib-libs/resources/flags/LB.png"); width: 30px; height: 22px; } .spriteFlag-LC { background-image: url("clientlib-libs/resources/flags/LC.png"); width: 30px; height: 22px; } .spriteFlag-LK { background-image: url("clientlib-libs/resources/flags/LK.png"); width: 30px; height: 22px; } .spriteFlag-LR { background-image: url("clientlib-libs/resources/flags/LR.png"); width: 30px; height: 22px; } .spriteFlag-LROval, .spriteFlag-CYL, .spriteFlag-CYJ, .spriteFlag-HKJ, .spriteFlag-HKL, .spriteFlag-NY, .spriteFlag-TWJ, .spriteFlag-TWL { background-image: url("clientlib-libs/resources/flags/LROval.png"); width: 30px; height: 22px; } .spriteFlag-LT { background-image: url("clientlib-libs/resources/flags/LT.png"); width: 30px; height: 22px; } .spriteFlag-LU { background-image: url("clientlib-libs/resources/flags/LU.png"); width: 30px; height: 22px; } .spriteFlag-LV { background-image: url("clientlib-libs/resources/flags/LV.png"); width: 30px; height: 22px; } .spriteFlag-MA { background-image: url("clientlib-libs/resources/flags/MA.png"); width: 30px; height: 22px; } .spriteFlag-MD { background-image: url("clientlib-libs/resources/flags/MD.png"); width: 30px; height: 22px; } .spriteFlag-ME { background-image: url("clientlib-libs/resources/flags/ME.png"); width: 30px; height: 22px; } .spriteFlag-MG { background-image: url("clientlib-libs/resources/flags/MG.png"); width: 30px; height: 22px; } .spriteFlag-MK { background-image: url("clientlib-libs/resources/flags/MK.png"); width: 30px; height: 22px; } .spriteFlag-ML { background-image: url("clientlib-libs/resources/flags/ML.png"); width: 30px; height: 22px; } .spriteFlag-MM { background-image: url("clientlib-libs/resources/flags/MM.png"); width: 30px; height: 22px; } .spriteFlag-MN { background-image: url("clientlib-libs/resources/flags/MN.png"); width: 30px; height: 22px; } .spriteFlag-MO { background-image: url("clientlib-libs/resources/flags/MO.png"); width: 30px; height: 22px; } .spriteFlag-MR { background-image: url("clientlib-libs/resources/flags/MR.png"); width: 30px; height: 22px; } .spriteFlag-MT { background-image: url("clientlib-libs/resources/flags/MT.png"); width: 30px; height: 22px; } .spriteFlag-MU { background-image: url("clientlib-libs/resources/flags/MU.png"); width: 30px; height: 22px; } .spriteFlag-MW { background-image: url("clientlib-libs/resources/flags/MW.png"); width: 30px; height: 22px; } .spriteFlag-MX { background-image: url("clientlib-libs/resources/flags/MX.png"); width: 30px; height: 22px; } .spriteFlag-MY { background-image: url("clientlib-libs/resources/flags/MY.png"); width: 30px; height: 22px; } .spriteFlag-MZ { background-image: url("clientlib-libs/resources/flags/MZ.png"); width: 30px; height: 22px; } .spriteFlag-NA { background-image: url("clientlib-libs/resources/flags/NA.png"); width: 30px; height: 22px; } .spriteFlag-NC { background-image: url("clientlib-libs/resources/flags/NC.png"); width: 30px; height: 22px; } .spriteFlag-NE { background-image: url("clientlib-libs/resources/flags/NE.png"); width: 30px; height: 22px; } .spriteFlag-NG { background-image: url("clientlib-libs/resources/flags/NG.png"); width: 30px; height: 22px; } .spriteFlag-NI { background-image: url("clientlib-libs/resources/flags/NI.png"); width: 30px; height: 22px; } .spriteFlag-NL { background-image: url("clientlib-libs/resources/flags/NL.png"); width: 30px; height: 22px; } .spriteFlag-NO { background-image: url("clientlib-libs/resources/flags/NO.png"); width: 30px; height: 22px; } .spriteFlag-NP { background-image: url("clientlib-libs/resources/flags/NP.png"); width: 30px; height: 22px; } .spriteFlag-NZ { background-image: url("clientlib-libs/resources/flags/NZ.png"); width: 30px; height: 22px; } .spriteFlag-OM { background-image: url("clientlib-libs/resources/flags/OM.png"); width: 30px; height: 22px; } .spriteFlag-PA { background-image: url("clientlib-libs/resources/flags/PA.png"); width: 30px; height: 22px; } .spriteFlag-PE { background-image: url("clientlib-libs/resources/flags/PE.png"); width: 30px; height: 22px; } .spriteFlag-PF { background-image: url("clientlib-libs/resources/flags/PF.png"); width: 30px; height: 22px; } .spriteFlag-PG { background-image: url("clientlib-libs/resources/flags/PG.png"); width: 30px; height: 22px; } .spriteFlag-PH { background-image: url("clientlib-libs/resources/flags/PH.png"); width: 30px; height: 22px; } .spriteFlag-PK { background-image: url("clientlib-libs/resources/flags/PK.png"); width: 30px; height: 22px; } .spriteFlag-PL { background-image: url("clientlib-libs/resources/flags/PL.png"); width: 30px; height: 22px; } .spriteFlag-PS { background-image: url("clientlib-libs/resources/flags/PS.png"); width: 30px; height: 22px; } .spriteFlag-PT { background-image: url("clientlib-libs/resources/flags/PT.png"); width: 30px; height: 22px; } .spriteFlag-PY { background-image: url("clientlib-libs/resources/flags/PY.png"); width: 30px; height: 22px; } .spriteFlag-QA { background-image: url("clientlib-libs/resources/flags/QA.png"); width: 30px; height: 22px; } .spriteFlag-RI { background-image: url("clientlib-libs/resources/flags/RI.png"); width: 30px; height: 22px; } .spriteFlag-RO { background-image: url("clientlib-libs/resources/flags/RO.png"); width: 30px; height: 22px; } .spriteFlag-RS { background-image: url("clientlib-libs/resources/flags/RS.png"); width: 30px; height: 22px; } .spriteFlag-RU { background-image: url("clientlib-libs/resources/flags/RU.png"); width: 30px; height: 22px; } .spriteFlag-RW { background-image: url("clientlib-libs/resources/flags/RW.png"); width: 30px; height: 22px; } .spriteFlag-SA { background-image: url("clientlib-libs/resources/flags/SA.png"); width: 30px; height: 22px; } .spriteFlag-SC { background-image: url("clientlib-libs/resources/flags/SC.png"); width: 30px; height: 22px; } .spriteFlag-SD { background-image: url("clientlib-libs/resources/flags/SD.png"); width: 30px; height: 22px; } .spriteFlag-SE { background-image: url("clientlib-libs/resources/flags/SE.png"); width: 30px; height: 22px; } .spriteFlag-SG { background-image: url("clientlib-libs/resources/flags/SG.png"); width: 30px; height: 22px; } .spriteFlag-SI { background-image: url("clientlib-libs/resources/flags/SI.png"); width: 30px; height: 22px; } .spriteFlag-SK { background-image: url("clientlib-libs/resources/flags/SK.png"); width: 30px; height: 22px; } .spriteFlag-SL { background-image: url("clientlib-libs/resources/flags/SL.png"); width: 30px; height: 22px; } .spriteFlag-SN { background-image: url("clientlib-libs/resources/flags/SN.png"); width: 30px; height: 22px; } .spriteFlag-SO { background-image: url("clientlib-libs/resources/flags/SO.png"); width: 30px; height: 22px; } .spriteFlag-SR { background-image: url("clientlib-libs/resources/flags/SR.png"); width: 30px; height: 22px; } .spriteFlag-SS { background-image: url("clientlib-libs/resources/flags/SS.png"); width: 30px; height: 22px; } .spriteFlag-ST { background-image: url("clientlib-libs/resources/flags/ST.png"); width: 30px; height: 22px; } .spriteFlag-SV { background-image: url("clientlib-libs/resources/flags/SV.png"); width: 30px; height: 22px; } .spriteFlag-TC { background-image: url("clientlib-libs/resources/flags/TC.png"); width: 30px; height: 22px; } .spriteFlag-TD { background-image: url("clientlib-libs/resources/flags/TD.png"); width: 30px; height: 22px; } .spriteFlag-TG { background-image: url("clientlib-libs/resources/flags/TG.png"); width: 30px; height: 22px; } .spriteFlag-TH { background-image: url("clientlib-libs/resources/flags/TH.png"); width: 30px; height: 22px; } .spriteFlag-TN { background-image: url("clientlib-libs/resources/flags/TN.png"); width: 30px; height: 22px; } .spriteFlag-TR { background-image: url("clientlib-libs/resources/flags/TR.png"); width: 30px; height: 22px; } .spriteFlag-TT { background-image: url("clientlib-libs/resources/flags/TT.png"); width: 30px; height: 22px; } .spriteFlag-TW { background-image: url("clientlib-libs/resources/flags/TW.png"); width: 30px; height: 22px; } .spriteFlag-TY { background-image: url("clientlib-libs/resources/flags/TY.png"); width: 30px; height: 22px; } .spriteFlag-TZ { background-image: url("clientlib-libs/resources/flags/TZ.png"); width: 30px; height: 22px; } .spriteFlag-UA { background-image: url("clientlib-libs/resources/flags/UA.png"); width: 30px; height: 22px; } .spriteFlag-UG { background-image: url("clientlib-libs/resources/flags/UG.png"); width: 30px; height: 22px; } .spriteFlag-UK { background-image: url("clientlib-libs/resources/flags/UK.png"); width: 30px; height: 22px; } .spriteFlag-US { background-image: url("clientlib-libs/resources/flags/US.png"); width: 30px; height: 22px; } .spriteFlag-UY { background-image: url("clientlib-libs/resources/flags/UY.png"); width: 30px; height: 22px; } .spriteFlag-VG { background-image: url("clientlib-libs/resources/flags/VG.png"); width: 30px; height: 22px; } .spriteFlag-VN { background-image: url("clientlib-libs/resources/flags/VN.png"); width: 30px; height: 22px; } .spriteFlag-XI { background-image: url("clientlib-libs/resources/flags/XI.png"); width: 30px; height: 22px; } .spriteFlag-XK { background-image: url("clientlib-libs/resources/flags/XK.png"); width: 30px; height: 22px; } .spriteFlag-XM { background-image: url("clientlib-libs/resources/flags/XM.png"); width: 30px; height: 22px; } .spriteFlag-XX { background-image: url("clientlib-libs/resources/flags/XX.png"); width: 30px; height: 22px; } .spriteFlag-YE { background-image: url("clientlib-libs/resources/flags/YE.png"); width: 30px; height: 22px; } .spriteFlag-ZA { background-image: url("clientlib-libs/resources/flags/ZA.png"); width: 30px; height: 22px; } .spriteFlag-ZM { background-image: url("clientlib-libs/resources/flags/ZM.png"); width: 30px; height: 22px; } .spriteFlag-ZW { background-image: url("clientlib-libs/resources/flags/ZW.png"); width: 30px; height: 22px; } .ieOnly, .ieOnlyInline { display: none; } .hide { display: none !important; } #landrover .landrover-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) { .onlyOnMobile { display: none !important; } .hideOnTablet { 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; } .skip-link a { margin: 0; z-index: 9999; left: -9999px; position: absolute; } .skip-link a:focus, .skip-link a:active { top: 60px; left: 20px; } img.alignLeft { float: left; margin: 5px 18px 18px 0; } img.alignRight { float: right; margin: 5px 0 18px 18px; } .secondaryLinkWithStyle { line-height: 1.5; font-weight: bold; font-size: 10px; letter-spacing: 0.25em; border: 0; text-decoration: none !important; border-bottom: 0 none; } .disabled.secondaryLinkWithStyle { cursor: default; } .disabled.secondaryLinkWithStyle span { border-bottom: 0 none !important; } .secondaryLinkWithStyle:active { text-shadow: none; } .secondaryLinkWithStyle:focus { outline: 0; } .secondaryLinkWithStyle:focus:hover { border-bottom: 0 none; } p > a { text-decoration: none; } /* .dark a, [data-theme="dark"] a { color: #fff; text-decoration: underline; } .dark a:hover, [data-theme="dark"] a:hover { color: #c9c9c9; text-decoration: none; } .dark a:active, [data-theme="dark"] a:active { color: #c9c9c9; text-decoration: underline; } .dark a:focus, [data-theme="dark"] a:focus { color: #c9c9c9; outline: 0; text-decoration: none; } */ /* #landrover.focusStylesOn .dark a:focus, #landrover.focusStylesOn [data-theme="dark"] a:focus { color: #c9c9c9; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .dark a.disabled:focus, #landrover.focusStylesOn [data-theme="dark"] a.disabled:focus { background-color: #e4e4e4; color: #fff; } */ /* .grey a, .light a, .white a, [data-theme="light"] a, [data-theme="white"] a, [data-theme="grey"] a, .no-js .lightWhenNoJS a { color: #4a4f54; text-decoration: underline; } */ /* .grey a:hover, .light a:hover, .white a:hover, [data-theme="light"] a:hover, [data-theme="white"] a:hover, [data-theme="grey"] a:hover, .no-js .lightWhenNoJS a:hover { color: #005a2b; text-decoration: none; } */ /* .grey a:active, .light a:active, .white a:active, [data-theme="light"] a:active, [data-theme="white"] a:active, [data-theme="grey"] a:active, .no-js .lightWhenNoJS a:active { color: #005a2b; text-decoration: underline; } */ /* .grey a:focus, .light a:focus, .white a:focus, .slateblue a:focus, [data-theme="light"] a:focus, [data-theme="white"] a:focus, [data-theme="grey"] a:focus, [data-theme="slateblue"] a:focus, .no-js .lightWhenNoJS a:focus { color: #005a2b; text-decoration: none; outline: 0; } */ /* #landrover.focusStylesOn .grey a:focus, #landrover.focusStylesOn .light a:focus, #landrover.focusStylesOn .white a:focus, #landrover.focusStylesOn [data-theme="light"] a:focus, #landrover.focusStylesOn [data-theme="white"] a:focus, #landrover.focusStylesOn [data-theme="grey"] a:focus, #landrover.focusStylesOn .no-js .lightWhenNoJS a:focus { box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } */ /* #landrover.focusStylesOn .grey a.disabled:focus, #landrover.focusStylesOn .light a.disabled:focus, #landrover.focusStylesOn .white a.disabled:focus, #landrover.focusStylesOn [data-theme="light"] a.disabled:focus, #landrover.focusStylesOn [data-theme="white"] a.disabled:focus, #landrover.focusStylesOn [data-theme="grey"] a.disabled:focus, #landrover.focusStylesOn .no-js .lightWhenNoJS a.disabled:focus { background-color: #e4e4e4; color: #fff; } */ .primaryLinks { text-align: left; } .primaryLinksCentre { text-align: center; } .primaryLinksRight { text-align: right; } .primaryLinkContainer, .secondaryLinkContainer, .thirdLinkContainer, .fourthLinkContainer { line-height: 0; display: block; } .ctaContainer { margin-top: 80px; text-align: center; } #landrover.focusStylesOn .primaryLinkWithStyle:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .primaryLinkWithStyle.disabled:focus { background-color: #e4e4e4; color: #fff; } #landrover .plwsLight, #landrover .plwsTransparentLight { text-decoration: none; background-color: #0c121c; color: #fff; border-bottom: 0 none; } #landrover .plwsLight:hover, #landrover .plwsLight:active, #landrover .plwsTransparentLight:hover, #landrover .plwsTransparentLight:active { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #landrover .plwsLight:focus, #landrover .plwsTransparentLight:focus { outline: 0; } #landrover .plwsLight.disabled, #landrover .plwsTransparentLight.disabled { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .plwsLight.disabled:hover, #landrover .plwsTransparentLight.disabled:hover { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover.focusStylesOn .plwsLight:focus, #landrover.focusStylesOn .plwsTransparentLight:focus { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .plwsLight.disabled:focus, #landrover.focusStylesOn .plwsTransparentLight.disabled:focus { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .plwsExtreme { background-color: #f2681d; color: #fff; } #landrover .plwsExtreme:hover { background-color: #fff; color: #f2681d; } #landrover .plwsExtreme:focus { outline: 0; } #landrover .plwsExtreme.disabled:hover { background-color: #f2681d; color: #fff; } #landrover.focusStylesOn .plwsExtreme:focus { background-color: #fff; color: #f2681d; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .plwsExtreme.disabled:focus { background-color: #f2681d; color: #fff; } #landrover .light .plwsLight, #landrover .light .plwsTransparentLight, #landrover .grey .plwsLight, #landrover .grey .plwsTransparentLight, #landrover [data-theme="light"] .plwsLight, #landrover [data-theme="light"] .plwsTransparentLight, #landrover [data-theme="grey"] .plwsLight, #landrover [data-theme="grey"] .plwsTransparentLight, #landrover [data-theme="white"] .plwsLight, #landrover [data-theme="white"] .plwsTransparentLight, #landrover .white .plwsLight, #landrover .white .plwsTransparentLight { background-color: #0c121c; color: #fff; text-decoration: none; } #landrover .light .plwsLight:hover, #landrover .light .plwsLight:active, #landrover .light .plwsTransparentLight:hover, #landrover .light .plwsTransparentLight:active, #landrover .grey .plwsLight:hover, #landrover .grey .plwsLight:active, #landrover .grey .plwsTransparentLight:hover, #landrover .grey .plwsTransparentLight:active, #landrover [data-theme="light"] .plwsLight:hover, #landrover [data-theme="light"] .plwsLight:active, #landrover [data-theme="light"] .plwsTransparentLight:hover, #landrover [data-theme="light"] .plwsTransparentLight:active, #landrover [data-theme="grey"] .plwsLight:hover, #landrover [data-theme="grey"] .plwsLight:active, #landrover [data-theme="grey"] .plwsTransparentLight:hover, #landrover [data-theme="grey"] .plwsTransparentLight:active, #landrover [data-theme="white"] .plwsLight:hover, #landrover [data-theme="white"] .plwsLight:active, #landrover [data-theme="white"] .plwsTransparentLight:hover, #landrover [data-theme="white"] .plwsTransparentLight:active, #landrover .white .plwsLight:hover, #landrover .white .plwsLight:active, #landrover .white .plwsTransparentLight:hover, #landrover .white .plwsTransparentLight:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset; } /* add for slate blue */ #landrover .slateblue .plwsLight:hover, #landrover .slateblue .plwsLight:active, #landrover .slateblue .plwsTransparentLight:hover, #landrover .slateblue .plwsTransparentLight:active { background-color: #f8f9f9; color: #fff; box-shadow: 0 0 0 1px #fff inset; } /* add for slate blue end */ #landrover .light .plwsLight:focus, #landrover .light .plwsTransparentLight:focus, #landrover .grey .plwsLight:focus, #landrover .grey .plwsTransparentLight:focus, #landrover [data-theme="light"] .plwsLight:focus, #landrover [data-theme="light"] .plwsTransparentLight:focus, #landrover [data-theme="grey"] .plwsLight:focus, #landrover [data-theme="grey"] .plwsTransparentLight:focus, #landrover [data-theme="white"] .plwsLight:focus, #landrover [data-theme="white"] .plwsTransparentLight:focus, #landrover .white .plwsLight:focus, #landrover .white .plwsTransparentLight:focus { outline: 0; } #landrover .light .plwsLight.disabled, #landrover .light .plwsTransparentLight.disabled, #landrover .grey .plwsLight.disabled, #landrover .grey .plwsTransparentLight.disabled, #landrover [data-theme="light"] .plwsLight.disabled, #landrover [data-theme="light"] .plwsTransparentLight.disabled, #landrover [data-theme="grey"] .plwsLight.disabled, #landrover [data-theme="grey"] .plwsTransparentLight.disabled, #landrover [data-theme="white"] .plwsLight.disabled, #landrover [data-theme="white"] .plwsTransparentLight.disabled, #landrover .white .plwsLight.disabled, #landrover .white .plwsTransparentLight.disabled { background-color: #e4e4e4; color: #fff; } /* add for slate blue disable */ #landrover .slateblue .plwsLight.disabled, #landrover .slateblue .plwsTransparentLight.disabled { background-color: #ffff; color: #000; } /* */ #landrover .light .plwsLight.disabled:hover, #landrover .light .plwsTransparentLight.disabled:hover, #landrover .grey .plwsLight.disabled:hover, #landrover .grey .plwsTransparentLight.disabled:hover, #landrover [data-theme="light"] .plwsLight.disabled:hover, #landrover [data-theme="light"] .plwsTransparentLight.disabled:hover, #landrover [data-theme="grey"] .plwsLight.disabled:hover, #landrover [data-theme="grey"] .plwsTransparentLight.disabled:hover, #landrover [data-theme="white"] .plwsLight.disabled:hover, #landrover [data-theme="white"] .plwsTransparentLight.disabled:hover, #landrover .white .plwsLight.disabled:hover, #landrover .white .plwsTransparentLight.disabled:hover { background-color: #e4e4e4; color: #fff; } #landrover.focusStylesOn .light .plwsLight:focus, #landrover.focusStylesOn .light .plwsTransparentLight:focus, #landrover.focusStylesOn .grey .plwsLight:focus, #landrover.focusStylesOn .grey .plwsTransparentLight:focus, #landrover.focusStylesOn [data-theme="light"] .plwsLight:focus, #landrover.focusStylesOn [data-theme="light"] .plwsTransparentLight:focus, #landrover.focusStylesOn [data-theme="grey"] .plwsLight:focus, #landrover.focusStylesOn [data-theme="grey"] .plwsTransparentLight:focus, #landrover.focusStylesOn [data-theme="white"] .plwsLight:focus, #landrover.focusStylesOn [data-theme="white"] .plwsTransparentLight:focus, #landrover.focusStylesOn .white .plwsLight:focus, #landrover.focusStylesOn .white .plwsTransparentLight:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .light .plwsLight.disabled:focus, #landrover.focusStylesOn .light .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn .grey .plwsLight.disabled:focus, #landrover.focusStylesOn .grey .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn [data-theme="light"] .plwsLight.disabled:focus, #landrover.focusStylesOn [data-theme="light"] .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn [data-theme="grey"] .plwsLight.disabled:focus, #landrover.focusStylesOn [data-theme="grey"] .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn [data-theme="white"] .plwsLight.disabled:focus, #landrover.focusStylesOn [data-theme="white"] .plwsTransparentLight.disabled:focus, #landrover.focusStylesOn .white .plwsLight.disabled:focus, #landrover.focusStylesOn .white .plwsTransparentLight.disabled:focus { background-color: #e4e4e4; color: #fff; } #landrover .grey .primaryLinkWithStyle.disabled, #landrover [data-theme="grey"] .primaryLinkWithStyle.disabled { color: rgba(228, 228, 228, 0.6); background: rgba(255, 255, 255, 0.6); } /* #landrover .dark .primaryLinkWithStyle, #landrover [data-theme="dark"] .primaryLinkWithStyle, #landrover [data-contrast="dark"] .primaryLinkWithStyle { text-decoration: none; background-color: #0c121c; color: #fff; border-bottom: 0 none; } */ #landrover .dark .primaryLinkWithStyle:hover, #landrover .dark .primaryLinkWithStyle:active, #landrover [data-theme="dark"] .primaryLinkWithStyle:hover, #landrover [data-theme="dark"] .primaryLinkWithStyle:active, #landrover [data-contrast="dark"] .primaryLinkWithStyle:hover, #landrover [data-contrast="dark"] .primaryLinkWithStyle:active { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #landrover .dark .primaryLinkWithStyle:focus, #landrover [data-theme="dark"] .primaryLinkWithStyle:focus, #landrover [data-contrast="dark"] .primaryLinkWithStyle:focus { outline: 0; } #landrover .dark .primaryLinkWithStyle.disabled, #landrover [data-theme="dark"] .primaryLinkWithStyle.disabled, #landrover [data-contrast="dark"] .primaryLinkWithStyle.disabled { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .dark .primaryLinkWithStyle.disabled:hover, #landrover [data-theme="dark"] .primaryLinkWithStyle.disabled:hover, #landrover [data-contrast="dark"] .primaryLinkWithStyle.disabled:hover { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover.focusStylesOn .dark .primaryLinkWithStyle:focus, #landrover.focusStylesOn [data-theme="dark"] .primaryLinkWithStyle:focus, #landrover.focusStylesOn [data-contrast="dark"] .primaryLinkWithStyle:focus { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .dark .primaryLinkWithStyle.disabled:focus, #landrover.focusStylesOn [data-theme="dark"] .primaryLinkWithStyle.disabled:focus, #landrover.focusStylesOn [data-contrast="dark"] .primaryLinkWithStyle.disabled:focus { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .dark .plwsExtreme, #landrover [data-theme="dark"] .plwsExtreme, #landrover [data-contrast="dark"] .plwsExtreme { background-color: #f2681d; color: #fff; } #landrover .dark .plwsExtreme:hover, #landrover [data-theme="dark"] .plwsExtreme:hover, #landrover [data-contrast="dark"] .plwsExtreme:hover { background-color: #fff; color: #f2681d; } #landrover .dark .plwsExtreme:focus, #landrover [data-theme="dark"] .plwsExtreme:focus, #landrover [data-contrast="dark"] .plwsExtreme:focus { outline: 0; } #landrover .dark .plwsExtreme.disabled:hover, #landrover [data-theme="dark"] .plwsExtreme.disabled:hover, #landrover [data-contrast="dark"] .plwsExtreme.disabled:hover { background-color: #f2681d; color: #fff; } #landrover.focusStylesOn .dark .plwsExtreme:focus, #landrover.focusStylesOn [data-theme="dark"] .plwsExtreme:focus, #landrover.focusStylesOn [data-contrast="dark"] .plwsExtreme:focus { background-color: #fff; color: #f2681d; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .dark .plwsExtreme.disabled:focus, #landrover.focusStylesOn [data-theme="dark"] .plwsExtreme.disabled:focus, #landrover.focusStylesOn [data-contrast="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: 22px; */ left: 15px; line-height: 0; } .primaryLinkWithStyle.icon-ignite-brochure:before { font-size: 18px; } .primaryLinkWithStyle.icon-share:before { font-size: 18px; top: 22px; } .primaryLinkWithStyle.icon-finance-calculator: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-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; -webkit-transition: color 0.4s, text-shadow 0.4s; -moz-transition: color 0.4s, text-shadow 0.4s; -o-transition: color 0.4s, text-shadow 0.4s; transition: color 0.4s, text-shadow 0.4s; margin-bottom: 20px; text-decoration: none; overflow: visible; } .secondaryLinkWithStyle span { display: inline; /*border-bottom: 1px solid transparent;*/ -webkit-transition: border-bottom 0.4s; -moz-transition: border-bottom 0.4s; -o-transition: border-bottom 0.4s; transition: border-bottom 0.4s; } .secondaryLinkWithStyle span:before { content: ""; display: block; } .secondaryLinkWithStyle:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; position: absolute; top: 1px; left: -4px; } .secondaryLinkWithStyle:last-child { margin-bottom: 0; } .primaryLinkContainer + .secondaryLinkWithStyle, .primaryLinkContainer + .secondaryLinkContainer .secondaryLinkWithStyle { margin-top: 28px; } #landrover.focusStylesOn .secondaryLinkWithStyle:focus { color: #005a2b; text-shadow: none; box-shadow: 0 0 0 1px #fff, 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } #landrover .dark .secondaryLinkWithStyle, #landrover [data-theme="dark"] .secondaryLinkWithStyle { color: #fff; } #landrover .dark .secondaryLinkWithStyle:before, #landrover [data-theme="dark"] .secondaryLinkWithStyle:before { color: #fff; } #landrover .dark .secondaryLinkWithStyle:hover, #landrover .dark .secondaryLinkWithStyle:active, #landrover .dark .secondaryLinkWithStyle:focus, #landrover [data-theme="dark"] .secondaryLinkWithStyle:hover, #landrover [data-theme="dark"] .secondaryLinkWithStyle:active, #landrover [data-theme="dark"] .secondaryLinkWithStyle:focus { color: #c9c9c9; } #landrover .dark .secondaryLinkWithStyle:hover span, #landrover .dark .secondaryLinkWithStyle:active span, #landrover .dark .secondaryLinkWithStyle:focus span, #landrover [data-theme="dark"] .secondaryLinkWithStyle:hover span, #landrover [data-theme="dark"] .secondaryLinkWithStyle:active span, #landrover [data-theme="dark"] .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } #landrover .dark .secondaryLinkWithStyle:hover:before, #landrover .dark .secondaryLinkWithStyle:active:before, #landrover .dark .secondaryLinkWithStyle:focus:before, #landrover [data-theme="dark"] .secondaryLinkWithStyle:hover:before, #landrover [data-theme="dark"] .secondaryLinkWithStyle:active:before, #landrover [data-theme="dark"] .secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover .dark .secondaryLinkWithStyle:focus, #landrover [data-theme="dark"] .secondaryLinkWithStyle:focus { outline: 0; } #landrover .dark .secondaryLinkWithStyle.disabled, #landrover [data-theme="dark"] .secondaryLinkWithStyle.disabled { color: rgba(228, 228, 228, 0.3); } #landrover .dark .secondaryLinkWithStyle.disabled:before, #landrover [data-theme="dark"] .secondaryLinkWithStyle.disabled:before { color: rgba(228, 228, 228, 0.3); } #landrover .dark .secondaryLinkWithStyle.disabled:hover, #landrover [data-theme="dark"] .secondaryLinkWithStyle.disabled:hover { color: rgba(228, 228, 228, 0.3); } #landrover.focusStylesOn .dark .secondaryLinkWithStyle:focus, #landrover.focusStylesOn [data-theme="dark"] .secondaryLinkWithStyle:focus { color: #c9c9c9; text-shadow: none; box-shadow: 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .dark .secondaryLinkWithStyle:focus:before, #landrover.focusStylesOn [data-theme="dark"] .secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover.focusStylesOn .dark .secondaryLinkWithStyle:focus span, #landrover.focusStylesOn [data-theme="dark"] .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } .grey .secondaryLinkWithStyle, [data-theme="grey"] .secondaryLinkWithStyle { text-decoration: none; } #landrover .grey .secondaryLinkWithStyle.disabled, #landrover [data-theme="grey"] .secondaryLinkWithStyle.disabled { color: rgba(255, 255, 255, 0.7); } .strokeCTA { display: inline-flex; align-items: center; justify-content: center; min-width: 125px; height: 45px; line-height: 12px; margin-top: 30px; padding: 1px 24px 0 24px; font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-weight: bold; text-align: center; text-decoration: none; font-size: 10px; letter-spacing: 0.3em; cursor: pointer; border: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -moz-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -o-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; overflow: hidden; *zoom: 1; background-color: transparent; color: #005a2b; border: 1px solid rgba(74, 79, 84, 0.6); box-sizing: border-box; } .strokeCTA.loading { pointer-events: none; transition: none; position: relative; } .strokeCTA.loading:before { opacity: 0; } .strokeCTA.disabled { cursor: default; } .strokeCTA.disabled:hover, .strokeCTA.disabled:active { box-shadow: none !important; } .strokeCTA:hover { background-color: #000; color: #fff; border-color: #000; } .strokeCTA.disabled { background-color: transparent; color: #f0f0f0; border-color: rgba(0, 0, 0, 0.12); } .primaryLinkWithStyle { display: inline-flex; align-items: center; justify-content: center; min-width: 125px; height: 45px; line-height: 12px; margin-top: 30px; padding: 1px 24px 0 24px; font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-weight: bold; text-align: center; text-decoration: none; font-size: 10px; letter-spacing: 0.3em; cursor: pointer; border: 0; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -moz-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; -o-transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; overflow: hidden; *zoom: 1; } .primaryLinkWithStyle.loading { pointer-events: none; transition: none; position: relative; } .primaryLinkWithStyle.loading:before { opacity: 0; } .primaryLinkWithStyle.disabled { cursor: default; } .primaryLinkWithStyle.disabled:hover, .primaryLinkWithStyle.disabled:active { box-shadow: none !important; } #landrover .primaryLinkWithStyle.skipLink { text-decoration: none; background-color: #0c121c; color: #fff; border-bottom: 0 none; } #landrover .primaryLinkWithStyle.skipLink:hover, #landrover .primaryLinkWithStyle.skipLink:active { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #jaguar .primaryLinkWithStyle.skipLink { background-color: #fff; } #landrover .primaryLinkWithStyle.skipLink:focus { outline: 0; } #landrover .primaryLinkWithStyle.skipLink.disabled { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .primaryLinkWithStyle.skipLink.disabled:hover { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover.focusStylesOn .primaryLinkWithStyle.skipLink:focus { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .primaryLinkWithStyle.skipLink.disabled:focus { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } .primaryLinkWithStyle span { margin-top: -2px; } .secondaryLinkWithStyle:before { top: 2px; } .overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background-color: rgba(0, 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 0.4s; } .mediaOverlay.mediaOverlayOpaque .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.1); } .mediaOverlay .mediaOverlayIcon { position: absolute; } .mediaOverlay .mediaOverlayIcon:before { font-family: "icons-2022"; color: #fff; -webkit-font-smoothing: antialiased; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } .mediaOverlay.mediaOverlayImage .mediaOverlayIcon { right: 15px; bottom: 13px; } .mediaOverlay.mediaOverlayImage .mediaOverlayIcon:before { font-size: 22px; } .mediaOverlay.mediaOverlayVideo:after { content: ""; display: block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: calc(52px + 20px); border: 0; box-sizing: border-box; box-shadow: inset 0 0 5px 1px #4a90e2, 0 0 5px 1px #4a90e2; opacity: 0; } .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon { display: block; width: 100%; height: 100%; white-space: nowrap; font-size: 0; } .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before, .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:after { display: inline-block; vertical-align: middle; } .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:after { content: ""; height: 100%; width: 0; } .mediaOverlay.mediaOverlayVideo .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.1); } .coverImgBtn:focus + .mediaOverlay .mediaOverlayBg, .mediaOverlay:hover .mediaOverlayBg, a:hover .mediaOverlay .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.3); } .mediaOverlay__wrapper:hover .mediaOverlayVideo .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.3); } .focusStylesOn .mediaOverlay__wrapper.mediaOverlay__wrapper--focus .mediaOverlayVideo .mediaOverlayBg, .focusStylesOn .mediaOverlay__wrapper:focus-within .mediaOverlayVideo .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.3); } .focusStylesOn .mediaOverlay__wrapper.mediaOverlay__wrapper--focus .mediaOverlayVideo:after, .focusStylesOn .mediaOverlay__wrapper:focus-within .mediaOverlayVideo:after { opacity: 1; } .mediaOverlay__wrapper.mediaOverlay__wrapper--focus .TargetLinks, .mediaOverlay__wrapper:focus-within .TargetLinks { box-shadow: none !important; } .Gallery .rsThumbs .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before { font-size: 30px; } .VideoPlayer .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before, .YouTubePlayer .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before { font-size: 68px; } .SocialFeed .mediaOverlay.mediaOverlayImage .mediaOverlayIcon, .Gallery .mediaOverlay.mediaOverlayImage .mediaOverlayIcon, .VehicleSelectorWrapper .mediaOverlay.mediaOverlayImage .mediaOverlayIcon { display: none; } .Gallery .rsNavSelected .mediaOverlayBg, .Gallery .rsNavSelected .mediaOverlayIcon { display: none; } .rtl .mediaOverlay.mediaOverlayImage .mediaOverlayIcon { right: auto; left: 15px; } .mediaOverlay.mediaOverlayVideo .mediaOverlayIcon:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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; } .mediaOverlay.mediaOverlayVideo:after { top: calc(50% - 5px); height: calc(62px + 20px); } body { font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 14px; letter-spacing: 0.02em; line-height: 1.28571428571429; -webkit-text-size-adjust: none; color: #4a4f54; } strong, b { font-weight: 700; } em, i { font-style: italic; } small { font-size: 0.78571428571429em; } small small { font-size: 1em; } sub { font-size: 0.78571428571429em; } sub sub { font-size: 1em; } sup { vertical-align: top; line-height: 1; font-size: 0.6em; } sup sup { font-size: 1em; } sub { vertical-align: sub; } a { color: #fff; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; line-height: 1; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-weight: 700; } dl dt, dl dd { text-align: left; } dl dd { padding-bottom: 16px; } dl dd:last-child { padding-bottom: 0; } dl dt { padding: 16px 0; } .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: "AvenirNext", "arial", "helvetica", sans-serif; font-weight: normal; font-size: 1.1rem; line-height: 1.8rem; letter-spacing: 0.02rem; font-weight: 400; line-height: 1.4rem; } */ /* #landrover .caveat a { text-decoration: none; border-bottom: 1px solid; } */ /* #landrover .light .caveat, #landrover .grey .caveat { color: #4a4f54; } #landrover .light .caveat a, #landrover .grey .caveat a { border-bottom-color: rgba(74, 79, 84, 0.25) !important; } */ /* #landrover .dark .caveat { color: #e4e8e8; } */ /* #landrover .dark .caveat a { border-bottom-color: rgba(228, 232, 232, 0.25) !important; } */ body { font-size: 14px; letter-spacing: 0.02rem; line-height: 1.9rem; } /* .dark { background-color: #4a4f54; color: #e4e8e8; } */ /* #jaguar .dark h1, #jaguar .dark h2, #jaguar .dark h3, #jaguar .dark h4, #jaguar .dark h5 { 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; color: #4a4f54; } */ /* .grey { background-color: #f8f9f9; color: #4a4f54; } */ /* #jaguar .grey h1, #jaguar .grey h2, #jaguar .grey h3, #jaguar .grey h4, #jaguar .grey h5 { 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 { background-color: #f8f9f9; color: #4a4f54; } .white { background-color: #ffffff; color: #4a4f54; } */ .no-js .lightWhenNoJS { background-color: #f8f9f9; color: #4a4f54; } /* #jaguar .light h1, #jaguar .light h2, #jaguar .light h3, #jaguar .light h4, #jaguar .light h5, #jaguar .white h1, #jaguar .white h2, #jaguar .white h3, #jaguar .white h4, #jaguar .white 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 { color: #0c121c; } #jaguar .light h1.fontH3Brand, #jaguar .light h2.fontH3Brand, #jaguar .light h3.fontH3Brand, #jaguar .light h4.fontH3Brand, #jaguar .light h5.fontH3Brand, #jaguar .white h1.fontH3Brand, #jaguar .white h2.fontH3Brand, #jaguar .white h3.fontH3Brand, #jaguar .white h4.fontH3Brand, #jaguar .white 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 { color: #005a2b; } */ /* [data-theme="light"] { background-color: #f8f9f9; color: #4a4f54; } [data-theme="white"] { background-color: #f8f9f9; color: #4a4f54; } */ /* #landrover .darkText { color: #4a4f54; } */ /* .button, button { background-color: rgba(255, 255, 255, 0); border: 1px solid #fff; display: block; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .button:hover, button:hover { color: #333; background-image: none; background-color: #fff; } */ .inlined { position: relative; z-index: 2; opacity: 0.75; -webkit-transition: opacity 0.15s linear; } .inlinedInputText { position: relative; z-index: 1; } label.has-text { display: none !important; } input[type="text"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type="text"] { font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 14px; padding: 12px 0px 12px 15px; height: 45px; width: 100%; } input[type="text"]:not(.DxInput) { color: #4a4f54; border: 0; } 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 a, .infoCardLayout.dark .infoCard .countryName { color: #4a4f54; } .infoCardLayout.dark .infoCard .email a { border-bottom: 1px solid rgba(74, 79, 84, 0.25) !important; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle { background-color: #0c121c; color: #fff; text-decoration: none; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle:hover, #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle:focus { outline: 0; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled { background-color: #e4e4e4; color: #fff; } #landrover .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:hover { background-color: #e4e4e4; color: #fff; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .primaryLinkWithStyle.disabled:focus { background-color: #e4e4e4; color: #fff; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle { color: #0c121c; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:before { color: #005a2b; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:hover, #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:active, #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus { color: #005a2b; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:hover span, #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:active span, #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus { outline: 0; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle.disabled { color: #e4e4e4; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle.disabled:before { color: #e4e4e4; } #landrover .infoCardLayout.dark .infoCard .secondaryLinkWithStyle.disabled:hover { color: #e4e4e4; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus { color: #005a2b; text-shadow: none; box-shadow: 0 0 0 1px #fff, 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .infoCardLayout.dark .infoCard .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } .infoCard { margin: 0 20px 40px; background-color: #f8f9f9; color: #4a4f54; display: block; } .infoCard a { color: #4a4f54; } .infoCard .cardHeader { overflow: hidden; } .infoCard .cardDetails { padding: 20px; } .infoCard .cardDetails .cardTitle { margin-bottom: 24px; } .infoCard .cardDetails .cardTitle .headingH5 { color: #4a4f54; margin-top: 3px; } .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, 0.25); } .infoCard .cardDetails .cardData { margin-top: 24px; width: 100%; } .infoCard .cardDetails .cardData .itemMobile, .infoCard .cardDetails .cardData .itemTablet { display: none !important; } .infoCard .cardDetails .cardData th, .infoCard .cardDetails .cardData td { 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 .itemDescription:before { content: " "; } .infoCard .cardDetails .cardData tr.email td { word-wrap: break-word; word-break: break-all; } .infoCard .cardDetails .cardData tr.tel td a { cursor: text; border-bottom: 0; } .infoCard .cardDetails .cardData tr.bookAService { font-weight: bold; } .infoCard .cardDetails .cardData tr.bookAService td a { border-bottom: 1px solid #4a4f54 !important; } .infoCard .mobileStateBtn { display: none; font-size: 10px; letter-spacing: 0.25em; color: #000; font-weight: bold; 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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 button.mobileStateBtn { border: 0; width: 100%; font-family: inherit; text-align: left; border-top: 1px solid #e4e8e8; } .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 .itemDesktop { display: none !important; } .infoCard .cardDetails .cardData .itemTablet { display: inline-flex !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { .infoCard { margin: 0 0 30px; } .infoCard .cardDetails .cardTitle { margin-bottom: 0; } .touchCapability .infoCard .cardDetails .cardData tr.tel td a { cursor: pointer; } .infoCard .cardDetails .itemTablet { display: none !important; } .infoCard .cardDetails .itemMobile { display: inline-flex !important; } .infoCard .mobileStateBtn { display: block; } .infoCard.openInfoCard .mobileStateBtn:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 .vehicleLinks { display: table; table-layout: fixed; width: 100%; margin-top: 24px; border-right: 0; } .infoCardDealer .vehicleLinks li { display: table-cell; } .infoCardDealer .vehicleLinks li:first-child { border-right: 1px solid #4a4f54; padding-right: 5px; } #landrover .infoCardDealer .vehicleLinks li a { width: 100%; margin: 0; vertical-align: top; } .infoCardDealer .cardHeader { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(../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: "AvenirNext", "arial", "helvetica", sans-serif; font-weight: normal; position: absolute; left: -10px; top: -5px; color: #fff; letter-spacing: 0.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: "AvenirNext", "arial", "helvetica", sans-serif; letter-spacing: 0.05em; font-weight: normal; 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 { margin-top: 24px; } .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; } 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 .vehicleLinks { border: 0; display: block; } .infoCardDealer .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; margin-bottom: 22px; } .sidebarItem .heading { margin-bottom: 22px; } .sidebarItem .imageCaption { font-family: "AvenirNext", "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 22px; } .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: solid 1px #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: 0.2; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; line-height: 2px; font-size: 1px; text-indent: -99em; } .carousel .pagination li:hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .carousel .pagination li.selected 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: solid 1px #4a4f54; float: left; } .carousel .navigation li a { display: block; width: 57px; height: 54px; text-decoration: none; text-align: center; padding: 10px 0 0 0; color: #fff; background-color: rgba(255, 255, 255, 0); opacity: 0.2; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .carousel .navigation li a i { color: #fff; font-size: 28px; } .carousel .navigation.notTouchDevice li a:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.1); } .carousel .rsArrow { color: #fff; display: none; position: absolute; text-decoration: none; width: 90px; top: 0; text-shadow: 0px 0px 8px rgba(0, 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: 0.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:hover, .carousel .rsArrow .rsArrowIcn:focus { 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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; } .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; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.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; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; 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; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 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; -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: 0.3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: grab; } .grabbing-cursor { cursor: move; cursor: grabbing; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(clientlib-libs/css/blank.html); } .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { 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("clientlib-libs/css/rs-default.html"); background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0, 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: 0.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, 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 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255, 255, 255, 0.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: 0.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, 0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0, 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("clientlib-libs/css/rs-default.html"); } .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: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display: inline; *zoom: 1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-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: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #fff; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #acacac; background-image: -webkit-linear-gradient(top, #acacac, #bbb); background-image: -moz-llinear-gradient(top, #acacac, #bbb); background-image: linear-gradient(to bottom, #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("clientlib-libs/css/rs-default.html") 0 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0, 0, 0, 0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } .rsDefault .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width: 64px; display: block; height: 64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; background: url(clientlib-libs/css/rs-default.html) no-repeat 0 -32px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0, 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("clientlib-libs/css/rs-default.html") -64px 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9); } .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url(clientlib-libs/preloaders/preloader-white.html); 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, 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: normal; } .carouselNavigation > div .number, .carouselNavigation > div .divide, .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 { text-decoration: none; color: #4a4f54; } .carouselNavigation > div a.prev:before, .carouselNavigation > div a.next:before { -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.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 { color: #e4e8e8; } .carouselNavigation.dark .carouselNavigation > div .divide { color: #e4e8e8; } .carouselNavigation.dark .carouselNavigation > div a { color: #e4e8e8; filter: brightness(0.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.prev:before, .carouselNavigation > div a.next: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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin: 0; width: 15px; } .light .carouselNavigation > div .numbers { color: #000; } .light .carouselNavigation > div a { color: #4a4f54; } .light .carouselNavigation > div a.prev:hover:before, .light .carouselNavigation > div a.next:hover:before { color: #a4a7a9; } .light .carouselNavigation > div a.prev:before { color: #000; } .light .carouselNavigation > div a.next:before { color: #000; } .dark .carouselNavigation > div .numbers { color: #fff; } .dark .carouselNavigation > div a { color: #fff; } .dark .carouselNavigation > div a.prev:hover:before, .dark .carouselNavigation > div a.next:hover:before { color: #a4a7a9; } .dark .carouselNavigation > div a.prev:before { color: #fff; } .dark .carouselNavigation > div a.next:before { color: #fff; } .dealerLocatorHeader { position: relative; } .dealerLocatorHeader .imageWrap { position: absolute; height: 100%; width: 100%; display: block; background-position: left bottom; background-repeat: no-repeat; background-size: cover; -ms-behavior: url(../backgroundsize-iepolyfill.min.htc); } .dealerLocatorHeader .Picture--background { position: absolute; height: 100%; width: 100%; display: block; } .dealerLocatorHeader noscript img { width: 100%; } .dealerLocatorHeader .errorMessage { display: none; text-align: center; padding-bottom: 16px; color: #fff; padding-top: 8px; margin-left: -3px; position: absolute; } .dealerLocatorHeader .errorMessage:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; color: #d2000a; background-color: #fff; border-radius: 25px; font-size: 16px; background: radial-gradient(circle, #fff 50%, transparent 50%); vertical-align: text-bottom; margin-right: 8px; } @media screen and (min-width: 1px) and (max-width: 740px) { .dealerLocatorHeader .errorMessage { position: static; text-align: left; padding-bottom: 0; } } .dealerLocatorHeader .errorInputBorder { border: 2px solid #d2000a !important; } .dealerLocatorHeader .dealerLocatorSearch { position: relative; min-height: 256px; } .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="3"] .searchForms .formButton, .dealerLocatorHeader[data-total-form-fields="2"] .searchForms .formButton { float: right; clear: none; } .dealerLocatorHeader[data-total-form-fields="3"] .searchForms .formButton .continueButton, .dealerLocatorHeader[data-total-form-fields="2"] .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 { width: 100%; } .dealerLocatorHeader .searchForms.multipleForms form .formButton { width: 100%; } .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .col, .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .formButton, .dealerLocatorHeader[data-total-form-fields="2"] .searchForms form .col, .dealerLocatorHeader[data-total-form-fields="2"] .searchForms form .formButton { width: inherit; } .dealerLocatorHeader[data-total-form-fields="3"] .searchForms form .formButton, .dealerLocatorHeader[data-total-form-fields="2"] .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: 0.4; cursor: default; } #landrover .dealerLocatorHeader .continueButton.disabled:hover, #landrover .dealerLocatorHeader .continueButton.disabled:focus { 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; } select.DropdownSelectA11y { display: none; } .no-js select.DropdownSelectA11y { display: block; } .sliderContainer { text-align: center; position: relative; z-index: 1; } .sliderControls { font-size: 48px; margin: 0.5em auto 0; padding: 0.5em 0; position: relative; -ms-touch-action: none; } .sliderControls .sliderHandle, .sliderControls .sliderProgress { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 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; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } .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%); -ms-transform: translateY(-50%); transform: translateY(-50%); direction: ltr; font-size: 48px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sliderControls .handleInner:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .sliderControls .handleInner:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .sliderControls .handleInner:before, .sliderControls .handleInner:after { position: absolute; margin: 0; line-height: 4em; width: 2em; font-size: 12px; font-weight: bold; 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 { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .sliderControls .sliderHandle { font-size: 32px; } .sliderControls .sliderHandle .handleInner { left: -16px; font-size: 32px; } .sliderControls .sliderHandle .handleInner:before, .sliderControls .sliderHandle .handleInner:after { position: absolute; top: -0.75em; padding-top: 0.75em; padding-bottom: 0.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:before, .sliderControls .handleInner:after { color: #0c121c; } @media screen and (min-width: 1px) and (max-width: 740px) { .sliderControls .handleInner:before, .sliderControls .handleInner:after { 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: -0.5em; padding-left: 0.75em; } .sliderControls .handleInner:after { right: -0.5em; padding-right: 0.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: 0.15; } .directionArrow { border: none; padding: 0; display: none; height: 100%; position: absolute; z-index: 5; top: 0; font-size: 50px; line-height: 0; text-decoration: none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); color: #fff; } @media screen and (min-width: 901px) { .gallery .directionArrow { height: calc(100% - 80px); } .gallery .directionArrow span { margin-top: 80px; } } .directionArrow span { display: block; width: 90px; position: relative; text-align: center; } .directionArrow.left { left: 0; } .directionArrow.left span:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .directionArrow:hover, .directionArrow:focus { background-color: transparent; border: none; } .directionArrow:hover span:before, .directionArrow:focus span:before { color: #fff; } @media screen and (min-width: 1px) and (max-width: 900px) { .directionArrow { width: 60px; height: 50px; margin-top: -25px; top: 50%; } .directionArrow span { width: 60px; } } .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, 0.1); color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; 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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .directionArrow:hover, .directionArrow:focus { 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; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .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-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .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-slide-shadow-bottom { 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: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( right, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent) ); background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.5), transparent ); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; 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: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { 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%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%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%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .scrollButton { display: inline-block; width: 50px; line-height: 50px; background-color: #0c121c; color: #fff; text-decoration: none; text-align: center; z-index: 5; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: background-color 0.5s, color 0.5s; -moz-transition: background-color 0.5s, color 0.5s; -o-transition: background-color 0.5s, color 0.5s; transition: background-color 0.5s, color 0.5s; } .scrollButton:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: bold; } .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; -webkit-transition: background 400ms ease; -moz-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms 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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-top: -8px; } .profileLinks li a.instagram .ico:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-top: -6px; margin-right: 2px; } .profileLinks li a.pinterest .ico:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-top: -4px; } .profileLinks li a.twitter .ico:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .profileLinks li a.youtube .ico { font-size: 29px; } .profileLinks li a.youtube .ico:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-top: -8px; } .profileLinks li a.tumblr .ico:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-top: -6px; } .profileLinks li a .text .count { margin-bottom: 3px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; font-size: 15px; letter-spacing: 0.1em; } .profileLinks li a .text .label { font-size: 9px; line-height: 12px; letter-spacing: 0.2em; font-weight: bold; -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: #dd287b; } .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 { color: #a4a7a9; } .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 { color: #a4a7a9; } .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 { color: #a4a7a9; } .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: 0.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 span, .itemsAtAGlance .items .el .dividerBlock div { 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: 0.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; } } .bullets--line { padding-left: 1em; margin-left: 0; } .bullets--line li { list-style: none; position: relative; line-height: 1.286em; margin-bottom: 1.286em; } .bullets--line li:after { content: ""; position: absolute; left: -1em; top: 50%; transform: translateY(-50%); width: 7px; height: 1px; background-color: #4a4f54; } /* .dark .bullets--line li:after, [data-theme="dark"] .bullets--line li:after { background-color: #fff; } */ .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; } .DxRangeSlider.noUi-target { border: 0; border-radius: 0; background: transparent; box-shadow: none; height: 16px; } .DxRangeSlider .noUi-connects { overflow-y: visible; overflow-x: hidden; } .DxRangeSlider .noUi-connect { visibility: hidden; } .DxRangeSlider .noUi-base { border: 0; } .DxRangeSlider .noUi-handle, .DxRangeSlider.noUi-horizontal .noUi-handle { box-shadow: none; border-radius: 100px; width: 38px; height: 38px; border-width: 2px; border-style: solid; top: -11px; outline: 0; transition: all 0.3s ease-out; } .DxRangeSlider .noUi-handle { border-color: transparent; } .DxRangeSlider .noUi-handle:before, .DxRangeSlider .noUi-handle:after { display: none; } .DxRangeSlider .noUi-touch-area { background: transparent; border-radius: 100px; position: absolute; width: calc(100% + 8px); height: calc(100% + 8px); left: -4px; top: -4px; box-shadow: 0 0 3px 3px rgba(74, 144, 226, 0), inset 0 0 1px 0 rgba(74, 144, 226, 0); } .DxRangeSlider .noUi-touch-area:before, .DxRangeSlider .noUi-touch-area:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; left: 50%; position: absolute; z-index: -1; top: 50%; margin: 0; width: 20px; height: 8px; line-height: 1; font-size: 2rem; color: #fff; z-index: 0; transition: all 0.3s ease-out; color: #0c121c; transform: translate(-50%, -50%); } .DxRangeSlider .noUi-touch-area:before { filter: blur(2px); } .DxRangeSlider .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider .noUi-handle.noUi-active .noUi-touch-area:after { color: #0c121c; } .DxRangeSlider .noUi-handle:focus { outline: 0 !important; } .focusStylesOn .DxRangeSlider .noUi-handle:focus { background: #fff; box-shadow: 0 1px 4px 0 transparent, inset 0 0 4px 0 transparent; } .focusStylesOn .DxRangeSlider .noUi-handle:focus .noUi-touch-area { box-shadow: 0 0 3px 3px #4a90e2, inset 0 0 1px 0 #4a90e2; } .focusStylesOn .DxRangeSlider .noUi-handle:focus .noUi-touch-area:before, .focusStylesOn .DxRangeSlider .noUi-handle:focus .noUi-touch-area:after { color: #0c121c; text-shadow: 0px 1px transparent; } .DxRangeSlider__custom-connect { position: absolute; background: #fff; height: 2px; top: 7px; } .DxRangeSlider.noUi-state-tap .DxRangeSlider__custom-connect { transition: all 0.3s; } .DxRangeSlider.DxRangeSlider--small-handles .noUi-handle, .DxRangeSlider.noUi-horizontal.DxRangeSlider--small-handles .noUi-handle { width: 20px; height: 20px; top: -2px; } .DxRangeSlider.DxRangeSlider--small-handles .noUi-touch-area:before, .DxRangeSlider.DxRangeSlider--small-handles .noUi-touch-area:after, .DxRangeSlider.noUi-horizontal.DxRangeSlider--small-handles .noUi-touch-area:before, .DxRangeSlider.noUi-horizontal.DxRangeSlider--small-handles .noUi-touch-area:after { display: none; } .DxRangeSlider--image .noUi-handle, .DxRangeSlider--image.noUi-horizontal .noUi-handle { border-color: #fff; background: rgba(255, 255, 255, 0); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 4px 0 rgba(0, 0, 0, 0.2); } .DxRangeSlider--image .noUi-handle:hover, .DxRangeSlider--image .noUi-handle.noUi-active, .DxRangeSlider--image.noUi-horizontal .noUi-handle:hover, .DxRangeSlider--image.noUi-horizontal .noUi-handle.noUi-active { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 4px 0 transparent; background: #fff; } .DxRangeSlider--image .noUi-handle:hover .noUi-touch-area:before, .DxRangeSlider--image .noUi-handle.noUi-active .noUi-touch-area:before, .DxRangeSlider--image.noUi-horizontal .noUi-handle:hover .noUi-touch-area:before, .DxRangeSlider--image.noUi-horizontal .noUi-handle.noUi-active .noUi-touch-area:before { color: transparent; } .DxRangeSlider--image .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider--image .noUi-handle.noUi-active .noUi-touch-area:after, .DxRangeSlider--image.noUi-horizontal .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider--image.noUi-horizontal .noUi-handle.noUi-active .noUi-touch-area:after { color: #0c121c; } .focusStylesOn .DxRangeSlider--image .noUi-handle:focus .noUi-touch-area:before, .focusStylesOn .DxRangeSlider--image.noUi-horizontal .noUi-handle:focus .noUi-touch-area:before { color: transparent; } .DxRangeSlider--image .noUi-touch-area { border: 1px solid transparent; } .DxRangeSlider--image .noUi-touch-area:before { color: rgba(0, 0, 0, 0.5); } .DxRangeSlider--image .noUi-touch-area:after { color: #fff; } .DxRangeSlider--image .DxRangeSlider__custom-connect { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); } .DxRangeSlider--image.DxRangeSlider--dark .DxRangeSlider__custom-connect { box-shadow: 0 1px 4px 0 transparent; background: #0c121c; } .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle, .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle { border-color: #0c121c; background: rgba(255, 255, 255, 0); box-shadow: 0 1px 4px 0 transparent, inset 0 0 4px 0 transparent; } .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle:hover, .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle.noUi-active, .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle:hover, .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle.noUi-active { background: #005a2b; border-color: #005a2b; } .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle.noUi-active .noUi-touch-area:after, .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle.noUi-active .noUi-touch-area:after { color: #fff; } .focusStylesOn .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle:focus, .focusStylesOn .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle:focus { background: #005a2b; border-color: #005a2b; } .focusStylesOn .DxRangeSlider--image.DxRangeSlider--dark .noUi-handle:focus .noUi-touch-area:after, .focusStylesOn .DxRangeSlider--image.DxRangeSlider--dark.noUi-horizontal .noUi-handle:focus .noUi-touch-area:after { color: #fff; } .DxRangeSlider--image.DxRangeSlider--dark .noUi-touch-area:before { display: none; } .DxRangeSlider--image.DxRangeSlider--dark .noUi-touch-area:after { color: #0c121c; } .DxRangeSlider--range .DxRangeSlider__custom-connect { background: #005a2b; } .DxRangeSlider--range .DxRangeSlider__custom-connect--last { background: #dedede; } .DxRangeSlider--range.DxRangeSlider--small-handles .DxRangeSlider__custom-connect--first { background: #dedede; } .DxRangeSlider--range .noUi-handle { box-shadow: none; background-color: #fff; border-color: #0c121c; } .DxRangeSlider--range .noUi-handle:hover, .DxRangeSlider--range .noUi-handle.noUi-active { background-color: #005a2b; border-color: #005a2b; } .DxRangeSlider--range .noUi-handle:hover .noUi-touch-area:before, .DxRangeSlider--range .noUi-handle:hover .noUi-touch-area:after, .DxRangeSlider--range .noUi-handle.noUi-active .noUi-touch-area:before, .DxRangeSlider--range .noUi-handle.noUi-active .noUi-touch-area:after { color: #fff; } .focusStylesOn .DxRangeSlider--range .noUi-handle:focus { background-color: #005a2b; border-color: #005a2b; } .focusStylesOn .DxRangeSlider--range .noUi-handle:focus .noUi-touch-area { border-color: #fff; } .focusStylesOn .DxRangeSlider--range .noUi-handle:focus .noUi-touch-area:before, .focusStylesOn .DxRangeSlider--range .noUi-handle:focus .noUi-touch-area:after { color: #fff; } .DxRangeSlider--range .noUi-touch-area { background: transparent; border-radius: 100px; position: absolute; width: calc(100% + 6px); height: calc(100% + 6px); left: -3px; top: -3px; box-shadow: 0 0 3px 3px rgba(74, 144, 226, 0), inset 0 0 1px 0 rgba(74, 144, 226, 0); border: 1px solid transparent; } .DxRangeSlider--range .noUi-touch-area:after { color: #0c121c; } .DxRangeSlider--range .noUi-touch-area:before { display: none; } .DxRangeSlider__handle-control, .DxRangeSlider__handle-control:hover, .DxRangeSlider__handle-control:focus { position: absolute; left: -9999px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; background: transparent; } html:not([dir="rtl"]) .DxRangeSlider.noUi-horizontal .noUi-handle { right: -19px; } html:not([dir="rtl"]) .DxRangeSlider.noUi-horizontal.DxRangeSlider--small-handles .noUi-handle { right: -10px; } html[dir="rtl"] .DxRangeSlider.noUi-horizontal .noUi-handle { left: -18px; } .OrderNow__submit.secondaryLinkWithStyle { font-family: "AvenirNext", "arial", "helvetica", sans-serif; padding-top: 0; } .OrderNow__submit.secondaryLinkWithStyle:hover { background: none; } /*! nouislider - 14.0.2 - 6/28/2019 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } .noUi-target { background: #fafafa; border-radius: 4px; border: 1px solid #d3d3d3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3fb8af; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-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:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #e8e7e6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-sub { background: #aaa; } .noUi-marker-large { background: #aaa; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } #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; } @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 { display: none; } #header.minimal .MainNavigation { left: 0; top: 0; } } #header.stickyNavigation { position: fixed; top: 0; z-index: 8; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #header.stickyNavigation.searchActive, #header.stickyNavigation.scrollingDown { position: absolute; } #header.stickyNavigation .headerWrapper { -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -o-transition: height 0.4s; transition: height 0.4s; } #header.stickyNavigation #logo { -webkit-transition: width 0.4s, height 0.4s; -moz-transition: width 0.4s, height 0.4s; -o-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s; } #header.stickyNavigation #logo img { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #header.stickyNavigation .autoCompleteMenu { -webkit-transition: top 0.4s; -moz-transition: top 0.4s; -o-transition: top 0.4s; transition: top 0.4s; } #header.stickyNavigation.reducedStickyNavigation { opacity: 0.97; } #header.stickyNavigation.reducedStickyNavigation .headerWrapper { height: 50px; } #header.stickyNavigation.reducedStickyNavigation #logo { -webkit-transition: width 0.4s, height 0.4s; -webkit-transition-delay: 0.1s, 0s; -moz-transition: width 0.4s 0.1s, height 0.4s; -o-transition: width 0.4s 0.1s, height 0.4s; transition: width 0.4s 0.1s, height 0.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 { top: 0; margin-top: -1px; } #header.stickyNavigation.reducedStickyNavigation .autoCompleteMenu { top: 50px; } #header.stickyNavigation.notransition { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .headerWrapper { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition #logo { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition #logo img { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header.stickyNavigation.notransition .autoCompleteMenu { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #header.HubStickyNav.stickyNavigation.reducedStickyNavigation { opacity: 1; } #header.HubStickyNav.stickyNavigation.stickyQuickReverse { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } #header.HubStickyNav.stickyQuickReverse.reducedStickyNavigation { -webkit-transition: opacity 0.4s, top 0.4s; -webkit-transition-delay: 0s, 0.3s; -moz-transition: opacity 0.4s, top 0.4s 0.3s; -o-transition: opacity 0.4s, top 0.4s 0.3s; transition: opacity 0.4s, top 0.4s 0.3s; } .touch #header.HubStickyNav.stickyQuickReverse { -webkit-transition: opacity 0.4s, top 0.3s; -webkit-transition-delay: 0s, 0.2s; -moz-transition: opacity 0.4s, top 0.3s 0.2s; -o-transition: opacity 0.4s, top 0.3s 0.2s; transition: opacity 0.4s, top 0.3s 0.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.scrollingDown { position: absolute; } #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 { background-color: #0c121c; -webkit-box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } #header #logo { background-color: #0c121c; border-color: #30363e !important; } /* .lightTheme #header { background-color: #fff; -webkit-box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .lightTheme #header #logo { background-color: #fff; border-color: #eff1f1 !important; } */ .MainNavigation { left: 189px; top: 35px; right: 0; position: absolute; z-index: 8; } .MainNavigation .MoreButton { display: none; } @media screen and (min-width: 1px) and (max-width: 960px) { .MainNavigation { top: 0; left: 91px; border-top: 0; } } .NotificationBar { display: none; /* background-color: #4a4f54; border-bottom: 1px solid #4a4f54; width: 100%; overflow: hidden; position: relative; z-index: 10; */ } .browserUpgradeNotification .NotificationBar__close-wrapper { display: none; } /* @media screen and (min-width: 901px) { .NotificationBar__close-wrapper { display: flex; align-items: center; padding: 0 40px; } } .NotificationBar .notificationContainer { display: flex; } .NotificationBar .notificationContainer .top { flex: 1; width: 100%; border-bottom: 0; } .NotificationBar .notificationContainer .top .notificationHeader { vertical-align: middle; font-family: "lr_ot4", "arial", "helvetica", sans-serif; padding: 20px 20px 0 50px; } .NotificationBar .notificationContainer .top .inner { width: 100%; display: flex; align-items: center; } .NotificationBar .notificationContainer .bottom { padding: 0; visibility: hidden; } .NotificationBar .notificationContainer p { font-size: 10px; visibility: visible; padding: 0 20px 20px 50px; } .NotificationBar .notificationContainer p a { transition-duration: 0.4s; transition-timing-function: ease; transition: color 0.4s, background-color 0.4s, box-shadow 0.4s; } @media screen and (min-width: 1px) and (max-width: 900px) { .NotificationBar .notificationContainer { display: block; } .NotificationBar .notificationContainer .top { display: flex; border-bottom: 1px solid #5c6165; } .NotificationBar .notificationContainer .top .notificationHeader { flex: 1; margin-bottom: 0 !important; padding: 10px 40px; } .NotificationBar .notificationContainer .bottom { padding: 20px 40px 0 40px; visibility: visible; } .NotificationBar .notificationContainer p { padding: 0 0 20px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .NotificationBar .notificationContainer .top .notificationHeader, .NotificationBar .notificationContainer .bottom { padding-left: 30px; padding-right: 30px; } } .sharedNavigation .NotificationBar { z-index: 104; border-bottom: 0; border-top: 1px solid #4a4f54; } .sharedNavigation .NotificationBar .notificationContainer .top { padding: 40px; } .sharedNavigation .NotificationBar .notificationContainer .notificationHeader, .sharedNavigation .NotificationBar .notificationContainer p { padding: 0; font-family: "AvenirNext", "arial", "helvetica", sans-serif; } .sharedNavigation .NotificationBar .notificationContainer .notificationHeader { margin-bottom: 10px; } .sharedNavigation .NotificationBar.generalNotification { border-top: 0; } .sharedNavigation .NotificationBar.generalNotification .notificationContainer .top { padding-right: 0; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .primaryLinkWithStyle { margin-left: 40px; margin-top: 0; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .primaryLinkWithStyle span { white-space: nowrap; } */ /* @media screen and (min-width: 1px) and (max-width: 900px) { .sharedNavigation .NotificationBar .notificationContainer .top { border: 0; padding: 0; } .sharedNavigation .NotificationBar .notificationContainer .top .notificationHeader { padding: 30px 0 24px 40px; } .sharedNavigation .NotificationBar .notificationContainer .bottom { padding: 0 40px 30px 40px; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .bottom { padding-bottom: 40px; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .primaryLinkWithStyle { margin-left: 0; margin-top: 30px; } } */ /* @media screen and (min-width: 1px) and (max-width: 740px) { .sharedNavigation .NotificationBar .notificationContainer .top .notificationHeader { padding: 24px 0 20px 24px; } .sharedNavigation .NotificationBar .notificationContainer .bottom { padding: 0 24px 24px 24px; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .bottom { padding-bottom: 24px; } .sharedNavigation .NotificationBar.browserUpgradeNotification .notificationContainer .primaryLinkWithStyle { margin-top: 24px; } } .NotificationBar .browserUpgradeNotification .primaryLinkWithStyle { white-space: nowrap; margin: 0 20px 0 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .NotificationBar .browserUpgradeNotification .primaryLinkWithStyle { margin: 0 0 20px 0; } } .sharedNavigation .NotificationBar { background-color: #4a4f54; border-top-color: #e9ecec; } */ /* .sharedNavigation .NotificationBar .notificationContainer .browserUpgradeNotification .primaryLinkWithStyle { margin: 0 0 0 40px; } .sharedNavigation .NotificationBar .notificationContainer .top .notificationHeader, .sharedNavigation .NotificationBar .notificationContainer p { color: #fff; font-family: "AvenirNext", "arial", "helvetica", sans-serif; } */ /* .sharedNavigation .NotificationBar .notificationContainer .top .notificationHeader { font-size: 1.6em; font-weight: 700; letter-spacing: 0.08em; line-height: 1em; } */ /* .sharedNavigation .NotificationBar .notificationContainer p { font-size: 1.1em; font-weight: 400; letter-spacing: 0.02em; line-height: 1.3em; } */ .ModelSelector { text-align: left; width: 100%; height: 100%; position: relative; overflow: hidden; background-color: #4a4f54; color: #e4e8e8; padding: 80px 70px 25px; } .ModelSelector--divider > .dark .DxTabs__panels { position: relative; } .ModelSelector--divider > .dark .DxTabs__panels:after { background: #a4a7a9; content: ""; display: block; height: 1px; position: absolute; bottom: 2px; left: 20px; right: 20px; } .ModelSelector .modelSelectorHeader { padding-left: 20px; padding-right: 20px; text-align: center; } .ModelSelector .inPageModelSelectorHeader { display: none; } .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 auto; max-width: 600px; line-height: 1.5em; } .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: 0.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 .selectorContent .modelName + .ModelSelector__body, .ModelSelector .el .selectorContent .price + .ModelSelector__body { color: #fff; margin: 22px 0 22px; font-weight: 700; } .ModelSelector .el .unorderedList, .ModelSelector .el .featureText { padding-top: 22px; padding-bottom: 22px; color: #e4e8e8; border-top: 1px solid #a4a7a9; } .ModelSelector .el .unorderedList li, .ModelSelector .el .featureText p { font-size: 1.4rem; line-height: 1.9rem; letter-spacing: 0.02rem; font-weight: 400; margin-bottom: 22px; } .ModelSelector .el .unorderedList li:last-child, .ModelSelector .el .featureText p:last-child { margin-bottom: 0; } .ModelSelector__price { font-size: 1.4rem; line-height: 1.9rem; letter-spacing: 0.02rem; font-weight: 400; color: #fff; font-family: "AvenirNext", "arial", "helvetica", sans-serif; display: block; font-weight: normal; margin-bottom: 0.7em; padding: 1px 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .ModelSelector__price { font-size: 1.1rem; line-height: 1.8rem; letter-spacing: 0.02rem; font-weight: 400; line-height: 1.4rem; } } .ModelSelector .modelSelectorButtons { border-top: 1px solid #a4a7a9; } .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 .vehicleNameHeader, .ModelSelector.inPageModelSelector .vehicleTagline { display: none; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin-bottom: 26px; } .ModelSelector.inPageModelSelector.withTabs .vehicleSummary { display: block; font-weight: bold; text-align: center; padding: 20px 0 60px 0; margin: 0 40px; } @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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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 { border-bottom: 0; } .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: 0; } } @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(2n + 1):nth-last-child(-n + 2) .modelWrapper, .ModelSelector--divider .modelList .el:nth-child(2n + 1):nth-last-child(-n + 2) ~ .el .modelWrapper { border-bottom: 0; } .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(2n + 1), .ModelSelector .tabContent[data-total="4"] .el:nth-of-type(2n + 1), .ModelSelector .tabContent[data-total="7"] .el:nth-of-type(2n + 1), .ModelSelector .tabContent[data-total="8"] .el:nth-of-type(2n + 1), .ModelSelector .tabContent[data-total="10"] .el:nth-of-type(2n + 1), .ModelSelector .tabContent[data-total="11"] .el:nth-of-type(2n + 1), .ModelSelector .tabContent[data-total="12"] .el:nth-of-type(2n + 1) { 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; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ModelSelector { padding: 30px 10px; } .ModelSelector--divider > .dark:after { display: none; } .ModelSelector.hide-title-mobile .modelSelectorHeader .heading { display: none; } .ModelSelector.inPageModelSelector { padding: 30px 10px; } .ModelSelector.inPageModelSelector .inPageModelSelectorHeader { margin-bottom: 30px; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin-bottom: 18px; } .ModelSelector.inPageModelSelector.withTabs .vehicleSummary { padding-bottom: 20px; } .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 ul, .ModelSelector .el .modelSelectorButtons { display: none; } .ModelSelector .el .modelName { margin-top: 11px; } .ModelSelector .el .selectorContent .modelName + .ModelSelector__body, .ModelSelector .el .selectorContent .price + .ModelSelector__body { 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; } @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; } } .ModelSelector__secondaryLinkWithStyle { display: block; margin-top: 22px; margin-bottom: 22px; vertical-align: middle; } .ModelSelector__secondaryLinkWithStyle--build { padding-left: 28px; } .ModelSelector__secondaryLinkWithStyle:before { content: none; } .ModelSelector__secondaryLinkWithStyle:last-child { margin-bottom: 22px; } .ModelSelector__secondaryLinkWithStyle i { display: inline; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .ModelSelector__secondaryLinkWithStyle i:before { margin-left: 0; margin-right: 12px; position: relative; top: -2px; line-height: 1.25; } .ModelSelector__secondaryLinkWithStyle i.icon-ignite-configure:before { font-size: 20px; line-height: 1; top: -1px; } .ModelSelector__secondaryLinkWithStyle i.icon-map-pin:before { font-size: 20px; line-height: 1; top: -1px; } #landrover .ModelSelector__secondaryLinkWithStyle { color: #fff; } #landrover .ModelSelector__secondaryLinkWithStyle:before { color: #fff; } #landrover .ModelSelector__secondaryLinkWithStyle:hover, #landrover .ModelSelector__secondaryLinkWithStyle:active, #landrover .ModelSelector__secondaryLinkWithStyle:focus { color: #c9c9c9; } #landrover .ModelSelector__secondaryLinkWithStyle:hover span, #landrover .ModelSelector__secondaryLinkWithStyle:active span, #landrover .ModelSelector__secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } #landrover .ModelSelector__secondaryLinkWithStyle:hover:before, #landrover .ModelSelector__secondaryLinkWithStyle:active:before, #landrover .ModelSelector__secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover .ModelSelector__secondaryLinkWithStyle:focus { outline: 0; } #landrover .ModelSelector__secondaryLinkWithStyle.disabled { color: rgba(228, 228, 228, 0.3); } #landrover .ModelSelector__secondaryLinkWithStyle.disabled:before { color: rgba(228, 228, 228, 0.3); } #landrover .ModelSelector__secondaryLinkWithStyle.disabled:hover { color: rgba(228, 228, 228, 0.3); } #landrover.focusStylesOn .ModelSelector__secondaryLinkWithStyle:focus { color: #c9c9c9; text-shadow: none; box-shadow: 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .ModelSelector__secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover.focusStylesOn .ModelSelector__secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } @media screen and (min-width: 1px) and (max-width: 900px) { .ModelSelector.withTabs { padding-top: 86px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ModelSelector.withTabs { padding-top: 76px; } } .ModelSelector__DxTabs { padding-top: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .withTabs .ModelSelector__DxTabs { left: 0; padding-top: 0; position: absolute; top: -5px; width: 100%; } } .ModelSelector.inPageModelSelector.withTabs .ModelSelector__DxTabs { margin-bottom: 48px; } @media screen and (min-width: 1px) and (max-width: 900px) { .modelSelectorHeader { margin-bottom: 40px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .modelSelectorHeader { margin-bottom: 30px; } } .ModelSelector__icon--arrow:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .BazaarVoiceRating { min-height: 20px; } .no-js .BazaarVoiceRating { display: none; } .BazaarVoiceRating .bv-cleanslate .bv-shared .bv-inline-rating-container .bv-rating-stars { font-family: "AvenirNext", "arial", "helvetica", sans-serif !important; line-height: 24px !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-stars-on { color: #005a2b !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-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; } 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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 .vehicleWrapper, .VehicleSelectorWrapper .el .modelWrapper { 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 10%; } .VehicleSelectorWrapper .el .vehicleName, .VehicleSelectorWrapper .el .modelName { margin-bottom: 18px; } .VehicleSelectorWrapper .el .price { font-family: "AvenirNext", "arial", "helvetica", sans-serif; display: block; text-align: center; font-weight: normal; font-size: 11px; letter-spacing: 1.5px; } .VehicleSelectorWrapper .el p { font-size: 13px; line-height: 18px; margin-top: 5px; margin-bottom: 24px; } .VehicleSelectorWrapper .el .vehicleSelectorButtons, .VehicleSelectorWrapper .el .modelSelectorButtons { 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 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: 0px; 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: 0px; } .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 { width: 50%; } .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 .vehicleWrapper, .VehicleSelectorWrapper .el .modelWrapper { 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 .vehicleName, .VehicleSelectorWrapper .el .modelName { margin: 0; font-size: 14px; text-align: left; letter-spacing: 0.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 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; -webkit-transition: 400ms opacity; -moz-transition: 400ms opacity; -o-transition: 400ms opacity; transition: 400ms opacity; } .overlay .selectorSlider > .vehicleList .el:nth-child(1) { -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(2) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(3) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(4) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(5) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(6) { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(7) { -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(8) { -webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(9) { -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(10) { -webkit-transition-delay: 1800ms; -moz-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(11) { -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(12) { -webkit-transition-delay: 2200ms; -moz-transition-delay: 2200ms; -o-transition-delay: 2200ms; transition-delay: 2200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(13) { -webkit-transition-delay: 2400ms; -moz-transition-delay: 2400ms; -o-transition-delay: 2400ms; transition-delay: 2400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(14) { -webkit-transition-delay: 2600ms; -moz-transition-delay: 2600ms; -o-transition-delay: 2600ms; transition-delay: 2600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(15) { -webkit-transition-delay: 2800ms; -moz-transition-delay: 2800ms; -o-transition-delay: 2800ms; transition-delay: 2800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(16) { -webkit-transition-delay: 3000ms; -moz-transition-delay: 3000ms; -o-transition-delay: 3000ms; transition-delay: 3000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(17) { -webkit-transition-delay: 3200ms; -moz-transition-delay: 3200ms; -o-transition-delay: 3200ms; transition-delay: 3200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(18) { -webkit-transition-delay: 3400ms; -moz-transition-delay: 3400ms; -o-transition-delay: 3400ms; transition-delay: 3400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(19) { -webkit-transition-delay: 3600ms; -moz-transition-delay: 3600ms; -o-transition-delay: 3600ms; transition-delay: 3600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(20) { -webkit-transition-delay: 3800ms; -moz-transition-delay: 3800ms; -o-transition-delay: 3800ms; transition-delay: 3800ms; } .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; } html.withVehicleSelector[style] #header .MainNavigation ul li.active a:hover, html.withVehicleSelector[style] #header .MainNavigation ul li.active a:focus { background-color: #4a4f54; } html.withVehicleSelector[style] #header .MainNavigation ul li.active.vehicles a, html.withVehicleSelector[style] #header .MainNavigation ul li.activeOverlay a { background-color: #4a4f54; } .VehicleSelector.inPageVehicleSelector { 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 p { color: #e4e8e8; } .VehicleSelectorWrapper .el .vehicleName { color: #e4e8e8; } .VehicleSelectorWrapper .el .vehicleName .headingWrapper:before, .VehicleSelectorWrapper .el .vehicleName .headingWrapper:after { background-color: #fff; } .VehicleSelectorWrapper .el .vehicleSelectorButtons, .VehicleSelectorWrapper .el .modelSelectorButtons { 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 a:hover, .lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active a:focus { background-color: #e4e8e8; } .lightTheme.withVehicleSelector[style] #header .MainNavigation ul li.active.vehicles a, .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 { color: #4a4f54; } .lightTheme .VehicleSelectorWrapper .el p { color: #4a4f54; } .lightTheme .VehicleSelectorWrapper .el .vehicleName { color: #0c121c; } .lightTheme .VehicleSelectorWrapper .el .vehicleName .headingWrapper:before, .lightTheme .VehicleSelectorWrapper .el .vehicleName .headingWrapper:after { background-color: #0c121c; } .lightTheme .VehicleSelectorWrapper .el .vehicleSelectorButtons, .lightTheme .VehicleSelectorWrapper .el .modelSelectorButtons { 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; } .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(images/cursor-left.png); background-repeat: none; transition: transform 0.4s ease-out; } .CursorAnimateRotate.offScreen .cursor { display: none; } .CursorAnimateRotate.cursorRight .cursor { margin-left: 10px; } .CursorAnimateRotate.cursorRight .cursorIcon { transform: rotate(180deg); } .CursorAnimateRotate, .CursorAnimateRotate .rsOverflow, .CursorAnimateRotate video { cursor: none !important; } .CursorNoAnimateNoRotate.cursorLeft, .CursorNoAnimateNoRotate.cursorLeft .rsOverflow[style], .CursorNoAnimateNoRotate.cursorLeft .rsOverflow[style] video { cursor: url(images/cursor-left.html), pointer !important; } .CursorNoAnimateNoRotate.cursorRight, .CursorNoAnimateNoRotate.cursorRight .rsOverflow[style], .CursorNoAnimateNoRotate.cursorRight .rsOverflow[style] video { cursor: url(images/cursor-right.html), pointer !important; } .headerBox { position: relative; text-align: center; z-index: 1; } .headerBox .totalCost, .headerBox .totalCostUnderlay { background: rgba(228, 232, 232, 0.9); color: #0c121c; padding: 25px; } @media screen and (min-width: 1px) and (max-width: 1024px) { .headerBox .totalCost, .headerBox .totalCostUnderlay { padding: 0 20px 19px; } } .headerBox .totalCost .headerBox__seperator { display: none; } .headerBox .fontCost { font-size: 24px; font-weight: bold; } .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__number, html[lang="de-DE"] .headerBox__currency { font-size: 18px; } } .headerBox .totalCost, .headerBox .totalCostUnderlay { display: block; font-size: 10px; letter-spacing: 1px; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.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: bold; } .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: bold; } @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: 960px) { .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; transition-delay: 0.2s; width: 100%; opacity: 0; } .headerBox .totalCostUnderlay .infoColumn { display: none !important; } .headerBox .fadedOut .totalCostUnderlay { transition-delay: 0; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .headerBox .fadedOut .totalCost { 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 .priceColumn, .headerBox .totalCost .infoColumn { 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:before, .headerBox .primaryHeading.headingFocus .headingWrapper:after { left: 50%; right: auto; margin-left: -0.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; } } .headerBox .headingTextSub, .fullFrameItem .headerBox .bodyText { text-align: center; display: block; margin: 0 auto; font-size: 16px; padding-top: 4px; font-weight: normal; line-height: 1.2em; max-width: 80%; } .headerBox .headingTextSub.headingFocus .headingWrapper:before, .headerBox .headingTextSub.headingFocus .headingWrapper:after, .fullFrameItem .headerBox .bodyText.headingFocus .headingWrapper:before, .fullFrameItem .headerBox .bodyText.headingFocus .headingWrapper:after { left: 50%; right: auto; margin-left: -0.67em; } .headerBox .headingTextSub .price, .headerBox .headingTextSub .subtitle, .fullFrameItem .headerBox .bodyText .price, .fullFrameItem .headerBox .bodyText .subtitle { display: block; letter-spacing: 0.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: rgba(255, 255, 255, 0.9); } .headerBox.withImage .headerBoxContent .icon-svo { display: block; margin-bottom: 20px; } .headerBox.withImage .primaryHeading, .headerBox.withImage .headingTextSub { color: #0c121c; } .headerBox.withImage .headingTextSub, .headerBox.withImage .bodyText { max-width: none; } #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle { background-color: #0c121c; color: #fff; text-decoration: none; } #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle:hover, #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset; } #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle:focus { outline: 0; } #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle.disabled { background-color: #e4e4e4; color: #fff; } #landrover [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle.disabled:hover { background-color: #e4e4e4; color: #fff; } #landrover.focusStylesOn [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn [data-brand-id="landrover"] .headerBox.withImage .primaryLinkWithStyle.disabled:focus { background-color: #e4e4e4; color: #fff; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle { color: #0c121c; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:before { color: #005a2b; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:hover, #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:active, #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:focus { color: #005a2b; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:hover span, #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:active span, #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:focus { outline: 0; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle.disabled { color: #e4e4e4; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle.disabled:before { color: #e4e4e4; } #landrover [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle.disabled:hover { color: #e4e4e4; } #landrover.focusStylesOn [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:focus { color: #005a2b; text-shadow: none; box-shadow: 0 0 0 1px #fff, 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn [data-brand-id="landrover"] .headerBox.withImage .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } .headerBox.withImage.maxWidthOff { max-width: none !important; } .HeroTitleBanner .headerBox.withImage { max-width: 640px; } .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 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: rgba(255, 255, 255, 0.9); } .StoryHero .headerBox.withImage.onlyHasPrimaryHeading.withImage .headerBoxContent { padding-bottom: 14px; } } .headerBox .getDirectionsRetailer { display: none; } .Exterior360 .centre .textWrapper, .Exterior360.centre .textWrapper, .HeroCarousel .centre .textWrapper, .HeroCarousel.centre .textWrapper, .HeroSlide .centre .textWrapper, .HeroSlide.centre .textWrapper, .Interior360 .centre .textWrapper, .Interior360.centre .textWrapper, .HeroTitleBanner .centre .textWrapper, .HeroTitleBanner.centre .textWrapper, .FullFrameCarousel .centre .textWrapper, .FullFrameCarousel.centre .textWrapper, .FullWidthImage .centre .textWrapper, .FullWidthImage.centre .textWrapper { text-align: center; } .Exterior360 .textWrapper, .HeroCarousel .textWrapper, .HeroSlide .textWrapper, .Interior360 .textWrapper, .HeroTitleBanner .textWrapper, .FullFrameCarousel .textWrapper, .FullWidthImage .textWrapper { position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; white-space: nowrap; } .Exterior360 .textWrapper:before, .HeroCarousel .textWrapper:before, .HeroSlide .textWrapper:before, .Interior360 .textWrapper:before, .HeroTitleBanner .textWrapper:before, .FullFrameCarousel .textWrapper:before, .FullWidthImage .textWrapper:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .Exterior360 .textWrapper .headerBox, .HeroCarousel .textWrapper .headerBox, .HeroSlide .textWrapper .headerBox, .Interior360 .textWrapper .headerBox, .HeroTitleBanner .textWrapper .headerBox, .FullFrameCarousel .textWrapper .headerBox, .FullWidthImage .textWrapper .headerBox { vertical-align: middle; white-space: normal; } @media screen and (min-width: 1px) and (max-width: 740px) { .Exterior360 .textWrapper, .HeroCarousel .textWrapper, .HeroSlide .textWrapper, .Interior360 .textWrapper, .HeroTitleBanner .textWrapper, .FullFrameCarousel .textWrapper, .FullWidthImage .textWrapper { position: relative; } } .Exterior360 .headerBox, .Interior360 .headerBox { position: absolute; top: 50%; cursor: default; } .Exterior360 .headerBox__slug, .Interior360 .headerBox__slug { color: #4a4f54; display: block; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 0.8px; margin-bottom: 36px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .HeroCarousel .headerBox, .HeroSlide .headerBox, .HeroTitleBanner .headerBox, .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage .headerBox { position: relative; } .HeroCarousel .headerBox__logo, .HeroSlide .headerBox__logo, .HeroTitleBanner .headerBox__logo, .FullFrameCarousel .headerBox__logo, .RetailerPageContactDetailsItem .headerBox__logo, .FullWidthImage .headerBox__logo { max-width: none; } .HeroCarousel .headerBox__slug, .HeroSlide .headerBox__slug, .HeroTitleBanner .headerBox__slug, .FullFrameCarousel .headerBox__slug, .RetailerPageContactDetailsItem .headerBox__slug, .FullWidthImage .headerBox__slug { color: #4a4f54; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 9px; display: block; font-family: "lr_ot4", "arial", "helvetica", sans-serif; } .FullWidthImage .headerBox[data-theme="light"], .FullWidthImage .headerBox[data-theme="dark"] { background-color: transparent; } .Exterior360 .headerBox[data-theme="light"], .Exterior360 .headerBox[data-theme="dark"], .Exterior360 .headerBox[data-theme="grey"], .Exterior360 .headerBox[data-theme="white"], .HeroCarousel .headerBox[data-theme="light"], .HeroCarousel .headerBox[data-theme="dark"], .HeroCarousel .headerBox[data-theme="grey"], .HeroCarousel .headerBox[data-theme="white"], .HeroSlide .headerBox[data-theme="light"], .HeroSlide .headerBox[data-theme="dark"], .HeroSlide .headerBox[data-theme="grey"], .HeroSlide .headerBox[data-theme="white"], .Interior360 .headerBox[data-theme="light"], .Interior360 .headerBox[data-theme="dark"], .Interior360 .headerBox[data-theme="grey"], .Interior360 .headerBox[data-theme="white"], .FullFrameCarousel .headerBox[data-theme="light"], .FullFrameCarousel .headerBox[data-theme="dark"], .FullFrameCarousel .headerBox[data-theme="grey"], .FullFrameCarousel .headerBox[data-theme="white"], .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"], .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"], .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"], .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"], .FullWidthImage.withHeaderBox .headerBox[data-theme="light"], .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"], .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"], .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] { background-color: transparent; } .Exterior360 .headerBox[data-theme="light"] .headerBox__content, .Exterior360 .headerBox[data-theme="dark"] .headerBox__content, .Exterior360 .headerBox[data-theme="grey"] .headerBox__content, .Exterior360 .headerBox[data-theme="white"] .headerBox__content, .HeroCarousel .headerBox[data-theme="light"] .headerBox__content, .HeroCarousel .headerBox[data-theme="dark"] .headerBox__content, .HeroCarousel .headerBox[data-theme="grey"] .headerBox__content, .HeroCarousel .headerBox[data-theme="white"] .headerBox__content, .HeroSlide .headerBox[data-theme="light"] .headerBox__content, .HeroSlide .headerBox[data-theme="dark"] .headerBox__content, .HeroSlide .headerBox[data-theme="grey"] .headerBox__content, .HeroSlide .headerBox[data-theme="white"] .headerBox__content, .Interior360 .headerBox[data-theme="light"] .headerBox__content, .Interior360 .headerBox[data-theme="dark"] .headerBox__content, .Interior360 .headerBox[data-theme="grey"] .headerBox__content, .Interior360 .headerBox[data-theme="white"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__content, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] .headerBox__content, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] .headerBox__content, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] .headerBox__content, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] .headerBox__content, .FullWidthImage.withHeaderBox .headerBox[data-theme="light"] .headerBox__content, .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__content, .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"] .headerBox__content, .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] .headerBox__content { background-color: rgba(255, 255, 255, 0.9); } .Exterior360 .headerBox[data-theme="light"] .headerBox__logo, .Exterior360 .headerBox[data-theme="light"] .headerBox__heroCopy, .Exterior360 .headerBox[data-theme="dark"] .headerBox__logo, .Exterior360 .headerBox[data-theme="dark"] .headerBox__heroCopy, .Exterior360 .headerBox[data-theme="grey"] .headerBox__logo, .Exterior360 .headerBox[data-theme="grey"] .headerBox__heroCopy, .Exterior360 .headerBox[data-theme="white"] .headerBox__logo, .Exterior360 .headerBox[data-theme="white"] .headerBox__heroCopy, .HeroCarousel .headerBox[data-theme="light"] .headerBox__logo, .HeroCarousel .headerBox[data-theme="light"] .headerBox__heroCopy, .HeroCarousel .headerBox[data-theme="dark"] .headerBox__logo, .HeroCarousel .headerBox[data-theme="dark"] .headerBox__heroCopy, .HeroCarousel .headerBox[data-theme="grey"] .headerBox__logo, .HeroCarousel .headerBox[data-theme="grey"] .headerBox__heroCopy, .HeroCarousel .headerBox[data-theme="white"] .headerBox__logo, .HeroCarousel .headerBox[data-theme="white"] .headerBox__heroCopy, .HeroSlide .headerBox[data-theme="light"] .headerBox__logo, .HeroSlide .headerBox[data-theme="light"] .headerBox__heroCopy, .HeroSlide .headerBox[data-theme="dark"] .headerBox__logo, .HeroSlide .headerBox[data-theme="dark"] .headerBox__heroCopy, .HeroSlide .headerBox[data-theme="grey"] .headerBox__logo, .HeroSlide .headerBox[data-theme="grey"] .headerBox__heroCopy, .HeroSlide .headerBox[data-theme="white"] .headerBox__logo, .HeroSlide .headerBox[data-theme="white"] .headerBox__heroCopy, .Interior360 .headerBox[data-theme="light"] .headerBox__logo, .Interior360 .headerBox[data-theme="light"] .headerBox__heroCopy, .Interior360 .headerBox[data-theme="dark"] .headerBox__logo, .Interior360 .headerBox[data-theme="dark"] .headerBox__heroCopy, .Interior360 .headerBox[data-theme="grey"] .headerBox__logo, .Interior360 .headerBox[data-theme="grey"] .headerBox__heroCopy, .Interior360 .headerBox[data-theme="white"] .headerBox__logo, .Interior360 .headerBox[data-theme="white"] .headerBox__heroCopy, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__logo, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__heroCopy, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__logo, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__heroCopy, .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__logo, .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__heroCopy, .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__logo, .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__heroCopy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] .headerBox__logo, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] .headerBox__heroCopy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] .headerBox__logo, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] .headerBox__heroCopy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] .headerBox__logo, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] .headerBox__heroCopy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] .headerBox__logo, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] .headerBox__heroCopy, .FullWidthImage.withHeaderBox .headerBox[data-theme="light"] .headerBox__logo, .FullWidthImage.withHeaderBox .headerBox[data-theme="light"] .headerBox__heroCopy, .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__logo, .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__heroCopy, .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"] .headerBox__logo, .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"] .headerBox__heroCopy, .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] .headerBox__logo, .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] .headerBox__heroCopy { color: #0c121c; } .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="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"] 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="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, .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="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"] 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="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, .HeroSlide .headerBox[data-theme="light"] h1, .HeroSlide .headerBox[data-theme="light"] h2, .HeroSlide .headerBox[data-theme="light"] h3, .HeroSlide .headerBox[data-theme="light"] h4, .HeroSlide .headerBox[data-theme="light"] h5, .HeroSlide .headerBox[data-theme="dark"] h1, .HeroSlide .headerBox[data-theme="dark"] h2, .HeroSlide .headerBox[data-theme="dark"] h3, .HeroSlide .headerBox[data-theme="dark"] h4, .HeroSlide .headerBox[data-theme="dark"] h5, .HeroSlide .headerBox[data-theme="grey"] h1, .HeroSlide .headerBox[data-theme="grey"] h2, .HeroSlide .headerBox[data-theme="grey"] h3, .HeroSlide .headerBox[data-theme="grey"] h4, .HeroSlide .headerBox[data-theme="grey"] h5, .HeroSlide .headerBox[data-theme="white"] h1, .HeroSlide .headerBox[data-theme="white"] h2, .HeroSlide .headerBox[data-theme="white"] h3, .HeroSlide .headerBox[data-theme="white"] h4, .HeroSlide .headerBox[data-theme="white"] h5, .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="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"] 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="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, .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="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"] 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="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, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] h1, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] h2, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] h3, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] h4, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] h5, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] h1, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] h2, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] h3, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] h4, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] h5, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] h1, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] h2, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] h3, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] h4, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] h5, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] h1, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] h2, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] h3, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] h4, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] h5, .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="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"] 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="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 { color: #0c121c; } [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] .headerBox__caveat, [data-brand-id="landrover"] .FullWidthImage.withHeaderBox .headerBox[data-theme="light"] .headerBox__caveat, [data-brand-id="landrover"] .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__caveat, [data-brand-id="landrover"] .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"] .headerBox__caveat, [data-brand-id="landrover"] .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] .headerBox__caveat { color: #0c121c; } .Exterior360 .headerBox[data-theme="light"] .headerBox__copy, .Exterior360 .headerBox[data-theme="dark"] .headerBox__copy, .Exterior360 .headerBox[data-theme="grey"] .headerBox__copy, .Exterior360 .headerBox[data-theme="white"] .headerBox__copy, .HeroCarousel .headerBox[data-theme="light"] .headerBox__copy, .HeroCarousel .headerBox[data-theme="dark"] .headerBox__copy, .HeroCarousel .headerBox[data-theme="grey"] .headerBox__copy, .HeroCarousel .headerBox[data-theme="white"] .headerBox__copy, .HeroSlide .headerBox[data-theme="light"] .headerBox__copy, .HeroSlide .headerBox[data-theme="dark"] .headerBox__copy, .HeroSlide .headerBox[data-theme="grey"] .headerBox__copy, .HeroSlide .headerBox[data-theme="white"] .headerBox__copy, .Interior360 .headerBox[data-theme="light"] .headerBox__copy, .Interior360 .headerBox[data-theme="dark"] .headerBox__copy, .Interior360 .headerBox[data-theme="grey"] .headerBox__copy, .Interior360 .headerBox[data-theme="white"] .headerBox__copy, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__copy, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__copy, .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__copy, .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__copy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="light"] .headerBox__copy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="dark"] .headerBox__copy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="grey"] .headerBox__copy, .RetailerPageContactDetailsItem .HeroTitleBanner.withImage .headerBox[data-theme="white"] .headerBox__copy, .FullWidthImage.withHeaderBox .headerBox[data-theme="light"] .headerBox__copy, .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__copy, .FullWidthImage.withHeaderBox .headerBox[data-theme="grey"] .headerBox__copy, .FullWidthImage.withHeaderBox .headerBox[data-theme="white"] .headerBox__copy { color: #4a4f54; } .Exterior360 .centre .headerBox, .Exterior360.centre .headerBox, .HeroCarousel .centre .headerBox, .HeroCarousel.centre .headerBox, .HeroSlide .centre .headerBox, .HeroSlide.centre .headerBox, .Interior360 .centre .headerBox, .Interior360.centre .headerBox, .HeroTitleBanner .centre .headerBox, .HeroTitleBanner.centre .headerBox, .FullFrameCarousel .centre .headerBox, .FullFrameCarousel.centre .headerBox, .RetailerPageContactDetailsItem .centre .headerBox, .RetailerPageContactDetailsItem.centre .headerBox, .FullWidthImage .centre .headerBox, .FullWidthImage.centre .headerBox { left: 0; text-align: center; } .Exterior360 .centre .headerBox .heading, .Exterior360.centre .headerBox .heading, .HeroCarousel .centre .headerBox .heading, .HeroCarousel.centre .headerBox .heading, .HeroSlide .centre .headerBox .heading, .HeroSlide.centre .headerBox .heading, .Interior360 .centre .headerBox .heading, .Interior360.centre .headerBox .heading, .HeroTitleBanner .centre .headerBox .heading, .HeroTitleBanner.centre .headerBox .heading, .FullFrameCarousel .centre .headerBox .heading, .FullFrameCarousel.centre .headerBox .heading, .RetailerPageContactDetailsItem .centre .headerBox .heading, .RetailerPageContactDetailsItem.centre .headerBox .heading, .FullWidthImage .centre .headerBox .heading, .FullWidthImage.centre .headerBox .heading { text-align: center; } .Exterior360 .headerBox, .HeroCarousel .headerBox, .HeroSlide .headerBox, .Interior360 .headerBox, .HeroTitleBanner .headerBox, .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage .headerBox { display: inline-block; max-width: 415px; left: 65px; text-align: left; opacity: 1; margin-top: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .Exterior360 .headerBox__content, .HeroCarousel .headerBox__content, .HeroSlide .headerBox__content, .Interior360 .headerBox__content, .HeroTitleBanner .headerBox__content, .FullFrameCarousel .headerBox__content, .RetailerPageContactDetailsItem .headerBox__content, .FullWidthImage .headerBox__content { padding: 19px 25px 21px; } .Exterior360 .headerBox__heroTitle, .HeroCarousel .headerBox__heroTitle, .HeroSlide .headerBox__heroTitle, .Interior360 .headerBox__heroTitle, .HeroTitleBanner .headerBox__heroTitle, .FullFrameCarousel .headerBox__heroTitle, .RetailerPageContactDetailsItem .headerBox__heroTitle, .FullWidthImage .headerBox__heroTitle { margin: 0; font-size: 38px; letter-spacing: 0.05em; } .Exterior360 .headerBox__title, .HeroCarousel .headerBox__title, .HeroSlide .headerBox__title, .Interior360 .headerBox__title, .HeroTitleBanner .headerBox__title, .FullFrameCarousel .headerBox__title, .RetailerPageContactDetailsItem .headerBox__title, .FullWidthImage .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, .HeroCarousel .headerBox__heroCopy, .HeroSlide .headerBox__heroCopy, .Interior360 .headerBox__heroCopy, .HeroTitleBanner .headerBox__heroCopy, .FullFrameCarousel .headerBox__heroCopy, .RetailerPageContactDetailsItem .headerBox__heroCopy, .FullWidthImage .headerBox__heroCopy { display: block; margin: 0 auto; font-size: 14px; padding-top: 4px; font-weight: normal; line-height: 1.2em; letter-spacing: 1.36px; font-family: "lr_ot4", "arial", "helvetica", sans-serif; color: #0c121c; } .Exterior360 .headerBox__copy, .HeroCarousel .headerBox__copy, .HeroSlide .headerBox__copy, .Interior360 .headerBox__copy, .HeroTitleBanner .headerBox__copy, .FullFrameCarousel .headerBox__copy, .RetailerPageContactDetailsItem .headerBox__copy, .FullWidthImage .headerBox__copy { padding-top: 0; display: block; } .Exterior360 .headerBox__copy sup, .Exterior360 .headerBox__copy sub, .HeroCarousel .headerBox__copy sup, .HeroCarousel .headerBox__copy sub, .HeroSlide .headerBox__copy sup, .HeroSlide .headerBox__copy sub, .Interior360 .headerBox__copy sup, .Interior360 .headerBox__copy sub, .HeroTitleBanner .headerBox__copy sup, .HeroTitleBanner .headerBox__copy sub, .FullFrameCarousel .headerBox__copy sup, .FullFrameCarousel .headerBox__copy sub, .RetailerPageContactDetailsItem .headerBox__copy sup, .RetailerPageContactDetailsItem .headerBox__copy sub, .FullWidthImage .headerBox__copy sup, .FullWidthImage .headerBox__copy sub { line-height: initial; } @media screen and (min-width: 1px) and (max-width: 1024px) { .Exterior360 .headerBox, .HeroCarousel .headerBox, .HeroSlide .headerBox, .Interior360 .headerBox, .HeroTitleBanner .headerBox, .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage .headerBox { max-width: 340px; } .Exterior360 .headerBox__heroTitle, .HeroCarousel .headerBox__heroTitle, .HeroSlide .headerBox__heroTitle, .Interior360 .headerBox__heroTitle, .HeroTitleBanner .headerBox__heroTitle, .FullFrameCarousel .headerBox__heroTitle, .RetailerPageContactDetailsItem .headerBox__heroTitle, .FullWidthImage .headerBox__heroTitle { font-size: 26px; } .Exterior360 .headerBox__heroCopy, .HeroCarousel .headerBox__heroCopy, .HeroSlide .headerBox__heroCopy, .Interior360 .headerBox__heroCopy, .HeroTitleBanner .headerBox__heroCopy, .FullFrameCarousel .headerBox__heroCopy, .RetailerPageContactDetailsItem .headerBox__heroCopy, .FullWidthImage .headerBox__heroCopy { font-size: 14px; padding-top: 10px; letter-spacing: 0.085em; } } @media screen and (min-width: 1px) and (max-width: 900px) { .Exterior360 .headerBox, .HeroCarousel .headerBox, .HeroSlide .headerBox, .Interior360 .headerBox, .HeroTitleBanner .headerBox, .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage .headerBox { left: 23px; max-width: 230px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Exterior360 .headerBox, .HeroCarousel .headerBox, .HeroSlide .headerBox, .Interior360 .headerBox, .HeroTitleBanner .headerBox, .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage .headerBox { display: block; position: relative; top: 0 !important; left: 0; right: 0; bottom: 0; max-width: none; } .Exterior360 .headerBox__content, .HeroCarousel .headerBox__content, .HeroSlide .headerBox__content, .Interior360 .headerBox__content, .HeroTitleBanner .headerBox__content, .FullFrameCarousel .headerBox__content, .RetailerPageContactDetailsItem .headerBox__content, .FullWidthImage .headerBox__content { padding: 30px; } .Exterior360 .headerBox .primaryLinkWithStyle, .HeroCarousel .headerBox .primaryLinkWithStyle, .HeroSlide .headerBox .primaryLinkWithStyle, .Interior360 .headerBox .primaryLinkWithStyle, .HeroTitleBanner .headerBox .primaryLinkWithStyle, .FullFrameCarousel .headerBox .primaryLinkWithStyle, .RetailerPageContactDetailsItem .headerBox .primaryLinkWithStyle, .FullWidthImage .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="light"] .headerBox__content, .Exterior360 .headerBox[data-theme="dark"] .headerBox__content, .HeroCarousel .headerBox[data-theme="light"] .headerBox__content, .HeroCarousel .headerBox[data-theme="dark"] .headerBox__content, .HeroSlide .headerBox[data-theme="light"] .headerBox__content, .HeroSlide .headerBox[data-theme="dark"] .headerBox__content, .Interior360 .headerBox[data-theme="light"] .headerBox__content, .Interior360 .headerBox[data-theme="dark"] .headerBox__content, .HeroTitleBanner .headerBox[data-theme="light"] .headerBox__content, .HeroTitleBanner .headerBox[data-theme="dark"] .headerBox__content, .RetailerPageContactDetailsItem .headerBox[data-theme="light"] .headerBox__content, .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__content { background-color: #fff; } } @media screen and (min-width: 1px) and (max-width: 740px) { .heroItem .headerBox[data-theme="light"], .heroItem .headerBox[data-theme="dark"] { background-color: #fff; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroTitleBanner .headerBox, .HeroCarousel .headerBox, .HeroSlide .headerBox { text-align: center; } } .HeroSlide .headerBox, .HeroCarousel .headerBox { text-align: center; left: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroSlide .headerBox .primaryLinkWithStyle, .HeroCarousel .headerBox .primaryLinkWithStyle { margin-top: 14px; } } .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { text-align: left; left: 65px; } @media screen and (min-width: 1px) and (max-width: 900px) { .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { left: 23px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { left: 0; text-align: center; } } .HeroCarousel .headerBox, .HeroSlide .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullFrameCarousel .headerBox { opacity: 0; } .HeroCarousel .headerBox.visible, .HeroSlide .headerBox.visible, .RetailerPageContactDetailsItem .headerBox.visible, .FullFrameCarousel .headerBox.visible { opacity: 1; } .FullWidthImage.withImage .headerBox__slug { font-weight: bold; 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) { [data-brand-id="landrover"] .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__caveat, .FullWidthImage.withHeaderBox .headerBox[data-theme="dark"] .headerBox__logo { color: #e4e8e8; } } .HeroTitleBanner.withImage .headerBox__logo, .HeroTitleBanner.withImage .headerBox__heroCopy { color: #0c121c; } [data-brand-id="landrover"] .HeroTitleBanner.withImage .headerBox__caveat { 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.left .headerBox, .HeroTitleBanner.withImage.centre .headerBox { margin: 0 auto; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroTitleBanner.withImage.left .headerBox, .HeroTitleBanner.withImage.centre .headerBox { background: #fff; margin: 0 auto; } .HeroTitleBanner.withImage.left .headerBox__logo, .HeroTitleBanner.withImage.centre .headerBox__logo { margin-bottom: 8px; } .HeroTitleBanner.withImage.left .headerBox__content, .HeroTitleBanner.withImage.centre .headerBox__content { padding: 13px 17px 14px; } [data-brand-id="landrover"] .HeroTitleBanner.withImage.left .headerBox .primaryLinkWithStyle, [data-brand-id="landrover"] .HeroTitleBanner.withImage.centre .headerBox .primaryLinkWithStyle { margin-top: 14px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroTitleBanner.withImage.left.tall .headerBox__content, .HeroTitleBanner.withImage.centre.tall .headerBox__content { padding: 30px; } } @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; } [data-brand-id="landrover"] .HeroTitleBanner.noImage .headerBox .primaryLinkWithStyle { margin-top: 14px; } } .HeroTitleBanner.noImage.dark .headerBox__heroTitle, .HeroTitleBanner.noImage.dark .headerBox__heroCopy { 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; text-decoration: none; } #landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:hover, #landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:active { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset; } #landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:focus { outline: 0; } #landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle.disabled { background-color: #e4e4e4; color: #fff; } #landrover .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle.disabled:hover { background-color: #e4e4e4; color: #fff; } #landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle:focus { background-color: #fff; color: #0c121c; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .primaryLinkWithStyle.disabled:focus { background-color: #e4e4e4; color: #fff; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle { color: #0c121c; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:before { color: #005a2b; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:hover, #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:active, #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus { color: #005a2b; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:hover span, #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:active span, #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus { outline: 0; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle.disabled { color: #e4e4e4; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle.disabled:before { color: #e4e4e4; } #landrover .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle.disabled:hover { color: #e4e4e4; } #landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus { color: #005a2b; text-shadow: none; box-shadow: 0 0 0 1px #fff, 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .HeroTitleBanner.dark.withImage .headerBox .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #005a2b; } .headerBox__infoMain.fontEmissionsDetails { line-height: 1.28571428571429; } [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .primaryLinkWithStyle, [data-brand-id="landrover"] .FullWidthImage .headerBox[data-theme="dark"] .primaryLinkWithStyle { background-color: #0c121c; color: #fff; } [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, [data-brand-id="landrover"] .FullWidthImage .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover { background-color: #fff; color: #0c121c; } [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .secondaryLinkWithStyle, [data-brand-id="landrover"] .FullWidthImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle { color: #0c121c; } [data-brand-id="landrover"] .Exterior360 .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .HeroCarousel .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .HeroSlide .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .Interior360 .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .FullFrameCarousel .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, [data-brand-id="landrover"] .FullWidthImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover { color: #005a2b; text-shadow: none; } .HeroCarousel .headerBox__slug, .Heroslide .headerBox__slug { line-height: 1; font-weight: bold; } .RetailerPageContactDetailsItem .headerBox__slug, .FullFrameCarousel .headerBox__slug { line-height: 1; font-family: "lr_ot4", "arial", "helvetica", sans-serif; margin-bottom: 36px; font-weight: bold; } .RetailerPageContactDetailsItem .headerBox .primaryLinkWithStyle, .FullFrameCarousel .headerBox .primaryLinkWithStyle { margin-top: 36px; } @media screen and (min-width: 1px) and (max-width: 740px) { .RetailerPageContactDetailsItem .headerBox, .FullFrameCarousel .headerBox { min-height: 25px; } .RetailerPageContactDetailsItem .headerBox[data-theme="dark"] .headerBox__content, .RetailerPageContactDetailsItem .headerBox[data-theme="light"] .headerBox__content, .RetailerPageContactDetailsItem .headerBox[data-theme="grey"] .headerBox__content, .RetailerPageContactDetailsItem .headerBox[data-theme="white"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="dark"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="light"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="grey"] .headerBox__content, .FullFrameCarousel .headerBox[data-theme="white"] .headerBox__content { background-color: #f8f9f9; } } @media screen and (min-width: 1px) and (max-width: 740px) { .RetailerPageContactDetailsItem .centre .headerBox, .FullFrameCarousel .centre .headerBox { text-align: left; } } @media screen and (min-width: 1px) and (max-width: 900px) { .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage.withImage .headerBox { max-width: 300px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FullFrameCarousel .headerBox, .RetailerPageContactDetailsItem .headerBox, .FullWidthImage.withImage .headerBox { max-width: none; } } @media screen and (min-width: 1px) and (max-width: 1024px) { .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { left: 73px; } .HeroSlide.left .headerBox__content, .HeroSlide .heroItem.left .headerBox__content, .HeroCarousel.left .headerBox__content, .HeroCarousel .heroItem.left .headerBox__content { padding: 13px 17px 17px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { left: 23px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroSlide.left .headerBox, .HeroSlide .heroItem.left .headerBox, .HeroCarousel.left .headerBox, .HeroCarousel .heroItem.left .headerBox { left: 0; } .HeroSlide.left .headerBox__content, .HeroSlide .heroItem.left .headerBox__content, .HeroCarousel.left .headerBox__content, .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: 0.188em 0 0.25em; } .FullWidthImage.withImage .headerBox__heroTitle { padding: 9px 0 11px; } .FullWidthImage.withImage .headerBox__title { font-size: 38px; letter-spacing: 0.05em; } .FullWidthImage.withImage .headerBox__heroCopy { line-height: 1.286; letter-spacing: 0.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; } } @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: 900px) { .FullWidthImage.withImage .headerBox { left: 23px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FullWidthImage.withImage .headerBox { text-align: center; left: 0px; } .FullWidthImage.withImage .headerBox__content { padding: 12px 30px 25px; } .FullWidthImage.withImage .headerBox__logo { margin-bottom: 9px; } .FullWidthImage.withImage .headerBox__heroTitle { padding: 0; } .FullWidthImage.withImage .headerBox__heroCopy { 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"] 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, .FullWidthImage.withImage .headerBox[data-theme="dark"] .headerBox__copy { color: #fff; } .FullWidthImage.withImage .headerBox[data-theme="dark"] .headerBox__caveat { color: #e4e8e8; margin-top: 23px; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle { text-decoration: none; background-color: #0c121c; color: #fff; border-bottom: 0 none; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle:hover, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle:active { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle:focus { outline: 0; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle.disabled { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle.disabled:hover { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle:focus { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff, 0 0 0 2px #4a4f54, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme="dark"] .primaryLinkWithStyle.disabled:focus { background-color: rgba(228, 228, 228, 0.2); color: rgba(255, 255, 255, 0.3); } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle { color: #fff; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:before { color: #fff; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:active, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus { color: #c9c9c9; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover span, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:active span, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:hover:before, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:active:before, #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus { outline: 0; } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle.disabled { color: rgba(228, 228, 228, 0.3); } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle.disabled:before { color: rgba(228, 228, 228, 0.3); } #landrover .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle.disabled:hover { color: rgba(228, 228, 228, 0.3); } #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus { color: #c9c9c9; text-shadow: none; box-shadow: 0 0 2px 3px #4a90e2; } #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus:before { color: #c9c9c9; } #landrover.focusStylesOn .FullWidthImage.withImage .headerBox[data-theme="dark"] .secondaryLinkWithStyle:focus span { border-bottom: 1px solid #c9c9c9; } .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__heroTitle, .FullWidthImage.withImage .headerBox[data-theme="light"] .headerBox__title, .FullWidthImage.withImage .headerBox[data-theme="light"] .headerBox__heroCopy, .FullWidthImage.withImage .headerBox[data-theme="light"] .headerBox__caveat { color: #0c121c; } .FullWidthImage.withImage .headerBox[data-theme="grey"] { color: #0c121c; } .FullWidthImage.withImage .headerBox[data-theme="grey"] .headerBox__content { background-color: #e9ecec; } .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, .FullWidthImage.withImage .headerBox[data-theme="grey"] .headerBox__copy, .FullWidthImage.withImage .headerBox[data-theme="grey"] .headerBox__caveat { 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; } } [data-brand-id="landrover"] .FullWidthImage.withImage.uppercase .headerBox .primaryLinkWithStyle { margin-top: 25px; } @media screen and (min-width: 1px) and (max-width: 1024px) { [data-brand-id="landrover"] .FullWidthImage.withImage.uppercase .headerBox .primaryLinkWithStyle { margin-top: 35px; } } @media screen and (min-width: 740px) and (max-width: 999px) { [data-brand-id="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; } [data-brand-id="landrover"] .FullWidthImage.withImage.short .headerBox__title + .linkContainer .primaryLinkWithStyle { margin-top: 8px; } @media screen and (min-width: 1px) and (max-width: 900px) { [data-brand-id="landrover"] .FullWidthImage.withImage.short .headerBox__title + .linkContainer .primaryLinkWithStyle { margin-top: 0; } } @media screen and (min-width: 1px) and (max-width: 740px) { [data-brand-id="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; } } @media screen and (min-width: 1px) and (max-width: 740px) { .FullFrameCarousel .headerBox__slug, .HeroSlide--full-frame-template .headerBox__slug, .RetailerPageContactDetailsItem .headerBox__slug, .Exterior360 .headerBox__slug, .Interior360 .headerBox__slug { font-size: 14px; letter-spacing: 0.7px; margin-bottom: 18px; } .FullFrameCarousel .headerBox__title, .HeroSlide--full-frame-template .headerBox__title, .RetailerPageContactDetailsItem .headerBox__title, .Exterior360 .headerBox__title, .Interior360 .headerBox__title { font-size: 18px; line-height: 1; letter-spacing: 0.9px; } } .FullFrameCarousel .headerBox .primaryLinkWithStyle, .HeroSlide--full-frame-template .headerBox .primaryLinkWithStyle, .RetailerPageContactDetailsItem .headerBox .primaryLinkWithStyle, .Exterior360 .headerBox .primaryLinkWithStyle, .Interior360 .headerBox .primaryLinkWithStyle { margin-top: 36px; } @media screen and (min-width: 741px) { .headerBox .smallTitleText.headerBox__heroTitle, .headerBox .smallTitleText.headerBox__title { font-size: 2.4rem; } } @media screen and (min-width: 1025px) { .headerBox .smallTitleText.headerBox__heroTitle, .headerBox .smallTitleText.headerBox__title { font-size: 2.6rem; } } .headerBox__infoTitle { margin-bottom: 0; line-height: 1.28571428571429; } .headerBox__heroTitle { word-wrap: break-word; } .HeroSlide .headerBox { max-width: none; } @media screen and (min-width: 741px) { .HeroSlide .headerBox { max-width: 320px; } } @media screen and (min-width: 901px) { .HeroSlide .headerBox { max-width: 340px; } } @media screen and (min-width: 1025px) { .HeroSlide .headerBox { max-width: 415px; } } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__precedingFrom, .HeroSlide--has-lease-layout .headerBox:not(.withImage) .totalCost .headerBox__precedingFrom { float: none; } .HeroSlide--has-lease-layout .headerBox__precedingFrom, .HeroSlide--has-lease-layout .headerBox__tco-lease-from, .HeroSlide--has-lease-layout .headerBox__tco-lease-caveat { font-size: 1.05rem; font-weight: 600; letter-spacing: 0.2rem; line-height: 1.5rem; display: block; } .HeroSlide--has-lease-layout .headerBox__precedingFrom, .HeroSlide--has-lease-layout .headerBox__tco-lease-from { margin-bottom: -3px; } .HeroSlide--has-lease-layout .headerBox__tco-lease-caveat { margin-top: -2px; font-weight: 400; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow { display: flex; flex-wrap: wrap; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow .headerBox__priceColumn, .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow .headerBox__lease-column { flex: 0 1 50%; display: block; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow .headerBox__priceColumn { margin-bottom: 10px; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow .headerBox__infoColumn { flex: 0 0 100%; } .HeroSlide--has-lease-layout .headerBox .totalCost--hasLeaseColumn .headerBox__totalCostRow .headerBox__infoColumn { display: none; } .HeroSlide--has-lease-layout .headerBox__lease-caveat-full { margin-top: 20px; font-weight: 400; font-size: 1.2rem; letter-spacing: 0.12rem; line-height: 1.2rem; } @media screen and (min-width: 1px) and (max-width: 900px) { .HeroSlide--has-lease-layout .headerBox { display: flex; flex-wrap: nowrap; width: 100% !important; max-width: none; left: 0 !important; padding-left: 0; padding-right: 0; } .HeroSlide--has-lease-layout .headerBox .headerBox__tco-lease-from, .HeroSlide--has-lease-layout .headerBox .headerBox__precedingFrom, .HeroSlide--has-lease-layout .headerBox .headerBox__tcoPrice, .HeroSlide--has-lease-layout .headerBox .headerBox__tco-lease-price { width: 100%; } .HeroSlide--has-lease-layout .headerBox .headerBox__tco-lease-from, .HeroSlide--has-lease-layout .headerBox .headerBox__precedingFrom { margin-bottom: 2px; } .HeroSlide--has-lease-layout .headerBox .headerBox__content, .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost { padding-top: 19px; flex: 0 0 50%; } .HeroSlide--has-lease-layout .headerBox .headerBox__content .headerBox__precedingFrom, .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost .headerBox__precedingFrom { float: none; display: block; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost { padding-left: 24px; padding-right: 24px; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost .headerBox__lease-column { margin-top: 0; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCostRow { flex-direction: row; margin-bottom: 20px; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__priceColumn, .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__lease-column { flex: 0 0 50%; display: block; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost .headerBox__priceColumn, .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost .headerBox__priceColumn.landscape { padding-right: 24px; } .HeroSlide--has-lease-layout .headerBox .headerBox__lease-column { padding-left: 0; } .HeroSlide--has-lease-layout .headerBox .headerBox__infoColumn { flex: 0 0 100%; } .HeroSlide--has-lease-layout .headerBox .headerBox__lease-caveat-full { font-size: 1.1rem; } } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroSlide--has-lease-layout .headerBox { display: flex; flex-direction: column; } .HeroSlide--has-lease-layout .headerBox .headerBox__content, .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost { flex: 1 0 auto; max-width: 100%; } .HeroSlide--has-lease-layout .headerBox .headerBox__content { padding-bottom: 21px; } .HeroSlide--has-lease-layout .headerBox .headerBox__tco-lease-caveat { margin-top: 0; } .HeroSlide--has-lease-layout .headerBox .totalCost .headerBox__totalCostRow { display: block; } .HeroSlide--has-lease-layout .headerBox .headerBox__lease-caveat-full { margin-top: 14px; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost { text-align: left; } .HeroSlide--has-lease-layout .headerBox .headerBox__totalCost .headerBox__priceColumn { display: block; } .HeroSlide--has-lease-layout .headerBox .headerBox__lease-column { padding-left: 0; } .HeroSlide--has-lease-layout .headerBox .totalCost .priceColumn, .HeroSlide--has-lease-layout .headerBox .totalCost .infoColumn { margin: 0; max-width: 100%; } .HeroSlide--has-lease-layout .headerBox .totalCost .priceColumn { margin-bottom: 15px; } } .HeroSlide--has-lease-layout .headerBox__totalCost .totalCostRow .priceColumn { margin-right: 0; } .HeroSlide--has-lease-layout .headerBox__totalCost .totalCostRow .headerBox__tcoPrice, .HeroSlide--has-lease-layout .headerBox__totalCost .totalCostRow .headerBox__tco-lease-price { font-size: 2.8rem; font-family: "lr_ot4", "arial", "helvetica", sans-serif; line-height: 1.32; } .HeroSlide--has-lease-layout .headerBox__lease-caveat-full { font-size: 1.1rem; line-height: 1.8rem; letter-spacing: 0.02rem; font-weight: 400; line-height: 1.4rem; } @media screen and (min-width: 1px) and (max-width: 740px) { .HeroSlide--has-lease-layout .headerBox__totalCost { padding: 28px 30px 30px; visibility: visible; text-align: left; } } .ScrollDown { display: inline-block; width: 50px; line-height: 50px; background-color: #0c121c; color: #fff; text-decoration: none; text-align: center; z-index: 5; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: background-color 0.5s, color 0.5s; -moz-transition: background-color 0.5s, color 0.5s; -o-transition: background-color 0.5s, color 0.5s; transition: background-color 0.5s, color 0.5s; position: relative; top: -50px; border: 0; } .ScrollDown:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; font-size: 25px; position: relative; top: -1px; } .ScrollDown:hover { background-color: #fff; color: #0c121c; } .HeroCarousel .ScrollDown { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } @media screen and (min-width: 1px) and (max-width: 900px) { .ScrollDown { display: none; } } .no-js .InPageNavigation, .InPageNavigation.touchDevice { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .InPageNavigation { display: none; } } .InPageNavigation__bar { position: relative; color: #fff; background-color: #4a4f54; background-clip: content-box; transition: background-color 0.4s, border-color 0.4s; } .InPageNavigation--sticky .InPageNavigation__bar { position: fixed; top: 0; right: 0; left: 0; z-index: 8; } .InPageNavigation__top-link { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; width: 90px; position: absolute; top: 0; left: 0; text-align: center; transition: opacity 0.4s, visibility 0 0.4s; font-family: "AvenirNext", "arial", "helvetica", sans-serif; text-decoration: none; color: inherit; } .InPageNavigation__top-link-inner { -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .InPageNavigation__top-link-inner:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin-right: 10px; position: relative; top: -1px; } .InPageNavigation__links-container { position: relative; margin: 0 90px; } .InPageNavigation__list { display: flex; margin: 0 auto; } .InPageNavigation__item { flex: 1; transition: border-color 0.4s; } .InPageNavigation__link { display: block; position: relative; height: 41px; padding: 0 5px; text-align: center; z-index: 1; font-family: "AvenirNext", "arial", "helvetica", sans-serif; text-decoration: none; color: inherit; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; } .InPageNavigation__link:hover, .InPageNavigation__link:focus { color: #d8d8d8; } .InPageNavigation__link:hover .InPageNavigation__link-inner, .InPageNavigation__link:focus .InPageNavigation__link-inner { border-bottom: 1px solid #d8d8d8; } .InPageNavigation__link:focus { outline: 0; } .focusStylesOn .InPageNavigation__link:focus { box-shadow: inset 0 0 5px #4a90e2, 0 0 5px #4a90e2; } .InPageNavigation__link-inner { display: inline-block; line-height: 12px; vertical-align: middle; border-bottom: 1px solid transparent; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; } .InPageNavigation__indicator { height: 6px; position: absolute; bottom: 0; background-color: transparent; transition: background-color 0.2s; } .InPageNavigation__indicator--animate-left { transition: left 0.4s, right 0.4s 0.2s, background-color 0.4s 0.4s; } .InPageNavigation__indicator--animate-right { transition: left 0.4s 0.2s, right 0.4s, background-color 0.4s 0.4s; } .InPageNavigation--reversed .InPageNavigation__bar { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97); opacity: 0.97; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); } .InPageNavigation--reversed .InPageNavigation__top-link { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; transition: visibility 0, opacity 0.4s 0.4s; } .InPageNavigation--reversed .InPageNavigation__top-link-inner { border-bottom: 1px solid transparent; } @media screen and (min-width: 1px) and (max-width: 900px) { .InPageNavigation--reversed { display: none; } } .InPageNavigation--no-animate, .InPageNavigation--no-animate * { transition: none !important; } .InPageNavigation__item { border-right: 1px solid #5c6165; } .InPageNavigation__item:first-child { border-left: 1px solid #5c6165; } .InPageNavigation__link, .InPageNavigation__top-link { font-weight: 700; font-size: 0.9rem; letter-spacing: 0.2em; line-height: 39px; } .InPageNavigation--reversed .InPageNavigation__bar { color: #0c121c; background-color: #e4e8e8; } .InPageNavigation--reversed .InPageNavigation__item, .InPageNavigation--reversed .InPageNavigation__item:first-child { border-color: #e4e8e8; } .InPageNavigation--reversed .InPageNavigation__link:hover, .InPageNavigation--reversed .InPageNavigation__link:focus { color: #005a2b; } .InPageNavigation--reversed .InPageNavigation__link:hover .InPageNavigation__link-inner, .InPageNavigation--reversed .InPageNavigation__link:focus .InPageNavigation__link-inner { border-bottom: 1px solid #005a2b; } .InPageNavigation--reversed .InPageNavigation__top-link:hover, .InPageNavigation--reversed .InPageNavigation__top-link:focus { color: #005a2b; } .InPageNavigation--reversed .InPageNavigation__top-link:hover .InPageNavigation__top-link-inner, .InPageNavigation--reversed .InPageNavigation__top-link:focus .InPageNavigation__top-link-inner { border-bottom: 1px solid #005a2b; } .InPageNavigation--reversed .InPageNavigation__indicator { background-color: #005a2b; } .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 > a, .InPageSubNavigation .chooseModel .back { display: block; padding: 0 40px 0 23px; line-height: 45px; font-size: 10px; font-weight: bold; letter-spacing: 0.2em; text-align: left; position: relative; -webkit-transition: background-color 400ms ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; } .InPageSubNavigation .chooseModel > a:before, .InPageSubNavigation .chooseModel .back:before { position: absolute; top: 17px; right: 16px; } .InPageSubNavigation .chooseModel > a:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .InPageSubNavigation .chooseModel .back:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .InPageSubNavigation .chooseModel .modelsContainer { display: none; } .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { margin: 0; padding: 0 23px; line-height: 45px; font-size: 10px; letter-spacing: 0.2em; cursor: default; } @media screen and (min-width: 1px) and (max-width: 740px) { .InPageSubNavigation { display: block; } } .no-js .InPageSubNavigation .DropdownNav .selected:before { display: none; } .no-js .InPageSubNavigation .chooseModel > a { display: none; } .no-js .InPageSubNavigation .chooseModel .modelsContainer { display: block; } .no-js .InPageSubNavigation .chooseModel .modelsContainer .back { display: none; } .InPageSubNavigation .chooseModel > a, .InPageSubNavigation .chooseModel .back { background-color: #0c121c; color: #fff; } .InPageSubNavigation .chooseModel > a:hover, .InPageSubNavigation .chooseModel > a:focus, .InPageSubNavigation .chooseModel .back:hover, .InPageSubNavigation .chooseModel .back:focus { background-color: #383b3f; } .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { background-color: #a4a7a9; color: #fff; } .lightTheme .InPageSubNavigation .chooseModel > a, .lightTheme .InPageSubNavigation .chooseModel .back { background-color: #0c121c; color: #fff; } .lightTheme .InPageSubNavigation .chooseModel > a:hover, .lightTheme .InPageSubNavigation .chooseModel > a:focus, .lightTheme .InPageSubNavigation .chooseModel .back:hover, .lightTheme .InPageSubNavigation .chooseModel .back:focus { background-color: #383b3f; } .lightTheme .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { background-color: #a4a7a9; color: #fff; } .Accordion--mobile-only .accordion-group-title { display: none; } @media screen and (min-width: 741px) { .Accordion--mobile-only { height: auto !important; } } @media screen and (min-width: 741px) { .Accordion--mobile-only .accordion-group-content { height: auto !important; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Accordion--hideInAccordion { display: none !important; } .Accordion--mobile-only { position: relative; z-index: 1; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.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: bold; 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; transform: translate3d(0, 0, 0); transition: opacity 0.35s ease-in-out; } .Accordion--mobile-only .accordion-fixed-header .accordion-group-title { box-shadow: 0px 0px 4px rgba(1, 1, 1, 0.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: 0.7px; padding-top: 1px; padding-right: 15px; } .Accordion--mobile-only .accordion-group-content { background-color: #e9ecec; display: block; width: 100%; overflow: hidden; border-top: 1px solid #dbdcdd; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; -o-transition: height 0.5s; transition: height 0.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(images/accordion/accordion-icon--closed.svg) no-repeat center top; } .Accordion--mobile-only .accordion-toggle-icon.open { background: url(images/accordion/accordion-icon--open.svg) no-repeat center top; } } .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: bold; } .TabFilter li a { display: block; padding: 12px 25px 11px; letter-spacing: 0.25em; text-indent: 0.25em; text-decoration: none; text-align: center; -webkit-transition: background-color 400ms ease, border-color 400ms ease, color 400ms ease; -moz-transition: background-color 400ms ease, border-color 400ms ease, color 400ms ease; -o-transition: background-color 400ms ease, border-color 400ms ease, color 400ms ease; transition: background-color 400ms ease, border-color 400ms ease, color 400ms 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:hover, .light .TabFilter li a:focus { background-color: #4a4f54; } .light .TabFilter li.active a { background-color: #fff; color: #0c121c; } .light .TabFilter li.active:hover, .light .TabFilter li.active:focus { background-color: #fff; } .grey .TabFilter li a { background-color: #0c121c; color: #fff; } .grey .TabFilter li a:hover, .grey .TabFilter li a:focus { background-color: #4a4f54; } .grey .TabFilter li.active a { background-color: #fff; color: #0c121c; } .grey .TabFilter li.active:hover, .grey .TabFilter li.active:focus { background-color: #fff; } */ /* .dark .TabFilter li a { background-color: #0c121c; color: #fff; } .dark .TabFilter li a:hover, .dark .TabFilter li a:focus { background-color: #4a4f54; } .dark .TabFilter li.active a { background-color: #fff; color: #0c121c; } .dark .TabFilter li.active:hover, .dark .TabFilter li.active:focus { background-color: #fff; } .dark .TabFilter li a:hover, .dark .TabFilter li a:focus { background-color: #e4e8e8; color: #0c121c; } .dark .TabFilter li.active a:hover, .dark .TabFilter li.active a:focus { background-color: #fff; } */ @media screen and (min-width: 1px) and (max-width: 740px) { .TabFilter li a { padding-left: 10px; padding-right: 10px; } } .ContentCard .OrderNow__submit.primaryLinkWithStyle, .ContentCard .OrderNow__submit.secondaryLinkWithStyle { margin-top: 15px !important; } .ContentCard .secondaryLinkContainer + .secondaryLinkContainer .secondaryLinkWithStyle { margin-top: 9px; } .Modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1040; display: none; opacity: 0; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .Modal--full-width .Modal__content-wrapper { width: 100%; } @media screen and (min-width: 741px) { .Modal--full-width .Modal__content-wrapper { width: 610px; } } @media screen and (min-width: 901px) { .Modal--full-width .Modal__content-wrapper { width: 100%; } } .Modal--swiper .Modal__content { padding: 56px 0; } .Modal__background { background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .Modal__content-wrapper { width: 100%; height: 100%; display: block; background: #fff; position: fixed; z-index: 2; max-width: 1100px; } @media screen and (min-width: 741px) { .Modal__content-wrapper { width: 610px; max-height: calc(100vh - 80px); top: 50%; left: 50%; height: auto; transform: translate(-50%, -50%); box-shadow: 0px 6px 13px; } } .Modal__content { padding: 56px 40px; overflow-y: auto; height: 100%; max-height: 100vh; } @media screen and (min-width: 741px) { .Modal__content { max-height: 80vh; } } .Modal__header { position: absolute; top: 0; left: 0; right: 0; background: #fff; z-index: 2; border-bottom: 1px solid #d8d8d8; } @media screen and (min-width: 768px) { .Modal__header { border-bottom: none; } } .Modal__close { display: block; height: 44px; width: 44px; padding: 14px; outline: 0; text-align: center; background: transparent; border: 0; margin-left: auto; } .Modal__close:disabled, .Modal__close [disabled] { background: transparent; } .Modal__close:disabled:after, .Modal__close [disabled]:after { color: #e4e4e4; } .Modal__close:after { color: #000; font-size: 16px; margin: 0 !important; line-height: 14px; width: auto; } .Modal__title { margin: 24px 0; } @media screen and (min-width: 741px) { .Modal__title { margin-top: 0; } } @media screen and (min-width: 901px) { .Modal__title { margin-top: 0; margin-bottom: 23px; } } .Modal__footer { position: fixed; bottom: -1px; height: 83px; background: linear-gradient( to top, #fff 0%, #fff 24%, rgba(255, 255, 255, 0) 100% ); left: 0; right: 0; transition: opacity 0.35s ease-in-out; z-index: 2; } .Modal__close:hover, .Modal__close:active { background: #e9ecec; border: 0; } .focusStylesOn .Modal__close:focus { background: #e9ecec; box-shadow: inset 0 0 5px #4a90e2, 0 0 5px #4a90e2; } .Modal__close:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } /* .Modal__title { color: #0c121c; font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 1.7rem; line-height: 1.24; letter-spacing: 0.255rem; font-weight: 500; } */ /* @media screen and (min-width: 740px) and (max-width: 899px) { .Modal__title { line-height: 1.24; letter-spacing: 0.24rem; } } @media screen and (min-width: 901px) { .Modal__title { font-size: 1.8rem; line-height: 1.22; letter-spacing: 0.3rem; } } */ .Modal__text { color: #4a4f54; } .ToggleLinks { margin: 0 auto; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; 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: bold; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: table-cell; display: flex; } .ToggleLinks .toggleLinksItem.active .toggleLinksLink { background-color: #fff; color: #0c121c; } .ToggleLinks .toggleLinksLink { -webkit-transition: background-color 400ms ease, color 400ms ease; -moz-transition: background-color 400ms ease, color 400ms ease; -o-transition: background-color 400ms ease, color 400ms ease; transition: background-color 400ms ease, color 400ms ease; padding: 12px 25px 11px; letter-spacing: 0.25em; text-indent: 0.25em; text-decoration: none; text-align: center; background-color: #0c121c; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ToggleLinks .toggleLinksLink:hover, .ToggleLinks .toggleLinksLink:focus { background-color: #4a4f54; } .dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink { background-color: #fff; color: #0c121c; } .dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover, .dark .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus { background-color: #fff; } .dark .ToggleLinks .toggleLinksLink:hover, .dark .ToggleLinks .toggleLinksLink:focus { background-color: #e4e8e8; color: #0c121c; } .grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink { background-color: #0c121c; color: #fff; } .grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover, .grey .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus { background-color: #0c121c; } .grey .ToggleLinks .toggleLinksLink { background-color: #fff; color: #0c121c; } .grey .ToggleLinks .toggleLinksLink:hover, .grey .ToggleLinks .toggleLinksLink:focus { background-color: #e4e8e8; } .light .ToggleLinks .toggleLinksItem.active .toggleLinksLink { background-color: #0c121c; color: #fff; } .light .ToggleLinks .toggleLinksItem.active .toggleLinksLink:hover, .light .ToggleLinks .toggleLinksItem.active .toggleLinksLink:focus { background-color: #0c121c; } .light .ToggleLinks .toggleLinksLink { background-color: #fff; color: #0c121c; } .light .ToggleLinks .toggleLinksLink:hover, .light .ToggleLinks .toggleLinksLink:focus { 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: -webkit-box; display: flex; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .GridListWrapper .ToggleLinks { margin-left: -42px; margin-right: -42px; } .ToggleLinks .toggleLinksItem { width: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1px; max-width: none; } .ToggleLinks .toggleLinksLink { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 17px; padding-bottom: 16px; } .ToggleLinks .toggleLinksLink span { display: block; } } @media screen and (min-width: 1px) and (max-width: 740px) { .ToggleLinks { -webkit-box-pack: start; -ms-flex-pack: start; 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; -ms-flex-preferred-size: 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 { display: none; } .toggleContent.toggleLinksActive .toggleContentItem { display: none; } .Pagination { display: flex; } .Pagination__controls { display: flex; list-style-type: none; flex-direction: row; align-items: center; justify-content: left; } .Pagination__pip, .Pagination__play, .Pagination__pause { border: 0; } .Pagination__pip:hover, .Pagination__play:hover, .Pagination__pause:hover { background: transparent; border: 0; } .Pagination__pip { display: block; width: 32px; height: 32px; position: relative; } .Pagination__pip:after { content: ""; display: block; box-sizing: border-box; position: absolute; top: 10px; left: 10px; width: 12px; height: 12px; border-radius: 100px; background: rgba(255, 255, 255, 0); border: 2px solid #fff; transition: all 0.2s; } .Pagination__pip:focus { outline: none; } .focusStylesOn .Pagination__pip:focus { box-shadow: none; } .Pagination__pip:hover:after { background: rgba(255, 255, 255, 0.2); } .Pagination__pip--active:after, .Pagination__pip--active:hover:after { background: #fff; } .Pagination__play, .Pagination__pause { position: absolute; width: 42px; height: 42px; padding: 0; top: 0; left: 0; } .Pagination__play:before, .Pagination__pause:before { content: ""; width: 42px; height: 42px; position: absolute; border-radius: 100px; border: 2px solid #fff; top: 0; left: 0; background-color: rgba(255, 255, 255, 0); } .Pagination__play:focus, .Pagination__pause:focus { outline: 0; } .Pagination__pause { opacity: 0; visibility: hidden; pointer-events: none; } .Pagination__pause:before { border: 2px solid rgba(255, 255, 255, 0.4); } .Pagination__pause-timer-icon { width: 42px; height: 42px; transform: rotateY(-180deg) rotateZ(-90deg); } .grey .cmp-carousel[data-total="1"] .Pagination__pause-timer-icon-countdown, .white .cmp-carousel[data-total="1"] .Pagination__pause-timer-icon-countdown, .light .cmp-carousel[data-total="1"] .Pagination__pause-timer-icon-countdown, .slateblue .cmp-carousel[data-total="1"] .Pagination__pause-timer-icon-countdown { stroke: none; } .Pagination__pause-timer-icon-countdown { stroke-dasharray: 124px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 2px; stroke: #ffffff; fill: none; opacity: 1; } .Pagination__button-wrapper--play-pause { width: 42px; height: 42px; position: relative; margin-right: 10px; } .Pagination__button-wrapper--play-pause:before { content: ""; width: 38px; height: 38px; position: absolute; border-radius: 100px; border: 2px solid transparent; top: 2px; left: 2px; background-color: rgba(255, 255, 255, 0); transition: all 0.2s; } .Pagination__button-wrapper--play-pause:hover:before { background-color: rgba(255, 255, 255, 0.2); } .Pagination[data-playing="true"] .Pagination__play { opacity: 0; visibility: hidden; pointer-events: none; } .Pagination[data-playing="true"] .Pagination__pause { opacity: 1; visibility: visible; pointer-events: auto; } .Pagination__play-control-icon, .Pagination__pause-control-icon { position: absolute; max-width: 20px; fill: #fff; fill-rule: evenodd; clip-rule: evenodd; } .Pagination__play-control-icon { top: 11px; left: 16px; max-height: 20px; } .Pagination__pause-control-icon { max-height: 16px; top: 13px; left: 16px; } .Pagination--black .Pagination__pip:after { border: 2px solid #000; } .Pagination--black .Pagination__pip:focus { outline: none; } .Pagination--black .Pagination__pip:hover:after { background: rgba(0, 0, 0, 0.2); } .Pagination--black .Pagination__pip--active:after, .Pagination--black .Pagination__pip--active:hover:after { background: #000; } .Pagination--black .Pagination__play:before, .Pagination--black .Pagination__pause:before { border: 2px solid #000; background-color: transparent; } .Pagination--black .Pagination__play-control-icon { fill: #000; } .Pagination--black .Pagination__play-control-icon, .Pagination--black .Pagination__pause-control-icon { fill: #000; fill-rule: evenodd; clip-rule: evenodd; } .Pagination--black .Pagination__pause:before { border: 2px solid rgba(0, 0, 0, 0.4); } .Pagination--black .Pagination__pause-timer-icon-countdown { stroke-dasharray: 124px; stroke-dashoffset: 0; stroke-linecap: round; stroke-width: 2px; stroke: black; fill: none; opacity: 1; } .swiper-scrollbar { background-color: #e4e8e8; } .swiper-container-horizontal > .swiper-scrollbar { height: 3px; } .swiper-scrollbar-drag { background: #a5a7aa; } .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 400ms ease-in; -webkit-transition-delay: 400ms; -moz-transition: right 400ms ease-in 400ms; -o-transition: right 400ms ease-in 400ms; transition: right 400ms ease-in 400ms; } .swiper-button { position: absolute; top: calc(50% - 12px); z-index: 10; cursor: pointer; padding: 0; margin: 0; display: none; outline: none; width: auto; max-width: 44px; height: 44px; padding: 10px; box-sizing: border-box; transition: all 0.2s; opacity: 0; } .focusStylesOn .swiper-button:focus { opacity: 1; } .swiper-button svg { width: auto; height: 24px; max-width: 24px; margin: 0 auto; } .swiper-button, .swiper-button:hover { background: transparent; border: 0; } .swiper-button--prev { left: 0; right: auto; } .swiper-button--next { left: auto; right: 0; } @media screen and (min-width: 901px) { .swiper-button { display: block; } .swiper-button[aria-disabled="true"] { display: none; } } .swiper-container:hover .swiper-button { opacity: 1; } .Picture--background .Picture__img { object-fit: cover; object-position: center; width: 100%; height: 100%; display: block; } .Picture--background[data-align="left"] .Picture__img, .Picture--background[data-align="left center"] .Picture__img { object-position: left; } .Picture--background[data-align="top"] .Picture__img { object-position: top; } .Picture--background[data-align="right"] .Picture__img, .Picture--background[data-align="right center"] .Picture__img { object-position: right; } .Picture--background[data-align="bottom"] .Picture__img { object-position: bottom; } .Picture--background[data-align="center"] .Picture__img, .Picture--background[data-align="center center"] .Picture__img { object-position: center; } .DxProgressBar { margin-bottom: 30px; } .DxProgressBar__breadcrumb-list { display: flex; margin: 0 auto; justify-content: center; } .DxProgressBar__breadcrumb-item { margin: 0 20px; font-size: 1rem; font-weight: 600; } .DxProgressBar__breadcrumb-label { margin-left: 10px; display: none; } .DxProgressBar__breadcrumb-label--no-number { margin-left: 0; } .DxProgressBar__breadcrumb-item--link { text-decoration: none; position: relative; } .DxProgressBar__breadcrumb-item--link:after { opacity: 0; transition: opacity 200ms ease-in-out; content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; width: 100%; } .DxProgressBar__breadcrumb-item--link:hover:after { opacity: 1; } .DxProgressBar__breadcrumb-item--current { position: relative; } .DxProgressBar__breadcrumb-item--current:after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; height: 3px; background: #ccc; width: 100%; } .DxProgressBar__breadcrumb-item--text { color: #ccc; } @media screen and (min-width: 741px) { .DxProgressBar__breadcrumb-label { display: inline; } } @media screen and (min-width: 901px) { .DxProgressBar { margin-bottom: 40px; } .DxProgressBar__breadcrumb-item { margin: 0 12px; } } .DxProgressBar__breadcrumb-item { letter-spacing: 1.6px; } .DxProgressBar__breadcrumb-item--link { color: #4a4f54; } .DxProgressBar__breadcrumb-item--link:after { border-bottom: solid 3px #005a2b; } .DxProgressBar__breadcrumb-item--link:hover { color: #005a2b; } .DxProgressBar__breadcrumb-item--current { color: #005a2b; } .DxTwoColumnContainer__columns { display: flex; flex-wrap: wrap; flex-direction: column; background-color: #fff; } .DxTwoColumnContainer__columns--reverse { flex-direction: column-reverse; } .DxTwoColumnContainer__column { width: 100%; } .DxTwoColumnContainer__column--relative { position: relative; } .DxTwoColumnContainer__column--content-column { padding: 0 30px; } .DxTwoColumnContainer__content { padding: 0 0 20px 0; } .DxTwoColumnContainer__content-relative { position: relative; } @media screen and (min-width: 741px) { .DxTwoColumnContainer__column--content-column { padding: 0 40px; } .DxTwoColumnContainer__content { padding-top: 0; } } @media screen and (min-width: 1081px) { .DxTwoColumnContainer__columns { flex-direction: row; } .DxTwoColumnContainer__columns--reverse { flex-direction: row-reverse; } .DxTwoColumnContainer__column--content-column { padding-left: 70px; padding-right: 0; } .DxTwoColumnContainer__column--left { width: 45%; } .DxTwoColumnContainer__column--right { width: 55%; } .DxTwoColumnContainer--ratio-fiftyFifty .DxTwoColumnContainer__column--left { width: 50%; } .DxTwoColumnContainer--ratio-fiftyFifty .DxTwoColumnContainer__column--right { width: 50%; } .DxTwoColumnContainer--ratio-fiftyFiveFortyFive .DxTwoColumnContainer__column--left { width: 55%; } .DxTwoColumnContainer--ratio-fiftyFiveFortyFive .DxTwoColumnContainer__column--right { width: 45%; } .DxTwoColumnContainer--ratio-fortySixty .DxTwoColumnContainer__column--left { width: 40%; } .DxTwoColumnContainer--ratio-fortySixty .DxTwoColumnContainer__column--right { width: 60%; } .DxTwoColumnContainer--ratio-sixtyForty .DxTwoColumnContainer__column--left { width: 60%; } .DxTwoColumnContainer--ratio-sixtyForty .DxTwoColumnContainer__column--right { width: 40%; } .DxTwoColumnContainer--ratio-thirtySeventy .DxTwoColumnContainer__column--left { width: 30%; } .DxTwoColumnContainer--ratio-thirtySeventy .DxTwoColumnContainer__column--right { width: 70%; } .DxTwoColumnContainer--ratio-seventyThirty .DxTwoColumnContainer__column--left { width: 70%; } .DxTwoColumnContainer--ratio-seventyThirty .DxTwoColumnContainer__column--right { width: 30%; } .DxTwoColumnContainer__content { padding: 60px 20px; } } *:focus { outline: 0; } body.focusStylesOn *:focus { box-shadow: inset 0 0 5px #4a90e2, 0 0 5px #4a90e2; } body.focusStylesOn .noFocusStyles:focus { box-shadow: none; } .IgniteBarV1 { display: none; position: fixed; right: 0; top: 50%; z-index: 4; pointer-events: none; -webkit-transition: margin 1s; -moz-transition: margin 1s; -o-transition: margin 1s; transition: margin 1s; } .IgniteBarV1.visible, .no-js .IgniteBarV1 { display: block; } .IgniteBarV1.open { pointer-events: auto; } .IgniteBarV1.open li > span { transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); } .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; -webkit-transition: -webkit-transform 0.4s, background-color 0.2s; -moz-transition: -moz-transform 0.4s, background-color 0.2s; -o-transition: -o-transform 0.4s, background-color 0.2s; transition: transform 0.4s, background-color 0.2s; background-color: #0c121c; border-bottom: solid 1px #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: bold; display: inline-block; text-decoration: none; white-space: nowrap; width: 100%; padding-left: 25px; padding-right: 5px; } .IgniteBarV1 li > a { z-index: 8; position: absolute; right: 0; text-decoration: none; border-bottom: solid 1px #4a4f54; background-color: #0c121c; width: 50px; height: 50px; -webkit-backface-visibility: hidden; display: block; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.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:hover:not(.share) a { color: #0c121c; } .IgniteBarV1 li:hover:not(.share) > span, .IgniteBarV1 li:hover:not(.share) > a { background-color: #fff; } .IgniteBarV1 li:last-child > span, .IgniteBarV1 li:last-child > a { border-bottom: none; } .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 > span, .IgniteBarV1.light li > a { font-weight: bold; background-color: #fff; border-bottom: solid 1px #eff1f1; } .IgniteBarV1.light li:hover:not(.share) a { color: #fff; } .IgniteBarV1.light li:hover:not(.share) > span, .IgniteBarV1.light li:hover:not(.share) > a { background-color: #005a2b; } 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: -webkit-calc((100% + 108px) / 2); top: -moz-calc((100% + 108px) / 2); top: calc((100% + 108px) / 2); } body.withSubNavigation .IgniteBarV1 { top: -webkit-calc((100% + 108px + 41px) / 2); top: -moz-calc((100% + 108px + 41px) / 2); 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; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .IgniteBarV2 .barContainer.scrolling { -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; } .IgniteBarV2 .toggle { pointer-events: all; position: absolute; top: 50%; margin-top: -25px; -webkit-transition-property: top, margin-top; -moz-transition-property: top, margin-top; -o-transition-property: top, margin-top; transition-property: top, margin-top; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; transition-timing-function: ease-out(0, 0, 1400, 0.099); } .IgniteBarV2 .toggle .toggleLabel { background-color: #fff; height: 50px; line-height: 51px; color: #005a2b; padding-left: 22px; padding-right: 20px; font-family: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.3em; position: absolute; right: -100%; margin-right: -50px; top: 0; -webkit-transition-property: margin-right, right; -moz-transition-property: margin-right, right; -o-transition-property: margin-right, right; transition-property: margin-right, right; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; z-index: 1; font-weight: bold; } .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; -webkit-transition-property: background-color, color; -moz-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .IgniteBarV2 .toggle .toggleBtn .toggleCross { transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0deg); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; transition-timing-function: ease-out; } .IgniteBarV2 .toggle .toggleBtn .toggleCross .toggleCrossIcon:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 { animation: pulserotate 0.6s 1, pulserotate-out 0.4s 1 0.6s; } .IgniteBarV2.open .toggle { top: 0; margin-top: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; transition-timing-function: ease-out(0, 0, 0, 0.85); } .IgniteBarV2.open .toggle .toggleBtn { background-color: #fff; color: #0d6236; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .IgniteBarV2.open .toggle .toggleBtn .toggleCross { -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; transition-timing-function: ease-out; } .IgniteBarV2.open .toggle .toggleBtn .toggleCross .toggleCrossIcon:before { -webkit-animation: none; animation: none; } .IgniteBarV2.animate { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; transition-property: top; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .IgniteBarV2 .actions { pointer-events: all; width: 50px; position: relative; right: -50px; -webkit-transition-property: right; -moz-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; 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; -webkit-transition-property: width; -moz-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.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: "AvenirNext", "arial", "helvetica", sans-serif; font-size: 10px; letter-spacing: 0.3em; line-height: 12px; color: #e4e8e8; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0; -moz-transition-delay: 0; -o-transition-delay: 0; 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; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .IgniteBarV2.open .actions { right: 0; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .IgniteBarV2.open .actions .actionItem .action { width: 250px; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } @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 { transform: rotate(-45deg); } .IgniteBarV2 .actions .actionItem { margin-top: 0; margin-bottom: 1px; } } @media screen and (max-height: 360px) { .IgniteBarV2 { display: none; } .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; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -o-transition-delay: 1.5s; 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, 0.7); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; transition-timing-function: ease-out; } @keyframes pulserotate { 0% { transform: scale(1) rotate(0deg); animation-timing-function: ease-in; } 100% { transform: scale(1.2) rotate(90deg); animation-timing-function: ease-in; } } @keyframes pulserotate-out { 0% { transform: scale(1.2) rotate(90deg); animation-timing-function: ease-out; } 100% { transform: scale(1) rotate(180deg); animation-timing-function: ease-out; } } .IgniteBar { transition: opacity 0.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: 0.2em; text-align: center; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .IgniteBarDevice .item:first-child { border-left: none; } .IgniteBarDevice .item:hover, .IgniteBarDevice .item:focus { background-color: #4a4f54; } .IgniteBarDevice .item .icon { display: block; line-height: 21px; margin: 0 auto; font-family: "icons-2022"; 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 { font-size: 22px; } .IgniteBarDevice .item .icon.icon-social-facebook-comment { font-size: 22px; } @media screen and (min-width: 1px) and (max-width: 740px) { .IgniteBarDevice { display: table; } } .SubFooter { padding: 20px 90px; font-size: 11px; border-top: 1px solid; } .SubFooter p { padding-bottom: 20px; } .SubFooter p:last-child { padding-bottom: 0; } .lt-ie9 .SubFooter { 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; } .SubFooter a { color: #a4a7a9; } .SubFooter .container { line-height: 1.4rem; } /* .lightTheme .SubFooter { background-color: #fff; border-top-color: #e4e8e8; color: #4a4f54; } .lightTheme .SubFooter a { color: #4a4f54; } .lightTheme .SubFooter a:hover { color: #a4a7a9; } */ .DropdownNav { max-width: 350px; font-size: 10px; font-weight: bold; letter-spacing: 0.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; -webkit-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; -moz-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; -o-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; } .DropdownNav .selected:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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 .selected:hover { background-color: #4a4f54; } .DropdownNav.active .selected:focus { 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:hover, .DropdownNav ul li:focus { background-color: #e4e8e8; } .grey .DropdownNav ul li { border-color: #dee2e2; } .grey .DropdownNav ul li:hover, .grey .DropdownNav ul li:focus { background-color: #dee2e2; } .dark .DropdownNav .selected:hover { background-color: #383b3f; } .dark .DropdownNav.active .selected:focus { background-color: #383b3f; } .dark .DropdownNav.open .selected { background-color: #383b3f; } select.DropdownSelect { visibility: hidden; } .no-js select.DropdownSelect { visibility: visible; } .DropdownSelect { height: 45px; font-size: 10px; letter-spacing: 0.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; -webkit-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; -moz-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; -o-transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; transition: background-color 400ms ease-out, color 400ms ease-out, border-color 400ms ease-out; } .DropdownSelect .selected:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: 0px 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("images/DropdownSelect/click-off-bg.png"); } .DropdownSelect.disabled .selected { cursor: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } .DropdownSelect.open .selected { z-index: 6; } .DropdownSelect.open .selected:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: bold; } .DropdownSelect .selected { background-color: #0c121c; color: #fff; } .DropdownSelect .selected:hover, .DropdownSelect .selected:focus { background-color: #4a4f54; } .DropdownSelect ul { box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25); } .DropdownSelect ul li { color: #0c121c; border-color: #e4e8e8; background-color: #fff; } .DropdownSelect ul li.active, .DropdownSelect ul li:hover, .DropdownSelect ul li:focus { background-color: #e4e8e8; } .DropdownSelect.disabled .selected:hover, .DropdownSelect.disabled .selected:focus { background-color: #0c121c; } .DropdownSelect.open .selected { background-color: #4a4f54; } .grey .DropdownSelect ul li { border-color: #dee2e2; } .grey .DropdownSelect ul li:hover, .grey .DropdownSelect ul li:focus { background-color: #dee2e2; } .dark .DropdownSelect .selected:hover, .dark .DropdownSelect .selected:focus { background-color: #383b3f; } .dark .DropdownSelect.open .selected { background-color: #383b3f; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0c121c; opacity: 0.9; filter: alpha(opacity=90); } a.mfp-close { text-decoration: none; float: right; width: 70px; height: 70px; background-color: #0c121c; } a.mfp-close.hide { display: none; } a.mfp-close:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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; } a.mfp-close:hover { cursor: pointer; background-color: #4a4f54; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; overflow: hidden !important; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-wrap .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-close, .mfp-wrap .mfp-container .mfp-content .mfp-arrow, .mfp-wrap .mfp-container .mfp-content .mfp-preloader, .mfp-wrap .mfp-container .mfp-content .mfp-counter { -webkit-user-select: none; -moz-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-ready .mfp-preloader { display: none; } .mfp-wrap .mfp-container .mfp-content .mfp-s-error .mfp-content { display: none; } .mfp-wrap .mfp-container .mfp-content .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.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-inline-holder .mfp-content, .mfp-wrap .mfp-ajax-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: -moz-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-close, button.mfp-arrow { overflow: visible; cursor: pointer; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; 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: 0.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:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { 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:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { 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: 0px; 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; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0; margin: 0 auto; } .mfp-figure { 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: 0px; 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-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .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, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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, 0.6); text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.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; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .Fullscreen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen { height: auto; } } .Fullscreen__header { position: fixed; background-color: transparent; top: 0; width: 100%; min-width: 392px; height: 70px; z-index: 7; } .Fullscreen__header-overlay-box { width: 100%; height: 100%; z-index: -1; position: absolute; } .Fullscreen__logo-link { display: none; float: left; } .Fullscreen__logo { float: left; height: 48px; margin: 11px; } .Fullscreen__information-wrapper { position: absolute; display: flex; align-items: center; top: 0; left: 0; height: 70px; background-color: transparent; max-width: 900px; } .Fullscreen__information-heading { padding: 9px 0 11px 50px; height: 70px; display: flex; align-items: center; overflow: hidden; text-align: left; font-weight: 700; min-width: 300px; max-width: 400px; margin-bottom: 0; color: #fff; -webkit-font-smoothing: antialiased; transition: opacity 0.5s ease-in-out; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__information-heading { min-width: 0; max-width: 1000px; } } .Fullscreen__information-text { text-align: left; padding: 5px 20px 5px 60px; line-height: 18px; max-height: 70px; overflow: hidden; -webkit-font-smoothing: antialiased; transition: opacity 0.5s ease-in-out; } .Fullscreen__information-text a { color: #fff; text-decoration: underline; } .Fullscreen__information-text a:hover { color: #c9c9c9; text-decoration: none; } .Fullscreen__information-text a:active { color: #c9c9c9; text-decoration: underline; } .Fullscreen__information-text a:focus { color: #c9c9c9; outline: 0; text-decoration: none; } #landrover.focusStylesOn .Fullscreen__information-text a:focus { color: #c9c9c9; box-shadow: 0 0 0 1px #0c121c inset, 0 0 0 1px #fff, 0 0 2px 4px #4a90e2; } #landrover.focusStylesOn .Fullscreen__information-text a.disabled:focus { background-color: #e4e4e4; color: #fff; } .Fullscreen .filmstripToggle { border: 0; color: #fff; display: block; font-size: 1.3rem; text-align: center; text-decoration: none; height: 70px; transition-duration: unset; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .filmstripToggle { width: auto; float: left; border-left: 0; height: 50px; } } .Fullscreen .filmstripToggle:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; font-size: 9px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .filmstripToggle:after { font-size: 9px; } } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen .filmstripToggle.on:after { font-size: 9px; } } .Fullscreen__download-wallpaper-button { display: none; text-align: center; font-weight: 600; font-size: 1.3rem; letter-spacing: 0.8px; float: right; text-decoration: none; height: 70px; line-height: 70px; } .Fullscreen__download-wallpaper-button.show { display: block; } .Fullscreen__download-wallpaper-button:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; font-size: 18px; height: 70px; width: 70px; line-height: 66px; margin: 0; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__download-wallpaper-button:before { width: 50px; height: 50px; line-height: 46px; font-size: 15px; } } .Fullscreen__download-wallpaper-button:hover { cursor: pointer; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .Fullscreen__download-wallpaper-button:hover .Fullscreen__download-wallpaper-button-inner { border-bottom: 1px solid #fff; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__download-wallpaper-button { height: 50px; line-height: 50px; border-left: 1px solid rgba(74, 79, 84, 0.6); } } .Fullscreen__download-wallpaper-button-inner { border-bottom: 1px solid transparent; -webkit-transition: border 0.4s; -moz-transition: border 0.4s; -o-transition: border 0.4s; transition: border 0.4s; } .Fullscreen__gallery-categories-button { border-left: 1px solid rgba(74, 79, 84, 0.6); text-align: center; float: right; text-decoration: none; } .Fullscreen__gallery-categories-button:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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__gallery-categories-button:before { width: 50px; height: 50px; line-height: 49px; font-size: 32px; } } .Fullscreen__gallery-categories-button:hover { cursor: pointer; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__gallery-categories-button { float: left; } } .Fullscreen__footer { height: 0; display: none; overflow: hidden; position: fixed; bottom: 0; width: 100%; z-index: 3; padding: 0; text-align: center; } .Fullscreen__footer-heading { margin-bottom: 0.5em; transition: opacity 0.5s ease-in-out; } .Fullscreen__footer-text { text-align: center; transition: opacity 0.5s ease-in-out; } .Fullscreen__link-container { transition: opacity 0.5s ease-in-out; } .Fullscreen.Fullscreen.fullScreenVideo__header, .Fullscreen.Fullscreen.fullScreenVideo__footer { display: none; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery { padding-top: 0; position: static; } .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 .Fullscreen__logo-link { display: inline-block; } .Fullscreen.shared .Fullscreen__information-wrapper { left: 100px; } .Fullscreen.shared .Fullscreen a.mfp-close { width: auto; font-size: 10px; } .Fullscreen.shared .Fullscreen a.mfp-close__inner { display: inline-block; margin-left: 0; } .Fullscreen.shared .Fullscreen a.mfp-close:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; width: 70px; line-height: 70px; } .Fullscreen__content-wrapper { padding-top: 70px; height: 100%; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__content-wrapper { padding-top: 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen .Fullscreen__header { min-width: 0; } } .Fullscreen .VideoPlayerGalleryAsset { width: 100%; height: 100%; } .Fullscreen .VideoPlayer { height: 100%; } .Fullscreen__buttons { float: right; } .Fullscreen__buttons > a, .Fullscreen__buttons > button, .Fullscreen__buttons > div { float: left !important; } .Fullscreen__gallery-categories-button, .Fullscreen__link-container { display: none; } .Fullscreen--hasGallery .Fullscreen__link-container { display: block; } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen--hasGallery .Fullscreen__link-container { padding: 0 30px; } } .Fullscreen--hasGallery .Fullscreen__gallery-categories-button.hasCategory { display: block; } .Fullscreen--hasGalleryCategories .Fullscreen__gallery-categories-button { display: none; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__footer { height: 95px; padding: 20px 30px; } .Fullscreen__footer-heading { margin-bottom: 0.5em; } .Fullscreen__footer-heading + .Fullscreen__footer-heading__footer-text { margin-top: 5px; } .Fullscreen__footer-text { margin: 0 20px; } } /* @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer { height: 250px; display: block; } } */ @media screen and (min-width: 1px) and (max-width: 900px) and (orientation: landscape) { .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer .primaryLinkWithStyle { margin-top: 10px; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen__footer { position: static; bottom: initial; padding-top: 40px; padding-bottom: 100vh; } } .Fullscreen__toggle { appearance: none; background: transparent; border: 0; display: none; font-size: 18px; margin: 0; padding: 0; position: absolute; right: 16px; top: calc(50px + 16px); z-index: 100; } .Fullscreen__toggle:active, .Fullscreen__toggle:hover { background: transparent; } .Fullscreen__toggle:before { color: #fff; content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; margin: 0; padding: 0; transition: color ease-out 300ms; } .Fullscreen__toggle[aria-pressed="true"]:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; color: #fff; margin: 0; padding: 0; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); transition: color ease-out 300ms; } .Fullscreen a.mfp-close { font-size: 16px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen a.mfp-close:before { font-size: 13px; } } #landrover .Fullscreen.shared .Fullscreen__header .mfp-close { width: auto; padding: 0 20px; } #landrover .Fullscreen.shared .Fullscreen__header .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 .Fullscreen__information-wrapper { display: flex !important; } #landrover .Fullscreen--hasGalleryCategories .Fullscreen__information-heading, #landrover .Fullscreen--hasGalleryCategories .Fullscreen__information-text { height: 50px; } #landrover .Fullscreen--hasGalleryCategories .Fullscreen__footer { display: none; height: 0; padding-bottom: 0; } #landrover .Fullscreen.shared .Fullscreen__header .mfp-close { position: fixed; bottom: 0; left: 0; text-align: center; width: 100%; background: none; width: auto; } #landrover .Fullscreen.shared .Fullscreen__header .mfp-close:before { width: auto; line-height: 50px; } #landrover .Fullscreen.shared.Fullscreen--hasGalleryCategories .Fullscreen__footer { height: 50px; display: block; } #landrover .Fullscreen.shared.Fullscreen--hasGalleryCategories .Fullscreen__information-heading, #landrover .Fullscreen.shared.Fullscreen--hasGalleryCategories .Fullscreen__information-text { display: none; } #landrover .Fullscreen.shared .Fullscreen__footer { padding-bottom: 40px; } #landrover .Fullscreen .Fullscreen__header { height: 50px; } #landrover .Fullscreen .Fullscreen__header .mfp-close { height: 50px; width: 50px; } #landrover .Fullscreen .Fullscreen__logo { height: 30px; margin: 10px; } #landrover .Fullscreen .Fullscreen__information-wrapper { display: none; height: 50px; } #landrover .Fullscreen .Fullscreen__information-heading { height: 50px; } #landrover .Fullscreen .Fullscreen__information-text { max-height: 50px; } } @media screen and (min-width: 1px) and (max-width: 740px) { #landrover .Fullscreen .Fullscreen__information-wrapper { display: none; } } .test-link { display: block; margin: 100px; text-align: center; text-decoration: none; } .mfp-content .Fullscreen__gallery-categories-button { display: none; } .mfp-content .Fullscreen__gallery-categories-button.show { display: block !important; } .no-js .Fullscreen--hasGalleryCategories { height: 600px; } .Fullscreen__header { color: #e4e8e8; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__header { border-right: solid 1px #4a4f54; } } .Fullscreen__header-overlay-box { background-color: #0c121c; } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen__information-heading { padding: 5px 10px; } } .Fullscreen__download-wallpaper-button { background-color: #0c121c; border-left: 1px solid #30363e; } .Fullscreen__gallery-categories-button { border-left: 1px solid #30363e; } .Fullscreen .mfp-close { border-left: 1px solid #30363e !important; } .Fullscreen .filmstripToggle { font-size: 1.4rem; line-height: 1.9rem; letter-spacing: 0.02rem; font-weight: 400; font-family: "AvenirNext", "arial", "helvetica", sans-serif; background-color: #0c121c; border-left: 1px solid #30363e; } .Fullscreen .filmstripToggle:hover { background-color: #4a4f54; } .Fullscreen .filmstripToggle.on { background-color: #4a4f54; } .Fullscreen__footer { background-color: #4a4f54; } .Fullscreen__footer-heading { color: #e4e8e8; } .Fullscreen__footer-text { font-size: 12px; color: #e4e8e8; } @media screen and (min-width: 1px) and (max-width: 900px) { .Fullscreen__footer-heading { color: #e4e8e8; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Fullscreen .Fullscreen__footer-heading + .Fullscreen____footer-text { margin-top: 3px; } .Fullscreen .Fullscreen____footer-text { line-height: 1.3; margin: 0 20px; } } @media only screen and (min-width: 0) and (max-width: 900px) and (orientation: landscape) { #landrover .Fullscreen.Fullscreen--hasGallery { display: flex; flex-direction: column; max-height: 100%; top: 0; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__header { position: absolute; transition: transform ease-out 300ms, opacity ease-out 300ms; transform: translate(0, 0); opacity: 1; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__information-wrapper { display: block; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__information-heading { padding: 9px 16px 11px; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__information-text { display: none; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__content-wrapper { flex: 1; height: auto; overflow: hidden; transition: padding ease-out 300ms; position: relative; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer { align-items: center; box-sizing: content-box; display: flex; height: 58px; overflow: hidden; padding: 8px 8px 8px 16px; position: static; transition: height ease-out 300ms, padding ease-out 300ms; width: calc(100% - 24px); } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer-heading { display: none; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer-text { align-self: center; flex: 1; margin: 0 20px 0 0; text-align: left; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__link-container { padding: 0; } #landrover .Fullscreen.Fullscreen--hasGallery .Fullscreen__toggle { display: block; } #landrover .Fullscreen.Fullscreen--hasGallery--maximised .Fullscreen__header { transform: translate(0, -100%); opacity: 0; pointer-events: none; } #landrover .Fullscreen.Fullscreen--hasGallery--maximised .Fullscreen__content-wrapper { padding-top: 0; } #landrover .Fullscreen.Fullscreen--hasGallery--maximised .Fullscreen__footer { height: 0; padding-bottom: 0; padding-top: 0; } #landrover .Fullscreen.Fullscreen--hasGallery--maximised .Fullscreen__toggle { top: 16px; } } .Gallery { height: 100%; } @media screen and (min-width: 1px) and (max-width: 740px) { .Gallery { height: auto; } } .Gallery__item, .Gallery__slider, .Gallery__wrapper { width: 100%; height: 100%; } @media screen and (min-width: 1px) and (max-width: 740px) { .Gallery__item, .Gallery__slider, .Gallery__wrapper { height: auto; } } .Gallery__item { position: relative; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__item { display: flex; align-items: center; } } @media screen and (min-width: 1px) and (max-width: 740px) { .Gallery__item { display: block; } } @media screen and (min-width: 901px) { .Gallery__background-image { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__background-image { height: calc(100vh - 300px); } } @media screen and (min-width: 1px) and (max-width: 900px) and (orientation: landscape) { .Gallery__background-image { height: calc(100vh - 185px); } } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__background-image .Picture__img { object-fit: contain; } } .Gallery__text, .Gallery__title { display: none; } .Gallery__controls { z-index: 2; left: 35px; bottom: 35px; display: none; position: absolute; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__next:not(.swiper-button-disabled), .Gallery__previous:not(.swiper-button-disabled) { display: block; opacity: 1; } } .Gallery__next { padding-right: 24px; } .Gallery__previous { padding-left: 24px; } .Gallery__link-container { position: absolute; right: 30px; bottom: 30px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__link-container { display: none; } } [dir="rtl"] .Gallery__link-container { right: auto; left: 30px; } .Gallery__thumbnails { top: 70px; width: 100%; z-index: 2; position: absolute; visibility: hidden; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__thumbnails { top: 50px; } } .Gallery__thumbnails-slider { margin: 24px 82px; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__thumbnails-slider { overflow: hidden !important; } } .Gallery__thumbnails-slide { width: 200px; max-height: 105px; } .Gallery__thumbnails-slide--active { background: #000; } .Gallery__thumbnails-slide--active:focus { border: 1px solid #fff; } .Gallery__thumbnails-slide--active .mediaOverlay { display: none; } .Gallery__thumbnails-slide--active .Picture__img { opacity: 0.25; } .Gallery__thumbnails-slide .mediaOverlay:hover { border: 1px solid #fff; } .Gallery__thumbnails-slide:focus .mediaOverlay { border: 1px solid #fff; } .Gallery__thumbnails-slide:focus .mediaOverlayBg { background-color: rgba(0, 0, 0, 0.4); } .Gallery__thumbnails-next, .Gallery__thumbnails-previous { top: 0; opacity: 1; width: 50px; max-width: 50px; height: 100%; display: block; transition: background-color 0.2s; background-color: rgba(20, 20, 20, 0.9); } .Gallery__thumbnails-next.swiper-button-disabled, .Gallery__thumbnails-previous.swiper-button-disabled { opacity: 0.2; display: block; } .Gallery__thumbnails-next.swiper-button-disabled:hover, .Gallery__thumbnails-previous.swiper-button-disabled:hover { background-color: rgba(0, 0, 0, 0.7); } .focusStylesOn .Gallery .VideoPlayer:focus-within .mejs-controls { visibility: visible !important; } .no-js .filmstripToggle { display: none; } .no-js .Fullscreen { position: static; } .no-js .Gallery { position: static; } @media screen and (min-width: 901px) { .no-js .Gallery__background-image { top: 0; left: 0; width: auto; height: auto; position: initial; } } .no-js .Gallery__item--youTube-gallery-asset .coverImgBtn, .no-js .Gallery__item--youTube-gallery-asset .mediaOverlayVideo { display: none; } .no-js .Gallery__item--youTube-gallery-asset .playerCover { cursor: default; position: static; } .no-js .Gallery__item--youTube-gallery-asset .playerCover img { max-width: 100%; } .Gallery { background-color: #4a4f54; } .Gallery__thumbnails { border-top: 1px solid #4a4f54; background-color: rgba(12, 18, 28, 0.9); } .Gallery__thumbnails-next:hover, .Gallery__thumbnails-previous:hover { background-color: rgba(74, 79, 84, 0.9); } @media only screen and (min-width: 0) and (max-width: 900px) and (orientation: landscape) { .Fullscreen.Fullscreen--hasGallery .Gallery, .Fullscreen.Fullscreen--hasGallery .Gallery__item, .Fullscreen.Fullscreen--hasGallery .Gallery__slider, .Fullscreen.Fullscreen--hasGallery .Gallery__wrapper, .Fullscreen.Fullscreen--hasGallery .Gallery__background-image { height: 100%; } .Fullscreen.Fullscreen--hasGallery .Fullscreen__footer .Gallery__cta { margin-top: 0; } .Fullscreen.Fullscreen--hasGallery--maximised .Gallery__background-image .Picture__img { object-fit: cover; } } .GalleryCategories { height: 100%; } .GalleryCategories__list { height: 100%; overflow: auto; } .GalleryCategories__list-item { position: relative; float: left; width: 50%; height: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: 1600ms opacity; -moz-transition: 1600ms opacity; -o-transition: 1600ms opacity; transition: 1600ms opacity; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .GalleryCategories__list-item + li { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .GalleryCategories__list-item + li + li { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .GalleryCategories__list-item + li + li + li { -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .GalleryCategories__list-item:hover .GalleryCategories__overlay { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .GalleryCategories__list-item:hover .GalleryCategories__category-title-inner { border-bottom: 3px solid #fff; } .GalleryCategories__background-image { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .GalleryCategories__link { width: 100%; height: 100%; display: flex; align-items: center; text-decoration: none; justify-content: center; } .GalleryCategories__text-container { padding: 0 20px; } .GalleryCategories__category-title { position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .GalleryCategories__category-title-inner { line-height: 40px; border-bottom: 3px solid transparent; } @media (max-width: 1023px) { .GalleryCategories__category-title-inner { line-height: 30px; } } .GalleryCategories__category-count { text-align: center; display: block; position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .GalleryCategories__overlay { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .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.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%; } } .no-js .GalleryCategories__list { overflow: hidden; } .no-js .GalleryCategories__list-item { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .GalleryCategories__category-title-inner, .GalleryCategories__category-count { margin-top: 16px; } .PopupModal { display: none; } .PopupModal__body-copy a { color: #005a2b; text-decoration: underline; } .mfp-bg--whitened { background: rgba(0, 0, 0, 0.5); } .mfp-iframe-alt-wrap { position: relative; padding: 56px 40px; background-color: #fff; box-shadow: 0px 6px 13px; max-width: 958px; margin: 0 auto; height: inherit; } .mfp-close.alt { position: absolute; top: 0px !important; right: 0px !important; border: 0; line-height: 0; color: rgba(0, 0, 0, 0.8); width: 44px; height: 44px; padding: 14px; transition: 0.5s; outline: 0; text-align: center; background: transparent; } .mfp-close.alt:after { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; color: #000; font-size: 16px; margin: 0 !important; line-height: 14px; width: auto; } .mfp-close.alt:hover { background-color: #e9ecec; } .mfp-iframe { border: 0; } .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, .VideoPlayer .posterImage .VideoPlayer__picture { display: block; position: relative; height: 0; padding-bottom: 56.25%; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(../backgroundsize-iepolyfill.min.htc); } .VideoPlayer .posterImage > span > span, .VideoPlayer .posterImage .VideoPlayer__picture > span { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .VideoPlayer .posterImage img, .VideoPlayer .fallbackImage 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 video, .VideoPlayer .mejs-video object { 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: center center; 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; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .VideoPlayer .mejs-controls .mejs-fullscreen-button button { padding-bottom: 2px; } .VideoPlayer .mejs-controls .mejs-fullscreen-button button:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .focusStylesOn .VideoPlayer .playerWrapper:focus-within .mejs-controls { visibility: visible !important; } .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, 0.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-total, .VideoPlayer .mejs-volume-slider .mejs-volume-current { 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-loaded { height: 4px; position: absolute; } .VideoPlayer .mejs-time-rail .mejs-time-total .mejs-time-current { 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 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-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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-button, .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-total, .VideoPlayer .mejs-volume-slider .mejs-volume-current { 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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0; } .VideoPlayer .mejs-controls .mejs-volume-button button, .VideoPlayer .mejs-controls .mejs-fullscreen-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; } .Gallery__item--videoPlayer-gallery-asset .VideoPlayer { display: flex; align-items: center; padding: 80px 90px; } .Gallery__item--videoPlayer-gallery-asset .VideoPlayer .playerWrapper { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__item--videoPlayer-gallery-asset .VideoPlayer { padding: 0; } } .Gallery__item--youTube-gallery-asset .YouTubePlayer { width: 100%; display: block; padding: 80px 90px; } .Gallery__item--youTube-gallery-asset .YouTubePlayer .playerWrapper { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1px) and (max-width: 900px) { .Gallery__item--youTube-gallery-asset .YouTubePlayer { padding: 0; } } .YouTubePlayer .coverImgBtn { border: 0; background-color: transparent; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; } .YouTubePlayer .coverImgBtn:focus { box-shadow: none; } .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 { width: 100%; height: 100%; } .YouTubePlayer iframe { z-index: 1; height: 100%; width: 100%; 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; -webkit-transition: background-color 400ms ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .YouTubePlayer .playButton:before { content: ""; font-family: "icons-2022"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; line-height: 1em; margin-left: 0.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: center; 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; } } .slateblue { background-color: #0c121c; color: #ffffff; } /* add for Body text color */ /* .grey p, .light p, .white p { color: #4a4f54; } .slateblue p { color: #ffffff; } .slateblue p > a { text-decoration: underline; } .slateblue p > a:hover { text-decoration: none; color: #005a2b; } */ html { scroll-padding-top: 52px; scroll-behavior: smooth; } @media screen and (min-width: 1021px) { html { scroll-padding-top: 78px; } } /*CTA styling fixes*/ #landrover .primaryLinkWithStyle { background-color: #0c121c; color: #ffffff; font-family: "AvenirNext-DemiBold", "arial", "helvetica", sans-serif; line-height: 1.4rem; text-decoration: none; } #landrover .primaryLinkWithStyle[class*=" icon-"]:before { line-height: initial; top: unset; } #landrover .primaryLinkWithStyle:hover, #landrover .primaryLinkWithStyle:active { box-shadow: inset 0 0 0 .1rem #0c121c; } #landrover .primaryLinkWithStyle:focus, #landrover .primaryLinkWithStyle:hover, #landrover .primaryLinkWithStyle:active { background-color: #ffffff; color: #0c121c; } #landrover .primaryLinkWithStyle:focus { outline: 0; box-shadow: inset 0 0 0 .1rem #0c121c, 0 0 .3rem .2rem #4a90e2; } #landrover .primaryLinkWithStyle.disabled { background-color: #efefef; box-shadow: none; color: rgba(12, 18, 28, 0.16); } /*Light*/ #landrover .light .primaryLinkWithStyle:focus, #landrover .light .primaryLinkWithStyle:hover, #landrover .light .primaryLinkWithStyle:active { background-color: #f8f9f9; } /*Grey*/ #landrover .grey .primaryLinkWithStyle:focus, #landrover .grey .primaryLinkWithStyle:hover, #landrover .grey .primaryLinkWithStyle:active { background-color: #e9ecec; } /*Slate blue*/ #landrover .dark.generalNotification button.primaryLinkWithStyle { background-color: #0c121c; color: #fff; } #landrover .dark.generalNotification button.primaryLinkWithStyle:hover { background-color: #4a4f54; color: #fff; box-shadow: 0 0 0 1px #fff inset; } #landrover .dark .primaryLinkWithStyle, #landrover [data-theme="slateblue"] .primaryLinkWithStyle, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle { background-color: #ffffff; color: #0c121c; } #landrover .dark .primaryLinkWithStyle:hover, #landrover .dark .primaryLinkWithStyle:active, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:hover, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:active, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:hover, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:active { box-shadow: inset 0 0 0 .1rem #ffffff; } #landrover .dark .primaryLinkWithStyle:focus, #landrover .dark .primaryLinkWithStyle:hover, #landrover .dark .primaryLinkWithStyle:active, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:focus, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:hover, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:active, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:focus, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:hover, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:active { background-color: #0c121c; color: #ffffff; } #landrover .dark .primaryLinkWithStyle:focus, #landrover [data-theme="slateblue"] .primaryLinkWithStyle:focus, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle:focus { box-shadow: inset 0 0 0 .1rem #ffffff, 0 0 .3rem .2rem #4a90e2; } #landrover .dark .primaryLinkWithStyle.disabled, #landrover [data-theme="slateblue"] .primaryLinkWithStyle.disabled, #landrover [data-contrast="slateblue"] .primaryLinkWithStyle.disabled { background-color: rgba(239, 239, 239, 0.3); color: rgba(12, 18, 28, 0.16); } /*Secondary Link*/ #landrover .secondaryLinkWithStyle { color: #0c121c; font-family: "AvenirNext-DemiBold", "arial", "helvetica", sans-serif; height: 1.3rem; letter-spacing: .2rem; line-height: 1.25rem; padding-left: 1.6rem; } #landrover .secondaryLinkWithStyle:before { color: #005a2b; font-size: 1.1rem; top: .1rem; } #landrover .secondaryLinkWithStyle:focus { border-radius: .1rem; box-shadow: 0 0 .2rem .2rem #4a90e2; color: #0c121c; outline: 0; } #landrover .secondaryLinkWithStyle:hover, #landrover .secondaryLinkWithStyle:active { color: #005a2b; } #landrover .secondaryLinkWithStyle:hover span, #landrover .secondaryLinkWithStyle:active span { text-decoration: underline; } #landrover .secondaryLinkWithStyle.disabled { box-shadow: none; color: rgba(12, 18, 28, 0.16); } #landrover .secondaryLinkWithStyle.disabled span { text-decoration: none; } /*Slate blue*/ /* #landrover .slateblue .secondaryLinkWithStyle, #landrover .slateblue .secondaryLinkWithStyle:focus, #landrover .slateblue .secondaryLinkWithStyle:hover, #landrover .slateblue .secondaryLinkWithStyle:active { color: #ffffff; } #landrover .slateblue .secondaryLinkWithStyle:before { color: #ffffff; } #landrover .slateblue .secondaryLinkWithStyle.disabled { color: rgba(255, 255, 255, 0.16); } #landrover .secondaryLinkWithStyle, #landrover .primaryLinkWithStyle { } */ .form-side-panel { position: fixed; width: 100%; max-width: 454px; height: 100dvh; right: 0; top: 0; z-index: 1001; display: flex; flex-direction: column; background: white; transform: translateX(100%); transition: transform 0.6s ease-in-out; } .form-side-panel iframe { margin-top: 75px; width: 100%; flex: 1; } .form-side-panel-close { position: absolute; top: 25px; right: 25px; width: 50px; height: 50px; border-radius: 50%; background: rgba(233, 236, 236, 0.4); backdrop-filter: blur(30px); transition: background 0.5s ease-in-out; } .form-side-panel-close:hover { background: rgb(74, 79, 84); } .form-side-panel-close:hover:after { color: white; } .form-side-panel-close:after { content: ""; font-family: "icons-2022"; font-size: 13px; transition: color 0.6s ease-in-out; } .form-side-panel-overlay { position: absolute; height: 100%; width: 100%; z-index: 100; top: 0; background: rgba(12, 18, 28, 0.3); opacity: 0; transition: opacity 0.6s ease-in-out; }